body {
    overflow: auto;
}

/*====ONE ROW===*/
.label_one_subtitle_prodserv {
    color: #7C7C7C;
    font-size: 2.2vw;
    font-family: AvertaStdBold;
}

.label_one_subtitle_prodserv_two {
    color: #7C7C7C;
    font-size: 2.2vw;
    font-family: AvertaRegular;
    font-weight: 700;
}

#ui_div_row_one_prodserv {
    padding-top: 4vh;
    right: 0 !important;
    overflow: hidden !important;
    margin: 0 auto;
}

/*====TWO ROW===*/
#ui_div_row_two_prodserv {
    position: relative;
    padding-top: 5vh;
    right: 0 !important;
    overflow: hidden !important;
    margin: 0 auto;
    /* Center the content if necessary */
}

.divImg_prodserv {
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    height: 19vh;
    width: 15vw;
    background-attachment: fixed;
    /* or 'local' */
    background-size: contain;

}

.divImg_prodserv::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    /* Black overlay with 40% opacity */
    z-index: 1;
    /* Places overlay below the text */
}

.divImg_prodserv label {
    color: #ffffff;
    /* Make text white for better contrast */
    position: relative;
    z-index: 2;
    /* Ensures text appears above the overlay */
}

.img-one {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2)),
        url("../img/Home/Soluciones_Tecnologicas/Consulting.png");
    opacity: 1.2;
    /* Makes the entire background slightly transparent */
    filter: brightness(1.1);
    /* Brightens the image (default is 1) */
}

.img-two {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2)),
        url("../img/Home/Soluciones_Tecnologicas/DesarrolloWeb.png");
    opacity: 1.3;
    /* Makes the entire background slightly transparent */
    filter: brightness(1.3);
    /* Brightens the image (default is 1) */
}

.img-three {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2)),
        url("../img/Home/Soluciones_Tecnologicas/ECommerce.png");
    opacity: 1.3;
    /* Makes the entire background slightly transparent */
    filter: brightness(1.1);
    /* Brightens the image (default is 1) */
}

.img-four {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2)),
        url("../img/Home/Soluciones_Tecnologicas/DesarrolloBackend.png");
    opacity: 1.3;
    /* Makes the entire background slightly transparent */
    filter: brightness(1.1);
    /* Brightens the image (default is 1) */
}

.img-five {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2)),
        url("../img/Home/Soluciones_Tecnologicas/DesarrolloFrontEnd.png");
    opacity: 1.0;
    /* Makes the entire background slightly transparent */
    filter: brightness(1.3);
    /* Brightens the image (default is 1) */
}

.img-six {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2)),
        url("../img/Home/Soluciones_Tecnologicas/DesarrolloApps.png");
    opacity: 1.3;
    /* Makes the entire background slightly transparent */
    filter: brightness(1.5);
    /* Brightens the image (default is 1) */
}

.img-seven {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2)),
        url("../img/ProductsServices/Soluciones_Tecnologicas/Chatbots_AI_Assistants.png");
    background-size: cover;
    /* Adjust this property */
    background-repeat: no-repeat;
    /* Prevent tiling */
    background-position: center;
    /* Center the image */
    height: 19vh;
    width: 15vw;
    opacity: 1.5;
    /* Makes the entire background slightly transparent */
    filter: brightness(2.4);
    /* Brightens the image (default is 1) */
}

.img-eight {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
        url("../img/ProductsServices/Soluciones_Tecnologicas/Webinars.png");
    background-size: cover;
    /* Adjust this property */
    background-repeat: no-repeat;
    /* Prevent tiling */
    background-position: center;
    /* Center the image */
    height: 19vh;
    width: 15vw;
    opacity: 1.5;
    /* Makes the entire background slightly transparent */
    filter: brightness(1.8);
    /* Brightens the image (default is 1) */
}

.img-nine {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2)),
        url("../img/Home/Soluciones_Tecnologicas/Soporte.png");
    opacity: 1.1;
    /* Makes the entire background slightly transparent */
    filter: brightness(1.2);
    /* Brightens the image (default is 1) */
}

.img-ten {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2)),
        url("../img/Home/Soluciones_Tecnologicas/Business.png");
    opacity: 1.3;
    /* Makes the entire background slightly transparent */
    filter: brightness(1.2);
    /* Brightens the image (default is 1) */
}

.divImg_one_circle_prodserv {
    position: absolute;
    top: 5.5vh;
    left: 6vw;
    width: 8vw;
    height: 8vh;
    background-size: contain;
    border-radius: 50%;
}

.divRowTwoText_one_prodserv {
    position: absolute;
    top: 13vh;
    left: 9vw;
    transform: translate(-7.5vw, -3vh);
    width: 12vw;
}

.ui_lblTwoText_rowTwo_prodserv {
    font-size: .75vw !important;
    color: #FFFFFF;
    font-family: AvertaStdBold !important;
    font-weight: 600px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    /* Subtle shadow for contrast */
    position: relative;
    z-index: 2;
    /* Keep the label sharp */
}


.btn-circle_prodserv {
    width: 2.2vw;
    height: 4vh;
    padding: 0;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    border: 0;
}

.img_helth_prodserv {
    width: 1.5vw;
    height: 2.3vh;
}

/*====ROW THREE===*/
/*.label_one_subtitle_three_prodserv {
    color: #7C7C7C;
    font-size: 1.3vw;
    font-family: AvertaStdBold;
    display: inline;
    margin-right: 8px;
}

.label_two_subtitle_three_prodserv_two {
    color: #7C7C7C;
    font-size: 26px;
    font-family: AvertaRegular;
    font-weight: 700;
    display: inline;
}

#ui_divSectionThree_prodserv {
    padding-top: 6%;
}

#ui_label_message_three_prod_serv {
    color: #7C7C7C;
    font-size: 14px;
    font-family: AvertaRegular;
}

.ui_card_three_prodserv_one {
    height: 300px;
    width: 250px;
    border-radius: 10px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
    background-color: #ec2727;
}

.ui_card_three_prodserv_two {
    height: 300px;
    width: 250px;
    border-radius: 10px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
}

.divRowThree_Two_prodserv_CardBody {
    font-size: 12px;
    margin-top: 15%;
}

.img_icon_one_prodserv_cardBody {
    width: 20px;
    height: 20px;
    text-align: center !important;
}

.divRow_message_prodserv_CardBody {
    padding-top: 10px;
}

.divRow_message_prodserv_CardBody_two {
    padding-top: 10px;
}

.lbl_Title_prodserv_Card {
    color: #ffffff;
    font-family: AvertaStdBold;
    font-size: 17px;
}

.lbl_Title_prodserv_Card_two {
    color: #7c7c7c;
    font-family: AvertaStdBold;
    font-size: 17px;
}

.lbl_message_prodserv_Card {
    font-size: 12px;
    justify-content: center !important;
    color: #ffffff;
}

.lbl_message_prodserv_Card_two {
    color: #7c7c7c;
    font-family: AvertaRegular;
    justify-content: center !important;
    font-size: 12px;
}

#ui_divRow_one_card_prodserv {
    padding-top: 5%;
}
*/
/*====ROW FIVE =====*/
#ui_divSectionFour_prodserv {
    padding-top: 6vh;
    position: relative;
    display: flex;
    right: 0 !important;
    overflow: hidden !important;
    margin: 0 auto;
    /* Center the content if necessary */
}

#ui_img_one_background_prodserv {
    max-height: 70vh !important;
    max-width: 100vw !important;
    border-radius: 5px 5px 5px 5px;
}

#ui_divRow_one_banner_prodserv {
    position: absolute;
    bottom: 10vh;
    height: 10vh;
    width: 100vw;
    max-width: 55vw;
    border-radius: 0 10px 10px 0;
    background-color: #EC2727;
    justify-content: center;
    align-items: center;
}

.img_icon_one_prodserv_cardBody {
    width: 20px;
    height: 20px;
    text-align: center !important;
}

.div_Banner_one_prodserv {
    padding-top: 2.5vh;
}

#ui_lblBanner_Message_one_prodserv {
    color: #FFFFFF;
    font-size: 1.3vw;
    font-family: AvertaStdBold;
}

#ui_btnContact_banner_prodserv {
    height: 4vh;
    font-size: .7vw !important;
    border-radius: .6vw !important;
    background-color: #FFFFFF;
    color: #EC2727;
    font-family: AvertaStdBold;
}

/*====SECTION SIX CARRUSEL====*/
.divRow_carrusel_prodserv {
    width: auto;
}

.divRow_two_carrusel_prodserv {
    box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.2);
    /* Top-left shadow */
    border-radius: 10px;
    /* Optional: Adds rounded corners */
    background-color: #fff;
    /* Background color for better visibility */
    height: 8vh !important;
}

.card_icon_prodserv_one {
    height: 5vh;
    width: 3vw;
    border-radius: 5px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
    background-color: #ec2727;
    margin-top: 1.5vh;
}

.divRow_icon_Two_prodserv_CardBody {
    font-size: .6vw;
    margin-top: 0%;
}

.divRow_Carrusel_main_prodserv {
    margin-top: 4vh;
    background-color: #E8EAEE;
    width: 100vw;
    height: 92vh;
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    right: 0;
}

.div_carrusel_main_prodserv {
    padding-top: 2vh;
}

.divRow_CarruselControls_prodserv {
    margin-top: 81vh;
    width: 60vw;
    height: 18vh;
    position: relative;
    box-sizing: border-box;
    overflow: hidden !important;
    right: 0 !important;
    transform: translate(20vw, 12vh);
    /* Centra la imagen inicialmente */
}

.btnCarruselControl_prodserv {
    background-color: #EC2727;
    width: 3.5vw;
    height: 6vh;
    border-radius: 4px;
    border: 0;
}

.icon_img_carrusel_control_prodserv {
    width: .7vw;
    height: 2vh;
}

.lbl_title_carrusel_bold_prodserv {
    color: #7c7c7c;
    font-family: AvertaStdBold;
    font-size: 2.2vw;
}

.lbl_message_carrusel_bold_prodserv {
    color: #7c7c7c;
    font-family: AvertaRegular;
    font-size: .9vw;
}

.div_message_carrusel_bold_prodserv {
    padding-top: 3vh;
}

.divList_proyects_carrusel_prodserv {
    padding-top: 4vh;
    height: 70vh;
}

.lbl_subtitle_bold_divlist_prodserv {
    color: #7c7c7c;
    font-family: AvertaStdBold;
    font-size: .9vw;
}

.lbl_subtitle_nobold_divlist_prodserv {
    color: #7c7c7c;
    font-family: AvertaRegular;
    font-size: .8vw;
}

.divRow_consulting_Two_prodserv {
    padding-top: 1.3vh;
}

.divRow_consulting_main_prodserv {
    padding-top: 2vh;
}

#ui_img_main_carrusel_prodserv {
    width: 30vw;
    height: 58vh;
    border-radius: 2px !important;
}

.div_two_image_main_carrusel_prodserv {
    padding-top: 10vh;
}

.divRow_idea_one_carrusel_prodserv {
    position: absolute;
    bottom: 14vh;
    height: 15vh;
    width: 20vw;
    border-radius: 8px;
    background-color: #EC2727;
    margin-left: 8vw;
}


.btnContact_white_banner_prodserv {
    height: 4vh;
    width: 6vw;
    font-size: .8vw !important;
    border-radius: 10px !important;
    background-color: #FFFFFF;
    color: #EC2727;
    font-family: AvertaStdBold;
}

.divRow_Proyects_carrusel_prodser {
    padding-top: 2vh;
}

.divRow_Proyects_one_carrusel_prodser {
    padding-top: 2vh;
}

.lbl_idea_one_carrusel_prod_serv {
    color: #FFFFFF;
    font-family: AvertaStdBold;
    font-size: 1.3vw;
}

/*====SEVEN ROW====*/
.div_tools_ecommerce_prodserv {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    /* Top-left shadow */
    border-radius: 10px;
    /* Optional: Adds rounded corners */
    background-color: #fff;
    /* Background color for better visibility */
}

.div_tools_ecommerce_two_prodserv {
    width: 41.6vw;
    height: auto;
}

#ui_div_row_main_seven_prodserv {
    padding-top: 8vh;
}

.lblMessageRowOne_prodserv {
    color: #7c7c7c;
    font-family: AvertaRegular;
    font-size: .8vw;
}

.div_row_tools_prodserv {
    padding-bottom: 5vh;
}

.lblHighLightRowOne_prodserv {
    font-size: .8vw;
    font-family: AvertaStdBold;
    color: #7c7c7c;
    display: inline;
}

.img_tools_prodserv {
    width: 25vw;
    height: 10vh;
}
    /*escala 125*/
@media (min-resolution: 97dpi) and (max-resolution: 120dpi) {
    #ui_divSectionFour_prodserv {
        position: relative;
        right: 0 !important;
        overflow: hidden !important;
        margin: 0 auto;
        /* Center the content if necessary */
        width: 66vw;
    }

    #ui_img_one_background_prodserv {
        max-height: 70vh !important;
        max-width: 100vw !important;
        border-radius: 5px 5px 5px 5px;
    }

    .img_icon_one_prodserv_cardBody {
        width: 3vw;
        height: 3vh;
        display: block;
        margin: 0 auto;
        margin-top: -65%;
    }

    .btn-circle_prodserv {
        width: 2.2vw;
        height: 4vh;
    }
}
/*90 %*/
@media (max-width: 1728px) {
    #ui_divSectionFour_prodserv {
        position: relative;
        right: 0 !important;
        overflow: hidden !important;
        margin: 0 auto;
        /* Center the content if necessary */
        width: 66vw;
    }

    #ui_img_one_background_prodserv {
        max-height: 70vh !important;
        max-width: 100vw !important;
        border-radius: 5px 5px 5px 5px;
    }

    .img_icon_one_prodserv_cardBody {
        width: 3vw;
        height: 3vh;
        display: block;
        margin: 0 auto;
        margin-top: -65%;
    }

    .btn-circle_prodserv {
        width: 2.2vw;
        height: 4vh;
    }
}
@media (min-resolution: 144dpi),
(min-resolution: 1.5dppx) {
    #ui_divSectionFour_prodserv {
        position: relative;
        right: 0 !important;
        overflow: hidden !important;
        margin: 0 auto;
        /* Center the content if necessary */
        width: 66vw;
    }

    #ui_img_one_background_prodserv {
        max-height: 70vh !important;
        max-width: 100vw !important;
        border-radius: 5px 5px 5px 5px;
    }

    .img_icon_one_prodserv_cardBody {
        width: 3vw;
        height: 3vh;
        display: block;
        margin: 0 auto;
        margin-top: -140%;
    }

    .divImg_one_circle_prodserv {
        position: absolute;
        top: 5.5vh;
        left: 6vw;
        width: 8vw;
        height: 8vh;
    }
}

@media screen and (max-width:768px)  {
    .divRow_consulting_main_prodserv {
        padding-top: 2vh;
    }
    .label_one_subtitle_prodserv {
        font-size: 5vw;
    }

    .label_one_subtitle_prodserv_two {
        font-size: 5vw;
    }

    .divImg_prodserv {
        border-radius: 1.5vw;
        height: 16vh;
        width: 40vw;
        margin-top: 1vh;
        margin-left: -3vw;
    }

    .ui_lblTwoText_rowTwo_prodserv {
        font-size: 3vw !important;
    }

    .divRowTwoText_one_prodserv {
        top: 11vh;
        left: 9vw;
        width: 43vw;
    }

    .divImg_one_circle_prodserv {
        top: 4vh;
        left: 16vw;
    }

    .img_helth_prodserv {
        width: 4vh;
        height: 5vw;
    }

    .btn-circle_prodserv {
        width: 6vh;
        height: 7vw;
    }

    #ui_divRow_one_banner_prodserv {
        margin-left: 0;
        height: 5vh;
        width: 60vw !important;
        border-radius: 0 5px 5px 0;
        top: 22vh;
    }

    #ui_lblBanner_Message_one_prodserv {
        font-size: 2.5vw;
    }

    .div_Banner_one_prodserv {
        padding-top: 1.5vh;
    }

    #ui_divSectionFour_prodserv {
        width: 90vw;
        margin-left: -1vw;
    }

    #ui_img_one_background_prodserv {
        max-height: 30vh !important;
        max-width: 100vw;
        border-radius: 5px 5px 5px 5px;
    }

    .lbl_title_carrusel_bold_prodserv {
        font-size: 5vw;
    }

    .card_icon_prodserv_one {
        height: 6vh;
        width: 10vw;
        box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
        top: 3vh !important;
        left: 1vw;
    }

    .lbl_subtitle_bold_divlist_prodserv {
        font-size: 3.5vw;
        text-align: left !important;
    }

    .lbl_subtitle_nobold_divlist_prodserv {
        font-size: 3vw;
        text-align: left !important;
    }

    .img_icon_one_prodserv_cardBody {
        display: block;
        margin: 0 auto;
        margin-top: -.6vh;
        width: 4vh;
        height: 4vw;
    }

    .divRow_idea_one_carrusel_prodserv {
        height: 14vh;
        width: 70vw;
        margin-left: 3vw !important;
        border-radius: 8px 8px 8px 8px !important;
        transform: translate(1vw, 12.5vh);
    }
  

    #ui_img_main_carrusel_prodserv {
        width: 78vw !important;
        height: 37vh !important;
        position: relative;
        bottom: 22%;

    }

    .divRow_Carrusel_main_prodserv {
        margin-top: 4vh;
        width: 100vw;
        height: 81vw;
        position: absolute;
    }

    .divList_proyects_carrusel_prodserv {
        padding-top:3vh;
        height: 110vh;
    }

    .lbl_idea_one_carrusel_prod_serv {
        font-size: 4vw;
    }

    .divRow_Proyects_one_carrusel_prodser {
        margin-left: -10vw;
    }
    .divRow_Proyects_one_carrusel_prodser_one {
        margin-left: 15vw;
        margin-top: 2vh;
    }
    .btnContact_white_banner_prodserv {
        height: 5vh;
        width: 27vw;
        font-size: 4vw !important;
    }

    .divRow_Proyects_carrusel_prodser {
        padding-top: 1.8vh;
    }

    .lbl_message_carrusel_bold_prodserv {
        font-size: 3vw;
    }


    .divRow_consulting_Two_prodserv {
        padding-top: 4vh;
    }

    .divRow_two_carrusel_prodserv {
        height: 14vh !important;
    }

    .divRow_CarruselControls_prodserv {
        position: relative;
        margin-top: -2vh;
        width: 50vw;
        height: 20%;
        margin: 0 auto;
        margin-left: 18vw;
        /* Center the content if necessary */
    }

    .divRow_Carrusel_one_main_prodserv {
        position: relative;
        margin: 0 auto;
        /* Center the content if necessary */
    }

    .btnCarruselControl_prodserv {
        width: 40px;
        height: 40px;
    }
    .icon_img_carrusel_control_prodserv {
        width: 2vw;
        height: 2vh;
    }
}
@media (min-width: 376px) and (max-width: 768px) and (orientation: portrait) {

    .divImg_prodserv {
        border-radius: 1.5vw;
        height: 13vh;
        width: 40vw;
        margin-top: 1vh;
        margin-left: -3vw;
    }
    /* Estilos para dispositivos más grandes que iPhone SE */
    #ui_divRow_one_banner_prodserv {
        margin-left: 0;
        height: 4.5vh;
        width: 60vw !important;
        border-radius: 0 5px 5px 0;
        top: 19vh;
    }
    .divRow_two_carrusel_prodserv {
        height: 13vh !important;
    }
    .divList_proyects_carrusel_prodserv {
        padding-top: 5vh;
        height: 90vh;
    }
    .divImg_one_circle_prodserv {
        top: 4vh;
        left: 15vw;
    }
    .btn-circle_prodserv {
        width: 5vh;
        height: 7.6vw;
    }
    .card_icon_prodserv_one {
        height: 4.2Vh;
        width: 10vw;
        box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
        top: 3vh !important;
        left: 1vw;
    }
    .btnContact_white_banner_prodserv {
        height: 4.5vh;
        width: 27vw;
        font-size: 4vw !important;
    }
}