body{
    overflow-x: hidden;
    font-family: "sourcesanspro",Sans-serif !important;
    background-color: #007ebd
}

/*** Fonts start**/
@font-face {
    font-family:"sourcesansprolight" ;
    src: url(../Fonts/SourceSansPro-Light_0.otf)
}

@font-face {
    font-family:"sourcesanspro" ;
    src: url(../Fonts/SourceSansPro-Regular_0.otf)
}

@font-face {
    font-family:"sourcesansprobold" ;
    src: url(../Fonts/SourceSansPro-Bold.otf)
}

@font-face {
    font-family:"sourcesansproblack" ;
    src: url(../Fonts/SourceSansPro-Black.otf)
}

@font-face {
    font-family:"sourcesansproblackit" ;
    src: url(../Fonts/SourceSansPro-BlackIt.otf)
}

@font-face {
    font-family:"zonaprobold" ;
    src: url(../Fonts/ZonaPro-Bold.otf)
}

@font-face {
    font-family:"poppinsmedium" ;
    src: url(../Fonts/Poppins-Medium.ttf)
}

@font-face {
    font-family:"myriadproregular" ;
    src: url(../Fonts/Myriad\ Pro\ Regular.ttf)
}
/*** Fonts end**/

/*** Spinner Start ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}
/*** Spinner End ***/

.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    z-index: 99;
}

/*** Button Start ***/
.btn {
    font-weight: 600;
    transition: .5s;
}

.btn-square {
    width: 32px;
    height: 32px;
}

.btn-sm-square {
    width: 34px;
    height: 34px;
}

.btn-md-square {
    width: 44px;
    height: 44px;
}

.btn-lg-square {
    width: 56px;
    height: 56px;
}

.btn-xl-square {
    width: 66px;
    height: 66px;
}

.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square,
.btn-xl-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    border-radius: 50%;
}

.btn.btn-primary {
    background: #204c8e !important;
    color: var(--bs-white) !important;
    font-family: 'Roboto', sans-serif;
    border: none;
    font-weight: 400;
    transition: 0.5s;
}

.btn.btn-primary:hover {
    background: var(--bs-dark) !important;
    color: var(--bs-light) !important;
}

.btn.btn-dark {
    background: var(--bs-dark) !important;
    color: var(--bs-white) !important;
    font-family: 'Roboto', sans-serif;
    border: none;
    font-weight: 400;
    transition: 0.5s;
}

.btn.btn-dark:hover {
    background: var(--bs-white) !important;
    color: var(--bs-dark) !important;
}

.btn.btn-light {
    background: var(--bs-primary) !important;
    color: var(--bs-white) !important;
    font-family: 'Roboto', sans-serif;
    border: none;
    font-weight: 400;
    transition: 0.5s;
}

.btn.btn-light:hover {
    background: var(--bs-white) !important;
    color: var(--bs-dark) !important;
}

 
/*** Topbar Start ***/
.topbar {
    padding: 2px 10px 2px 20px;
    background: #294D8A !important;
    margin-bottom: -15px;
}

@media (max-width: 768px) {
    .topbar {
        display: none;    
    }
}

@media (min-width:992px){
    .col-lg-4{
        flex:0 0 auto;        
        padding-top: 0.5%;
    }
}

#letra{
    width: 100%;
    font-size: 12px;
    margin-left: 7%;
}

.letras{
    padding-right: 3%;
    margin-right: 0;
    color: #fff;
    cursor: pointer;
}

.logo{
    padding-right: 10px;
    color: #fff;
}

/*** Topbar End ***/


/*** Navbar ***/
.sticky-top,
.sticky-top .container {
    transition: 0.5s !important;
}

.navbar .navbar-nav .nav-item.nav-link,
.navbar .navbar-nav .nav-link {
    color: var(--bs-dark) !important;
}

.navbar .navbar-nav .nav-item {
    position: relative;
    margin: 0 5px !important;
}

.navbar img{
    max-height: 50px;
}

.navbar { 
    background-color: #007ebd !important;
}
.position-absolute{
    background-color: #007ebd !important;
}

.navbar .navbar-nav .nav-item::before,
.navbar .navbar-nav .nav-item::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 0px solid var(--bs-primary);
    transition: 0.5s;
}

.navbar .navbar-nav .nav-item::before {
    top: 0;
    left: 0;
}
.navbar .navbar-nav .nav-item::after {
    bottom: 0;
    right: 0;
}

.navbar .navbar-nav .nav-item:hover::after,
.navbar .navbar-nav .nav-item:hover::before,
.navbar .navbar-nav .nav-item.active::after,
.navbar .navbar-nav .nav-item.active::before {
    width: 100%;
    border-width: 1px;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active,
.sticky-top .navbar .navbar-nav .nav-link:hover,
.sticky-top .navbar .navbar-nav .nav-link.active {
    color: var(--bs-primary) !important;
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107" !important;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    vertical-align: middle;
}

@media (min-width: 1200px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        border: 0;
        border-radius: 10px;
        margin-top: 20px !important;
        transition: .5s;
        opacity: 0;
        z-index: 9;
    }
}

@media (max-width: 1200px) {
    .navbar .nav-item .dropdown-menu {
        margin-top: 15px !important;
        transition: 0.5s;
    }
}

@media (max-width: 991px) {
    .navbar .navbar-nav .nav-item.nav-link {
        margin: 15px 0 !important;
    }

}

.dropdown .dropdown-menu a:hover {
    background: var(--bs-primary) !important;
    color: var(--bs-white);
}

.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    background: var(--bs-light) !important;
    margin-top: 20px !important;
    transition: .5s;
    opacity: 1;
}

.navbar .navbar-toggler {
    padding: 8px 15px;
    color: var(--bs-dark);
    background: var(--bs-primary);
}

#searchModal .modal-content {
    background: rgba(250, 250, 250, .6);
}

#colorbarra{
    color:#fff !important;
    font-size: 15px;
    font-family: "sourcesanspro";
}

#bordesuperior{
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    margin-top: 0;
}
#colorfondo{
    background-color: #204c8e !important;
}

#botonsuperior{
    background: #294D8A !important;
    color: var(--bs-white) !important;
    font-family: "sourcesansprobold";   
}

#botonsuperior:hover{
    background: #ECECEC !important;
    color: #294D8A !important;
}
/*** Navbar End ***/


/*** banner-start Start ***/

.header{
    background-color: #057FBD !important;
    border-top: 2px solid #ECECEC;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
}

.banner-section {
    background-color: #057FBD; /* azul de fondo */
    color: white;
    min-height: 100vh;
    display: flex;
    align-items: center;
    margin-top: 4% !important;
    flex-wrap: wrap;
}

.banner-section h1 {
    font-weight: 700;
    font-size: 2.5rem;
}
  
.banner-section p {
    font-size: 1.1rem;
    line-height: 1.6;
}

.align-items-center {
    align-items: center !important;
  }

#Trabajador{
    max-width: 125%;
    height: auto;
    margin-left: -23%;
    margin-top: -35%;    
}

@media (max-width: 991px) {
    #Trabajador{
        height: auto;
        max-width:111%;
        margin-left: -11%;
        margin-top: 0%; 
       
    }
}

@media (max-width: 991px) {
    #Trabajador{
        height: auto;
        max-width:111%;
        margin-left: -11%;
        margin-top: 0%; 
       
    }
}

#textoinicial{
    padding-left: 12%;
    padding-right: 3%;
    margin-top: -9%;
}

#textoa{
    color:white;
    font-weight: lighter;
    padding-bottom: 6%;
    font-size: 20px;
    font-family: "sourcesansprolight",sans-serif;   
}

#textoinicial1{
    color: #fff;
    font-family: "zonaprobold";    
    padding-bottom: 1%;
    font-weight: bold;
    font-size: 40px;
    word-spacing: -2px;    
}

#textoinicial2{
    color:white;
    font-weight: normal;
    font-family: "sourcesanspro";
    font-size: 18px;
    padding-right: 20%;
    padding-bottom: 5%;
}

#botonsup{
    background: #294D8A !important;
    color: var(--bs-white) !important;
    font-family: "sourcesansprobold";
    padding-left: 5% !important;
    padding-right: 5% !important;
    margin-left: 25%;
}

#botonsup:hover{
    background: #ECECEC !important;
    color: #294D8A !important;
}

@media (max-width: 991px) {
    #textoinicial{
        padding-left: 7%;
        padding-right: 7%;
        margin-top: 0%;
    }

    #textoinicial2{
        padding-right: 7%;
        padding-left: 7%;
        padding-bottom: 5%;
    }

    #botonsup{
        margin-left: 10%;
    }
    
}

.numbers{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.number2{
    border-right: 2px solid #ECECEC;
}


#numeros{
    background-color: #057FBD !important;
    margin-top: 10%;
    color: #ECECEC;
    margin-bottom: 5%;
}

#bordenumeros{
    border-top: 2px solid #ECECEC;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    margin-top: -13.2%;    
}

@media (max-width: 991px) {
    #bordenumeros{
        border-top: 2px solid #ECECEC;
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
        margin-top: -6%;     
    }
}

@media (max-width: 452px) {
    #bordenumeros{
        border-top: 2px solid #ECECEC;
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
        margin-top: -10.5%;     
    }
}

#textonumeros1{
    color: #fff;
    font-family: "zonaprobold";
    font-weight: bold;
    font-size: 45px; 
}

#textonumeros2{
    color:white;
    font-weight: normal;
    font-family: "sourcesanspro";
}


/*** banner-start End ***/


/*** third-parts Start ***/
.about .text {
    position: relative;
}

.about .text::after {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--bs-primary);
}

.text-primary{
    color: #294D8A !important;
}

#textobanners1{
    font-family: "sourcesansprolight";
    color: #204c8e !important;
    font-size:22px;
    padding-bottom: 5%;
}

#textobanners2{
    font-family: "zonaprobold";
    color: #204c8e !important;
    font-size:40px;
    padding-bottom: 5%;    
    padding-right: 20%;
}

#textobanners3{
    font-family: "sourcesansproblackit";
    color: #204c8e !important;
    padding-bottom: 10%;
}

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

#ordentexto1{
    padding-left: 10%;
}

#bannera{
    background-color: #ECECEC !important;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    padding-bottom: 7% !important;
    padding-top: 7% !important;
}


#botonbannersa{
    background-color: #057FBD !important;
    color: #ECECEC !important;
    font-family: "sourcesansprobold";
    padding-left: 5% !important;
    padding-right: 5% !important;    
    margin-top: 5%;
}

#botonbannersa:hover{
    background-color: #294D8A !important;
    color: #ECECEC !important;
    font-family: "sourcesansprobold";
    padding-left: 5% !important;
    padding-right: 5% !important;
}


/****************/
#ordentexto2{
    padding-left: 10%;
}

#bannerab{
    background-color: #ffff !important;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    margin-top: -5%;
    padding-bottom: 7% !important;
    padding-top: 7% !important;
}

#textobanners11{
    font-family: "sourcesansprolight";
    color: #204c8e !important;
    font-size:22px;
    padding-bottom: 5%;
}

#textobanners22{
    font-family: "zonaprobold";
    color: #204c8e !important;
    font-size:40px;
    padding-bottom: 5%;        
}

#botonbannersb{
    background-color: #057FBD !important;
    color: #ECECEC !important;
    font-family: "sourcesansprobold";
    padding-left: 5% !important;
    padding-right: 5% !important;
    margin-top: 5%;
}

#botonbannersb:hover{
    background-color: #294D8A !important;
    color: #ECECEC !important;
    font-family: "sourcesansprobold";
    padding-left: 5% !important;
    padding-right: 5% !important;
}

#imagenbanner{
    translate: 0 -10%;
    width: 90% !important;
    margin-left: 10%;    
}

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

#ordentexto2{
    padding-left: 10%;
}

#bannerc{
    background-color: #294D8A !important;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    margin-top: -5%;
    padding-bottom: 5% !important;
    padding-top: 5% !important;
}

#txtbannerblanco1{
    color: #ECECEC !important;
    font-family: "sourcesansprolight";
    font-size:20px;
    padding-bottom: 5%;
}

#txtbannerblanco2{
    color: #ECECEC !important;
    font-family: "zonaprobold";
    padding-right: 20%;
    padding-bottom: 5%;
    font-size:35px;
}

#txtbannerblanco3{
    font-family: "sourcesansproblackit";
    color: #ECECEC;
}

#imagenbanner2{
    width: 80% !important;
}

@media (max-width: 991px) {
    #imagenbanner2{
        width: 60% !important;
        margin-left: 25%;
    }
}

@media (max-width: 452px) {
    #imagenbanner2{
        margin-left: 10%;
        width: 85% !important;
    }
}

#botonclaro{
    background-color: #ECECEC !important;
    color: #294D8A !important;
    font-family: "sourcesansprobold";
    font-size: 15px;
    padding-left: 5% !important;
    padding-right: 5% !important;
}

/*** third-part End ***/


/*** Service-cards Start ***/
.text-start {
    text-align: center !important;
}

.service .service-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.3);
}

.service .service-item .service-img {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.service .service-item .service-img img {
    transition: 0.5s;
}

.service .service-item:hover .service-img img {
    transform: scale(1.2);
}

.service .service-item .service-img::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: rgba(68, 210, 246, 0.4);
    transition: 0.5s;
}

.service .service-item:hover .service-img::after {
    width: 100% !important;
    height: 100% !important;
}

.service .service-item .service-content {
    position: relative;
}

.service .service-item .service-content::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: var(--bs-dark);
    transition: 0.5s;
    z-index: 1;
}

.service .service-item:hover .service-content::after {
    width: 100% !important;
    height: 100% !important;
}

.service .service-item .service-content .service-content-inner {
    transition: 0.5s;
}

.service .service-item:hover .service-content .service-content-inner {
    position: relative;
    color: var(--bs-white) !important;
    transition: 0.5s;
    z-index: 2;
}

.service .service-item:hover .service-content .service-content-inner a.h4 {
    color: var(--bs-white) !important;
    transition: 0.5s;
}

.service .service-item:hover .service-content .service-content-inner a.h4:hover {
    color: var(--bs-primary) !important;
}

#fondocards{
    background-image: url(../img/fabricaCheca.png);
    background-repeat: no-repeat;
    background-size: cover;    
    z-index: 0;
    position: relative;
    padding-top: 5% !important;
}

#fondocards::before{
    content: "";
    position: absolute;
    top:0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

#letraservice{
    background-color: #ECECEC !important;   
    position: relative;
    z-index: 2;  
}

#botonservice{
    background-color: #057FBD !important;
    color: #ECECEC !important;
    z-index: 2 !important;
    position: relative; 
}

#botonservice:hover{
    background-color: #294D8A !important;
    color: #ECECEC !important;
    z-index:2;    
}

#botonservicedos{
    background-color: #057FBD !important;
    color: #ECECEC !important;
    z-index: 2 !important;
    position: relative; 
}

#botonservicedos:hover{
    background-color: #ECECEC!important;
    color: #294D8A !important;
    z-index:2;    
}

#servicetitulo{     
    position: relative;    
    z-index: 2;
    color: #ECECEC !important;
    font-family: "zonaprobold";
    font-size: 35px;       
}

#servicetitulo2{    
    position: relative;    
    z-index: 2;
    color: #ECECEC !important;
    font-family: "sourcesanspro";
    font-size: 22px;
}

#servicetitulo3{
    padding-top: 5%;
}

/*** Service-cards End ***/


/** post-cards start **/
#bannerd{
    background-color: #294D8A !important;
    padding-bottom: 5% !important;
   
}

#fondopasos{
    background-color: #294D8A !important; 
}

#textocentrado{
    display: grid;
    align-content: center;
    text-align: center;
}

.circulo{
    width: 70px;
    height: 70px;
    border-radius: 50%;    
    border: 2px solid #fff;
    margin-left: 38%;
}


#txtbanerd1{
    color: #ECECEC !important;
    font-family: "sourcesansprolight";
    font-size: 21px;
    margin-bottom: 10%;
}

#txtbanerd2{
    color: #ECECEC !important;
    font-family: "zonaprobold";
    font-size: 39px;
    margin-bottom: 10% !important;
}

@media (min-width: 1200px) {
    #textgroup {
      flex: 0 0 auto;
      width: 43.3333333333% !important;
    }
  }

  @media (min-width: 1200px) {
    #imggroup {
      flex: 0 0 auto;
      width: 56.6666666667% !important;
    }
  }

#txtbanerdsubtt{
    color: #ECECEC !important;
    font-family: "sourcesanspro";
    font-size: 22px;
}  

#txtbanerd3{
    color: #ECECEC !important;
    font-family: "sourcesansproblackit";
}

#txtbanerdcirculo{
    color: #ECECEC !important;
    font-family: "sourcesansprobold";
    margin: auto;   
}

#txtbanerd4{
    color: #ECECEC !important;
    font-family: "sourcesansprobold";
    padding-top: 8%;
    font-size: 20px;
}

#txtbanerd5{
    color: #ECECEC !important;
    font-family: "sourcesanspro";
    font-size: 18px;
    margin-top: -5%;
}

/** post-cards end**/


/*** testimonial Start ***/

#testigos{
    margin-top: 5%;
}

#margen{
    background-color: #ffff;
    padding-top: 5%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    margin-top: -5%;
}

#txttestimonio1{
    font-family: "sourcesansprolight";
    color: #204c8e;
    font-size: 20px; 
}

#txttestimonio2{
    font-family: "zonaprobold";
    color: #204c8e;
    font-size: 45px;
}

#txttestimonio3{
    font-family: "sourcesansproblackit";
    color: #204c8e;    
}

#txttestimonio4{
    font-family: "sourcesanspro";
    padding-top: 5%;
    padding-bottom: 2%;       
}

/**carousel**/

#carrusel{
    display: grid;
    align-content: center;
    text-align: center;
}

#trabajador1{
    border-radius: 50% !important;
    height: 150px;
    width: 150px !important;    
    border:5px solid #294D8A;
    display: block;
    margin: auto;
}

#trabajador2{
    border-radius: 50% !important;
    height: 150px;
    width: 150px !important;
    border:5px solid #294D8A;
    display: block;
    margin: auto;
}

#trabajador3{
    border-radius: 50% !important;
    height: 150px;
    width: 150px !important;
    border:5px solid #294D8A;
    display: block;
    margin: auto;
}

#trabajador4{
    border-radius: 50% !important;
    height: 150px;
    width: 150px !important;
    border:5px solid #294D8A;
    display: block;
    margin: auto;
}

/****/

.bi-quote{
    font-size: 55px;
    color:#204c8e
}

.header-carousel .header-carousel-item {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.owl-prev,
.owl-next {
    position: absolute;
    width: 50px;
    height: 50px;    
    padding: 20px 20px;
    border-radius: 40px;
    background: #057FBD;    
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}

.owl-prev {
    left: 44%;
    color: #204c8e !important;
    background-color: #ECECEC !important;
    display: grid;
    align-content: center;
    border-color: #204c8e !important;
    border: 4px solid;
}

.owl-next {
    right: 44%;
    color: #204c8e !important;
    background-color: #ECECEC !important;
    display: grid;
    align-content: center;
    border-color: #204c8e !important;
    border: 4px solid;
    cursor: pointer;
}

.owl-next:hover {
    background-color: #204c8e !important;
    color: #ECECEC !important;
    border-color: #ECECEC;
}

@media (max-width: 794px) {
    .owl-prev {
        left: 41%;
        background-color: #057FBD !important;
        color: #ECECEC !important;
        display: grid;
        align-content: center;
    }

    .owl-next {
        right: 41%;
        background-color: #057FBD !important;
        color: #ECECEC !important;
        display: grid;
        align-content: center;
    }
}

@media (max-width: 452px) {
    .owl-prev {
        left: 35%;
        background-color: #057FBD !important;
        color: #ECECEC !important;
        display: grid;
        align-content: center;
    }

    .owl-next {
        right: 35%;
        background-color: #057FBD !important;
        color: #ECECEC !important;
        display: grid;
        align-content: center;
    }
}

.owl-prev:hover,
.owl-next:hover {
    background: var(--bs-dark) !important;
    color: var(--bs-white) !important;
}

.owl-nav{
    margin-bottom: 2%;
    padding-top: 5%;
}

/*** testimonial End ***/

/*** final-banner Start ***/
#finalbanner{
    position: relative;
    background-image: url(../img/fondo.png) !important;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;   
}

#finalbanner::before{
    content: "";
    position: absolute;
    top:0;
    right: 0;
    left: 0;
    bottom: 0;
    
    z-index: 1;
}

#bannerfinal{
    background-color: #ECECEC;
    max-width:400px ;
    position: relative;
    z-index: 2;
    transform: translate(25%, 10%);
    border-radius: 30px;  
}

@media (max-width: 991px) {
    #bannerfinal{
        background-color: #ECECEC;
        max-width:350px ;
        position: relative;
        z-index: 2;
        border-radius: 30px;
        transform: translate(12%, 10%);
    }
}

#bordes{
    border-radius: 5px;
}

#txtfinal1{
    font-family: "poppinsmedium";
    color: #057FBD;
    font-size: 35px;
}

#txtfinal2{
    font-family: "myriadproregular";
    color: #057FBD !important;
}


#textofinal{
    width: 430px !important;
    margin: 20px 15px 30px 15px;
    
}

#boton{
    background-color: #057FBD !important;
    color: #ECECEC !important;
    font-family: "sourcesansprobold";
    font-size: 20px;
}

#boton:hover{
    background-color: #294D8A !important;
    color: #ECECEC !important;
    font-family: "sourcesansprobold";
    font-size: 20px;
}

.testimonial .testimonial-carousel {
    position: relative;
}

.testimonial .testimonial-carousel .owl-dots {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial .testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    background: var(--bs-light);
    border: 1px solid var(--bs-primary);
    border-radius: 10px;
    transition: 0.5s;
}

.testimonial .testimonial-carousel .owl-dot.active {
    width: 40px;
    background: var(--bs-primary);
}


/*****/
.header-carousel-item img {
    height: 100vh;
    object-fit: cover;
    width: 100%;
  }
  
  .carousel-caption {
    position: absolute;
    top: 30%;
    left: 8%;
    z-index: 2;
    max-width: 600px;
  }
  
  /* RESPONSIVE */
  @media (max-width: 768px) {
    .header-carousel-item img {
      height: 60vh;
    }
  
    .carousel-caption {
      top: 15%;
      left: 5%;
      max-width: 90%;
      text-align: center;
    }
  
    .carousel-caption h2 {
      font-size: 1.5rem;
    }
  
    .carousel-caption p {
      font-size: 1rem;
    }
  }
  


/*** final-banner End ***/



/*** Footer Start ***/
.footer {
    background: var(--bs-dark);
}
.footer .footer-item a {
    line-height: 35px;
    color: var(--bs-body);
    transition: 0.5s;
}

.footer .footer-item p {
    line-height: 35px;
}

.footer .footer-item a:hover {
    letter-spacing: 1px;
    color: var(--bs-primary);
}

.footer .footer-item-post a {
    transition: 0.5s;
}

.footer .footer-item-post a:hover {
    color: var(--bs-primary) !important;
}

.footer .footer-item-post .footer-btn a {
    transition: 0.5s;
}

.footer .footer-item-post .footer-btn a:hover {
    color: var(--bs-dark);
}

/** ---  **/

#ordeninferior{
    max-width: 1250px;
}



/*** Footer End ***/

/*** copyright Start ***/
.copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: var(--bs-dark) !important;
}
/*** copyright end ***/