@font-face {

    font-family: Poppins-regular;

    src: url('./fonts/Poppins-Regular.woff');



}



@font-face {

    font-family: Poppins-medium;

    src: url('./fonts/Poppins-Medium.woff');



}



@font-face {

    font-family: Poppins-semibold;

    src: url('./fonts/Poppins-SemiBold.woff');



}



@font-face {

    font-family: Poppins-bold;

    src: url('./fonts/Poppins-Bold.woff');



}



@font-face {

    font-family: Poppins-extrabold;

    src: url('./fonts/Poppins-ExtraBold.woff');



}

a{

    text-decoration: none !important;

}



h1 {

    font-size: 67px !important;

    line-height: 72px !important;

    font-family: Poppins-extrabold;

    margin-bottom: 0px !important;

}



h2 {

    font-size: 48px !important;

    line-height: 56px !important;

    font-family: Poppins-extrabold;

}



h3,

.h3 {

    font-size: 38px !important;

    line-height: 45px !important;

    font-family: Poppins-extrabold;

}



h5,

.h5 {

    font-size: 27px !important;

    font-family: Poppins-extrabold;

    margin-bottom: 0px !important;



}



h6 {

    font-size: 20px !important;

    font-family: Poppins-extrabold;



}



.h6 {

    font-size: 22px !important;

    line-height: 28px !important;

    font-family: Sora-bold;



}



.p27 {

    font-size: 27px !important;

    line-height: 40px !important;



}



.p22 {

    font-size: 22px !important;

    line-height: 28px !important;



}



.p9 {

    font-size: 9px !important;

    line-height: 12px;



}



a {

    font-family: Sora-regular;

}



.a,

p,

ul {

    font-size: 16px !important;

    line-height: 20px;

    font-family: Poppins-regular;

    color: #1B1B25;

    margin-bottom: 0px !important;



}



.p-small {

    font-size: 12px !important;

    line-height: 22px;

}



.padd40 {

    padding-top: 40px;

    padding-bottom: 40px;

}



.paddT40 {

    padding-top: 40px;

}



.padd80 {

    padding-top: 80px;

    padding-bottom: 80px;

}



.padd120 {

    padding-top: 120px;

    padding-bottom: 120px;

}



.paddB120 {

   

    padding-bottom: 120px;

}

.paddT120 {

   

    padding-top: 120px;

}





@media (min-width: 767px) {

    .padX120 {

        padding-left: 120px !important;

        padding-right: 120px !important;

    }

}

@media (max-width: 767px) {



    h1 {

        font-size: 38px !important;

        line-height: 40px !important;

        font-family: Poppins-bold;

    }



    h2,

    h3 {

        font-size: 24px !important;

        line-height: 29px !important;

        font-family: Poppins-bold;

    }



    .h3 {

        font-size: 18px !important;

        line-height: 29px !important;

        font-family: Poppins-bold;

    }



    h6,

    .h6,

    h5 {

        font-size: 18px !important;

        line-height: 26px !important;

        

        font-family: Poppins-bold;

    }



    .p20,

    .p24, .p22, .p27, .h5 {

        font-size: 14px !important;

        line-height: 22px !important;

    }



    p,

    .a,

    a,

    ul {

        font-size: 12px !important;

        line-height: 18px !important;

    }



    .p5 {

        font-size: 4px !important;

        line-height: 5px !important;

    }



    .section_card {

        max-width: 90% !important;

    }



    .padgral {

        padding-top: 40px;

        padding-bottom: 40px;

    }



    .padgral40 {

        padding-top: 24px;

        padding-bottom: 24px;

    }



    .padT40 {

        padding-top: 24px;



    }



    .paddB40 {

        padding-bottom: 24px;



    }



    .padT80 {

        padding-top: 40px;



    }



    .padB80 {

        padding-bottom: 40px;



    }



    .padd80 {

        padding-top: 40px;

        padding-bottom: 40px;

    }

    .padd120 {

        padding-top: 40px;

        padding-bottom: 40px;

    }

    

    .paddB120 {       

        padding-bottom: 40px;

    }

    .paddT120 {   

        padding-top: 40px;

    }

}



.bg-image {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.bg-fixed{

    background-attachment: fixed;

    /* Prefijo para Safari 6.1-8.0 */

    background-attachment: -webkit-fixed;

    /* Prefijo para Safari 8.1+ */

    background-attachment: -webkit-scroll;

}



/***************/

.btn_1 {

    background: #315BF6;

    color: #FFFFFF !important;

    border: none;

    border-radius: 100px;

    padding: 15px 90px;

   

}





.btn_1:hover {

    background: #000000;

}



.btn_2 {

    background: #000000;

    color: #FFFFFF;

    border: none;

    border-radius: 100px;

    padding: 5px 20px;

}



.btn_2:hover {

    background: #315BF6;

}





@media (max-width:991px) {

    .btn_1 {

        background: #315BF6;

        color: #FFFFFF;

        border: none;

        border-radius: 100px;

        padding: 7px 30px;

       

    }



    .btn_1 .h5{

        font-family: Poppins-semibold !important;

        font-size: 12px !important;

    }



    .btn_2 {        

        padding: 12px 20px;

    }



}


.about-banner::before {
    content: "";
    position: fixed; /* Posición fija para simular el fondo fijo */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../assets/images/about.png) no-repeat 80% 100%;
    background-size: cover;
    z-index: -1; /* Coloca el pseudo-elemento detrás del contenido */
  }
  
  
  #since-2019, .overflow-hidden {
      background: #fff;
  }


.about-banner {

    /* background-size: contain; */

    background-repeat: no-repeat;

    background-position: 80% 70%;

}

@media (max-width:991px) {

    .about-banner{

        min-height:482px;        

    }

    

}

@media (min-width:1200px) {

.row-about, .text-about{

    min-height: 60vh;

    

}

}

/****cards***/

.card{

    padding: 68px;

    box-shadow: 0px 2px 35px #00000026;

    border: none !important;

}

.card-title{

    font-family: Poppins-extrabold;

}

.card-footer{

    background: rgba(255, 255, 255, 0) !important;

    border: none !important;

}

@media (min-width:767px) {

    .card{

        padding: 30px;

        min-height: 290px;

    }

}



@media (max-width:766px) {

    .card{

        padding: 30px;

        min-height: 235px;

    }

}



.he12{

    height: 28px !important;

    width: 84px;

}

@media (max-width:767px) {

.he12{

    height: 12px !important;

}

}



.contact-us{

    background: #FD5E1D;

    padding: 40px;

    border-radius: 0px 0px 16px 16px;

}



.footer{

    height: 40px;

}



@media (max-width:767px) {

  

.footer{

    height: 12px;



    }}