a:not(.collapsed) i:before {
    content: "\e622" !important
}
.closex--popup{
    z-index: 999999999;
}
/*13 inch retina*/
@media (min-width: 720px) and (max-width: 1635px) {
    body .container {
            max-width: 1255px;
        }
    body #section3 {
        height: 280vh;
    }
        .cards--x-popup img.tof {
            border-radius: 1rem;
            margin-bottom: 10px;
            height: 150px;
            width: 100%;
            object-fit: cover;
        }
        body .cards--x-popup{
            bottom: -120vh;
        }
    section#section5{
        min-height: 240vh;
        height: auto !important;
    }
        body .cards--x-popup h2 {
            font-size: 34px !important;
        }
                body .cards--x-popup p {
                    font-size: 14px !important;
                }
        .cards--x-popup .tofix img { 
            height: 40vh !important;
            object-fit: cover !important;
        }
     b{
        font-weight: bold !important;
    }
    h1{font-size: 80px; line-height: 1;}
    h2{font-size: 30px; line-height: 1.3;}
    .orange--cards h4{font-size: 16px !important; line-height: 1.3;font-weight: bolder !important;}
    h4{font-size: 20px !important; line-height: 1.3;font-weight: bolder !important;}
    body .orange--cards{gap: 0 20px;}
        .vertical-align {
            position: relative;
            top: 50%;
        }
    body .carousel--render{
        bottom: 0px;
    }
    #section2{
        padding-top: 100px;
    }
    body .height-200{
        height: 220vh;
    }
        .orange--cards{
            position: relative;
            top: -40px;
        }
}