@import '../Headers/header-components/HeaderContent/header-content_02.css';
@import '../Moduli/Fasce/fascia-immagine-testo.css';
@import "../components/faq.css";

/* Intro stripe
--------------------------------------------------------*/
    #info-stripe .stripe-container-inner {
        padding-left: 1.82vw; /* 35 */
        padding-right: 1.82vw; /* 35 */
    }

    /* Filter Button
    ----------------------------------------*/
        .filter-tab-conn {
            padding: 3.44vw 4.32vw 5.52vw 5.52vw; /* 66 83 106 52 */
        }

    /* General
    ----------------------------------------*/
        #info-stripe .two-col-grid {
            grid-gap: 4.79vw; /* 92 */
            grid-template-columns: 1fr 31.25vw; /* 600 */
            align-items: flex-start;
        }

        /* Tabella */
            .info-table * {
                color: var(--color-main);
            }
            .info-table {
                border: 1px solid rgba(0, 0, 0, 0.15);
            }
            .info-table >*:not(:last-child) {
                border-bottom: 1px solid rgba(0, 0, 0, 0.15);
            }

        /* Info Box */
            .filter-tab-conn .info-box {
                background-color: rgba(241, 241, 239, 0.60);
                padding: 1.82vw 2.97vw 3.13vw 2.97vw; /* 35 57 60 57 */
            }

        /* Styling */
            .info-box ul {
                margin-top: 0.52vw !important; /* 10 */
            }

    /* TAB Iscrizioni
    ----------------------------------------*/     
        .info-table.table-3 .table-header .col, 
        .info-table.table-3 .table-body .col {
            width: 33.3%;
            padding: 0 2.6vw; /* 0 50 */
        } 
        .table-header {
            height: 5vw; /* 96 */
            min-height: 75px;
        }
        .table-body {
            height: 4.32vw; /* 83 */
            min-height: 70px;
        }

        /* TIP */
            .tip-icon {
                height: 1.46vw; /* 28 */
                width: 1.46vw; /* 28 */
                min-width: 1.46vw; /* 28 */
                margin-right: 1.3vw; /* 25 */
                margin-top: 0.26vw; /* 5 */
            }
            .tips > *:not(:last-child) {
                padding-bottom: 1.04vw; /* 20 */
            }

        /* Custom Requirement Button */
            .custom-tab-button {
                cursor: pointer;
            }
            .custom-tab-button:hover,
            .custom-tab-button:hover * {
                text-decoration: unset;
            }

    /* TAB Tariffe
    ----------------------------------------*/    
        .info-table.table-2 .table-header .col, 
        .info-table.table-2 .table-body .col {
            width: 50%;
            padding: 0 2.6vw; /* 0 50 */
        }

        /* Tabella */
            .info-table.table-2 .table-header .col:first-child, .info-table.table-2 .table-body .col:first-child {
                width: 70%;
            }
            .info-table.table-2 .table-header .col:last-child, .info-table.table-2 .table-body .col:last-child {
                width: 30%;
            }
            .info-table.table-2 .table-header {
                height: 3.65vw; /* 70 */
                min-height: 70px;
            }
            .info-table.table-2 .table-body {
                height: 3.13vw; /* 60 */
                min-height: 55px;
            }
            .info-table .table-body > * {
                line-height: 1;
            }

    /* TAB Requisiti
    ----------------------------------------*/    
        .requisiti-tab {
            grid-gap: 0 !important;
        }
        .requisiti-tab > .two-col-grid {
            grid-gap: 5.79vw !important;
        }
        .req-row .col-title {
            width: 7.81vw; /* 150 */
            min-width: 150px;
        }
        .req-row .col-title h3 {
            line-height: 1;
            padding-bottom: 0.31vw; /* 6 */
        }
        .req-row .col-text {
            flex-grow: 1;
            padding-left: 3.65vw; /* 70 */
        }
        .req-row .sub-title {
            font-family: var(--t-rg-font);
            line-height: 1;
        }
        .req-rows > *:first-child {
            padding-top: 0;
        }

       body .req-row ul:not(:first-child) {
            margin-top: 0.31vw !important; /* 6 */
        }
        body .req-row li {
            margin-left: 0 !important;
            margin-bottom: 0.52vw; /* 10 */
        }
        body .req-row li:before {
            display: none !important;
        }

/* 1920x1080
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1920px) {
    /* TAB Requisiti
    ----------------------------------------*/    
        .req-row .col-title {
            width: 150px; /* 150 */
        }
        .req-row .col-title h3 {
            padding-bottom: 6px; /* 6 */
        }
       body .req-row ul:not(:first-child) {
            margin-top: 6px !important; /* 6 */
        }
        body .req-row li {
            margin-bottom: 10px; /* 10 */
        }
}

/* Big Laptops - Ok until 1441 px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1620px) {

}

/* Team grid to set as classic team grid on four col grid
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1460px) {

}

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

}

/* Small Laptops - Ok until 1151px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
    .tip-icon {
        width: 18px;
        min-width: 18px;
        min-height: 18px;
    }
}

/* Small Laptops - Ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {

}

/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {
    #info-stripe .stripe-container-inner {
        padding-left: 0;
        padding-right: 0;
    }
    #info-stripe .two-col-grid {
        padding: 20px;
        grid-template-columns: 1fr 34.25vw;
        grid-gap: 2.79vw;
    }
    .filter-tab-conn .info-box {
        padding: 25px;
    }
    .info-table.table-3 .table-header .col, 
    .info-table.table-3 .table-body .col {
        padding: 0 10px;
    }

    .requisiti-tab > .two-col-grid {
        padding: 0 !important;
        padding-top: 40px !important;
    }
    .requisiti-tab.filter-tab-conn {
        padding: 20px;
    }
    .req-row .col-title {
        width: 68px;
        min-width: 95px;
    }
    .requisiti-tab > .two-col-grid {
        grid-gap: 2.79vw !important;
    }
}

/* Mobile Landscape
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
    #info-stripe .two-col-grid {
        grid-template-columns: 1fr;
        padding: 30px;
        gap: 60px !important;
    }
    .service-tabs {
        max-width: 100%;
    }
    .filter-tab-conn {
        border-radius: 30px;
    }
    .filter-tab-conn .info-box {
        padding: 30px 20px;
        border-radius: 30px;
    }

    .info-table.table-3 .table-header .col,
    .info-table.table-3 .table-body .col {
        padding: 0 20px;
    }
    .table-header,
    .info-table.table-2 .table-header {
        height: 60px;
        min-height: unset;
    }
    .info-table {
        border-radius: 20px;
    }
    .tips > *:not(:last-child) {
        padding-bottom: 20px;
    }

    .filter-tab-conn.requisiti-tab {
        padding: 30px;
    }

}

/* Mobile port
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {
    #info-stripe .two-col-grid,
    .filter-tab-conn.requisiti-tab {
        padding: 30px 1.5em;
    }

    .info-table.table-2 .table-header .col:first-child,
    .info-table.table-2 .table-body .col:first-child {
        width: 60%;
    }
    .info-table.table-2 .table-header .col:last-child,
    .info-table.table-2 .table-body .col:last-child {
        width: 40%;
    }
    .tip-icon {
        margin-right: 12px;
        margin-top: 3px;
    }

    /* Table 3 column */
        .info-table.st-sz * {
            font-size: 13px;
        }
        .table-header,
        .info-table.table-2 .table-header {
            height: 50px;
        }
        .info-table.table-3 .table-header .col,
        .info-table.table-3 .table-body .col {
            padding: 0 10px;
        }
        .info-table.table-3 .table-header .col-2,
        .info-table.table-3 .table-body .col-2 {
            width: 65px;
        }
        .info-table.table-3 .table-header .col-3,
        .info-table.table-3 .table-body .col-3 {
            width: calc( 100% - 33.3% - 65px);
        }

    /* Table 2 column */
        .info-table.table-2 .table-header .col:first-child,
        .info-table.table-2 .table-body .col:first-child {
            width: 60%;
        }
        .info-table.table-2 .table-header .col:last-child,
        .info-table.table-2 .table-body .col:last-child {
            width: 40%;
        }
}