/* ====================================================== */

.why-now{

    padding:140px 0;

}

.why-now .container {
    width: min(1380px, calc(100% - 96px));
    margin: 0 auto;
}

.why-now-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(420px, 0.85fr);
    gap: 72px;
    align-items: center;
}

.why-text h2{

    margin:20px 0 35px;

    font-size:58px;

    line-height:1.1;

}

.why-text p{

    color:#bfc8d4;

    font-size:19px;

    line-height:1.9;

    margin-bottom:25px;

}

.why-text {
    max-width: 760px;
}

.why-card {
    width: 100%;
    max-width: 520px;
    justify-self: end;
}

.card-title{

    display:block;

    margin-bottom:30px;

    font-size:14px;

    letter-spacing:.18em;

    color:#37a3ff;

    text-transform:uppercase;

}

.why-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.why-card li{

    padding:14px 0;

    border-bottom:1px solid rgba(255,255,255,.08);

    font-size:18px;

}

.why-footer{

    margin-top:35px;

    padding-top:30px;

    border-top:1px solid rgba(255,255,255,.08);

}

.why-footer strong{

    display:block;

    font-size:28px;

    color:#fff;

    margin-bottom:12px;

}

.why-footer span{

    color:#9ea9b8;

    line-height:1.7;

}

@media (min-width: 1600px) {
    .why-now .container {
        width: 1380px;
    }
}

@media (max-width: 1200px) {
    .why-now .container {
        width: calc(100% - 64px);
    }

    .why-now-grid {
        grid-template-columns: 1fr 460px;
        gap: 48px;
    }
}

@media (max-width: 1200px) {
    .why-now .container {
        width: calc(100% - 64px);
    }

    .why-now-grid {
        grid-template-columns: 1fr 460px;
        gap: 48px;
    }
}

@media (max-width: 900px) {
    .why-now .container {
        width: calc(100% - 36px);
    }

    .why-now-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}