/* ==========================================================
   INDUSTRIES HERO
========================================================== */

.industries-hero{

    padding:160px 0 80px;

}

.industries-hero .container{

    display:grid;

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

    gap:80px;

    align-items:center;

}

.industries-hero__content h1{

    margin:20px 0 25px;

}

.industries-hero__content p{

    max-width:650px;

    color:var(--color-text-light);

    margin-bottom:40px;

}

.industries-hero__buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.industries-dashboard{

    display:grid;

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

    gap:22px;

}

.dashboard-card{

    background:#151515;

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

    border-radius:24px;

    padding:35px;

    transition:.35s;

}

.dashboard-card:hover{

    transform:translateY(-8px);

    border-color:rgba(245,194,66,.35);

}

.dashboard-icon{

    width:70px;

    height:70px;

    border-radius:18px;

    background:rgba(245,194,66,.12);

    color:var(--color-primary);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:2.4rem;

    margin-bottom:25px;

}

.dashboard-card h4{

    margin-bottom:10px;

}

.dashboard-card p{

    color:var(--color-text-light);

}
/* ==========================================================
   INDUSTRIES OVERVIEW
========================================================== */

.industries-overview{

    padding:80px 0;

}

.industries-grid{

    display:grid;

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

    gap:30px;

}

.industry-card{

    display:block;

    background:#151515;

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

    border-radius:24px;

    padding:35px;

    text-decoration:none;

    color:inherit;

    transition:.35s;

}

.industry-card:hover{

    transform:translateY(-8px);

    border-color:rgba(245,194,66,.35);

}

.industry-icon{

    width:70px;

    height:70px;

    border-radius:18px;

    background:rgba(245,194,66,.12);

    color:var(--color-primary);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:2.4rem;

    margin-bottom:25px;

}

.industry-card h3{

    margin-bottom:15px;

}

.industry-card p{

    color:var(--color-text-light);

    line-height:1.8;

}
/* ==========================================================
   RESTAURANTS
========================================================== */

.industry-section{

    padding:80px 0;

}

.industry-layout{

    display:grid;

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

    gap:80px;

    align-items:center;

}

.industry-content h2{

    margin:20px 0 25px;

}

.industry-content p{

    margin-bottom:35px;

    color:var(--color-text-light);

}

.industry-features{

    margin-bottom:40px;

    display:grid;

    gap:16px;

}

.industry-features li{

    list-style:none;

    position:relative;

    padding-left:30px;

}

.industry-features li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:var(--color-primary);

    font-weight:700;

}

.restaurant-dashboard{

    display:grid;

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

    gap:20px;

}

.restaurant-card{

    background:#151515;

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

    border-radius:20px;

    padding:30px;

    transition:.35s;

}

.restaurant-card:hover{

    transform:translateY(-8px);

    border-color:rgba(245,194,66,.35);

}

.restaurant-card span{

    display:block;

    color:var(--color-text-light);

    margin-bottom:12px;

}

.restaurant-card strong{

    font-size:3rem;

    color:var(--color-primary);

}
/* ==========================================================
   TRAVEL
========================================================== */

.industry-layout.reverse{

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

}

.travel-dashboard{

    display:grid;

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

    gap:20px;

}

.travel-stat{

    background:#151515;

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

    border-radius:20px;

    padding:30px;

    transition:.35s;

}

.travel-stat:hover{

    transform:translateY(-8px);

    border-color:rgba(245,194,66,.35);

}

.travel-stat span{

    display:block;

    color:var(--color-text-light);

    margin-bottom:12px;

}

.travel-stat strong{

    font-size:3rem;

    color:var(--color-primary);

}
/* ==========================================================
   HEALTHCARE
========================================================== */

.patient-flow{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.flow-step{

    background:#151515;

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

    border-radius:20px;

    padding:30px;

    transition:.35s;

}

.flow-step:hover{

    transform:translateY(-6px);

    border-color:rgba(245,194,66,.35);

}

.flow-step i{

    font-size:2.4rem;

    color:var(--color-primary);

    margin-bottom:18px;

}

.flow-step h4{

    margin-bottom:12px;

}

.flow-step p{

    color:var(--color-text-light);

}

.flow-arrow{

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:2rem;

    color:var(--color-primary);

}
/* ==========================================================
   BENEFITS
========================================================== */

.industries-benefits{

    padding:80px 0;

}

.benefits-grid{

    display:grid;

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

    gap:30px;

}

.benefit-card{

    background:#151515;

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

    border-radius:24px;

    padding:40px 30px;

    transition:.35s;

}

.benefit-card:hover{

    transform:translateY(-8px);

    border-color:rgba(245,194,66,.35);

}

.benefit-icon{

    width:72px;

    height:72px;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(245,194,66,.12);

    color:var(--color-primary);

    font-size:2rem;

    margin-bottom:24px;

}

.benefit-card h3{

    margin-bottom:15px;

}

.benefit-card p{

    color:var(--color-text-light);

    line-height:1.8;

}
/* ==========================================================
   PROCESS
========================================================== */

.industries-process{

    padding:80px 0;

}

.process-grid{

    display:grid;

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

    gap:30px;

}

.process-card{

    background:#151515;

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

    border-radius:24px;

    padding:40px 30px;

    transition:.35s;

}

.process-card:hover{

    transform:translateY(-8px);

    border-color:rgba(245,194,66,.35);

}

.process-number{

    width:70px;

    height:70px;

    border-radius:50%;

    background:rgba(245,194,66,.12);

    color:var(--color-primary);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:2rem;

    font-weight:700;

    margin-bottom:25px;

}

.process-card h3{

    margin-bottom:15px;

}

.process-card p{

    color:var(--color-text-light);

    line-height:1.8;

}
/* ==========================================================
   FAQ
========================================================== */

.industries-faq{

    padding:80px 0;

}

/* ==========================================================
   FAQ ACCORDION
========================================================== */

.industries-faq{

    padding:80px 0;

}

.faq-accordion{

    max-width:900px;

    margin:0 auto;

}

.faq-item{

    background:#151515;

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

    border-radius:20px;

    margin-bottom:20px;

    overflow:hidden;

}

.faq-question{

    width:100%;

    background:none;

    border:none;

    color:#fff;

    padding:28px 30px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    cursor:pointer;

    font-size:1.8rem;

    font-weight:600;

}

.faq-question i{

    color:var(--color-primary);

    transition:.3s;

}

.faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .35s ease;

}

.faq-answer p{

    padding:0 30px 30px;

    color:var(--color-text-light);

    line-height:1.8;

}

.faq-item.active .faq-answer{

    max-height:250px;

}

.faq-item.active .faq-question i{

    transform:rotate(45deg);

}
/* ==========================================================
   CTA
========================================================== */

.industries-cta{

    padding:120px 0;

}

.industries-cta .cta-box{

    max-width:900px;

    margin:0 auto;

    text-align:center;

    background:#151515;

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

    border-radius:30px;

    padding:70px 60px;

}

.industries-cta h2{

    margin:20px 0;

}

.industries-cta p{

    max-width:700px;

    margin:0 auto 40px;

    color:var(--color-text-light);

}

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}
.industry-card,
.dashboard-card,
.restaurant-card,
.travel-stat,
.flow-step,
.benefit-card,
.process-card,
.faq-card{

    opacity:0;

    transform:translateY(40px);

    transition:.7s ease;

}

.show{

    opacity:1;

    transform:translateY(0);

}
.cta-stats{

    display:flex;

    justify-content:center;

    gap:60px;

    margin:40px 0;

    flex-wrap:wrap;

}

.cta-stat{

    text-align:center;

}

.cta-stat h3{

    font-size:3rem;

    color:var(--color-primary);

    margin-bottom:10px;

}

.cta-stat span{

    color:var(--color-text-light);

}
/* ==========================================================
   SECTION BACKGROUNDS
========================================================== */

.industries-overview,
.healthcare{

    background:#0d0d0d;

}

.restaurants,
.why-industries,
.industries-cta{

    background:#111111;

}

.travel,
.industries-process,
.industries-faq{

    background:#151515;

}
.section-header{

    margin-bottom:50px;

}

.cta-box{

    max-width:900px;

    margin:0 auto;

}

.faq-accordion{

    max-width:900px;

    margin:0 auto;

}