@import url('../font-files/bebas-font.css');
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap');



:root {
    --bebas-font-family: "Bebas Neue", sans-serif;
    --bebas-book-font-family: "Bebas Neue Book", sans-serif;
    --albert-sans-font-family: "Albert Sans", sans-serif;
    --gray-color: #465254;
    --pink-color: #E71B27;
}

body {
    font-size: 16px;
}


.t-gray-16{
    color: #465254;
    font-size: 1em;
    font-family: var(--albert-sans-font-family);
    font-weight: 400;
}
.t-gray-16-b {
    color: #465254;
    font-size: 1em;
    font-family: var(--albert-sans-font-family);
    font-weight: 500;
}
.t-green-16 {
    color: #1adf00;
    font-size: 1em;
    font-family: var(--albert-sans-font-family);
    font-weight: 400;
}
.t-gray-20{
    color: #465254;
    font-size: 1.4em;
    font-family: var(--bebas-font-family);
    font-weight: 500;
}
.t-white-54{
    color: #ffffff;
    font-size: 3.5em;
    font-family: var(--bebas-font-family);
    font-weight: 600;
}
.t-white-20 {
    color: #ffffff;
    font-size: 1.4em;
    font-family: var(--bebas-font-family);
    font-weight: 500;
}
.t-white-stroke-50{
    color: transparent;
    font-size: 3.5em;
    font-family: var(--bebas-font-family);
    font-weight: 500;
    -webkit-text-stroke: 1px #ffffff;
    letter-spacing: -4px;
}
.t-red-22{
    color: #E71B27;
    font-size: 1.6em;
    font-family: var(--albert-sans-font-family);
    font-weight: 700;
}
.t-red-16 {
    color: #E71B27;
    font-size: 1em;
    font-family: var(--albert-sans-font-family);
    font-weight: 700;
}
.t-gray-20-2 {
    color: #465254;
    font-size: 1.4em;
    font-family: var(--albert-sans-font-family);
    font-weight: 600;
}
.t-gray-96{
    color: #465254;
    font-size: 6em;
    font-family: var(--bebas-font-family);
    font-weight: 300;
}
.t-red-96 {
    color: #E71B27;
    font-size: 6em;
    font-family: var(--bebas-font-family);
    font-weight: 500;
}

.t-white-1{
    color: #ffffff;
    font-size: 1.4em;
    line-height: 1em;
    font-family: var(--bebas-font-family);
    font-weight: 400;
}

.t-white-2{
    color: #ffffff;
    font-size: 2em;
    line-height: .5em;
    font-family: var(--bebas-font-family);
    font-weight: 600;
}

.t-white-3{
    color: #ffffff;
    font-size: 3em;

    font-family: var(--bebas-font-family);
    font-weight: 600;
}

.t-white-6{
    color: #ffffff;
    font-size: 6em;
    line-height: .5em;
    font-family: var(--bebas-font-family);
    font-weight: 600;
}


.t-white-6-thin{
    color: #ffffff;
    font-size: 5em;
    line-height: 1em;
    font-family: var(--bebas-font-family);
    font-weight: 300;
}

.t-white-6-thin-2{
    color: #ffffff;
    font-size: 5em;
    line-height: 1em;
    font-family: var(--bebas-font-family);
    font-weight: 300;
}

.t-gray-6-thin{
    color: var(--gray-color);
    font-size: 5em;
    line-height: 1em;
    font-family: var(--bebas-font-family);
    font-weight: 300;
}

.t-gray-6-thin-product{
    color: var(--gray-color);
    font-size: 5em;
    line-height: 1em;
    font-family: var(--bebas-font-family);
    font-weight: 300;
}

.t-gray-6-thin-2{
    color: var(--gray-color);
    font-size: 5em;
    line-height: 1em;
    font-family: var(--bebas-font-family);
    font-weight: 300;
}
            

.t-pink-bold-span{
    color: var(--pink-color);
    font-size: 1em;
    line-height: 1em;
    font-family: var(--bebas-font-family);
    font-weight: 600;
}

.t-pink-6-bold{
    color: var(--pink-color);
    font-size: 5em;
    line-height: 1em;
    font-family: var(--bebas-font-family);
    font-weight: 500;
}



.t-red-card-title {
    color: #ffffff;
    font-size: 1.2em;
    line-height: 1em;
    font-family: var(--bebas-font-family);
    font-weight: 300;
}

.t-red-card-value {
    color: #ffffff;
    font-size: 3em;
    line-height: 1em;
    font-family: var(--bebas-font-family);
    font-weight: 500;
}

.bg-gray-clip-right-p {
    color: transparent;
    font-size: 4em;
    font-family: var(--bebas-font-family);
    font-weight: 500;
    -webkit-text-stroke: 1px #ffffff;
}



.parallax-title {
    color: #ffffff;
    font-size: 6em;
    font-family: var(--bebas-font-family);
    font-weight: 600;
}

.parallax-scroll-wrap p{
    text-align: right;
    color: #ffffff;
    font-size: 6em;
    font-family: var(--bebas-font-family);
    font-weight: 600;
}


.end-section-card-1-bold {
    font-family: var(--bebas-font-family);
    font-weight: 600;
    font-size: 1.6em;
}

.end-section-card-1-book {
    font-family: var(--bebas-book-font-family);
    font-weight: 300;
    font-size: 1.8em;
}

.end-section-card-1-title {
    font-family: var(--bebas-font-family);
    font-weight: 600;
    font-size: 1.8em;
}

#end-section-card-phone-1 {
    font-family: var(--bebas-font-family);
    font-weight: 300;
    font-size: 1.5em;
}



#end-section-card-phone-3, #end-section-card-phone-2 {
    font-family: var(--bebas-font-family);
    font-weight: 600;
    line-height: 1em;
    font-size: 2.5em;
}

footer {
    font-family: var(--albert-sans-font-family);
    color: var(--gray-color);
}

.footer-address-p-bold {
    font-weight: 500;
}

.footer-bulten-desc {
    font-size: 1.4em;
}

.footer-bulten-btn {
    font-size: 1.4em;
    cursor: pointer;
    background-color: #EFEFEF;
    padding: 1em 3em;
    font-weight: 700;
    clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0 100%);
}


.t-white-6-thin{
    color: #FFFFFF;
    font-size: 5em;
    line-height: 1em;
    font-family: var(--bebas-font-family);
    font-weight: 300;
}


.t-white-6-thin-2{
    color: #FFFFFF;
    font-size: 5em;
    line-height: 1em;
    font-family: var(--bebas-font-family);
    font-weight: 300;
}

.t-bold-span{
    font-size: 1em;
    line-height: 1em;
    font-family: var(--bebas-font-family);
    font-weight: 600;
}

.t-bold-span-3-pink{
    font-size: 2em;
    color: var(--pink-color);
    line-height: 1em;
    font-family: var(--bebas-font-family);
    font-weight: 600;
}

.t-red-20-2 {
    font-size: var(--albert-sans-font-family);
    color: var(--pink-color);
    font-weight: 600;
}

@media only screen and (max-width: 1200px) {
    body {
        font-size: 14px;
    }

    .t-red-card-title {
        font-size: 1.1em;
    }
    
    .t-red-card-value {
        font-size: 2.8em;
    }

    .t-white-6-thin{
        font-size: 4em;
    }
    
    .t-white-6-thin-2{
        font-size: 4em;
    }
    .t-pink-6-bold{
        font-size: 4em;
    }

    .parallax-title {
        font-size: 5em;
    }
    .parallax-scroll-wrap p{
        font-size: 5em;
    }
    .t-gray-6-thin{
        font-size: 4em;
    }

    .t-gray-6-thin-product{
        font-size: 4em;
    }

    .t-gray-6-thin-2{
        font-size: 4em;
    }
  }

  @media only screen and (max-width: 992px) {
    body {
        font-size: 12px;
    }

    .t-red-card-title {
        font-size: 1em;
    }
    
    .t-red-card-value {
        font-size: 2.5em;
    }
    .t-white-6-thin{
        font-size: 3em;
    }

    .t-white-6-thin-2{
        font-size: 3em;
    }
    
    .t-pink-6-bold{
        font-size: 3em;
    }
    .parallax-title {
        font-size: 4em;
    }
    .parallax-scroll-wrap p{
        font-size: 4em;
    }

    .t-gray-6-thin{
        font-size: 3.5em;
    }

    .t-gray-6-thin-product{
        font-size: 3.5em;
    }


    .t-gray-6-thin-2{
        font-size: 3.5em;
    }
  }

  @media only screen and (max-width: 768px) {
    body {
        font-size: 12px;
    }

    .t-red-card-title {
        font-size: .9em;
    }
    
    .t-red-card-value {
        font-size: 2em;
    }
    .t-white-6-thin{
        font-size: 2.5em;
    }

    .t-white-6-thin-2{
        font-size: 2.4em;
    }
    
    .t-pink-6-bold{
        font-size: 2.5em;
    }

    .t-gray-6-thin{
        font-size: 3em;
    }

    .t-gray-6-thin-product{
        font-size: 3em;
    }

    .t-gray-6-thin-2{
        font-size: 3em;
    }

  }

  @media only screen and (max-width: 576px) {
    body {
        font-size: 12px;
    }
    .t-red-card-title {
        font-size: 2em;
    }
    
    .t-red-card-value {
        font-size: 2.5em;
    }

    .t-white-6-thin{
        font-size: 4em;
    }
    

    .t-white-6-thin-2{
        font-size: 1.6em;
    } 


    .t-pink-6-bold{
        font-size: 4em;
    }

    .parallax-title {
        font-size: 2em;
    }
    .parallax-scroll-wrap p{
        font-size: 2em;
    }

    .t-gray-6-thin{
        font-size: 2em;
    }


    .t-gray-6-thin-product{
        font-size: 3.5em;
    }




    .end-section-card-1-bold {
        font-size: 1.8em;
    }
    
    .end-section-card-1-book {
        font-size: 1.8em;
    }
    
    .end-section-card-1-title {
        font-size: 1.4em;
    }


    #end-section-card-phone-1 {
        font-size: 2em;
    }
    #end-section-card-phone-3, #end-section-card-phone-2 {
        line-height: 1.2em;
        font-size: 2.5em;
    }
    
    .t-pink-bold-span{
    font-size: .8em;

}

  }