.why-section{

    padding:120px 0;
}
.why-grid{

    display:grid;

    grid-template-columns:1.2fr .9fr;

    gap:50px;

    align-items:center;

}
.why-image{

    position:relative;

}
.why-image img{

    width:100%;

    border-radius:120px 30px 120px 30px;

    display:block;

}
.why-card{

    position:relative;

    overflow:hidden;

    background:#fff;

    border-radius:35px;

    padding:45px;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

    min-height:620px;

}
.why-card h2{

    text-align:center;

    margin-bottom:40px;

    font-size:2rem;

    color:#24463d;

}
.why-item{

    display:flex;

    gap:22px;

    align-items:center;

    margin-bottom:28px;

}
.why-icon{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#EAF8F6;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#4EB8B0;

    font-size:26px;

}
.why-item h4{

    margin:0;

    color:#24463d;

    font-size:1.1rem;

}
.why-item p{

    margin:4px 0 0;

    color:#66736F;

}
.why-bg-chair{
    position:absolute;
    right:-10px;
    bottom:-110px;
    width:550px;
    opacity:.18;
    pointer-events:none;
    z-index:0;
}
@media (max-width: 991px) {

    .why-section {
        padding: 80px 0;
    }

    .why-grid {
        grid-template-columns: 1fr;

        gap: 45px;
    }

    .why-image {
        max-width: 700px;

        width: 100%;

        margin: 0 auto;
    }

    .why-card {
        max-width: 700px;

        width: 100%;

        margin: 0 auto;

        min-height: auto;

        padding: 40px;
    }

}


/* =====================================================
   TABLET PEQUEÑA
====================================================== */

@media (max-width: 768px) {

    .why-section {
        padding: 65px 0;
    }

    .why-grid {
        gap: 35px;
    }

    .why-image img {
        border-radius: 80px 25px 80px 25px;
    }

    .why-card {
        padding: 35px 30px;
        border-radius: 28px;
    }

    .why-card h2 {
        font-size: 1.8rem;

        margin-bottom: 32px;
    }

    .why-item {
        gap: 16px;

        margin-bottom: 25px;
    }

    .why-icon {
        flex: 0 0 58px;

        width: 58px;
        height: 58px;

        font-size: 22px;
    }

    .why-item h4 {
        font-size: 1rem;
    }

    .why-item p {
        font-size: .9rem;
    }

    .why-bg-chair {
        width: 400px;

        right: -80px;
        bottom: -80px;
    }

}


/* =====================================================
   CELULAR
====================================================== */

@media (max-width: 576px) {

    .why-section {
        padding: 50px 0;
    }

    .why-grid {
        gap: 30px;
    }

    .why-image {
        padding: 0 10px;
    }

    .why-image img {
        width: 100%;

        border-radius: 55px 20px 55px 20px;
    }

    .why-card {
        padding: 30px 22px;

        border-radius: 25px;
    }

    .why-card h2 {
        font-size: 1.6rem;

        margin-bottom: 30px;
    }

    .why-item {
        align-items: flex-start;

        gap: 13px;

        margin-bottom: 22px;
    }

    .why-icon {
        flex: 0 0 50px;

        width: 50px;
        height: 50px;

        font-size: 19px;
    }

    .why-item h4 {
        font-size: .95rem;
    }

    .why-item p {
        font-size: .82rem;

        line-height: 1.45;
    }

    .why-bg-chair {
        width: 280px;

        right: -100px;
        bottom: -50px;

        opacity: .12;
    }

}