@import '../Headers/Header_02/header_02.css';

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



/* Service Stripe
--------------------------------------------------------------*/
    #services .stripe-container-inner:before {
        content: '';
        display: block;
        width: 100%;
        height: 100vw;
        position: absolute;
        top: -8%;
        right: 0;
        background: radial-gradient(
            ellipse 40% 40% at 77% 48%, /* width height - X Y */ 
            rgb(255 255 255) 1%, 
            rgb(255 255 255 / 0%) 76%
        );
        z-index: -1;
        opacity: 0.04;
    }
    #services .stripe-container-inner > *:first-child {
        padding-top: 0;
    }
    #services .stripe-container-inner > *:last-child {
        padding-bottom: 0;
    }
    #services .two-col-grid {
        gap: 0;
        grid-template-columns: 46.9% 1fr;
    }
    #services .two-col-grid.reverse {
        gap: 0;
        grid-template-columns: 1fr 46.9%;
    }
    #services .col-img .col-container {
        height: 31.25vw; /* 600 */
    }
    #services h2 {
        line-height: 1.2;
    }
    #services .col-content > ul:first-child:last-child {
        margin-bottom: 0;
    }


/* Intro Stripe - Eliminare?
--------------------------------------------------------------*/
    #intro-stripe.alt-stripe .h3-font {
        font-family: var(--rg-font);
        line-height: 1.2;
    }

/* Desription Stripe - Eliminare?
--------------------------------------------------------------*/
    .desription-stripe .two-col-grid,
    .desription-stripe .two-col-grid {
        gap: 0;
    }
    .desription-stripe .two-col-grid {
        grid-template-columns: 31.25vw 1fr; /* 600 */
    }
    .desription-stripe .two-col-grid.reverse {
        grid-template-columns: 1fr 31.25vw; /* 600 */
    }

/* Contact Stripe - Eliminare?
--------------------------------------------------------------*/
    #contact-stripe .form-container {
        padding-top: 0;
    }


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

}

/* Standard Laptops - Ok until 1281px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {
    #services .col-img .col-container {
        height: 35.56vw;
    }
}

/* Small Laptops - Ok until 1151px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
    #services .col.col-text.apply-pad-2l {
        padding-left: 40px;
    }
    #services .col.col-text.apply-pad-2r {
        padding-right: 40px;
    }
}

/* Small Laptops - Ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {
    #services .col-img .col-container {
        height: 37.39vw;
    }
}

/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {
	
}

/* Mobile Landscape
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

}

/* Mobile port
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {

}