@import "../components/Headers/defaultHeader.css";
@import "../components/Headers/header-img.css";
@import "../components/Headers/headerDetail.css";
@import "../components/Headers/mobile-menu/mob-menu_handle.css";
@import "../components/faq.css";
@import "../components/Filtri/custom-select.css";
@import "../Moduli/Griglie/services-icon_grid.css";


#intro-stripe .b-rd_02 {
	overflow: hidden;
}
#intro-stripe .col-1 .col-container-inner {
    padding-top: 2.865vw; /*55*/
    padding-bottom: 2.865vw; /*55*/
}
#intro-stripe .two-col-grid {
    grid-template-columns: 66.59% auto;
    gap: 1.042vw; /*20*/
}
#intro-stripe .col-1 .col-container-inner p {
    letter-spacing: 0;
    line-height: 1.3;
}

#intro-stripe .col-2 a {
    text-decoration: unset;
}
#intro-stripe .col-2 .bg-sz {
    letter-spacing: 0;
    line-height: 1 !important;
}
#intro-stripe .col-2 .cta-arrow {
    margin-left: 1.563vw; /*30*/
    transition: padding-top 0.3s ease-in-out;
}
#intro-stripe .col-2 a:hover .cta-arrow {
    padding-top: 1.042vw; /*20*/
}
#intro-stripe .col-2 .cta-arrow svg {
    width: 2.865vw; /*55*/
    height: 2.865vw; /*55*/
}

#technologies {
    margin-top: -3.906vw; /*75*/
}

#ergea-services .custom-select-trigger {
    margin: 0 auto;
}

@media screen and (max-width: 1440px) {
    #intro-stripe .col-2 .cta-arrow svg {
        width: 41px;
        height: 41px;
    }
}

@media screen and (max-width: 992px) {
    #intro-stripe .stripe-container-inner,
    #technologies .stripe-container-inner,
    #ergea-services .stripe-container-inner {
        padding-left: 0;
        padding-right: 0;
    }
    #intro-stripe .col-1 .col-container-inner {
        padding-top: 2em;
        padding-bottom: 2em;
    }    
    #intro-stripe .col-2 .cta-arrow svg {
        width: 35px;
        height: 35px;
    }
    #intro-stripe .two-col-grid {
        grid-template-columns: 62.59% auto;
    }    
}

@media screen and (max-width: 767px) {
    #intro-stripe .two-col-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    #intro-stripe .bg-sz,
    #intro-stripe .bg-sz * {
        font-size: 20px;
        line-height: 1.4;
    }
    #intro-stripe .col-1 .col-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    #intro-stripe .col-1 .col-container-inner {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    #intro-stripe .col-2 a {
        height: 110px;
        display: block;
    }
    #intro-stripe .col-2 .cta-arrow {
        margin-left: 15px;
    }
    #intro-stripe .col-2 .cta-arrow svg {
        width: 30px;
        height: 30px;
    }

    #technologies .stripe-container-inner {
        padding-top: 35px;
    }
    #technologies .faq-container {
        padding-top: 10px;
    }

    .location-select {
        padding-top: 40px;
    }
    .select-label {
        padding-bottom: 15px;
    }    
}