/* ====================================
   PILATES HERO
==================================== */

.pilates-hero{

    padding:200px 0 120px;

    background:#070707;
}

.pilates-hero-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;
}

.pilates-title{

    font-size:88px;

    line-height:.95;

    margin:25px 0 30px;
}

.pilates-description{

    font-size:20px;

    color:#bdbdbd;

    line-height:1.9;

    margin-bottom:40px;
}

.pilates-features{

    display:flex;

    flex-direction:column;

    gap:15px;

    margin-bottom:40px;
}

.pilates-feature{

    color:#d7d7d7;

    font-weight:600;
}

.pilates-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;
}

.pilates-hero-image img{

    width:100%;

    display:block;

    border-radius:32px;
}

@media(max-width:991px){

    .pilates-hero-grid{

        grid-template-columns:1fr;
    }

    .pilates-title{

        font-size:54px;
    }

}

/* ====================================
   PILATES FOR WHO
==================================== */

.pilates-for-who{

    padding:120px 0;

    background:#090909;
}

.pilates-for-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    margin-top:60px;
}

.pilates-for-card{

    background:#111111;

    border:1px solid rgba(255,255,255,.05);

    border-radius:28px;

    padding:35px;

    transition:.3s ease;
}

.pilates-for-card:hover{

    transform:translateY(-8px);

    border-color:rgba(212,168,95,.25);
}

.pilates-for-card h3{

    font-size:24px;

    margin-bottom:15px;
}

.pilates-for-card p{

    color:#bdbdbd;

    line-height:1.8;
}

@media(max-width:991px){

    .pilates-for-grid{

        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .pilates-for-grid{

        grid-template-columns:1fr;
    }

}

/* ====================================
   PILATES BENEFITS
==================================== */

.pilates-benefits{

    padding:120px 0;

    background:#070707;
}

.pilates-benefits-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    margin-top:60px;
}

.pilates-benefit-card{

    background:#111111;

    border:1px solid rgba(255,255,255,.05);

    border-radius:28px;

    padding:35px;

    transition:.3s ease;
}

.pilates-benefit-card:hover{

    transform:translateY(-8px);

    border-color:rgba(212,168,95,.25);
}

.pilates-benefit-number{

    font-family:'Bebas Neue';

    font-size:56px;

    line-height:1;

    color:var(--primary);

    margin-bottom:20px;
}

.pilates-benefit-card h3{

    margin-bottom:15px;

    font-size:26px;
}

.pilates-benefit-card p{

    color:#bdbdbd;

    line-height:1.8;
}

@media(max-width:991px){

    .pilates-benefits-grid{

        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .pilates-benefits-grid{

        grid-template-columns:1fr;
    }

}

/* ====================================
   PILATES WHY
==================================== */

.pilates-why{

    padding:120px 0;

    background:#090909;
}

.pilates-why-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

    margin-top:60px;
}

.pilates-why-card{

    background:#111111;

    border:1px solid rgba(255,255,255,.05);

    border-radius:28px;

    padding:35px;

    text-align:center;

    transition:.3s ease;
}

.pilates-why-card:hover{

    transform:translateY(-8px);

    border-color:rgba(212,168,95,.25);
}

.pilates-why-card strong{

    display:block;

    font-family:'Bebas Neue';

    font-size:72px;

    line-height:1;

    color:var(--primary);

    margin-bottom:15px;
}

.pilates-why-card h3{

    margin-bottom:15px;
}

.pilates-why-card p{

    color:#bdbdbd;

    line-height:1.8;
}

@media(max-width:991px){

    .pilates-why-grid{

        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .pilates-why-grid{

        grid-template-columns:1fr;
    }

}

/* ====================================
   PILATES REVIEWS
==================================== */

.pilates-reviews{

    padding:120px 0;

    background:#070707;
}

.pilates-reviews-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    margin-top:60px;
}

.pilates-review-card{

    background:#111111;

    border:1px solid rgba(255,255,255,.05);

    border-radius:28px;

    padding:35px;

    transition:.3s ease;
}

.pilates-review-card:hover{

    transform:translateY(-8px);

    border-color:rgba(212,168,95,.25);
}

.pilates-stars{

    color:var(--primary);

    font-size:24px;

    margin-bottom:20px;
}

.pilates-review-card p{

    color:#d7d7d7;

    line-height:1.9;

    margin-bottom:20px;
}

.pilates-review-card strong{

    color:#bdbdbd;
}

.pilates-reviews-cta{

    text-align:center;

    margin-top:50px;
}

@media(max-width:991px){

    .pilates-reviews-grid{

        grid-template-columns:1fr;
    }

}

/* ====================================
   PILATES FAQ
==================================== */

.pilates-faq{

    padding:120px 0;

    background:#090909;
}

.pilates-faq-list{

    max-width:900px;

    margin:60px auto 0;
}

.pilates-faq-item{

    background:#111111;

    border:1px solid rgba(255,255,255,.05);

    border-radius:24px;

    padding:30px;

    margin-bottom:20px;

    transition:.3s ease;
}

.pilates-faq-item:hover{

    border-color:rgba(212,168,95,.25);
}

.pilates-faq-item h3{

    margin-bottom:15px;

    font-size:24px;
}

.pilates-faq-item p{

    color:#bdbdbd;

    line-height:1.8;

    margin:0;
}

/* ====================================
   PILATES CTA
==================================== */

.pilates-cta{

    padding:120px 0 140px;

    background:#070707;
}

.pilates-cta-box{

    position:relative;

    overflow:hidden;

    text-align:center;

    padding:90px 60px;

    border-radius:36px;

    background:
    linear-gradient(
        135deg,
        rgba(212,168,95,.18),
        rgba(212,168,95,.05)
    );

    border:1px solid rgba(212,168,95,.15);
}

.pilates-cta-box::before{

    content:'';

    position:absolute;

    top:-120px;
    right:-120px;

    width:320px;
    height:320px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(212,168,95,.15),
        transparent 70%
    );
}

.pilates-cta-box h2{

    font-size:64px;

    line-height:1.05;

    margin:20px auto 25px;

    max-width:850px;
}

.pilates-cta-box p{

    max-width:700px;

    margin:0 auto 40px;

    color:#d0d0d0;

    line-height:1.9;

    font-size:18px;
}

.pilates-cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;
}

@media(max-width:767px){

    .pilates-cta-box{

        padding:60px 30px;
    }

    .pilates-cta-box h2{

        font-size:42px;
    }

    .pilates-cta-buttons{

        flex-direction:column;
    }

}