@font-face {
    font-family: 'leagueSpartan-Bold';
    src: url('../fonts/League_Spartan/static/leagueSpartan-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'leagueSpartan-SemiBold';
    src: url('../fonts/League_Spartan/static/leagueSpartan-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'leagueSpartan-Light';
    src: url('../fonts/League_Spartan/static/leagueSpartan-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'leagueSpartan-Medium';
    src: url('../fonts/League_Spartan/static/leagueSpartan-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'leagueSpartan-Regular';
    src: url('../fonts/League_Spartan/static/leagueSpartan-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}





/* Apply the font to the entire body */
body {
    font-family: 'leagueSpartan-Regular', sans-serif;
}

.leagueSpartan {
    font-family: 'radical-regular', sans-serif;
}

.leagueSpartan-bold {
    font-family: 'leagueSpartan-bold';
}

.leagueSpartan-SemiBold {
    font-family: 'leagueSpartan-SemiBold';
}

.leagueSpartan-medium {
    font-family: 'leagueSpartan-medium';
}

.leagueSpartan-light {
    font-family: 'leagueSpartan-light';
}


.owl-carousel.owl-reviewslider .owl-stage-outer {
    overflow: visible !important;
}


.owl-reviewslider2 button.owl-dot,
.owl-testimonialslider button.owl-dot {
    background: #ABAFB5;
    width: 10px;
    margin-right: 7px;
    height: 10px;
    border-radius: 100%;
}



.owl-reviewslider2 button.owl-dot.active,
.owl-testimonialslider button.owl-dot.active {
    background: #DE253A;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.owl-testimonialslider .owl-dots.disabled,
.owl-reviewslider .owl-dots.disabled,
.owl-reviewslider2 .owl-dots.disabled {
    display: flex !important;
}


.owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;

}


.content {
    max-height: 0;
    transition: max-height 0.3s ease-in-out;
}

.cscardcontainer {
    position: relative;
    width: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.75s ease-out;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    cursor: pointer;
    margin: 0 auto;
}

.cscard {
    max-width: 700px;
    transition: all 0.75s;
    background: transparent;
    border-radius: 30px;
    padding: 2vh 5%;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

}


.circle {
    opacity: 0;
    transition: all 0.75s;
    width: 150px;
    width: clamp(100px, 10vw, 150px);
    height: 150px;
    height: clamp(100px, 10vw, 150px);
    background: linear-gradient(to right, #de253a, #eb7c89);
    position: absolute;
    border-radius: 50%;
    z-index: 1;
}

.circle.visible {
    opacity: 1;
}

.frame {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2vh;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.frame img {
    width: auto;
    z-index: 2;
    transition: all 0.75s ease-out;
}



.info {
    text-align: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.info h1 {

    transition: all 0.75s ease-out;
    transform-style: preserve-3d;
}

.info h2 {

    font-weight: lighter;
    transition: all 0.75s ease-out;
}

.purchase {
    margin-bottom: 5vh;
    transition: all 0.75s ease-out;
}


.cscard.has-transform {
    transition: all 100ms linear;
}

.title.has-transform {
    transform: translateZ(100px) !important;
}

.frame img.has-transform {
    transform: translateZ(120px) rotateZ(0deg) !important;
}

.info h2.has-transform {
    transform: translateZ(125px) !important;
}

.purchase.has-transform {
    transform: translateZ(150px) rotateX(20deg) !important;
}


.wrapper {
    filter: url('#goo');
}

.my-shadow {
    box-shadow: 30px 25px 30px #D6D5D5;
}