/*=====================================================
 SERVICES PAGE
 MODULE 1
 Breadcrumb • Hero • Intro • Stats • Categories
======================================================*/


/*==========================
Root Variables
===========================*/

:root{

    --services-primary:#0A2B1D;

    --services-primary-light:#16452F;

    --services-secondary:#B88A44;

    --services-white:#ffffff;

    --services-text:#425466;

    --services-light:#F8FAFC;

    --services-border:#E7ECEF;

    --services-shadow:0 18px 60px rgba(0,0,0,.08);

    --services-radius:22px;

}



/*==========================
Global
===========================*/

.services-page section{

    position:relative;

}

.section-title{
    /* color: #B88A44; */

    font-size:clamp(2rem,4vw,3.3rem);

    font-weight:700;

    line-height:1.2;

    color:var(--services-secondary);

    margin-bottom:1.5rem;

}

.section-description{

    max-width:700px;

    margin:auto;

    color:var(--services-text);

}

.section-tag{

    display:inline-flex;

    align-items:center;

    gap:.5rem;

    font-size:.82rem;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    color:var(--services-secondary);

}

.section-tag::before{

    content:"";

    width:40px;

    height:2px;

    background:var(--services-secondary);

}



/*==========================
Breadcrumb
===========================*/

.services-breadcrumb{

    background:#0A2B1D;

    /* border-bottom:1px solid #EEF2F5; */

    padding:18px 0;

}

.services-breadcrumb .breadcrumb{

    margin:0;

}

.services-breadcrumb a{

    color:#B88A44;

    text-decoration:none;

}

.services-breadcrumb .active{

    color: #B88A44;

    font-weight:600;

}



/*==========================
Hero
===========================*/

.services-hero{

    overflow:hidden;

    padding:120px 0;

    position:relative;

    background:

    linear-gradient(

    rgba(10,43,29,.82),

    rgba(10,43,29,.82)

    ),

    url("../images/services/services-hero.jpg");

    background-size:cover;

    background-position:center;

}

.services-hero-overlay{

    position:absolute;

    inset:0;

    background:

    radial-gradient(circle at top right,

    rgba(255,204,0,.15),

    transparent 35%);

}

.services-title{

    color:#fff;

    font-size:clamp(2.8rem,6vw,4.7rem);

    line-height:1.08;

    font-weight:800;

    margin:20px 0;

}

.services-title span{

    display:block;

    color:var(--services-secondary);

}

.services-subtitle{

    max-width:760px;

    margin:auto;

    color:rgba(255,255,255,.88);

    font-size:1.1rem;

    line-height:1.9;

}

.services-hero-buttons{

    margin-top:45px;

    display:flex;

    gap:18px;

    justify-content:center;

    flex-wrap:wrap;

}

.btn-action{

    background:var(--services-secondary);

    color:#111;

    padding:15px 34px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

    text-decoration:none;

}

.btn-action:hover{

    transform:translateY(-4px);
    border: 1px var(--services-secondary) solid;
    color: #B88A44;

    /* box-shadow:0 18px 40px rgba(255,204,0,.30); */

}

.services-outline-btn{

    border:2px solid rgba(255,255,255,.6);

    color:#fff;

    padding:15px 34px;

    border-radius:50px;

    text-decoration:none;

    transition:.35s;

}

.services-outline-btn:hover{

    background:#fff;

    color:var(--services-primary);

}



/*==========================
Introduction
===========================*/

.services-intro{

    padding:110px 0;

    background:#fff;

}

.services-intro p{

    color:var(--services-text);

    line-height:2;

    margin-bottom:1.5rem;

}

.services-intro-image{

    overflow:hidden;

    border-radius:26px;

    box-shadow:var(--services-shadow);

}

.services-intro-image img{

    width:100%;

    display:block;

    transition:.7s;

}

.services-intro-image:hover img{

    transform:scale(1.05);

}



/*==========================
Statistics
===========================*/

.services-stats{

    padding-bottom:110px;

    background:#fff;

}

.services-stat-card{

    background:#fff;

    border:1px solid var(--services-border);

    border-radius:22px;

    padding:45px 25px;

    text-align:center;

    transition:.35s;

    height:100%;

}

.services-stat-card:hover{

    transform:translateY(-8px);

    border-color:var(--services-secondary);

    box-shadow:var(--services-shadow);

}

.services-stat-card h3{

    font-size:3rem;

    color:var(--services-primary);

    font-weight:800;

    margin-bottom:12px;

}

.services-stat-card p{

    color:var(--services-text);

    margin:0;

}



/*==========================
Categories
===========================*/

.services-categories{

    padding:110px 0;

    background:var(--services-light);

}

.services-category-card{

    display:block;

    background:#fff;

    padding:38px;

    border-radius:26px;

    text-decoration:none;

    color:inherit;

    height:100%;

    transition:.35s;

    border:1px solid transparent;

    box-shadow:0 10px 30px rgba(0,0,0,.04);

}

.services-category-card:hover{

    transform:translateY(-10px);

    border-color:var(--services-secondary);

    box-shadow:var(--services-shadow);

}

.services-category-icon{

    width:72px;

    height:72px;

    border-radius:18px;

    background:rgba(255,204,0,.15);

    color:var(--services-primary);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:1.8rem;

    margin-bottom:25px;

    transition:.35s;

}

.services-category-card:hover .services-category-icon{

    background:var(--services-primary);

    color:#fff;

    transform:rotate(-8deg);

}

.services-category-card h4{

    font-weight:700;

    color:var(--services-primary);

    margin-bottom:15px;

}

.services-category-card p{

    color:var(--services-text);

    line-height:1.8;

    margin-bottom:30px;

}

.services-category-card span{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:var(--services-primary);

    font-weight:700;

}

.services-category-card:hover span{

    color:var(--services-secondary);

}

.services-category-card span i{

    transition:.35s;

}

.services-category-card:hover span i{

    transform:translateX(6px);

}



/*==========================
Responsive
===========================*/

@media(max-width:991px){

.services-hero{

padding:90px 0;

}

.services-intro{

padding:80px 0;

}

.services-categories{

padding:80px 0;

}

.services-stats{

padding-bottom:80px;

}

}



@media(max-width:767px){

.services-title{

font-size:2.6rem;

}

.section-title{

font-size:2rem;

}

.services-subtitle{

font-size:1rem;

}

.services-category-card{

padding:30px;

}

.services-stat-card{

padding:35px 20px;

}

.services-hero-buttons{

flex-direction:column;

}

.btn-action,

.services-outline-btn{

width:100%;

text-align:center;

}

}


/*=====================================================
    SERVICES PAGE
    MODULE 2
    Featured Services + Specialized Services + Promise
======================================================*/

/*=====================================
Featured Services
======================================*/

.services-featured{
    padding:120px 0;
    background:#ffffff;
}

.services-feature-card{
    background:#ffffff;
    border-radius:28px;
    overflow:hidden;
    margin-bottom:70px;
    box-shadow:0 20px 60px rgba(0,0,0,.06);
    transition:.35s;
    border:1px solid rgba(10,43,29,.08);
}

.services-feature-card:hover{

    transform:translateY(-8px);

    box-shadow:0 30px 70px rgba(0,0,0,.10);

}

.services-feature-image{

    height:100%;

    overflow:hidden;

}

.services-feature-image img{

    width:100%;

    height:100%;

    min-height:420px;

    object-fit:cover;

    transition:.6s;

}

.services-feature-card:hover img{

    transform:scale(1.06);

}

.services-feature-content{

    padding:55px;

}

.services-badge{

    display:inline-block;

    padding:8px 18px;

    background:rgba(255,204,0,.15);

    color:var(--services-primary);

    font-size:.75rem;

    font-weight:700;

    letter-spacing:2px;

    border-radius:50px;

    margin-bottom:20px;

}

.services-feature-content h3{

    font-size:2.1rem;

    color:var(--services-primary);

    font-weight:700;

    margin-bottom:20px;

}

.services-feature-content p{

    color:var(--services-text);

    line-height:1.9;

    margin-bottom:30px;

}

/*=====================================
Feature List
======================================*/

.services-feature-list{

    display:grid;

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

    gap:16px;

    margin-bottom:35px;

}

.services-feature-list div{

    display:flex;

    align-items:center;

    gap:12px;

    color:#425466;

    font-weight:500;

}

.services-feature-list i{

    width:32px;

    height:32px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(255,204,0,.18);

    color:var(--services-primary);

    font-size:.85rem;

}

/*=====================================
Buttons
======================================*/

.services-buttons{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}

.services-link-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 30px;

    border:2px solid var(--services-primary);

    color:var(--services-primary);

    border-radius:50px;

    font-weight:600;

    text-decoration:none;

    transition:.35s;

}

.services-link-btn:hover{

    background:var(--services-primary);

    color:#ffffff;

}

/*=====================================
Specialized Services
======================================*/

.services-specialized{

    background:#F8FAFC;

    padding:120px 0;

}

.services-special-card{

    background:#ffffff;

    padding:40px;

    border-radius:24px;

    height:100%;

    transition:.35s;

    border:1px solid rgba(0,0,0,.06);

}

.services-special-card:hover{

    transform:translateY(-8px);

    border-color:var(--services-secondary);

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.services-special-icon{

    width:70px;

    height:70px;

    border-radius:20px;

    background:rgba(255,204,0,.15);

    display:flex;

    align-items:center;

    justify-content:center;

    color:var(--services-primary);

    font-size:1.7rem;

    margin-bottom:25px;

    transition:.35s;

}

.services-special-card:hover .services-special-icon{

    background:var(--services-primary);

    color:#ffffff;

}

.services-special-card h4{

    font-size:1.35rem;

    color:var(--services-primary);

    margin-bottom:25px;

    font-weight:700;

}

.services-special-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.services-special-card li{

    margin-bottom:14px;

}

.services-special-card a{

    color:#556677;

    text-decoration:none;

    transition:.3s;

}

.services-special-card a:hover{

    color:var(--services-secondary);

    padding-left:8px;

}

/*=====================================
Promise
======================================*/

.services-promise{

    padding:120px 0;

    background:#ffffff;

}

.services-promise p{

    color:var(--services-text);

    line-height:2;

}

.services-promise-card{

    background:#ffffff;

    border:1px solid rgba(0,0,0,.06);

    border-radius:22px;

    padding:35px 25px;

    text-align:center;

    transition:.35s;

    height:100%;

}

.services-promise-card:hover{

    transform:translateY(-8px);

    border-color:var(--services-secondary);

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.services-promise-card i{

    font-size:2.2rem;

    color:var(--services-primary);

    margin-bottom:20px;

}

.services-promise-card h5{

    font-size:1.15rem;

    color:var(--services-primary);

    font-weight:700;

    line-height:1.5;

    margin:0;

}

/*=====================================
Responsive
======================================*/

@media (max-width:991px){

.services-featured,
.services-specialized,
.services-promise{

padding:80px 0;

}

.services-feature-content{

padding:35px;

}

.services-feature-content h3{

font-size:1.8rem;

}

.services-feature-image img{

min-height:320px;

}

}

@media (max-width:767px){

.services-feature-list{

grid-template-columns:1fr;

}

.services-buttons{

flex-direction:column;

}

.services-buttons .btn-action,

.services-link-btn{

width:100%;

text-align:center;

}

.services-special-card{

padding:30px;

}

.services-feature-content{

padding:30px 25px;

}

.services-feature-image img{

min-height:260px;

}

.services-promise-card{

padding:30px 20px;

}

}

/*=========================================================
    NOVACARE SERVICES PAGE
    MODULE 3
    Why Choose + Process + Quality + Industries
=========================================================*/


/*=========================================================
SECTION SPACING
=========================================================*/

.about-services-why,
.about-process,
.services-quality,
.services-industries{

    padding:120px 0;

}


/*=========================================================
WHY CHOOSE CARDS
=========================================================*/

.about-why-card{

    background:#ffffff;

    border-radius:24px;

    padding:45px 35px;

    height:100%;

    border:1px solid rgba(10,43,29,.08);

    transition:.35s ease;

    position:relative;

    overflow:hidden;

}

.about-why-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:5px;

    height:0;

    background:#B88A44;

    transition:.35s;

}

.about-why-card:hover{

    transform:translateY(-8px);

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

}

.about-why-card:hover::before{

    height:100%;

}

.about-why-icon{

    width:75px;

    height:75px;

    border-radius:20px;

    background:rgba(255,204,0,.12);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    color:#0A2B1D;

    margin-bottom:25px;

    transition:.35s;

}

.about-why-card:hover .about-why-icon{

    background:#0A2B1D;

    color:#ffffff;

    transform:rotate(-8deg);

}

.about-why-card h4{

    font-size:1.35rem;

    font-weight:700;

    color:#0A2B1D;

    margin-bottom:15px;

}

.about-why-card p{

    color:#6B7280;

    line-height:1.8;

    margin:0;

}


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

.about-process{

    background:#F8FAFC;

}

.about-process-wrapper{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:20px;

}

.about-process-step{

    flex:1;

    text-align:center;

    position:relative;

}

.about-process-number{

    font-size:2.6rem;

    font-weight:800;

    color:rgba(255,204,0,.35);

    margin-bottom:15px;

}

.about-process-icon{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    background:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

    color:#0A2B1D;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

    transition:.35s;

}

.about-process-step:hover .about-process-icon{

    background:#0A2B1D;

    color:#ffffff;

    transform:translateY(-8px);

}

.about-process-step h4{

    margin-top:25px;

    margin-bottom:15px;

    font-size:1.2rem;

    color:#0A2B1D;

    font-weight:700;

}

.about-process-step p{

    color:#6B7280;

    line-height:1.7;

    font-size:.95rem;

}

.about-process-line{

    flex:0 0 70px;

    height:2px;

    background:#B88A44;

    margin-top:110px;

}


/*=========================================================
QUALITY
=========================================================*/

.services-quality{

    background:#ffffff;

}

.services-quality-image{

    overflow:hidden;

    border-radius:28px;

}

.services-quality-image img{

    width:100%;

    border-radius:28px;

    transition:.6s;

}

.services-quality-image:hover img{

    transform:scale(1.05);

}

.services-quality-list{

    margin-top:35px;

    display:grid;

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

    gap:18px;

}

.services-quality-list div{

    display:flex;

    gap:12px;

    align-items:flex-start;

    color:#4B5563;

    font-weight:500;

}

.services-quality-list i{

    color:#16A34A;

    margin-top:4px;

}


/*=========================================================
QUALITY STANDARDS
=========================================================*/

.services-standard-card{

    background:#ffffff;

    border:1px solid rgba(10,43,29,.08);

    border-radius:22px;

    padding:35px 25px;

    text-align:center;

    transition:.35s;

    height:100%;

}

.services-standard-card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.services-standard-card i{

    font-size:34px;

    color:#B88A44;

    margin-bottom:20px;

}

.services-standard-card h5{

    color:#0A2B1D;

    font-weight:700;

    margin-bottom:15px;

}

.services-standard-card p{

    color:#6B7280;

    line-height:1.7;

    margin:0;

}


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

.services-industries{

    background:#F8FAFC;

}

.services-industry-card{

    background:#ffffff;

    border-radius:22px;

    padding:40px 30px;

    text-align:center;

    height:100%;

    border:1px solid rgba(10,43,29,.08);

    transition:.35s;

}

.services-industry-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.08);

}

.services-industry-card i{

    width:80px;

    height:80px;

    border-radius:50%;

    background:rgba(255,204,0,.15);

    color:#0A2B1D;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    margin:auto auto 25px;

    transition:.35s;

}

.services-industry-card:hover i{

    background:#0A2B1D;

    color:#ffffff;

}

.services-industry-card h5{

    font-size:1.2rem;

    font-weight:700;

    color:#0A2B1D;

    margin-bottom:12px;

}

.services-industry-card p{

    color:#6B7280;

    line-height:1.7;

    margin:0;

}


/*=========================================================
ANIMATIONS
=========================================================*/

.about-why-card,
.about-process-step,
.services-standard-card,
.services-industry-card{

    transition:all .35s ease;

}


/*=========================================================
RESPONSIVE
=========================================================*/

@media (max-width:1199px){

.about-process-line{

display:none;

}

.about-process-wrapper{

flex-wrap:wrap;

justify-content:center;

gap:35px;

}

.about-process-step{

flex:0 0 calc(50% - 30px);

}

}


@media (max-width:991px){

.about-services-why,
.about-process,
.services-quality,
.services-industries{

padding:90px 0;

}

.services-quality-list{

grid-template-columns:1fr;

}

}


@media (max-width:767px){

.about-process-step{

flex:0 0 100%;

}

.about-why-card{

padding:35px 25px;

}

.services-standard-card{

padding:30px 20px;

}

.services-industry-card{

padding:30px 20px;

}

.about-process-icon{

width:75px;

height:75px;

font-size:28px;

}

.about-process-number{

font-size:2rem;

}

.services-quality-list{

gap:14px;

}

}


@media (max-width:575px){

.about-services-why,
.about-process,
.services-quality,
.services-industries{

padding:70px 0;

}

.about-why-icon{

width:65px;

height:65px;

font-size:26px;

}

.about-why-card h4{

font-size:1.2rem;

}

.services-industry-card i{

width:65px;

height:65px;

font-size:28px;

}

}