/*==========================================================
BREADCRUMB
==========================================================*/

.breadcrumb{

    background:#F8FAFC;

    border-top:1px solid #E5E7EB;

    border-bottom:1px solid #E5E7EB;

    padding:14px 0;

}

.breadcrumb ol{

    max-width:1200px;

    margin:0 auto;

    padding:0 20px;

    list-style:none;

    display:flex;

    align-items:center;

    gap:10px;

}

.breadcrumb li{

    list-style:none;

    margin:0;

    padding:0;

    color:#64748B;

}

.breadcrumb li::marker{

    content:"";

}

.breadcrumb li+li::before{

    content:"›";

    color:#94A3B8;

    margin-right:10px;

}

.breadcrumb a{

    color:#0B4F9C;

    text-decoration:none;

}

.breadcrumb a:hover{

    text-decoration:underline;

}

.breadcrumb li[aria-current="page"]{

    color:#334155;

    font-weight:600;

}


/*######################################################################
##########################################################################
##
## DISHA RECRUITMENT
## hiring-insights.css
##
## VERSION 3.6A
## BLOCK A OF F
##
## GLOBAL VARIABLES
## PAGE LAYOUT
## COMMON COMPONENTS
##
##########################################################################
######################################################################*/


/*==========================================================
HIRING INSIGHTS VARIABLES
==========================================================*/

:root{

    --hi-primary:#0B4F9C;
    --hi-primary-dark:#083D79;

    --hi-secondary:#148C3B;
    --hi-secondary-dark:#0F6E2F;

    --hi-accent:#F4A62A;

    --hi-bg:#F7F9FC;
    --hi-card:#FFFFFF;

    --hi-text:#223043;
    --hi-text-light:#596579;

    --hi-border:#E4EAF1;

    --hi-shadow-sm:0 6px 18px rgba(15,40,81,.08);
    --hi-shadow-md:0 12px 34px rgba(15,40,81,.10);
    --hi-shadow-lg:0 18px 48px rgba(15,40,81,.12);

    --hi-radius:18px;
    --hi-radius-sm:12px;

    --hi-transition:.28s ease;

}



/*==========================================================
PAGE
==========================================================*/

.featured-guides,
.why-guides,
.best-practices,
.faq-section,
.final-cta{

    position:relative;

    padding:72px 0;

    background:#fff;

}

.best-practices{

    background:var(--hi-bg);

}

.article-divider{

    height:1px;

    background:linear-gradient(
        to right,
        transparent,
        #dfe6ef,
        transparent
    );

}



/*==========================================================
COMMON SECTION HEADER
==========================================================*/

.section-heading{

    max-width:820px;

    margin:0 auto 46px;

    text-align:center;

}

.section-label{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:7px 18px;

    margin-bottom:16px;

    border-radius:999px;

    background:#EAF4FF;

    color:var(--hi-primary);

    font-size:.84rem;

    font-weight:700;

    letter-spacing:.05em;

    text-transform:uppercase;

}

.section-heading h2{

    margin:0 0 18px;

    font-size:2.25rem;

    line-height:1.22;

    color:var(--hi-text);

}

.section-intro{

    margin:0;

    font-size:1.05rem;

    line-height:1.8;

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

}



/*==========================================================
COMMON GRID
==========================================================*/

.guide-grid,
.why-guides-grid,
.industry-grid{

    display:grid;

    gap:28px;

}



/*==========================================================
COMMON BUTTONS
==========================================================*/

.guide-actions,
.contact-actions{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    margin-top:28px;

}

.btn-full{

    width:100%;

    justify-content:center;

}

.btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 24px;

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

    border-radius:10px;

    background:#fff;

    color:var(--hi-primary);

    font-weight:700;

    text-decoration:none;

    transition:var(--hi-transition);

}

.btn-outline:hover{

    background:var(--hi-primary);

    color:#fff;

}



/*==========================================================
CARD BASE
==========================================================*/

.guide-card,
.why-card,
.industry-card,
.final-cta-card{

    background:var(--hi-card);

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

    border-radius:var(--hi-radius);

    box-shadow:var(--hi-shadow-sm);

    transition:var(--hi-transition);

}

.guide-card:hover,
.why-card:hover,
.industry-card:hover{

    transform:translateY(-5px);

    box-shadow:var(--hi-shadow-md);

}



/*==========================================================
ICON BASE
==========================================================*/

.why-icon,
.industry-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:64px;

    height:64px;

    border-radius:16px;

    margin-bottom:22px;

    background:#EAF4FF;

    color:var(--hi-primary);

    font-size:1.4rem;

}



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

@media (max-width:991px){

    .featured-guides,
    .why-guides,
    .best-practices,
    .faq-section,
    .final-cta{

        padding:60px 0;

    }

    .section-heading h2{

        font-size:2rem;

    }

}



@media (max-width:767px){

    .featured-guides,
    .why-guides,
    .best-practices,
    .faq-section,
    .final-cta{

        padding:48px 0;

    }

    .section-heading{

        margin-bottom:34px;

    }

    .section-heading h2{

        font-size:1.7rem;

    }

    .section-intro{

        font-size:1rem;

    }

    .guide-actions,
    .contact-actions{

        flex-direction:column;

    }

}

/*######################################################################
######################################################################
##
## ACCESSIBILITY UTILITIES
##
######################################################################
######################################################################*/

/*==========================================================
SKIP LINK
==========================================================*/

.visually-hidden{

    position:absolute;

    width:1px;

    height:1px;

    padding:0;

    margin:-1px;

    overflow:hidden;

    clip:rect(0,0,0,0);

    clip-path:inset(50%);

    white-space:nowrap;

    border:0;

}

.focus-link:focus{

    position:fixed;

    top:20px;

    left:20px;

    width:auto;

    height:auto;

    padding:12px 18px;

    margin:0;

    clip:auto;

    clip-path:none;

    overflow:visible;

    white-space:normal;

    background:#0B4F9C;

    color:#FFFFFF;

    border-radius:8px;

    text-decoration:none;

    z-index:99999;

}
/*######################################################################
##########################################################################
##
## BLOCK A END
##
## NEXT:
##
## BLOCK AB START
## Breadcrumb
##
##########################################################################
######################################################################*/

/*######################################################################
##########################################################################
##
## DISHA RECRUITMENT
## hiring-insights.css
##
## BLOCK AB START
##
## BREADCRUMB
##
##########################################################################
######################################################################*/


/*==========================================================
BREADCRUMB SECTION
==========================================================*/

.breadcrumb-section{

    background:#F8FAFC;

    border-top:1px solid var(--hi-border);

    border-bottom:1px solid var(--hi-border);

    padding:12px 0;

}



/*==========================================================
BREADCRUMB
==========================================================*/

.breadcrumb{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    margin:0;

    padding:0;

    list-style:none;

}

.breadcrumb li{

    display:flex;

    align-items:center;

    margin:0;

    padding:0;

    font-size:.92rem;

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

}

.breadcrumb li+li::before{

    content:"›";

    margin-right:10px;

    color:#94A3B8;

    font-weight:600;

}

.breadcrumb a{

    color:var(--hi-primary);

    text-decoration:none;

    transition:color var(--hi-transition);

}

.breadcrumb a:hover{

    color:var(--hi-primary-dark);

    text-decoration:underline;

}

.breadcrumb li[aria-current="page"]{

    color:var(--hi-text);

    font-weight:600;

}



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

@media (max-width:767px){

    .breadcrumb-section{

        padding:10px 0;

    }

    .breadcrumb{

        gap:8px;

    }

    .breadcrumb li{

        font-size:.85rem;

    }

}



/*######################################################################
##########################################################################
##
## BLOCK AB END
##
## NEXT:
##
## BLOCK AA START
## Hero Section
##
##########################################################################
######################################################################*/


/*######################################################################
######################################################################
##
## DISHA RECRUITMENT
## hiring-insights.css
##
## ============================
## BLOCK AA START
## PART 1 OF 2
##
## HERO SECTION
##
######################################################################
######################################################################*/


/*==========================================================
HERO SECTION
==========================================================*/

.insights-hero{

    position:relative;

    padding:70px 0 55px;

    background:linear-gradient(
        180deg,
        #F8FBFF 0%,
        #FFFFFF 100%
    );

    overflow:hidden;

}

.insights-hero::before{

    content:"";

    position:absolute;

    top:0;
    right:0;

    width:42%;

    height:100%;

    background:linear-gradient(
        135deg,
        rgba(11,79,156,.04),
        rgba(20,140,59,.03)
    );

    pointer-events:none;

}



/*==========================================================
HERO GRID
==========================================================*/

.hero-grid{

    display:grid;

    grid-template-columns:1.15fr .85fr;

    gap:60px;

    align-items:center;

}

.hero-content{

    position:relative;

    z-index:2;

}



/*==========================================================
TAG
==========================================================*/

.hero-tag{

    display:inline-flex;

    align-items:center;

    padding:8px 18px;

    border-radius:999px;

    background:#EAF4FF;

    color:var(--hi-primary);

    font-size:.82rem;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.06em;

    margin-bottom:20px;

}



/*==========================================================
HEADING
==========================================================*/

.hero-content h1{

    margin:0;

    font-size:3rem;

    line-height:1.15;

    font-weight:700;

    color:var(--hi-text);

}

.hero-content h1 span{

    display:block;

    color:var(--hi-primary);

}



/*==========================================================
INTRO
==========================================================*/

.hero-intro{

    margin:26px 0 0;

    max-width:680px;

    font-size:1.12rem;

    line-height:1.9;

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

}



/*==========================================================
HIGHLIGHTS
==========================================================*/

.hero-highlights{

    display:grid;

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

    gap:14px;

    margin-top:32px;

}

.highlight-item{

    display:flex;

    align-items:flex-start;

    gap:12px;

    padding:14px 16px;

    background:#fff;

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

    border-radius:12px;

    box-shadow:var(--hi-shadow-sm);

}

.highlight-item i{

    margin-top:2px;

    color:var(--hi-secondary);

    font-size:1rem;

}

.highlight-item span{

    font-size:.95rem;

    line-height:1.55;

    color:var(--hi-text);

}



/*==========================================================
BUTTONS
==========================================================*/

.hero-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:16px;

    margin-top:34px;

}



/*==========================================================
HERO FACTS
==========================================================*/

.hero-facts{

    display:flex;

    flex-wrap:wrap;

    gap:34px;

    margin-top:36px;

}

.hero-fact{

    display:flex;

    flex-direction:column;

}

.hero-fact strong{

    font-size:2rem;

    line-height:1;

    color:var(--hi-primary);

    margin-bottom:8px;

}

.hero-fact span{

    font-size:.92rem;

    line-height:1.45;

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

    max-width:140px;

}

/*==========================================================
HERO IMAGE
==========================================================*/

.hero-image{

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

}

.hero-image img{

    display:block;

    width:100%;

    max-width:560px;

    height:auto;

    object-fit:contain;

    border-radius:18px;

}



/*==========================================================
TABLET
==========================================================*/

@media (max-width:1100px){

    .hero-grid{

        grid-template-columns:1fr;

        gap:42px;

        text-align:center;

    }

    .hero-content{

        max-width:760px;

        margin:0 auto;

    }

    .hero-intro{

        max-width:100%;

    }

    .hero-highlights{

        max-width:720px;

        margin:32px auto 0;

    }

    .hero-buttons{

        justify-content:center;

    }

    .hero-facts{

        justify-content:center;

    }

    .hero-image{

        order:-1;

    }

    .hero-image img{

        max-width:480px;

    }

}



/*==========================================================
MOBILE
==========================================================*/

@media (max-width:767px){

    .insights-hero{

        padding:50px 0 40px;

    }

    .hero-content h1{

        font-size:2rem;

        line-height:1.2;

    }

    .hero-tag{

        font-size:.75rem;

        padding:7px 14px;

    }

    .hero-intro{

        font-size:1rem;

        line-height:1.75;

    }

    .hero-highlights{

        grid-template-columns:1fr;

        gap:12px;

    }

    .hero-buttons{

        flex-direction:column;

    }

    .hero-buttons a{

        width:100%;

        justify-content:center;

    }

    .hero-facts{

        gap:20px;

        justify-content:space-between;

    }

    .hero-fact{

        min-width:120px;

    }

    .hero-fact strong{

        font-size:1.55rem;

    }

    .hero-image img{

        max-width:340px;

    }

}



/*######################################################################
######################################################################
##
## BLOCK AA END
##
######################################################################
######################################################################*/


/*######################################################################
######################################################################
##
## DISHA RECRUITMENT
## hiring-insights.css
##
## ============================
## BLOCK B START
## ============================
##
## FEATURED RECRUITMENT GUIDES
##
######################################################################
######################################################################*/


/*==========================================================
FEATURED GUIDES
==========================================================*/

.guide-grid{

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

    align-items:stretch;

}



.guide-card{

    display:flex;

    flex-direction:column;

    overflow:hidden;

}



.guide-image{

    display:flex;

    align-items:center;

    justify-content:center;

    padding:30px;

    background:linear-gradient(
        135deg,
        #eef6ff 0%,
        #f8fbff 100%
    );

    border-bottom:1px solid var(--hi-border);

}



.guide-image img{

    width:118px;

    height:118px;

    object-fit:contain;

}



.guide-content{

    display:flex;

    flex-direction:column;

    flex:1;

    padding:28px;

}



.guide-category{

    display:inline-flex;

    align-self:flex-start;

    margin-bottom:14px;

    padding:6px 14px;

    border-radius:999px;

    background:#EAF4FF;

    color:var(--hi-primary);

    font-size:.80rem;

    font-weight:700;

}



.guide-content h3{

    margin:0 0 14px;

    font-size:1.42rem;

    line-height:1.35;

    color:var(--hi-text);

}



.guide-summary{

    margin:0 0 24px;

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

    line-height:1.75;

}



.guide-highlights{

    margin-top:auto;

    padding-top:20px;

    border-top:1px solid var(--hi-border);

}



.guide-highlights h4{

    margin:0 0 14px;

    font-size:1rem;

    color:var(--hi-text);

}



.guide-highlights ul{

    margin:0;

    padding:0;

    list-style:none;

}



.guide-highlights li{

    position:relative;

    padding-left:24px;

    margin-bottom:12px;

    line-height:1.6;

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

}



.guide-highlights li:last-child{

    margin-bottom:0;

}



.guide-highlights li::before{

    content:"✓";

    position:absolute;

    left:0;

    top:0;

    color:var(--hi-secondary);

    font-weight:700;

}



.guides-footer{

    margin-top:48px;

    padding:40px;

    text-align:center;

    border-radius:var(--hi-radius);

    background:linear-gradient(
        135deg,
        #0B4F9C,
        #0A3E7A
    );

    color:#fff;

}



.guides-footer h3{

    margin:0 0 16px;

    font-size:1.8rem;

    color:#FFFFFF;

}



.guides-footer p{

    max-width:760px;

    margin:0 auto;

    line-height:1.8;

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

}



.guides-footer .guide-actions{

    justify-content:center;

    margin-top:30px;

}

.guides-footer .btn-primary,
.guides-footer .btn-secondary{

    color:#FFFFFF;

}


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

@media (max-width:1100px){

    .guide-grid{

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

    }

}



@media (max-width:767px){

    .guide-grid{

        grid-template-columns:1fr;

    }

    .guide-content{

        padding:24px;

    }

    .guide-image{

        padding:24px;

    }

    .guides-footer{

        padding:30px 24px;

    }

    .guides-footer h3{

        font-size:1.45rem;

    }

}


/*######################################################################
######################################################################
##
## ============================
## BLOCK B END
## ============================
##
## NEXT:
## BLOCK C START
##
## Why Employers Read Our Guides
## Recruitment Best Practices
##
######################################################################
######################################################################*/

/*######################################################################
######################################################################
##
## DISHA RECRUITMENT
## hiring-insights.css
##
## ============================
## BLOCK C START
## ============================
##
## WHY EMPLOYERS READ OUR GUIDES
## RECRUITMENT BEST PRACTICES
##
######################################################################
######################################################################*/


/*==========================================================
WHY EMPLOYERS READ OUR GUIDES
==========================================================*/

.why-guides{

    background:#fff;

}



.why-guides-header{

    max-width:820px;

    margin:0 auto 46px;

    text-align:center;

}



.why-guides-header h2{

    margin:0 0 18px;

    font-size:2.2rem;

    color:var(--hi-text);

}



.why-guides-header p{

    margin:0;

    line-height:1.8;

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

}



.why-guides-grid{

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

}



.why-card{

    display:flex;

    gap:22px;

    padding:30px;

    align-items:flex-start;

}



.why-card .why-icon{

    flex:0 0 64px;

    margin-bottom:0;

}



.why-content{

    flex:1;

}



.why-content h3{

    margin:0 0 12px;

    font-size:1.28rem;

    color:var(--hi-text);

}



.why-content p{

    margin:0;

    line-height:1.75;

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

}



/*==========================================================
TRUST METRICS
==========================================================*/

.why-trust{

    display:grid;

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

    gap:22px;

    margin-top:46px;

}



.why-stat{

    padding:26px 20px;

    text-align:center;

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

    border-radius:var(--hi-radius-sm);

    background:#fff;

    box-shadow:var(--hi-shadow-sm);

}



.why-stat strong{

    display:block;

    margin-bottom:10px;

    font-size:2rem;

    color:var(--hi-primary);

}



.why-stat span{

    display:block;

    font-size:.95rem;

    line-height:1.55;

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

}



/*==========================================================
RECRUITMENT BEST PRACTICES
==========================================================*/

.best-practices{

    background:var(--hi-bg);

}



.industry-grid{

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

}



.industry-card{

    padding:30px;

}



.industry-card h3{

    margin:0 0 14px;

    font-size:1.28rem;

    color:var(--hi-text);

}



.industry-card p{

    margin:0;

    line-height:1.75;

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

}



.industry-card .industry-icon{

    background:#EAF4FF;

    color:var(--hi-primary);

}



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

@media (max-width:1100px){

    .industry-grid{

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

    }

    .why-trust{

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

    }

}



@media (max-width:767px){

    .why-guides-grid,

    .industry-grid,

    .why-trust{

        grid-template-columns:1fr;

    }

    .why-card{

        flex-direction:column;

        gap:18px;

        padding:24px;

    }

    .industry-card{

        padding:24px;

    }

    .why-guides-header{

        margin-bottom:34px;

    }

}


/*######################################################################
######################################################################
##
## ============================
## BLOCK C END
## ============================
##
## NEXT:
## BLOCK D START
##
## Employer FAQ
##
######################################################################
######################################################################*/

/*######################################################################
######################################################################
##
## DISHA RECRUITMENT
## hiring-insights.css
##
## ============================
## BLOCK D START
## ============================
##
## EMPLOYER FAQ
##
######################################################################
######################################################################*/


/*==========================================================
FAQ SECTION
==========================================================*/

.faq-section{

    background:#fff;

}



.faq-list{

    max-width:920px;

    margin:0 auto;

}



.faq-item{

    margin-bottom:18px;

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

    border-radius:var(--hi-radius-sm);

    background:#fff;

    box-shadow:var(--hi-shadow-sm);

    overflow:hidden;

    transition:var(--hi-transition);

}



.faq-item:last-child{

    margin-bottom:0;

}



.faq-item[open]{

    border-color:#C9D9EC;

    box-shadow:var(--hi-shadow-md);

}



.faq-item summary{

    position:relative;

    padding:22px 62px 22px 24px;

    cursor:pointer;

    list-style:none;

    font-size:1.08rem;

    font-weight:700;

    line-height:1.55;

    color:var(--hi-text);

    transition:var(--hi-transition);

}



.faq-item summary:hover{

    color:var(--hi-primary);

}



.faq-item summary::-webkit-details-marker{

    display:none;

}



.faq-item summary::after{

    content:"+";

    position:absolute;

    right:24px;

    top:50%;

    transform:translateY(-50%);

    width:34px;

    height:34px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#EAF4FF;

    color:var(--hi-primary);

    font-size:1.35rem;

    font-weight:700;

    transition:var(--hi-transition);

}



.faq-item[open] summary::after{

    content:"−";

    background:var(--hi-primary);

    color:#fff;

}



.faq-answer{

    padding:0 24px 24px;

    border-top:1px solid var(--hi-border);

}



.faq-answer p{

    margin:18px 0 0;

    line-height:1.85;

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

}



/*==========================================================
FAQ CTA
==========================================================*/

.faq-cta{

    margin-top:48px;

    padding:42px;

    text-align:center;

    border-radius:var(--hi-radius);

    background:linear-gradient(
        135deg,
        #F7FBFF 0%,
        #EDF5FF 100%
    );

    border:1px solid #D8E7F7;

}



.faq-cta h3{

    margin:0 0 16px;

    font-size:1.8rem;

    color:var(--hi-text);

}



.faq-cta p{

    max-width:760px;

    margin:0 auto;

    line-height:1.8;

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

}



.faq-cta .guide-actions{

    justify-content:center;

    margin-top:30px;

}



/*==========================================================
FAQ ACCESSIBILITY
==========================================================*/

.faq-item summary:focus-visible{

    outline:3px solid rgba(11,79,156,.25);

    outline-offset:3px;

    border-radius:10px;

}



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

@media (max-width:767px){

    .faq-item summary{

        padding:20px 54px 20px 20px;

        font-size:1rem;

    }

    .faq-item summary::after{

        right:18px;

        width:30px;

        height:30px;

        font-size:1.2rem;

    }

    .faq-answer{

        padding:0 20px 20px;

    }

    .faq-cta{

        padding:30px 22px;

    }

    .faq-cta h3{

        font-size:1.5rem;

    }

}


/*######################################################################
######################################################################
##
## ============================
## BLOCK D END
## ============================
##
## NEXT:
## BLOCK E START
##
## Final Call To Action
## Contact Panel
##
######################################################################
######################################################################*/

/*######################################################################
######################################################################
##
## DISHA RECRUITMENT
## hiring-insights.css
##
## ============================
## BLOCK E START
## ============================
##
## FINAL CALL TO ACTION
## CONTACT PANEL
##
######################################################################
######################################################################*/


/*==========================================================
FINAL CTA SECTION
==========================================================*/

.final-cta{

    background:linear-gradient(
        180deg,
        #F7F9FC 0%,
        #FFFFFF 100%
    );

}



.final-cta-card{

    display:grid;

    grid-template-columns:1.7fr 1fr;

    gap:42px;

    padding:46px;

    align-items:start;

}



/*==========================================================
LEFT CONTENT
==========================================================*/

.final-cta-content h2{

    margin:0 0 18px;

    font-size:2.35rem;

    line-height:1.22;

    color:var(--hi-text);

}



.cta-lead{

    margin:0;

    font-size:1.08rem;

    line-height:1.9;

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

}



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

.cta-benefits{

    display:grid;

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

    gap:18px 22px;

    margin-top:34px;

}



.cta-benefit{

    display:flex;

    align-items:center;

    gap:12px;

    padding:16px 18px;

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

    border-radius:12px;

    background:#fff;

}



.cta-benefit i{

    color:var(--hi-secondary);

    font-size:1.1rem;

}



.cta-benefit span{

    font-weight:600;

    color:var(--hi-text);

}



/*==========================================================
CONTACT PANEL
==========================================================*/

.final-cta-panel{

    padding:34px;

    border-radius:var(--hi-radius);

    background:linear-gradient(
        135deg,
        var(--hi-primary),
        var(--hi-primary-dark)
    );

    color:#fff;

}



.final-cta-panel h3{

    margin:0 0 14px;

    font-size:1.55rem;

    color:#fff;

}



.final-cta-panel p{

    margin:0;

    line-height:1.75;

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

}



.final-cta-panel .btn-primary{

    width:100%;

}



.final-cta-panel .btn-secondary{

    width:100%;

}



.final-cta-panel .btn-outline{

    width:100%;

    border-color:rgba(255,255,255,.35);

    background:rgba(255,255,255,.08);

    color:#fff;

}



.final-cta-panel .btn-outline:hover{

    background:#fff;

    color:var(--hi-primary);

}



/*==========================================================
CONTACT DETAILS
==========================================================*/

.contact-info-list{

    margin-top:34px;

    padding-top:28px;

    border-top:1px solid rgba(255,255,255,.18);

}



.contact-info-item{

    display:flex;

    align-items:flex-start;

    gap:16px;

    margin-bottom:22px;

}



.contact-info-item:last-child{

    margin-bottom:0;

}



.contact-info-item i{

    width:40px;

    height:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    border-radius:10px;

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

    color:#fff;

}



.contact-info-item strong{

    display:block;

    margin-bottom:4px;

    font-size:.95rem;

    color:#fff;

}



.contact-info-item a,

.contact-info-item span{

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

    text-decoration:none;

    line-height:1.6;

}



.contact-info-item a:hover{

    color:#fff;

    text-decoration:underline;

}



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

@media (max-width:1100px){

    .final-cta-card{

        grid-template-columns:1fr;

    }

}



@media (max-width:767px){

    .final-cta-card{

        padding:28px 22px;

        gap:28px;

    }

    .final-cta-content h2{

        font-size:1.8rem;

    }

    .cta-benefits{

        grid-template-columns:1fr;

        gap:14px;

    }

    .final-cta-panel{

        padding:26px 22px;

    }

}


/*######################################################################
######################################################################
##
## ============================
## BLOCK E END
## ============================
##
## NEXT:
## BLOCK F START
##
## Trust Strip
## Utility Classes
## Final Responsive Tweaks
##
######################################################################
######################################################################*/
/*######################################################################
######################################################################
##
## DISHA RECRUITMENT
## hiring-insights.css
##
## ============================
## BLOCK F START
## ============================
##
## TRUST STRIP
## UTILITY CLASSES
## FINAL RESPONSIVE TWEAKS
##
##########################################################################
######################################################################*/


/*==========================================================
FINAL TRUST STRIP
==========================================================*/

.cta-trust-strip{

    display:grid;

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

    gap:20px;

    margin-top:42px;

}



.trust-item{

    padding:24px 18px;

    text-align:center;

    background:#fff;

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

    border-radius:var(--hi-radius-sm);

    box-shadow:var(--hi-shadow-sm);

    transition:var(--hi-transition);

}



.trust-item:hover{

    transform:translateY(-4px);

    box-shadow:var(--hi-shadow-md);

}



.trust-item strong{

    display:block;

    margin-bottom:10px;

    font-size:1.55rem;

    font-weight:700;

    color:var(--hi-primary);

}



.trust-item span{

    display:block;

    font-size:.95rem;

    line-height:1.6;

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

}



/*==========================================================
COMMON LINK STYLES
==========================================================*/

.guide-card a,
.final-cta a,
.faq-section a{

    transition:var(--hi-transition);

}



.guide-card a:not(.btn-primary):not(.btn-secondary):not(.btn-outline){

    color:var(--hi-primary);

    text-decoration:none;

}



.guide-card a:not(.btn-primary):not(.btn-secondary):not(.btn-outline):hover{

    text-decoration:underline;

}



/*==========================================================
ACCESSIBILITY
==========================================================*/

.btn-primary:focus-visible,
.btn-secondary:focus-visible,
.btn-outline:focus-visible{

    outline:3px solid rgba(11,79,156,.28);

    outline-offset:3px;

}



a:focus-visible{

    border-radius:8px;

}



/*==========================================================
SMOOTH SCROLL
==========================================================*/

html{

    scroll-behavior:smooth;

}



/*==========================================================
UTILITY
==========================================================*/

.text-center{

    text-align:center;

}



.mt-0{

    margin-top:0;

}



.mb-0{

    margin-bottom:0;

}



.hidden{

    display:none !important;

}



/*==========================================================
LARGE SCREEN POLISH
==========================================================*/

@media (min-width:1400px){

    .guide-grid{

        gap:32px;

    }

    .industry-grid{

        gap:30px;

    }

    .why-guides-grid{

        gap:30px;

    }

}



/*==========================================================
TABLET
==========================================================*/

@media (max-width:1100px){

    .cta-trust-strip{

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

    }

}



/*==========================================================
MOBILE
==========================================================*/

@media (max-width:767px){

    .cta-trust-strip{

        grid-template-columns:1fr;

        gap:16px;

        margin-top:30px;

    }

    .trust-item{

        padding:20px 16px;

    }

    .trust-item strong{

        font-size:1.35rem;

    }

}



/*==========================================================
PRINT
==========================================================*/

@media print{

    .guide-actions,
    .contact-actions{

        display:none;

    }

    .guide-card,
    .industry-card,
    .why-card,
    .faq-item{

        break-inside:avoid;

        box-shadow:none;

    }

}



/*==========================================================
HERO FACTS
==========================================================*/

.hero-facts{

    display:flex;

    flex-wrap:wrap;

    gap:32px;

    margin-top:28px;

    align-items:flex-start;

}

.hero-fact{

    display:flex;

    flex-direction:column;

    min-width:150px;

}

.hero-fact strong{

    display:block;

    margin-bottom:6px;

    font-size:1.75rem;

    font-weight:700;

    line-height:1;

    color:var(--hi-primary);

}

.hero-fact span{

    display:block;

    font-size:.92rem;

    line-height:1.45;

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

}

@media (max-width:767px){

    .hero-facts{

        gap:18px;

    }

    .hero-fact{

        min-width:120px;

    }

    .hero-fact strong{

        font-size:1.45rem;

    }

}

/*######################################################################
######################################################################
##
## ============================
## BLOCK F END
## ============================
##
## hiring-insights.css COMPLETE
##
## PRODUCTION VERSION 3.6A
##
######################################################################
######################################################################*/