/* ====================================
ATHLETIC HERO
==================================== */

.athletic-hero{

padding:200px 0 120px;

background:#070707;

}

.athletic-hero-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}

.athletic-title{

font-size:88px;

line-height:.92;

margin:25px 0 30px;

}

.athletic-description{

font-size:20px;

color:#bdbdbd;

line-height:1.9;

margin-bottom:40px;

}

.athletic-features{

display:flex;

flex-direction:column;

gap:15px;

margin-bottom:40px;

}

.athletic-feature{

color:#d7d7d7;

font-weight:600;

}

.athletic-buttons{

display:flex;

gap:20px;

flex-wrap:wrap;

}

.athletic-hero-image img{

width:100%;

display:block;

border-radius:32px;

}

@media(max-width:991px){

.athletic-hero-grid{

    grid-template-columns:1fr;
}

.athletic-title{

    font-size:54px;
}

}

/* ====================================
ATHLETIC FOR WHO
==================================== */

.athletic-for-who{

padding:120px 0;

background:#090909;

}

.athletic-for-grid{

display:grid;

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

gap:25px;

margin-top:60px;

}

.athletic-for-card{

background:#111111;

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

border-radius:28px;

padding:35px;

transition:.3s ease;

}

.athletic-for-card:hover{

transform:translateY(-8px);

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

}

.athletic-for-card h3{

font-size:24px;

margin-bottom:15px;

}

.athletic-for-card p{

color:#bdbdbd;

line-height:1.8;

}

@media(max-width:991px){

.athletic-for-grid{

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

}

@media(max-width:767px){

.athletic-for-grid{

    grid-template-columns:1fr;
}

}

/* ====================================
ATHLETIC BENEFITS
==================================== */

.athletic-benefits{

padding:120px 0;

background:#070707;

}

.athletic-benefits-grid{

display:grid;

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

gap:25px;

margin-top:60px;

}

.athletic-benefit-card{

background:#111111;

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

border-radius:28px;

padding:35px;

transition:.3s ease;

}

.athletic-benefit-card:hover{

transform:translateY(-8px);

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

}

.athletic-benefit-number{

font-family:'Bebas Neue';

font-size:56px;

line-height:1;

color:var(--primary);

margin-bottom:20px;

}

.athletic-benefit-card h3{

font-size:26px;

margin-bottom:15px;

}

.athletic-benefit-card p{

color:#bdbdbd;

line-height:1.8;

}

@media(max-width:991px){

.athletic-benefits-grid{

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

}

@media(max-width:767px){

.athletic-benefits-grid{

    grid-template-columns:1fr;
}

}

/* ====================================
ATHLETIC PILLARS
==================================== */

.athletic-pillars{

padding:120px 0;

background:#090909;

}

.athletic-pillars-grid{

display:grid;

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

gap:25px;

margin-top:60px;

}

.athletic-pillar-card{

background:#111111;

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

border-radius:28px;

padding:40px 30px;

text-align:center;

transition:.3s ease;

}

.athletic-pillar-card:hover{

transform:translateY(-8px);

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

}

.pillar-number{

font-family:'Bebas Neue';

font-size:72px;

line-height:1;

color:var(--primary);

margin-bottom:20px;

}

.athletic-pillar-card h3{

margin-bottom:15px;

font-size:28px;

}

.athletic-pillar-card p{

color:#bdbdbd;

line-height:1.8;

}

@media(max-width:991px){

.athletic-pillars-grid{

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

}

@media(max-width:767px){

.athletic-pillars-grid{

    grid-template-columns:1fr;
}

}

/* ====================================
ATHLETIC WHY
==================================== */

.athletic-why{

padding:120px 0;

background:#070707;

}

.athletic-why-grid{

display:grid;

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

gap:25px;

margin-top:60px;

}

.athletic-why-card{

background:#111111;

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

border-radius:28px;

padding:35px;

text-align:center;

transition:.3s ease;

}

.athletic-why-card:hover{

transform:translateY(-8px);

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

}

.athletic-why-card strong{

display:block;

font-family:'Bebas Neue';

font-size:72px;

line-height:1;

color:var(--primary);

margin-bottom:15px;

}

.athletic-why-card h3{


margin-bottom:15px;

}

.athletic-why-card p{

color:#bdbdbd;

line-height:1.8;

}

@media(max-width:991px){

.athletic-why-grid{

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

}

@media(max-width:767px){

.athletic-why-grid{

    grid-template-columns:1fr;
}

}

/* ====================================
ATHLETIC REVIEWS
==================================== */

.athletic-reviews{

padding:120px 0;

background:#090909;

}

.athletic-reviews-grid{

display:grid;

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

gap:25px;

margin-top:60px;

}

.athletic-review-card{

background:#111111;

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

border-radius:28px;

padding:35px;

transition:.3s ease;

}

.athletic-review-card:hover{

transform:translateY(-8px);

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

}

.athletic-stars{

color:var(--primary);

font-size:24px;

margin-bottom:20px;

}

.athletic-review-card p{

color:#d7d7d7;

line-height:1.9;

margin-bottom:20px;

}

.athletic-review-card strong{

color:#bdbdbd;

}

.athletic-reviews-cta{

text-align:center;

margin-top:50px;

}

@media(max-width:991px){

.athletic-reviews-grid{

    grid-template-columns:1fr;
}

}

/* ====================================
ATHLETIC FAQ
==================================== */

.athletic-faq{

padding:120px 0;

background:#070707;

}

.athletic-faq-list{

max-width:900px;

margin:60px auto 0;

}

.athletic-faq-item{

background:#111111;

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

border-radius:24px;

padding:30px;

margin-bottom:20px;

transition:.3s ease;

}

.athletic-faq-item:hover{

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

}

.athletic-faq-item h3{


margin-bottom:15px;

font-size:24px;

}

.athletic-faq-item p{

color:#bdbdbd;

line-height:1.8;

margin:0;

}

/* ====================================
ATHLETIC CTA
==================================== */

.athletic-cta{

padding:120px 0 140px;

background:#090909;

}

.athletic-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);

}

.athletic-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%
);

}

.athletic-cta-box h2{

font-size:64px;

line-height:1.05;

margin:20px auto 25px;

max-width:850px;

}

.athletic-cta-box p{

max-width:700px;

margin:0 auto 40px;

color:#d0d0d0;

line-height:1.9;

font-size:18px;

}

.athletic-cta-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}

@media(max-width:767px){

.athletic-cta-box{

    padding:60px 30px;
}

.athletic-cta-box h2{

    font-size:42px;
}

.athletic-cta-buttons{

    flex-direction:column;
}

}