@import '../Headers/Header_01/header_01.css';

@import "../Moduli/SliderScorrimento/auto-scroll-logos.css";
@import "../Moduli/ModuliInterattivi/services-viewer.css";

@import "../Moduli/SliderScorrimento/carousel-big.css";

/*#about .stripe-container-inner {
    overflow: hidden;
}
*/
#services .two-col-grid {
    gap: 0;
}

#results .two-col-grid {
    gap: 5.21vw 4.17vw; /* 100 80 */
}

#work-with-us .divider-container,
#spontaneous-applications .divider-container {
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
}

/* 1920x1080
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1920px) {

}

/* Big Laptops - Ok until 1441 px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1690px) {
    #results .stripe-container-inner.apply-pad {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Standard Laptops - Ok until 1281px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {

}

/* Small Laptops - Ok until 1151px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
    #results .apply-pad-4 {
        padding-left: 8vw;
        padding-right: 8vw;
    }
}

/* Small Laptops - Ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {
    #services .stripe-content {
        padding-left: 0;
        padding-right: 0;
    }
    #about .bk-ellipse-btrg:after {
        display: none;
    }
}

/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {
    #results .apply-pad-4 {
        padding-left: 10vw;
        padding-right: 10vw;
    }
}

/* Mobile Landscape
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
    #about.c-txt * {
        text-align: left;
    }
    #about .stripe-text,
    .home #about .stripe-text-container,
    #intro-stripe .stripe-text-container {
        padding-left: 0;
        padding-right: 0;
    }
    #about .stripe-container-inner {
        overflow: initial;
    }
    #about .bk-ellipse-btrg:after {
        display: none;
    }
    #about .box-size_03 {
        width: 100vw;
        border-radius: unset;
        left: 50%;
        transform: translateX(-50%);
        height: 129.35vw; /* 520 */
        max-height: 650px;
    }

    #services .col.col-1 {
        padding-right: 0;
        padding-bottom: 20px;
    }

    #results .apply-pad-4 {
        padding-left: 0;
        padding-right: 0;
    }
    #results .two-col-grid {
        grid-template-columns: 1fr 1fr;
        gap: 30px 33px;
        padding-top: 30px;
    }
    #results .stripe-container-inner.apply-pad {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
    #results .tot {
        padding-bottom: 10px;
    }
    #results h3 {
        line-height: 1.2;
    }
    #results p {
        font-size: 15px;
        line-height: 1.5;
    }
    #results .two-col-grid .number-title {
        padding-bottom: 5px;
    }
}

@media screen and (max-width: 600px) {
    #results .two-col-grid {
        grid-template-columns: 1fr;
        gap: 30px 0;
    }
}

/* Mobile port
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 390px) {
    #results .stripe-container-inner.apply-pad {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}