.logoscent {
    margin: auto;

}

.carousel-control-next,
.carousel-control-prev {
    width: 10%;
}

.hero h2,
.bann-3-text {
    font-size: 2.5em;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: "Josefin Sans", sans-serif;
}

@media screen and (max-width:1440px) {

    .bann-3-text {
        font-size: 2.2em;
    }
}

.bann-3-text {
    color: white;
}

/* Botón */
.btn-get-started,
.btn-get-started2 {
    color: var(--contrast-color);
    background: rgb(200, 102, 164);
    font-weight: bold;
    font-size: 1.5rem;
    letter-spacing: 1px;
    display: inline-block;
    padding: 1.5rem 4rem;
    border-radius: 50px;
    transition: 0.3s;
    border: 2px solid transparent;
    background-color: rgb(200, 102, 164);
}

.btn-get-started2:hover {
    color: white;
    transform: scale(1.1);
}

.hero .btn-get-started,
.btn-get-started {
    background: #C866A4 0% 0% no-repeat padding-box;
    border-radius: 43px;
    color: var(--contrast-color);
    font-family: "Josefin Sans", sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    width: auto;
    height: auto;
    letter-spacing: 1px;
    display: inline-block;
    padding: 2px 15px;
    border-radius: 50px;
    transition: 0.3s;
    transition: all .5s ease-in-out;
}

@media screen and (max-width:540px) {

    .btn-get-started,
    .btn-get-started2 {
        width: 11rem;
    }
}

.btnCon-2,
.btnCon-3 {
    width: auto;
    padding: 5px 20px;
}

.hero .btn-watch-video i {
    color: white;
    font-size: 108px;
    transition: 0.3s;
    line-height: 0;
    margin-right: 8px;
}

.btnCon-2:hover,
.btnCon-3:hover {
    transform: scale(0.95);
    border: 2px solid transparent;
    color: white;
}

.hero .btn-get-started:hover,
.btn-get-started:hover {
    transform: scale(0.95);
    border: 2px solid transparent;
}

/* Títulos y Textos */
.hero .icon-box .title {
    font-weight: 600;
    margin-bottom: 1rem;
    /* Ejemplo de margen adaptativo usando rem */
    font-size: 30px;
    font-family: 'Lato', sans-serif;
    /* Ejemplo de tamaño adaptativo usando rem */
}

.subtitulo {
    font-weight: 300;
    margin-bottom: 1rem;
    font-size: 20px;
    font-family: 'Lato', sans-serif;
}

/* Contenedores */
.mtPC {
    margin-top: 75px;

}

.primerContenedor {
    background-image: url(../img/home/Transportando-Tu-Bienestar-Farmadec-Banner-Principal_.webp);
    background-position: center;
    height: 100vh;
    color: white;
    text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
}


.farmadecClientes {
    position: relative;
    background-color: rgb(0, 65, 134);
    color: white;
    padding: 20px;
}

.farmadecClientes::before,
.farmadecClientes::after {
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    border: 5px solid #C866A4;
    transform: rotate(90deg);
    z-index: 1;
}

.farmadecClientes::before {
    top: -18px;
    right: -18px;
    border-width: 18px 0 0 18px;
    /* Ajuste de los bordes para formar el ángulo */
}

.farmadecClientes::after {
    bottom: -18px;
    left: -18px;
    border-width: 0 18px 18px 0;
}


@media screen and (max-width:1024px) {

    .hero .btn-get-started,
    .btn-get-started {
        width: 72%;
        font-size: 12px;
    }

    .btnCon-2,
    .btnCon-3 {
        width: auto;
        padding: 5px 20px;
        width: 60% !important;
    }

    /* .btnCon-2,
    .btnCon-3 {
        width: auto;
        padding: 5px 20px;
    } */

    .hero .icon-boxes:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: calc(50% + 20px);
        background-color: var(--default-color);
        border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
    }
}

@media screen and (max-width:998px) {

    .btnCon-2,
    .btnCon-3 {
        width: auto;
        padding: 5px 20px;
        width: 25% !important;
    }
}

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

    .hero .btn-get-started,
    .btn-get-started {
        width: 55%;
    }

    .hero .btn-get-started,
    .btn-get-started {
        font-size: 17px;
    }

    .hero .icon-box .title {
        font-size: 25px;
    }

    .subtitulo {
        font-size: 15px;
    }

    .hero .icon-box {
        padding: 1rem 1rem;
    }
}

@media (max-width: 767px) {

    .hero .btn-get-started,
    .btn-get-started {
        padding: 10px;
    }

    .hero h2,
    .bann-3-text {
        font-size: 2.5em;
        font-weight: 700;
        margin-bottom: 20px;
    }

}









/***********************logos******************************/
.logos-container {
    opacity: 0;
    transform: translateY(50px);
    /* Empiezan ocultos hacia abajo */
    transition: opacity 0.5s ease, transform 0.5s ease;
    display: flex;
    justify-content: space-between;
}

.logo.izquierda {
    order: 1;
    /* Cambia el orden a izquierda */
}

.logo.derecha {
    order: 2;
    /* Cambia el orden a derecha */
}

.logos-container.mostrar {
    opacity: 1;
    transform: translateY(0);
}

.logo {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.logo.mostrar {
    opacity: 1;
}



.sin-MT {
    margin-top: 0px;
}

.hero .icon-box {
    padding: 1.5rem 3rem;
    position: relative;
    overflow: hidden;
    background: transparent;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
    height: 100%;
    width: 100%;
    text-align: center;
    box-shadow: none;
}

.hero .icon-boxes {
    padding-bottom: 60px;
    z-index: 4;
    top: 6rem;
}

/* .hero .icon-box:hover{
    padding: 6rem 3rem;
    position: relative;
    overflow: hidden;
    background: transparent;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
    height: 100%;
    width: 100%;
    text-align: center;
} */
section#about,
section#clientes {
    padding: 0px;
}

.sabermasServicios {
    padding-top: 10px;
}

@media screen and (max-width:768px) {
    .hero .icon-box {
        padding: 1rem 1rem;
    }
}

@media (max-width: 767px) {
    .sabermasServicios {
        padding-top: 0px;
    }

    .hero .icon-box {
        padding: 0rem;
        /* Ejemplo de padding adaptativo usando rem */

    }

    .hero .icon-box .title {
        font-size: 1.2rem;
    }

    .subtitulo {
        font-size: 1rem;
    }


}



.hero .icon-box:hover {
    background: rgb(0, 65, 134);
}

/* Secciones específicas */
.p.insumosSecc {
    text-align: center;
    font-weight: 600;
    font-size: 1.8rem;
    /* Ejemplo de tamaño adaptativo usando rem */
}

.insumosSecc {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    padding-bottom: 0;
    position: relative;
    text-align: center;
    color: black;
    font-family: "Josefin Sans", sans-serif;
}

.insumosSubSecc {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 1.25rem;
    padding: 0 4rem;
    position: relative;
    color: black;
    text-align: center;
}

@media (max-width: 767px) {
    .insumosSecc {
        font-size: 1.5rem;
    }

    .insumosSubSecc {
        padding: 0;
        /* Eliminas el padding en dispositivos móviles */
    }
}


/***********************************DEMOS*********************************************************/
section#demos {
    padding-top: 0px;
    padding-bottom: 0px;
}



/***************************************CONOCENOS**********************************************/

.conocenosSection,
.serviciosSection {
    padding: 0;
    /* Ajusta según necesites */
}

.conocenosTitulo {
    font-size: 41px;
    color: white;
    font-family: 'Josefin Sans';
}

.conocenosTexto {
    color: white;
    margin: 5% 35% 5% 10%;
    font-size: 25px;
    font-family: "Lato", sans-serif;
    font-weight: 300;
}


.conocenosLETRAS {
    font-size: 140px;
    color: rgb(0, 100, 160);
    text-align: center;
    font-weight: 900;
    font-family: 'Josefin Sans';
    opacity: 0.58;
}


@media (max-width: 767px) {
    .conocenosTexto {
        font-size: 1rem;
        color: white;
        margin: 5% 5% 5% 5%;
    }

    .conocenosLETRAS {
        font-size: 2.25rem;
    }


}

@media (max-width: 1499px) {
    .conocenosTexto {
        font-size: 1rem;
        color: white;
        margin: 5% 10% 5% 10%;
    }

    .conocenosLETRAS {
        font-size: 4rem;

    }



}


/* Fondos */
.fondoConocenos {
    background-image: url(../img/home/conocenosFarmadec.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.fondotransportacionSeguraFarmadec {
    background-image: url(../img/home/transportacionSeguraFarmadec.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 767px) {

    .fondotransportacionSeguraFarmadec,
    .fondoConocenos {
        margin-top: 0px;
    }


}

/* Secciones de Transportación */
.transportacionPrimerSeccion {
    font-size: 2rem;
    color: black;
    font-weight: 900;
    font-family: "Lato", sans-serif;
}

.transportacionSegundaSeccion {
    font-size: 4rem;
    color: black;
    font-weight: 900;
    font-family: "Lato", sans-serif;
}

.transportacionTercerSeccion {
    font-size: 70px;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #0000007a;
    font-weight: 900;
    font-family: "Lato", sans-serif;
    text-align: center;
    text-transform: uppercase;
}

/* Servicios */
.serviciosTitulo {
    font-size: 4rem;
    /* Ejemplo de tamaño adaptativo usando rem */
    font-weight: 700;
    color: #004186;
    text-align: center;
    position: relative;
    left: 5%;
    font-family: 'Josefin Sans';
    /* Ajusta según necesites */
}

.serviciosTexto {
    font-size: 1.5625rem;
    /* Ejemplo de tamaño adaptativo usando rem */
    font-weight: 400;
    color: black;
    text-align: center;
    position: relative;
    left: 5%;
    font-family: "Lato", sans-serif;
    /* Ajusta según necesites */
}



.serviciosImagen {
    height: 100%;
    /* Ajusta según necesites */
    float: right;
}

@media (max-width: 767px) {
    .serviciosfarmadec {
        display: none;
    }


}

@media (max-width: 1100px) {

    .serviciosfarmadec,
    .seccionServicios {
        display: none;
    }

    .serviciosTitulo,
    .serviciosInformacion,
    .serviciosTexto,
    .iconosGeneral {
        left: 0%;
    }

    .serviciosTexto {
        padding: 5%;
    }

    .conocenosTexto {
        font-size: 1.5rem;
        color: white;
        margin: 5% 5% 5% 5%;
    }

}


@media (max-width: 1600px) {
    .serviciosImagen {
        width: 100%;
        height: auto;
        float: right;

    }

    .serviciosfarmadec {
        display: flex;
        /* Establece el contenedor como flexbox */
        justify-content: center;
        /* Centra horizontalmente el contenido */
        align-items: center;
        /* Centra verticalmente el contenido */
    }


}


/* Iconos */
.iconos:before {
    font-size: 85px;
    /* font-size: 6.25rem; */
    /* Ejemplo de tamaño adaptativo usando rem */
    position: relative;
}

p.iconosTitulo {
    text-align: center;
    position: relative;
    margin-top: 25px;
    font-family: 'Josefin Sans', sans-serif;
}

.iconosGeneral {
    color: rgb(0, 65, 134);
    font-weight: bold;
    position: relative;
    left: 5%;
    padding: 0px;
    /* Ajusta según necesites */
}

@media (max-width: 1499px) {
    .iconosGeneral {
        left: 0%;
    }
}



.iconosGeneral:hover {
    cursor: pointer;
    color: rgb(152, 57, 134);
    transform: scale(0.9);
}

/* Servicios Información */
.serviciosInformacion {
    position: relative;
    left: 5%;
    /* Ajusta según necesites */
}

@media screen and (max-width:1024px) {
    .serviciosInformacion {
        position: relative;
        left: 0%;
    }
}

/*******Circulo******/

.spinner-borderR {
    position: absolute;
    display: inline-block;
    width: 8rem;
    height: 8rem;
    vertical-align: text-bottom;
    border: 7px solid transparent;
    border-color: #004186;
    border-radius: 50%;
    transform: translate(-15%, -15%);
}

.spinner-borderA {
    position: absolute;
    /* top: -25px;
    left: 56px; */
    display: inline-block;
    width: 8rem;
    height: 8rem;
    vertical-align: text-bottom;
    border: 7px solid transparent;
    border-color: #004186;
    border-radius: 50%;
    transform: translate(-15%, -15%);
}



.iconosGeneral:hover .spinner-borderR,
.iconosGeneral:hover .spinner-borderA {
    -webkit-animation: spinner-border 1.5s linear;
    animation: spinner-border 1s linear;
    border-color: rgb(152, 57, 134);
    transform: translate(-15%, -15%);
}

@keyframes spinner-border {
    0% {
        transform: rotate(0deg);
        transform: translate(-15%, -15%);
        border-top-color: #0041868b;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    25% {
        transform: rotate(90deg);
        transform: translate(-15%, -15%);
        border-top-color: transparent;
        border-right-color: #00418666;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    50% {
        transform: rotate(180deg);
        transform: translate(-15%, -15%);
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: #983986;
        border-left-color: transparent;
    }

    75% {
        transform: rotate(270deg);
        transform: translate(-15%, -15%);
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: #983986;
    }

    100% {
        transform: rotate(360deg);
        transform: translate(-15%, -15%);
        border-color: #983986;
    }
}


@media screen and (max-width:1366px) {
    .serviciosfarmadec {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    s .serviciosImagen {
        height: 100%;
        float: right;
        width: 160%;
    }
}

@media screen and (max-width:1024px) {

    .serviciosImagen {
        display: none;
    }
}





section.carrouselclientesfarmadec {
    padding: 0px;
}

@media (max-width: 767px) {
    .serviciosTitulo {
        font-size: 2rem;
        left: 0%;
        margin-top: 0px !important;
    }

    .serviciosTexto {
        font-size: 1rem;
        font-weight: 400;

        left: 0%;
        padding: 1% 5% 1% 5%;
    }

    .serviciosImagen {
        display: none;
    }

    .iconosGeneral {

        left: 0%;
        /* Ajusta según necesites */
    }

    .serviciosInformacion {
        margin-top: 0px !important;
        margin-bottom: 0px !important;

    }

}







/****CAROUSEL CLIENTES FARMADEC*****/

.imagenesnosotrosSlide1C {
    content: url(../img/home/farmadec-nosotros-slide1.webp);
}

.imagenesnosotrosSlide2C {
    content: url(../img/home/farmadec-nosotros-slide2.webp);
}

.imagenesnosotrosSlide3C {
    content: url(../img/home/farmadec-nosotros-slide3.webp);
}

.carousel-caption {
    position: absolute;
    right: 0%;
    bottom: 0px;
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #fff;
    text-align: center;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}



.title-car-clientes {
    font-weight: bold;
    font-size: 50px;
    font-family: 'Josefin Sans', sans-serif;
    color: #FFFFFF;
    margin-bottom: 92px;
    margin-top: -50px;
    line-height: 60px;
}




.conten-car-clientes {
    text-align: center;
    font-size: 25px;
    font-family: "Lato", sans-serif;
    color: #EEEEEF;
}

.conten-car-clientes span {
    font-weight: bold;
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel-indicators li {
    background-color: rgb(255 255 255 / 50%);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin: 0 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: -87px;
}

.carousel-control-next,
.carousel-control-prev {
    z-index: 25;
}


.secondCard {
    position: absolute;
    z-index: 10;
    display: block;
    transform: translate(0%, -50%);
    top: 50%;
    left: 0%;
}

.thirdCard {
    position: absolute;
    z-index: 10;
    display: block;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%
}

.card1 {
    background-color: #004186;
    width: auto;
    margin: 0px 40px 0px 25px;
}

.card2 {
    background-color: #C564A2;
    width: auto;
    margin: 0px 25px 0px 40px;
}

.card1,
.card2 {

    box-shadow: 0px 8px 6px #00000029;
    border-radius: 12px;
}

.cont-card-car {
    color: #FFFFFF;
    font-size: 25px;
    font-family: "Lato", sans-serif;
}


.p-car {
    padding: 30px;
}

.cont-card-car span {
    font-weight: 900;
}



.text-3card {
    text-align: center;
    font-weight: bold;
    font-size: 38px;
    color: #FFFFFF;
    width: 70%;
    font-family: 'Josefin Sans', sans-serif;
    padding: 10px;
    line-height: 40px;
}

@media (max-width: 1600px) {

    .cont-card-car {
        font-size: 20px;
    }

    .conten-car-clientes {
        font-size: 20px;

    }

    .title-car-clientes {
        font-size: 35px;
        margin-bottom: 20px;
        margin-top: 0px;
    }

}

@media screen and (max-width:1366px) {
    .carousel-caption {
        top: 40%;
    }
}

@media screen and (max-width:1024px) {
    .card1 {
        margin: 0px 20px 0px 25px;
    }

    .card2 {
        margin: 0px 25px 0px 20px;
    }

    .cont-card-car {
        font-size: 17px;
    }
}

@media screen and (max-width:998px) {
    .imgCamCar {
        display: none !important;
    }

    .marCarM {
        margin: 35px 0px;
        padding: 33px 51px;
    }

    .imagenesnosotrosSlide1C {
        content: url(../img/home/responsive/tablet-slide_1.webp);
    }

    .imagenesnosotrosSlide2C {
        content: url(../img/home/responsive/tablet-slide_2.webp);
    }

    .imagenesnosotrosSlide3C {
        content: url(../img/home/responsive/tablet-slide_3.webp);
    }

}

@media screen and (max-width:768px) {

    .cardsCar {
        flex-flow: row;
    }

    .carousel-caption {
        top: 40%;
    }

    .title-car-clientes {
        font-size: 30px;
        margin-bottom: 18px;
        margin-top: 0px;
    }

    .conten-car-clientes {
        font-size: 18px;
    }

    .card1 {
        margin: 0px 20px 60px 25px;
    }

    .cont-card-car {
        font-size: 15px;
    }

    .card1 {
        margin: 0px 10px;
    }

    .p-car {
        padding: 10px;
    }

    .text-3card {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .cont-card-car {
        color: #FFFFFF;
        font-family: sans-serif;
        font-size: 10px;
    }


}

@media screen and (max-width:468px) {
    .imagenesnosotrosSlide1C {
        content: url(../img/home/responsive/slide-movil_1.webp);
    }

    .imagenesnosotrosSlide2C {
        content: url(../img/home/responsive/slide-movil_2.webp);
    }

    .imagenesnosotrosSlide3C {
        content: url(../img/home/responsive/slide-movil_3.webp);
    }

    .card1 {
        margin: 10px 0px;
    }

    .cardsCar {
        flex-flow: column;
    }

    .card2 {
        margin: 10px 0px;
    }
}




/*****CAROUSEL CONTACTO FARMADEC*******/

section.contactofarmadecseccion {
    padding-bottom: 0px;
    padding-top: 1px;
}

.imgcam2 {
    margin-left: 10px;
    position: relative;
    left: -95px;
}

.text-carrousel-2 {
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    font-size: 25px;
    font-family: "Lato", sans-serif;
}



.text-carrousel-2 span {
    font-weight: bold;
}

.text-carrousel-inf {
    text-align: center;
    color: #004186;
    font-weight: 900;
    font-size: 35px;
    font-family: "Lato", sans-serif;
    margin: 55px 0px;
}

.btn-unete-carrousel {
    text-align: left;
    font-family: "Josefin Sans", sans-serif;
    font-size: 27px;
    font-weight: bold;
    color: #FFFFFF;
    background: #C866A4 0% 0% no-repeat padding-box;
    border-radius: 43px;
    padding: 2px 15px 0px 15px;
}

.btn-unete-carrousel:hover {
    color: #FFFFFF;
}

.imgcam3 {
    margin-left: 10px;
    position: relative;
    left: -169px;
    width: 40% !important;
}

.text2-carrousel-2 {
    text-align: left;
    font-family: "Lato", sans-serif;
    font-size: 25px;
    color: #FFFFFF;
    width: 65%;
}

.text2-carrousel-2 span {
    font-size: 30px;
    font-weight: 900;
}

.text2-carrousel-inf {
    text-align: left;
    font-family: "Lato", sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #FFFFFF;
}

.backImte2Carrou {
    background-image: url(../img/home/fondo-carrousel-2.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: revert;
}

.btnCon-4 {
    margin-top: 3rem;
    margin-bottom: 1rem;
}

@media screen and (max-width:1024px) {
    .text-3card {
        font-size: 25px;
    }

    .text-carrousel-2 {
        font-size: 18px;
    }

    .text-carrousel-inf {
        font-size: 25px;
        margin: 20px 0px;
    }

    .imagenesnosotrosSlide1 {
        width: 80% !important;
    }

    .imgcam2 {
        width: 50% !important;
    }

    .text2-carrousel-2 span {
        font-size: 24px;
    }

    .text2-carrousel-2 {
        font-size: 20px;
        width: 100%;
    }

    .btnCon-4 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .text2-carrousel-inf {
        font-size: 15px;
        text-align: center;
    }

    .imgcam3 {
        left: -101px;
        width: 45% !important;
    }
}

@media (max-width: 767px) {
    .text-carrousel-2 {
        font-size: 10px;
    }

    .conten-car-clientes {

        font-size: 8px;
    }

}















.carousel-nav-btn {
    background-color: transparent;
    border: 2px solid #007bff;
    /* Borde circular azul */
    border-radius: 50%;
    /* Forma circular */
    font-size: 3rem;
    /* Tamaño de la flecha */
    color: #007bff;
    /* Color de la flecha */
    cursor: pointer;
    width: 60px !important;
    /* Ancho del botón */
    height: 60px !important;
    /* Alto del botón */
    transition: all 0.3s ease;
}

.carousel-nav-btn:hover {
    background-color: #007bff;
    /* Fondo azul al pasar el mouse */
    color: #fff;
    /* Texto blanco al pasar el mouse */
}






.carousel-item {
    margin: 0;
    padding: 0;
    transition: none;
    /* Desactiva cualquier transición de fondo */

}

.carousel-item-start {
    transition-duration: 0s;
    /* Ajusta el tiempo de duración de la transición (ejemplo: 1 segundo) */
}

.carousel-indicators li {
    background-color: rgb(255 255 255 / 50%);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}


.owl-carousel {
    position: relative;
}

.owl-prev {
    position: absolute;
    left: -3%;
    top: 50%;
    bottom: -20px;
    transform: translateY(-50%);
}

.owl-next {
    position: absolute;
    right: -3%;
    top: 50%;
    transform: translateY(-50%);
}

.owl-prev span,
.owl-next span {
    color: #004186;
    font-size: 31px;
    position: absolute;
    bottom: -8px;
    right: 8px;
}


/* Estilo para el indicador activo */
.carousel-indicators .active {
    background-color: #ffffff;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    background-color: white;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: white;
    margin: 0 5px;
    border: 3px #004186 solid;
    margin: -5px;
}

@media screen and (max-width:1024px) {

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        margin: -15px;
    }
}


/*************BENEFICIOS**************/
.iconosBeneficiosdeservicio:before {
    font-size: 3.5em;
}

.iconosBeneficiosdeserviciocolor1:before {
    color: #004186;
}

.iconosBeneficiosdeserviciocolor2:before {
    color: white;
}

.primerobeneficiosfarmadeccarrousel {
    background-color: #D5F1FF;
    width: 100%;
    height: 22rem;
    margin: auto;
    color: black !important;

}

.primerobeneficiosfarmadeccarrousel:hover {
    background-color: rgb(0, 65, 134);
    cursor: pointer;
    color: white !important;
}

.espacio {
    height: 10px;
}

.segundobeneficiosfarmadeccarrousel {
    background-color: rgb(248, 227, 244);
    width: 100%;
    height: 22rem;
    margin: auto;
    color: black !important;


}

.segundobeneficiosfarmadeccarrousel:hover {
    background-color: rgb(200, 102, 164);

    cursor: pointer;
    color: white !important;

}

.tercerobeneficiosfarmadeccarrousel {
    background-color: rgb(229, 202, 242);
    width: 100%;
    height: 22rem;
    margin: auto;
    color: black !important;
}

.tercerobeneficiosfarmadeccarrousel:hover {
    background-color: rgb(152, 57, 134);

    cursor: pointer;

    color: white !important;

}






.hovered,
.hovered i {
    color: #ffffff;
    /* Color blanco */
}

.segundobeneficiosfarmadeccarrousel.hovered,
.segundobeneficiosfarmadeccarrousel.hovered i {
    color: #ffffff;
    /* Color blanco */

}

.tercerobeneficiosfarmadeccarrousel.hovered,
.tercerobeneficiosfarmadeccarrousel.hovered i {
    color: #ffffff;
    /* Color blanco */
}

.hovered,
.hovered .iconosBeneficiosdeserviciocolor1,
.hovered .iconosBeneficiosdeserviciocolor1:before {
    color: #ffffff !important;
    /* Color blanco */
}

.segundobeneficiosfarmadeccarrousel.hovered,
.segundobeneficiosfarmadeccarrousel.hovered .iconosBeneficiosdeserviciocolor1,
.segundobeneficiosfarmadeccarrousel.hovered .iconosBeneficiosdeserviciocolor1:before {
    color: #ffffff !important;
    /* Color blanco */
}

.tercerobeneficiosfarmadeccarrousel.hovered,
.tercerobeneficiosfarmadeccarrousel.hovered .iconosBeneficiosdeserviciocolor1,
.tercerobeneficiosfarmadeccarrousel.hovered .iconosBeneficiosdeserviciocolor1:before {
    color: #ffffff !important;
    /* Color blanco */
}




.iconosBeneficiosdeserviciocolor1:before {
    color: #004186;
}







h2.beneficiosfarmadectitulo {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Josefin Sans', sans-serif;
    height: 50px;
    text-align: center;
    color: #000000;
    /* margin-top: 10px; */
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

h3.beneficiosfarmadecsubtitulo {
    font-size: 17px;
    font-weight: 700;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-family: 'Lato', sans-serif;
    margin: 5px 0px;
}

h4.beneficiosfarmadectexto {
    font-size: 15px;
    font-weight: 600;
    height: auto;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Lato', sans-serif;
    color: #000000;
}


/*************CONTACTO**************/



.imagen-contacto {
    width: 100%;
}

.fondo-contactanos {
    background-color: rgb(200, 102, 164);
}





.inputFormularioContacto {
    border-radius: 40px;
}

.botonFormularioContacto {
    background-color: #004186;
    color: white;
    font-weight: bold;
    font-size: 20px;
    width: 30%;
}

.textoFormularioContacto {
    color: white;
    font-weight: 600;
    font-size: 35px;
    text-align: left;
    font-family: 'Josefin Sans', sans-serif;
}

.primerContenedorMovil,
.primerContenedorMovil2 {
    display: none;
}

.mbLO {
    margin-bottom: 3rem !important;
}

.text-contac {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 40px;
    font-weight: bold;
    color: #EEEEEF;
    background: #983986 0% 0% no-repeat padding-box;
    margin-bottom: 0px;
    width: auto;
}

.txt-C {
    position: absolute;
    top: 44%;
    left: 5%;
    border-top: 1px solid #7070708f;
    border-right: 1px solid #7070708f;
    border-left: 1px solid #7070708f;
}

.txt-C2 {
    position: absolute;
    top: 53%;
    left: 5%;
    border-bottom: 1px solid #7070708f;
    border-right: 1px solid #7070708f;
    border-left: 1px solid #7070708f;
}

/****Simi carrera *****/

#simiCar {
    padding: 0px 0px;
}

.simMovi {
    display: none;
}

.banner-Simi1,
.banner-Simi2 {
    position: absolute;
    /* height: 100vh; */
}

.banner-Simi1 {
    content: url('../img/home/SIMI-CARRERA-1.webp');
}

.triangle {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 150px;
    background: #983986;
    clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
}

.triangle2 {
    background: rgb(81, 198, 242);

}

.imSim {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 30px;
    margin-top: 0rem;
    margin-bottom: 2rem;
}

.contSim {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-flow: column;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.divTexsSim {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-flow: column;
    height: 30%;
}

.img-log {
    width: 20%;
    position: absolute;
    left: 39.5%;
    top: -35%;
    z-index: 1;
}

.text-Sim1 {
    background: #983986 0% 0% no-repeat padding-box;
    border-radius: 9px;
}

.text-Sim1 {
    text-align: left;
    font-size: 35px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: medium;
    color: #EEEEEF;
    padding: 20px 20px;
    animation: zoomC .6s ease-in-out;
}

.flip-upCS {
    animation: girarD .6s ease-in-out;
}

.flip-upCS2 {
    animation: girarI .6s ease-in-out;
}



.text-Sim1 span {
    font-weight: bold;
}

.text-Sim2 {
    text-align: right;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    font-size: 35px;
    color: #131D5A;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 0.8;
    padding: 0px 0px 0px 30px;
}

.text-Sim3,
.text-Sim3M {
    text-align: right;
    font: normal normal bold 40px / 48px Lato;
    color: #131D5A;
    line-height: 40px;
    display: none;
    /* Start hidden */
}

.text-Sim3 span,
.text-Sim3M span {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 0.8;
    padding: 0px 0px 0px 30px;
    font-family: 'Lato', sans-serif;
    font-size: 35px;
    font-weight: bold;
}


.text-Sim4 {
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #EEEEEF;
    line-height: 30px;
}

.img-simCar1 {
    content: url(../img/home/simi-1.png);
    width: 60%;
}

/************Simi carrera G***************/
.mtBE {
    margin-top: 40px;
}

.mtBE1 {
    margin-top: 0;
}

.contSim2 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-flow: column;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.imSim2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 30px;
    margin-top: 0rem;
    margin-bottom: 2rem;
}

.text-Sim1G,
.text-Sim2G {
    background: #983986 0% 0% no-repeat padding-box;
}

.text-Sim-banner-fondo-azul {
    background: rgb(0, 65, 134) 0% 0% no-repeat padding-box;
}

.text-Sim1G {
    text-align: left;
    font-size: 49px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
    color: #EEEEEF;
    padding: 0px 5px;
    animation: zoomC .6s ease-in-out;
    margin-bottom: 5px;
}

.text-Sim2G {
    text-align: left;
    font-size: 72px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
    color: #EEEEEF;
    padding: 0px 5px;
    animation: zoomC .6s ease-in-out;
    margin-bottom: 5px;

}

.text-Sim3G {
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 32px;
    color: #131D5A;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 0.8;
    padding: 0px 5px;
    animation: zoomC .6s ease-in-out;
    margin-bottom: 5px;
}

.img-log2 {
    position: absolute;
    left: 41%;
    top: -30%;
    z-index: 1;
}

.text-Sim4G {
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #EEEEEF;
    line-height: 25px;
    margin-bottom: 5px;

}

.img-simCar2 {
    width: 60%;
}

.img-simCar-Bann3 {
    width: 100%;
}

@keyframes zoomC {
    to {
        opacity: 1;
        transform: translateZ(0) scale(1);

    }

    from {
        opacity: 0;
        transform: translateZ(0) scale(0);
    }
}

@keyframes girarD {
    0% {
        -webkit-transform: perspective(2500px) rotateY(-100deg);
        transform: perspective(2500px) rotateY(-100deg)
    }

    100% {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0)
    }
}

@keyframes girarI {
    0% {
        -webkit-transform: perspective(2500px) rotateY(100deg);
        transform: perspective(2500px) rotateY(100deg)
    }

    100% {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0)
    }
}



.logSimiHo {
    content: url(../img/home/Marcas/LOG_SIMI.jpg);
}

.logUltHo {
    content: url(../img/home/Marcas/LOGOS-ULTRA.jpg);
}

@media (max-width: 1500px) {
    .formularioContacto {
        padding: 5%;
    }

    .movilpreviocamion {
        display: none;
    }

}

@media screen and (max-width:1440px) {
    .text-Sim1G {
        font-size: 35px;
    }

    .text-Sim2G {
        font-size: 55px;
    }

    .text-Sim3G {
        font-size: 25px;
    }

    .text-Sim1 {
        font-size: 25px;
    }

    .contSim2.carFlash {
        margin-top: 7rem;
        margin-bottom: 6rem;
    }
}

@media screen and (max-width:1366px) {
    .text-contac {
        font-family: 'Josefin Sans', sans-serif;
        font-size: 30px;
        font-weight: bold;
        color: #EEEEEF;
        background: #983986 0% 0% no-repeat padding-box;
        margin-bottom: 0px;
        width: auto;
    }

    .primerContenedor {
        background-image: url(../img/home/Transportando-Tu-Bienestar-Farmadec-Banner-Principal_.webp);
        background-position: top;
        height: auto;
    }

    .mtPC {
        margin-top: 20px;
    }

    .hero .icon-boxes {
        padding-bottom: 24px;
        z-index: 4;
        top: 1rem;
    }

    .title-car-clientes {
        line-height: 44px;
    }

    .imagen-contacto {
        width: 100%;
        height: 100%;
    }

    .imgcam3 {
        margin-left: 10px;
        position: relative;
        left: -100px;
        width: 40% !important;
    }

    .text2-carrousel-inf {
        text-align: center;
        font-family: "Lato", sans-serif;
        font-size: 25px;
        font-weight: bold;
        color: #FFFFFF;
    }

    .btnCon-4 {
        margin-top: 0rem;
        margin-bottom: 1rem;
    }

    .text2-carrousel-2 {
        text-align: center;
        font-family: "Lato", sans-serif;
        font-size: 24px;
        color: #FFFFFF;
        width: 100%;
    }

    .triangle {
        height: 96px;
    }

    .text-Sim1 {
        font-size: 25px;
    }

    .img-simCar1 {
        width: 70%;
    }

    .img-log {
        top: -62%;
        width: 18%;
        left: 40%;
    }

    .imSim {
        margin-top: 1rem;
    }

    .contSim {
        margin-top: 1rem;
    }

    .text-Sim2 {
        font-size: 30px;
    }

    .text-Sim3 span,
    .text-Sim3M span {
        font-size: 28px;
    }

    .text-Sim3,
    .text-Sim3M {
        line-height: 30px;
    }

    .img-simCar2 {
        width: 70%;
    }

    .text-Sim1G {
        font-size: 35px;
    }

    .text-Sim2G {
        font-size: 50px;
    }

    .text-Sim3G {
        font-size: 27px;
    }

    .img-log2 {
        top: -30%;
        left: 39%;
    }

    .text-Sim4 {
        line-height: 45px;
    }

    .contSim2 {
        margin-top: 1rem;
    }

    .imSim2 {
        margin-top: 1rem;
    }
}

@media screen and (max-width:1280px) {
    .imgcam2 {
        margin-left: 10px;
        position: relative;
        left: -140px;
    }

    .text-Sim1G {
        font-size: 30px;
    }

    .text-Sim1 {
        font-size: 20px;
    }

    .text-Sim3 span,
    .text-Sim3M span {
        font-size: 22px;
    }

    .text-Sim3,
    .text-Sim3M {
        line-height: 20px;
    }
}

@media screen and (max-width:1024px) {
    .hero .icon-boxes {
        top: 0rem;
    }

    .mtPC {
        margin-top: -20px;
    }

    .primerContenedor {
        height: auto;
    }

    .imagen-contacto {
        display: none;
    }

    .hero h2,
    .bann-3-text {
        font-size: 35px;
        font-weight: 700;
        margin-bottom: 20px;
        font-family: "Josefin Sans", sans-serif;
    }

    .hero .icon-box {
        padding: 1rem 1.5rem;
    }

    .img-simCar1 {
        width: 90%;
    }

    .text-Sim1 {
        font-size: 20px;
    }

    .text-Sim2 {
        font-size: 25px;
    }

    .text-Sim3 span,
    .text-Sim3M span {
        font-size: 20px;
    }

    .text-Sim3,
    .text-Sim3M {
        line-height: 16px;
    }

    .img-log {
        top: -40%;
        width: 18%;
        left: 43%;
    }

    .text-Sim1G {
        font-size: 25px;
    }

    .text-Sim2G {
        font-size: 40px;
    }

    .text-Sim3G {
        font-size: 24px;
    }

    .img-log2 {
        top: -25%;
        left: 35%;
    }

    .text-Sim4G {
        font-size: 20px;
        line-height: 30px;
    }

    .text-Sim4 {
        font-size: 20px;
    }

    .banner-Simi1,
    .banner-Simi2 {
        position: absolute;
        height: auto;
    }

    .mtBE {
        margin-top: 0px;
    }
}

@media screen and (max-width:998px) {
    .contSim2.carFlash {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .text-Sim1G {
        font-size: 23px;
    }

    .text-Sim3G {
        font-size: 19px;
    }

    .imSim2.carFlash {
        padding: 0px;
    }


    .btn-get-started2 {
        font-size: 1rem;
    }

    .mtPC {
        margin-top: -165px;
    }

    .hero .btn-get-started,
    .btn-get-started {
        width: 33%;
        font-size: 13px;
    }

    .btnCon-2 {
        width: 37% !important;
    }

    .primerobeneficiosfarmadeccarrousel {


        height: 24rem;

    }

    .segundobeneficiosfarmadeccarrousel {

        height: 24rem;

    }

    .tercerobeneficiosfarmadeccarrousel {
        height: 24rem;
    }

    h3.beneficiosfarmadecsubtitulo {
        font-size: 16px;
        height: 30px;
    }

    h4.beneficiosfarmadectexto {
        font-size: 12px;
    }

    .fondotransportacionSeguraFarmadec {
        background-image: url(../img/home/transportacionSeguraFarmadec.webp);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 0px;
        height: 45vh;
    }

    .triangle {
        height: 90px;
    }

    .img-simCar2 {
        width: 90%;
    }

    .img-log {
        top: -37%;
        width: 22%;
        left: 38%;
    }

    .divTexsSim {
        height: 90px;
    }
}

@media screen and (max-width:768px) {
    .hero .btn-watch-video i {
        color: white;
        font-size: 80px;
    }

    .martop {
        margin-top: 0px;
    }

    h4.beneficiosfarmadectexto {
        font-size: 12px;
        font-weight: 600;
        height: auto;
        margin: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: 'Lato', sans-serif;
        color: #000000;
    }

    .text-Sim1 {
        font-size: 17px;
    }

    .text-Sim2 {
        font-size: 20px;
    }

    .text-Sim3 span,
    .text-Sim3M span {
        font-size: 17px;
    }

    .text-Sim3,
    .text-Sim3M {
        line-height: 12px;
    }

    .mSim {
        margin: 0px;
    }

    .pSim {
        padding: 0px;
    }

    .triangle {
        height: 75px;
    }

    .text-Sim4 {
        font-size: 16px;
        line-height: 20px;
    }

    .text-Sim1G {
        font-size: 20px;
    }

    .text-Sim2G {
        font-size: 30px;
    }

    .text-Sim3G {
        font-size: 20px;
    }

    .img-log2 {
        top: -40%;
        left: 38%;
        width: 25%;
    }

    .text-Sim4G {
        font-size: 16px;
        line-height: 20px;
    }
}

.transportacionSegundaSeccion {
    transition: opacity 1s ease-in-out;
    opacity: 1;
}

.fade {
    opacity: 0;
}

@media screen and (max-width:653px) {
    .fondotransportacionSeguraFarmadec {
        height: 100%;
    }
}

@media screen and (max-width:540px) {
    .simMovi {
        display: block;
    }

    .simDec {
        display: none;
    }

    .contSim2.carFlash {
        text-align: center;
        align-items: center;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    .imSim2.carFlash {
        align-items: center;
        justify-content: center;
    }

    .img-simCar-Bann3 {
        width: 41%;
    }

    .btnsimMovil {
        flex-flow: column;
        margin-bottom: 4rem;
    }

    .bann-3-text {
        margin-bottom: 0px;
    }

    .img-simCar1 {
        width: 45%;
    }

    .img-simCar2 {
        width: 45%;
    }

    .imSim {
        justify-content: center;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .imSim2 {
        justify-content: center;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .contSim2 {
        align-items: center;
    }
}

@media screen and (max-width:468px) {

    .transportacionSegundaSeccion {
        font-size: 32px;
        color: black;
        font-weight: 900;
        font-family: "Lato", sans-serif;
        text-align: center;
    }

    .btnCon-2 {

        width: 84% !important;
    }

    .mbLO {
        margin-bottom: 1rem !important;
    }

    .marCarM {
        margin: 35px 0px;
        padding: 20px 40px;
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        margin: 100px;
        background-color: transparent;
        margin-top: 125px;
    }

    .owl-prev span,
    .owl-next span {
        font-size: 29px;
        bottom: -8px;
        right: 5px;
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        width: 25px;
        height: 25px;
    }

    .hero .btn-get-started,
    .btn-get-started {
        padding: 7px;
        font-size: 15px;
        width: 90%;
        letter-spacing: 0px;
    }

    .conocenosLETRAS {
        display: none !important;
        font-size: 4rem;
    }

    .conocenosTexto {
        font-size: 18px;
        color: white;
        margin: 5% 5% 5% 8%;
        padding: 0px 15px 74px 15px;
    }

    .transportacionTercerSeccion {
        margin-bottom: 30px !important;
        font-size: 40px;
    }

    .transportacionPrimerSeccion {
        margin-top: 30px;
    }

    .serviciosTitulo {
        font-size: 38px;
        margin-top: 25px !important;
    }

    .serviciosTexto {
        font-size: 25px;
    }

    p.iconosTitulo {
        font-size: 15px;
    }

    .carousel-caption {
        position: absolute;
        right: 0%;
        bottom: 0px;
        z-index: 10;
        padding-top: 0px;
        padding-bottom: 0px;
        color: #fff;
        text-align: center;
        transform: translate(0, -50%);
        top: 50%;
        left: 0%;
    }

    .title-car-clientes {
        font-size: 35px;
        margin-bottom: 75px;
        margin-top: 0px;
    }

    .conten-car-clientes {
        font-size: 20px;
        padding: 20px;
    }

    .cont-card-car {
        color: #FFFFFF;
        font-family: sans-serif;
        font-size: 13px;
    }

    .text-carrousel-2 {
        font-size: 18px;
        padding: 10px;
    }

    .btn-unete-carrousel {
        text-align: left;
        font-family: "Josefin Sans", sans-serif;
        font-size: 15px;
        font-weight: bold;
        color: #FFFFFF;
        background: #C866A4 0% 0% no-repeat padding-box;
        border-radius: 43px;
        padding: 2px 15px 0px 15px;
    }

    .btnCon-4 {

        display: none !important;
    }

    .text2-carrousel-2 {
        padding: 25px;
        font-size: 20px;
        text-align: center;
        width: 100%;
    }

    .imagen-contacto {
        width: 100%;
        height: 100%;
        display: none !important
    }

    .fondo-contactanos {
        background-color: white;
    }

    .columna-imagen-contacto {
        padding: 0px 30px;
    }

    .formularioContacto {
        background: rgb(200, 102, 164);
        border-radius: 45px;
        padding: 32px;
    }

    .farmadecClientes {
        position: relative;
        background-color: rgb(0, 65, 134);
        color: white;
        padding: 0px;
        width: 100%;
        margin: 0px;
        text-align: center;
    }

    .farmadecClientes .title {
        font-size: 30px;
        padding: 55px 0px;
        margin: 0px 0px;
        color: white;
    }

    .primerContenedorDes {
        display: none;
    }

    .primerContenedorMovil,
    .primerContenedorMovil2 {
        display: block;
    }

    .primerContenedorMovil {
        background-image: url(../img/home/responsive/Transportando-Tu-Bienestar-Farmadec-Banner-Principal_.webp);
        height: 55vh;
    }

    .hero h2,
    .bann-3-text {
        font-size: 2.7em;
        text-align: center;
    }

    .hero .btn-get-started,
    .btn-get-started {
        padding: 5px 13px;
        width: auto;
    }

    .farmadecClientes::before,
    .farmadecClientes::after {
        content: '';
        position: absolute;
        width: 0px;
        height: 0;
        border: 0px solid #C866A4;
        transform: rotate(90deg);
        z-index: 1;
    }

    .hero .icon-box .title {
        font-size: 28px;
        padding: 15px;
    }

    .subtitulo {
        font-size: 18px;
    }

    .espacio {
        height: 10px;
    }

    .btnCon-3 {
        width: 65% !important;
    }

    .logSimiHo {
        content: url(../img/home/Marcas/LOGOS-ULTRA.jpg);
    }

    .logUltHo {
        margin: 34px 0px;
        content: url(../img/home/Marcas/LOG_SIMI.jpg);
    }

    /* .guadaMovil {
        display: block;
    }

    .guadaDesc {
        display: none;
    } */

    .banner-Simi1 {
        content: url('../img/home/responsive/simi-puebla-movil.webp');
    }

    .banner-Simi2 {
        content: url('../img/home/responsive/simi-guadalajara-movil.webp');
    }

    .imSim {
        justify-content: center;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .img-simCar1 {
        width: 60%;
    }

    .text-Sim1 {
        border-radius: 0px;
    }

    .divTexsSim {
        height: 6rem;
        width: 75%;
    }

    .text-Sim2 {
        font-size: 20px;
        margin-right: -80px;
    }

    .contSim {
        margin-top: 0rem;
        align-items: center;
    }

    .triangle {
        height: 75px;
        clip-path: polygon(-15% 100%, 50% 0%, 115% 100%);
    }

    .img-log {
        top: -40%;
        width: 50%;
        left: 22%;
    }

    .text-Sim4 {
        font-size: 15px;
        line-height: 19px;
        margin-bottom: 10px;
    }

    .text-Sim3,
    .text-Sim3M {
        line-height: 11px;
    }

    .imSim2 {
        justify-content: center;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .img-simCar2 {
        width: 60%;
    }

    .contSim2 {
        align-items: center;
        margin-top: 0rem;
    }

    .text-Sim4G {
        font-size: 15px;
        line-height: 19px;
        margin-bottom: 10px;
    }

    .img-log2 {
        top: 10%;
        width: 40%;
        left: 30%;
    }

    .mtBE1 {
        margin-top: 75px;
    }
}

@media screen and (max-width:430px) {

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        margin: 114px;
        background-color: transparent;
        margin-top: 125px;
    }

    .tercerobeneficiosfarmadeccarrousel {
        height: 22rem;
    }

    .primerobeneficiosfarmadeccarrousel {
        height: 22rem;
    }

    .segundobeneficiosfarmadeccarrousel {
        height: 22rem;
    }
}

@media screen and (max-width:414px) {

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        margin: 114px;
        background-color: transparent;
        margin-top: 125px;
    }
}

@media screen and (max-width:412px) {

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        margin: 112px;
        background-color: transparent;
        margin-top: 125px;
    }

    h4.beneficiosfarmadectexto {
        font-size: 10px;
    }
}

@media screen and (max-width:390px) {
    .primerContenedorMovil {
        background-image: url(../img/home/responsive/Transportando-Tu-Bienestar-Farmadec-Banner-Principal_.webp);
        height: 75vh;
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        margin: 104px;
        background-color: transparent;
        margin-top: 125px;
    }

}

@media screen and (max-width:375px) {
    .primerContenedorMovil {
        background-image: url(../img/home/responsive/Transportando-Tu-Bienestar-Farmadec-Banner-Principal_.webp);
        height: 75vh;
    }

    .hero .btn-get-started,
    .btn-get-started {
        font-size: 14px;
        width: 90%;
    }

    .btn-unete-carrousel {
        font-size: 18px;
        margin: 15px 0px;
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        margin: 96px;
        background-color: transparent;
        margin-top: 126px;
    }
}

@media screen and (max-width:360px) {

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        margin: 90px;
        background-color: transparent;
        margin-top: 125px;
    }

    .hero .btn-get-started,
    .btn-get-started {
        font-size: 14px;
        width: 98%;
    }
}

@media screen and (max-width:344px) {
    .primerContenedorMovil {
        background-image: url(../img/home/responsive/Transportando-Tu-Bienestar-Farmadec-Banner-Principal_.webp);
        height: 75vh;
        background-size: cover;
    }
}

@media screen and (max-width:280px) {

    .hero .btn-get-started,
    .btn-get-started {
        font-size: 13px;
        width: 100%;
        height: 100%;
    }

    .hero h2,
    .bann-3-text {
        font-size: 35px;
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        margin: 66px;
        background-color: transparent;
        margin-top: 150px;
    }

    h2.beneficiosfarmadectitulo {
        font-size: 13px;
    }

    h3.beneficiosfarmadecsubtitulo {
        font-size: 12px;
        height: 5px;
    }

    h4.beneficiosfarmadectexto {
        font-size: 11px;
        margin: 10px;
    }

    .transportacionPrimerSeccion {
        font-size: 30px;
    }

    .transportacionSegundaSeccion {
        font-size: 40px;
    }

    .transportacionTercerSeccion {
        font-size: 65px;
    }

    /* .spinner-borderR {
        left: 18px;
    } */

    /* .spinner-borderA {
        left: 13px;
    } */

    .title-car-clientes {
        font-size: 25px;
        margin-bottom: -2px;
        margin-top: 0px;
    }

    .conten-car-clientes {
        font-size: 17px;
        padding: 13px 10px;
    }

    .card1 {
        margin: 10px 0px;
    }

    .card2 {
        margin: 10px 0px;
    }

    .p-car {
        padding: 8px;
    }

    .cont-card-car {
        color: #FFFFFF;
        font-family: sans-serif;
        font-size: 12px;
    }

    .btn-unete-carrousel {
        text-align: center;
    }

    .botonFormularioContacto {
        width: 100%;
    }

    .columna-imagen-contacto {
        padding: 20px;
    }

    .formularioContacto {
        background: rgb(200, 102, 164);
        border-radius: 25px;
        padding: 17px;
    }
}


/*******Animacion***********/

.content2 {
    width: 100%;
    height: 185px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 160px;
    overflow: hidden;
    font-family: 'Lato', sans-serif;
    font-size: 60px;
    line-height: 40px;
    color: #000000;
}

.content__container {
    font-weight: 600;
    overflow: hidden;
    height: 70px;
    padding: 0 0px;
    position: relative;
}

.content__container__text {
    display: inline;
    float: left;
    margin: 0;
}

.content__container__list {
    margin-top: 0;
    padding: 0px;
    text-align: center;
    list-style: none;

    animation-name: change;
    animation-duration: 13s;
    animation-iteration-count: infinite;
}

.content__container__list__item {
    line-height: 67px;
    margin: 0;
}

@keyframes change {

    0%,
    11.11%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    16.66%,
    27.77% {
        transform: translate3d(0, -16.66%, 0);
    }

    33.33%,
    44.44% {
        transform: translate3d(0, -33.32%, 0);
    }

    50%,
    61.11% {
        transform: translate3d(0, -49.98%, 0);
    }

    66.66%,
    77.77% {
        transform: translate3d(0, -66.64%, 0);
    }

    83.33%,
    94.44% {
        transform: translate3d(0, -83.3%, 0);
    }
}

@-webkit-keyframes change {

    0%,
    11.11%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    16.66%,
    27.77% {
        transform: translate3d(0, -16.66%, 0);
    }

    33.33%,
    44.44% {
        transform: translate3d(0, -33.32%, 0);
    }

    50%,
    61.11% {
        transform: translate3d(0, -49.98%, 0);
    }

    66.66%,
    77.77% {
        transform: translate3d(0, -66.64%, 0);
    }

    83.33%,
    94.44% {
        transform: translate3d(0, -83.3%, 0);
    }
}

@-moz-keyframes change {

    0%,
    11.11%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    16.66%,
    27.77% {
        transform: translate3d(0, -16.66%, 0);
    }

    33.33%,
    44.44% {
        transform: translate3d(0, -33.32%, 0);
    }

    50%,
    61.11% {
        transform: translate3d(0, -49.98%, 0);
    }

    66.66%,
    77.77% {
        transform: translate3d(0, -66.64%, 0);
    }

    83.33%,
    94.44% {
        transform: translate3d(0, -83.3%, 0);
    }
}

@-o-keyframes change {

    0%,
    11.11%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    16.66%,
    27.77% {
        transform: translate3d(0, -16.66%, 0);
    }

    33.33%,
    44.44% {
        transform: translate3d(0, -33.32%, 0);
    }

    50%,
    61.11% {
        transform: translate3d(0, -49.98%, 0);
    }

    66.66%,
    77.77% {
        transform: translate3d(0, -66.64%, 0);
    }

    83.33%,
    94.44% {
        transform: translate3d(0, -83.3%, 0);
    }
}

@media screen and (max-width:1366px) {
    .content {
        height: 100px;
        font-size: 45px;
    }

    .content__container {
        height: 50px;
    }

    .content__container__list__item {
        line-height: 50px;
        margin: 0;
    }
}

@media screen and (max-width:1280px) {
    .transportacionTercerSeccion {
        font-size: 50px;
    }

    .content2 {
        height: 140px;
    }
}

@media screen and (max-width:1024px) {
    .content {
        font-size: 35px;
    }

}

@media screen and (max-width:998px) {
    .content {
        font-size: 50px;
    }

    .content__container {
        height: 58px;
    }

    .content__container__list__item {
        line-height: 58px;
    }
}

@media screen and (max-width:468px) {
    .content {
        font-size: 30px;
    }

    .transportacionTercerSeccion {
        font-size: 40px;

    }
}

@media screen and (max-width:280px) {
    .content {
        font-size: 20px;
    }
}