/* ==========================================================
SECTION 03 START
GUIDE HERO
MASTER VERSION 1.0
========================================================== */

/* ==========================================================
SECTION CONTAINER
========================================================== */

.guide-hero{

    padding:38px 0 30px;

    background:#FFFFFF;

}


/* ==========================================================
2 COLUMN LAYOUT
========================================================== */

.guide-hero-grid{

    display:grid;

    grid-template-columns:58% 42%;

    gap:42px;

    align-items:center;

}


/* ==========================================================
LEFT COLUMN
========================================================== */

.guide-left{

    display:flex;

    flex-direction:column;

}


/* ==========================================================
RIGHT COLUMN
========================================================== */

.guide-right{

    display:flex;

    justify-content:center;

    align-items:center;

}


/* ==========================================================
TOP LABEL
========================================================== */

.guide-label{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-bottom:12px;

    font-size:.92rem;

    font-weight:600;

    color:#56616F;

}

.guide-label i{

    color:#0B4F9C;

}


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

.guide-hero h1{

    margin:0 0 10px;

    font-size:2.60rem;

    line-height:1.08;

    font-weight:700;

    color:#0B4F9C;

}


/* ==========================================================
SUB TITLE
========================================================== */

.guide-subtitle{

    margin:0 0 18px;

    font-size:1.24rem;

    line-height:1.42;

    font-weight:600;

    color:#0B4F9C;

}

/* ==========================================================
GUIDE HERO TARGET AUDIENCE
========================================================== */

.guide-target-audience{

    color:#2E9E44;

    font-weight:600;

}
/* ==========================================================
INTRODUCTION
========================================================== */

.guide-intro{

    margin:0 0 22px;

    color:#5F6B7A;

    line-height:1.80;

}


/* ==========================================================
PURPOSE CARD
========================================================== */

.guide-purpose{

    display:flex;

    gap:18px;

    align-items:flex-start;

    padding:20px;

    margin-bottom:22px;

    background:#F8FBFF;

    border:1px solid #DDEAF7;

    border-radius:14px;

}


.guide-purpose-icon{

    width:52px;

    height:52px;

    flex-shrink:0;

    border-radius:50%;

    background:#2E9E44;

    color:#FFFFFF;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

}


.guide-purpose-text{

    flex:1;

}


.guide-purpose-text h3{

    margin:0 0 8px;

    font-size:1.45rem;

    color:#0B4F9C;

}


.guide-purpose-text p{

    margin:0;

    line-height:1.70;

    color:#5F6B7A;

}


/* ==========================================================
HIGHLIGHT CHIPS
========================================================== */

.guide-chip-row{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

}


.guide-chip{

    display:flex;

    align-items:center;

    gap:8px;

    padding:11px 16px;

    border:1px solid #E5ECF4;

    border-radius:10px;

    background:#FFFFFF;

    font-size:.94rem;

    font-weight:600;

    color:#435161;

}


.guide-chip i{

    color:#2E9E44;

}


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

.guide-right img{

    width:100%;

    max-width:460px;

    height:auto;

    display:block;

    border-radius:10px;

}


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

@media (max-width:992px){

.guide-hero-grid{

    grid-template-columns:1fr;

    gap:30px;

}

.guide-right{

    order:-1;

}

.guide-right img{

    max-width:420px;

}

}


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

@media (max-width:768px){

.guide-hero{

    padding:30px 0 24px;

}

.guide-hero h1{

    font-size:2.15rem;

}

.guide-subtitle{

    font-size:1.05rem;

}

.guide-purpose{

    padding:16px;

}

.guide-chip-row{

    flex-direction:column;

}

.guide-chip{

    width:100%;

}

.guide-right img{

    max-width:100%;

}

}

/* ==========================================================
SECTION 03 END
GUIDE HERO
========================================================== */

/* ==========================================================
SECTION 04 START
EMPLOYER EVALUATION FRAMEWORK
MASTER VERSION 1.1
========================================================== */

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

.framework-section{

    padding:36px 0 30px;

    background:#F8FBFF;

}


/* ==========================================================
HEADER
========================================================== */

.framework-header{

    max-width:760px;

    margin:0 auto 28px;

    text-align:center;

}

.framework-label{

    display:inline-block;

    padding:6px 14px;

    margin-bottom:10px;

    border-radius:24px;

    background:#EAF4FF;

    color:#0B4F9C;

    font-size:.80rem;

    font-weight:700;

    letter-spacing:.5px;

    text-transform:uppercase;

}

.framework-header h2{

    margin:0 0 10px;

    font-size:2.05rem;

    color:#0B4F9C;

}

.framework-header p{

    margin:0;

    line-height:1.7;

    color:#5F6B7A;

}


/* ==========================================================
FLOW
========================================================== */

.framework-flow{

    max-width:1060px;

    margin:auto;

}

.framework-row{

    display:grid;

    grid-template-columns:1fr 80px 1fr;

    gap:18px;

    align-items:stretch;

}

.framework-row-bottom{

    margin-top:12px;

}


/* ==========================================================
ARROWS
========================================================== */

.framework-arrow{

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:44px;

    color:#2E9E44;

    font-weight:700;

}

.framework-down{

    display:flex;

    justify-content:center;

    align-items:center;

    height:42px;

    font-size:34px;

    color:#2E9E44;

}


/* ==========================================================
CARDS
========================================================== */

.framework-card{

    display:flex;

    flex-direction:column;

    min-height:255px;

    padding:20px;

    background:#FFFFFF;

    border:1px solid #E5ECF3;

    border-top:4px solid #0B4F9C;

    border-radius:14px;

    transition:.25s;

}

.framework-card:hover{

    transform:translateY(-3px);

    box-shadow:0 8px 18px rgba(0,0,0,.05);

}

.framework-card.stage-green{

    border-top-color:#2E9E44;

}


/* ==========================================================
STAGE BADGE
========================================================== */

.stage-number{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:70px;

    height:28px;

    margin-bottom:14px;

    border-radius:30px;

    background:#0B4F9C;

    color:#FFFFFF;

    font-size:.78rem;

    font-weight:700;

}

.stage-green .stage-number{

    background:#2E9E44;

}


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

.framework-icon{

    width:54px;

    height:54px;

    margin-bottom:14px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#EEF5FF;

    color:#0B4F9C;

    font-size:22px;

}

.stage-green .framework-icon{

    background:#F1FAF4;

    color:#2E9E44;

}


/* ==========================================================
TEXT
========================================================== */

.framework-card h3{

    margin:0 0 6px;

    color:#0B4F9C;

    font-size:1.15rem;

}

.framework-card h4{

    margin:0 0 10px;

    font-size:1rem;

    line-height:1.45;

    color:#233243;

}

.framework-card p{

    margin-top:auto;

    color:#5F6B7A;

    line-height:1.65;

}


/* ==========================================================
BOTTOM INFORMATION BOXES
========================================================== */

.framework-info{

    display:flex;

    gap:16px;

    align-items:flex-start;

    margin:24px auto 0;

    padding:18px 20px;

    background:#FFFFFF;

    border-left:5px solid #2E9E44;

    border-radius:12px;

    max-width:920px;

}

.framework-info.blue{

    border-left-color:#0B4F9C;

}

.framework-info-icon{

    width:46px;

    height:46px;

    flex-shrink:0;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#2E9E44;

    color:#FFFFFF;

}

.framework-info.blue .framework-info-icon{

    background:#0B4F9C;

}

.framework-info h3{

    margin:0 0 6px;

    color:#0B4F9C;

    font-size:1.12rem;

}

.framework-info p{

    margin:0;

    color:#5F6B7A;

    line-height:1.7;

}


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

@media(max-width:900px){

.framework-row{

    grid-template-columns:1fr;

}

.framework-arrow{

    transform:rotate(90deg);

    font-size:34px;

}

.framework-down{

    display:none;

}

.framework-row-bottom{

    margin-top:0;

}

}


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

@media(max-width:768px){

.framework-section{

    padding:30px 0 24px;

}

.framework-header{

    margin-bottom:22px;

}

.framework-header h2{

    font-size:1.75rem;

}

.framework-card{

    min-height:auto;

}

.framework-info{

    padding:16px;

}

}

/* ==========================================================
SECTION 04 END
EMPLOYER EVALUATION FRAMEWORK
========================================================== */
/* ==========================================================
SECTION 05 START
KNOWLEDGE STAGE
MASTER VERSION 5.0
PART 1 OF 3
========================================================== */


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

.guide-stage{

    background:#FFFFFF;

    padding:34px 0 26px;

}


/* ==========================================================
INNER CONTENT WIDTH
========================================================== */

.guide-stage .container{

    max-width:1080px;

}


/* ==========================================================
HEADER
========================================================== */

.guide-stage-header{

    max-width:760px;

    margin:0 auto 26px;

    text-align:center;

}

.guide-stage-label{

    display:inline-block;

    padding:6px 14px;

    margin-bottom:10px;

    border-radius:22px;

    background:#EEF5FF;

    color:#0B4F9C;

    font-size:.80rem;

    font-weight:700;

    letter-spacing:.45px;

    text-transform:uppercase;

}

.guide-stage-header h2{

    margin:0 0 10px;

    font-size:2rem;

    line-height:1.18;

    color:#0B4F9C;

}

.guide-stage-header p{

    margin:0;

    color:#5F6B7A;

    line-height:1.70;

}


/* ==========================================================
EXECUTIVE BRIEFING GRID
========================================================== */

.guide-top-grid{

    display:grid;

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

    gap:20px;

    margin-bottom:28px;

}


/* ==========================================================
COMMON PANEL
========================================================== */

.guide-panel{

    background:#FFFFFF;

    border:1px solid #E4EBF3;

    border-radius:14px;

    padding:20px;

    transition:.25s ease;

}

.guide-panel:hover{

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(0,0,0,.05);

}


/* ==========================================================
QUESTION PANEL
========================================================== */

.guide-question{

    background:#F8FBFF;

    border-top:4px solid #0B4F9C;

}

.guide-question-header{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:12px;

}

.guide-question-icon{

    width:38px;

    height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#0B4F9C;

    color:#FFFFFF;

    font-size:.90rem;

    flex-shrink:0;

}

.guide-question h3{

    margin:0;

    font-size:1.08rem;

    line-height:1.35;

    color:#0B4F9C;

}

.guide-question p{

    margin:0;

    color:#5F6B7A;

    line-height:1.65;

}


/* ==========================================================
EXECUTIVE ANSWER
========================================================== */

.guide-answer{

    background:#F7FCF8;

    border-top:4px solid #2E9E44;

}

.guide-answer-header{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:12px;

}

.guide-answer-icon{

    width:38px;

    height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#2E9E44;

    color:#FFFFFF;

    font-size:.90rem;

    flex-shrink:0;

}

.guide-answer h3{

    margin:0;

    font-size:1.08rem;

    color:#2E9E44;

}

.guide-answer p{

    margin:0;

    color:#5F6B7A;

    line-height:1.65;

}


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

@media(max-width:900px){

.guide-top-grid{

    grid-template-columns:1fr;

    gap:18px;

}

}


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

@media(max-width:768px){

.guide-stage{

    padding:28px 0 22px;

}

.guide-stage-header h2{

    font-size:1.75rem;

}

.guide-panel{

    padding:18px;

}

}

/* ==========================================================
SECTION 05
KNOWLEDGE GRID
MASTER VERSION 6.0
PART 1
========================================================== */


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

.knowledge-section{

    padding:38px 0 30px;

    background:#FFFFFF;

}


/* ==========================================================
CONTAINER
========================================================== */

.knowledge-section .container{

    max-width:1080px;

}


/* ==========================================================
HEADER
========================================================== */

.knowledge-header{

    max-width:760px;

    margin:0 auto 32px;

    text-align:center;

}

.knowledge-label{

    display:inline-block;

    padding:6px 15px;

    margin-bottom:12px;

    border-radius:24px;

    background:#EEF5FF;

    color:#0B4F9C;

    font-size:.82rem;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.4px;

}

/* ==========================================================
CHAPTER NAME
========================================================== */

.knowledge-stage{

    margin:14px 0 10px;

    font-size:1.05rem;

    font-weight:700;

    color:#2E9E44;

    letter-spacing:.02em;

}

.knowledge-header h2{

    margin:0 0 12px;

    font-size:2.05rem;

    line-height:1.2;

    color:#0B4F9C;

}

.knowledge-header p{

    margin:0;

    line-height:1.72;

    color:#5F6B7A;

}


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

.knowledge-grid{

    display:grid;

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

    gap:22px;

    align-items:stretch;

}


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

.knowledge-box{

    display:flex;

    flex-direction:column;

    background:#FFFFFF;

    border:1px solid #E5ECF3;

    border-top:4px solid #0B4F9C;

    border-radius:14px;

    overflow:hidden;

    transition:.25s;

}

.knowledge-box:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 22px rgba(0,0,0,.05);

}


/* ==========================================================
GREEN VERSION
========================================================== */

.knowledge-box.green{

    border-top-color:#2E9E44;

}


/* ==========================================================
TOP AREA
========================================================== */

.knowledge-top{

    display:flex;

    align-items:center;

    gap:16px;

    padding:18px 20px;

    background:#F8FBFF;

}

.knowledge-box.green .knowledge-top{

    background:#F5FBF6;

}


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

.knowledge-icon{

    width:52px;

    height:52px;

    flex-shrink:0;

    border-radius:50%;

    background:#EAF4FF;

    color:#0B4F9C;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

}

.knowledge-box.green .knowledge-icon{

    background:#EAF8EE;

    color:#2E9E44;

}


/* ==========================================================
TITLE
========================================================== */

.knowledge-title h3{

    margin:0 0 5px;

    font-size:1.18rem;

    color:#0B4F9C;

}

.knowledge-box.green .knowledge-title h3{

    color:#2E9E44;

}

.knowledge-title span{

    font-size:.82rem;

    font-weight:600;

    color:#6B7888;

}

/* ==========================================================
KNOWLEDGE BADGE
========================================================== */

.knowledge-badge{

    display:inline-block;

    margin-top:6px;

    padding:5px 12px;

    border-radius:20px;

    background:#EAF4FF;

    color:#0B4F9C;

    font-size:.74rem;

    font-weight:700;

    letter-spacing:.5px;

    text-transform:uppercase;

}


/* ==========================================================
CHECKLIST
========================================================== */

.knowledge-list{

    list-style:none;

    margin:0;

    padding:20px 24px;

}

.knowledge-list li{

    position:relative;

    padding-left:24px;

    margin-bottom:10px;

    line-height:1.7;

    color:#4F5F70;

}

.knowledge-list li::before{

    content:"✓";

    position:absolute;

    left:0;

    top:0;

    color:#2E9E44;

    font-weight:700;

}


/* ==========================================================
FOOTER
========================================================== */

.knowledge-footer{

    margin-top:auto;

    padding:18px 24px;

    background:#FAFBFD;

    border-top:1px solid #E8EEF4;

}

.knowledge-footer h4{

    margin:0 0 8px;

    font-size:.78rem;

    font-weight:700;

    letter-spacing:.8px;

    color:#6B7888;

}

.knowledge-footer p{

    margin:0;

    line-height:1.65;

    color:#5F6B7A;

}

/* ==========================================================
SECTION 05A START
COMMON HIRING MISTAKE STRIP
MASTER VERSION 3.1
========================================================== */


/* ==========================================================
OUTER WRAPPER
========================================================== */

.warning-strip-wrap{

    max-width:1080px;

    margin:20px auto;

}


/* ==========================================================
WARNING STRIP
========================================================== */

.warning-strip{

    padding:14px 22px;

    background:#FFF8EE;

    border:1px solid #F2D39A;

    border-left:5px solid #E7A100;

    border-radius:12px;

    transition:.25s;

}

.warning-strip:hover{

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(0,0,0,.05);

}


/* ==========================================================
TITLE
========================================================== */

.warning-strip-title{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:8px;

    color:#B87400;

    font-size:1.08rem;

    font-weight:700;

}

.warning-strip-title i{

    color:#E39A00;

    font-size:18px;

}


/* ==========================================================
TEXT
========================================================== */

.warning-strip-text{

    margin:0;

    color:#5F6B7A;

    line-height:1.72;

}


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

@media(max-width:768px){

.warning-strip{

    padding:14px 16px;

}

.warning-strip-title{

    font-size:1rem;

}

}


/* ==========================================================
SECTION 05A END
COMMON HIRING MISTAKE STRIP
========================================================== */

/* ==========================================================
SECTION 05B START
EMPLOYER TIP STRIP
MASTER VERSION 1.1
========================================================== */


/* ==========================================================
OUTER WRAPPER
========================================================== */

.tip-strip-wrap{

    max-width:1080px;

    margin:18px auto 22px;

}


/* ==========================================================
TIP STRIP
========================================================== */

.tip-strip{

    padding:14px 22px;

    background:#F5FCF7;

    border:1px solid #CFE9D6;

    border-left:5px solid #2E9E44;

    border-radius:12px;

    transition:.25s;

}

.tip-strip:hover{

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(0,0,0,.05);

}


/* ==========================================================
TITLE
========================================================== */

.tip-strip-title{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:8px;

    color:#2E9E44;

    font-size:1.08rem;

    font-weight:700;

}

.tip-strip-title i{

    color:#2E9E44;

    font-size:18px;

}


/* ==========================================================
TEXT
========================================================== */

.tip-strip-text{

    margin:0;

    color:#5F6B7A;

    line-height:1.72;

}


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

@media(max-width:768px){

.tip-strip{

    padding:14px 16px;

}

.tip-strip-title{

    font-size:1rem;

}

}


/* ==========================================================
SECTION 05B END
EMPLOYER TIP STRIP
========================================================== */

/* ==========================================================
SECTION 06 START
QUICK VERIFICATION CHECKLIST
MASTER VERSION 1.1
========================================================== */


/* ==========================================================
OUTER WRAPPER
========================================================== */

.checklist-wrap{

    max-width:1080px;

    margin:22px auto;

}


/* ==========================================================
CHECKLIST PANEL
========================================================== */

.checklist-panel{

    background:#FFFFFF;

    border:1px solid #DCE8F6;

    border-left:5px solid #0B4F9C;

    border-radius:12px;

    overflow:hidden;

    transition:.25s;

}

.checklist-panel:hover{

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(0,0,0,.05);

}


/* ==========================================================
HEADER
========================================================== */

.checklist-header{

    display:flex;

    align-items:center;

    gap:10px;

    padding:13px 22px;

    background:#F6FAFF;

    border-bottom:1px solid #E7EEF7;

}

.checklist-header i{

    color:#0B4F9C;

    font-size:18px;

}

.checklist-header h3{

    margin:0;

    color:#0B4F9C;

    font-size:1.08rem;

    font-weight:700;

}


/* ==========================================================
CHECKLIST GRID
========================================================== */

.checklist-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:8px 40px;

    padding:16px 22px;

}


/* ==========================================================
CHECKLIST ITEM
========================================================== */

.checklist-item{

    display:flex;

    align-items:flex-start;

    gap:10px;

    color:#4F5F70;

    line-height:1.6;
margin-bottom:8px;
}

.checklist-item i{

    color:#2E9E44;

    margin-top:3px;

    flex-shrink:0;

}


/* ==========================================================
FOOTER
========================================================== */

.checklist-footer{

    padding:9px 22px;

    background:#F8FBFF;

    border-top:1px solid #E7EEF7;

    color:#5F6B7A;

    line-height:1.7;

}

.checklist-footer strong{

    display:flex;

    align-items:center;

    gap:8px;

    color:#0B4F9C;

    margin-bottom:6px;

}

.checklist-footer strong i{

    color:#2E9E44;

}

.checklist-footer p{

    margin:0;

    color:#5F6B7A;

    line-height:1.65;

}


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

@media(max-width:900px){

.checklist-grid{

    grid-template-columns:1fr;

    gap:10px;

}

}


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

@media(max-width:768px){

.checklist-header{

    padding:14px 18px;

}

.checklist-grid{

    padding:16px 18px;

}

.checklist-footer{

    padding:14px 18px;

}

}


/* ==========================================================
SECTION 06 END
QUICK VERIFICATION CHECKLIST
========================================================== */



/* ==========================================================
SECTION 07 START
DISHA RECRUITMENT INSIGHT
MASTER VERSION 3.0
========================================================== */


/* ==========================================================
SECTION WRAPPER
========================================================== */

.disha-insight-wrap{

    max-width:980px;

    margin:34px auto 28px;

}


/* ==========================================================
EDITORIAL BLOCK
========================================================== */

.disha-insight{

    padding-left:28px;

    border-left:4px solid #0B4F9C;

}


/* ==========================================================
SMALL LABEL
========================================================== */

.disha-insight-label{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-bottom:14px;

    font-size:.82rem;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

    color:#0B4F9C;

}

.disha-insight-label i{

    color:#F4B400;

}


/* ==========================================================
QUOTE
========================================================== */

.disha-insight-quote{

    font-size:1.38rem;

    font-weight:700;

    line-height:1.65;

    color:#0B4F9C;

    margin:0 0 18px;

}


/* ==========================================================
BODY
========================================================== */

.disha-insight-text{

    font-size:1rem;

    line-height:1.85;

    color:#5F6B7A;

    margin:0 0 18px;

}


/* ==========================================================
AUTHOR
========================================================== */

.disha-insight-author{

    display:block;

    margin-top:18px;

    font-weight:700;

    color:#0B4F9C;

    letter-spacing:.03em;

}


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

@media(max-width:768px){

.disha-insight-wrap{

    margin:28px auto;

}

.disha-insight{

    padding-left:18px;

}

.disha-insight-quote{

    font-size:1.15rem;

    line-height:1.55;

}

}


/* ==========================================================
SECTION 07 END
DISHA RECRUITMENT INSIGHT
========================================================== */

/* ==========================================================
SECTION 08 START
STEP 02 CHAPTER INTRODUCTION
MASTER VERSION 1.0
========================================================== */


/* ==========================================================
SECTION WRAPPER
========================================================== */

.evaluation-stage-wrap{

    max-width:980px;

    margin:70px auto 42px;

}


/* ==========================================================
STEP BADGE
========================================================== */

.evaluation-stage-label{

    display:inline-block;

    padding:7px 16px;

    border-radius:30px;

    background:#EEF5FD;

    color:#0B4F9C;

    font-size:.80rem;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}


/* ==========================================================
MAIN TITLE
========================================================== */

.evaluation-stage-title{

    margin:18px 0 10px;

    font-size:2.15rem;

    font-weight:700;

    color:#0B4F9C;

    line-height:1.25;

}


/* ==========================================================
SUB TITLE
========================================================== */

.evaluation-stage-subtitle{

    margin:0 0 18px;

    font-size:1.15rem;

    font-weight:600;

    color:#2E9E44;

}


/* ==========================================================
DESCRIPTION
========================================================== */

.evaluation-stage-text{

    max-width:760px;

    margin:0;

    font-size:1rem;

    line-height:1.85;

    color:#5F6B7A;

}


/* ==========================================================
DIVIDER
========================================================== */

.evaluation-stage-divider{

    width:90px;

    height:4px;

    margin:28px 0 0;

    background:#2E9E44;

    border-radius:30px;

}


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

@media(max-width:992px){

.evaluation-stage-wrap{

    margin:60px auto 36px;

}

}


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

@media(max-width:768px){

.evaluation-stage-wrap{

    margin:50px auto 30px;

    padding:0 16px;

}

.evaluation-stage-title{

    font-size:1.65rem;

}

.evaluation-stage-subtitle{

    font-size:1.02rem;

}

}


/* ==========================================================
SECTION 08 END
STEP 02 CHAPTER INTRODUCTION
========================================================== */
/* ==========================================================
SECTION 09 START
DOC-EVAL FEATURE LAYOUT
MASTER VERSION 1.0
PART 1 OF 2
========================================================== */


/* ==========================================================
MAIN WRAPPER
========================================================== */

.doc-eval-wrap{

    max-width:1080px;

    margin:34px auto 26px;

}


/* ==========================================================
FEATURE CARD
========================================================== */

.doc-eval-feature{

    background:#FFFFFF;

    border:1px solid #DCE8F6;

    border-left:6px solid #0B4F9C;

    border-radius:14px;

    overflow:hidden;

    transition:.25s;

    margin-bottom:26px;

}

.doc-eval-feature:hover{

    transform:translateY(-2px);

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

}


/* ==========================================================
FEATURE HEADER
========================================================== */

.doc-eval-head{

    display:flex;

    align-items:center;

    gap:14px;

    padding:18px 24px;

    background:#F5FAFF;

    border-bottom:1px solid #E7EEF7;

}

.doc-eval-head i{

    font-size:24px;

    color:#0B4F9C;

}

.doc-eval-head-text h3{

    margin:0;

    color:#0B4F9C;

    font-size:1.35rem;

    font-weight:700;

}

.doc-eval-head-text span{

    display:block;

    margin-top:4px;

    color:#6C7A89;

    font-size:.92rem;

}


/* ==========================================================
FEATURE BODY
========================================================== */

.doc-eval-body{

    padding:24px;

}


/* ==========================================================
FEATURE GRID
========================================================== */

.doc-eval-grid{

    display:grid;

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

    gap:18px 40px;

}


/* ==========================================================
FEATURE ITEM
========================================================== */

.doc-eval-item{

    display:flex;

    align-items:flex-start;

    gap:10px;

    color:#4F5F70;

    line-height:1.7;

}

.doc-eval-item i{

    color:#2E9E44;

    margin-top:3px;

    flex-shrink:0;

}


/* ==========================================================
FEATURE FOOTER
========================================================== */

.doc-eval-footer{

    margin-top:24px;

    padding-top:18px;

    border-top:1px solid #E7EEF7;

}

.doc-eval-footer h4{

    margin:0 0 8px;

    color:#0B4F9C;

    font-size:1rem;

    font-weight:700;

}

.doc-eval-footer p{

    margin:0;

    color:#5F6B7A;

    line-height:1.75;

}


/* ==========================================================
MINI GRID
========================================================== */

.doc-eval-mini-grid{

    display:grid;

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

    gap:24px;

    margin-top:8px;

}

/* ==========================================================
SECTION 09 CONTINUED
DOC-EVAL FEATURE LAYOUT
MASTER VERSION 1.0
PART 2 OF 2
========================================================== */


/* ==========================================================
MINI CARD
========================================================== */

.doc-eval-mini{

    background:#FFFFFF;

    border:1px solid #DCE8F6;

    border-top:4px solid #2E9E44;

    border-radius:12px;

    overflow:hidden;

    transition:.25s;

}

.doc-eval-mini:hover{

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(0,0,0,.05);

}


/* ==========================================================
MINI CARD HEADER
========================================================== */

.doc-eval-mini-head{

    display:flex;

    align-items:center;

    gap:10px;

    padding:16px 20px;

    background:#F8FCF9;

    border-bottom:1px solid #E7EEF7;

}

.doc-eval-mini-head i{

    font-size:18px;

    color:#2E9E44;

}

.doc-eval-mini-head h3{

    margin:0;

    color:#0B4F9C;

    font-size:1.08rem;

    font-weight:700;

}


/* ==========================================================
MINI CARD BODY
========================================================== */

.doc-eval-mini-body{

    padding:18px 20px;

}


/* ==========================================================
MINI LIST ITEM
========================================================== */

.doc-eval-mini-item{

    display:flex;

    align-items:flex-start;

    gap:10px;

    margin-bottom:12px;

    color:#4F5F70;

    line-height:1.65;

}

.doc-eval-mini-item:last-child{

    margin-bottom:0;

}

.doc-eval-mini-item i{

    color:#2E9E44;

    margin-top:3px;

    flex-shrink:0;

}


/* ==========================================================
SUMMARY PANEL
========================================================== */

.doc-eval-summary{

    margin-top:26px;

    background:#F7FBFF;

    border-left:5px solid #0B4F9C;

    border-radius:12px;

    padding:22px 24px;

}

.doc-eval-summary h3{

    margin:0 0 12px;

    color:#0B4F9C;

    font-size:1.15rem;

    font-weight:700;

}

.doc-eval-summary p{

    margin:0;

    color:#5F6B7A;

    line-height:1.8;

}


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

@media(max-width:992px){

.doc-eval-grid{

    gap:16px 22px;

}

.doc-eval-mini-grid{

    gap:20px;

}

}


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

@media(max-width:768px){

.doc-eval-feature{

    margin-bottom:20px;

}

.doc-eval-head{

    padding:16px 18px;

}

.doc-eval-head i{

    font-size:20px;

}

.doc-eval-head-text h3{

    font-size:1.18rem;

}

.doc-eval-body{

    padding:18px;

}

.doc-eval-grid{

    grid-template-columns:1fr;

    gap:14px;

}

.doc-eval-mini-grid{

    grid-template-columns:1fr;

    gap:18px;

}

.doc-eval-mini-head{

    padding:15px 18px;

}

.doc-eval-mini-body{

    padding:16px 18px;

}

.doc-eval-summary{

    margin-top:20px;

    padding:18px;

}

}


/* ==========================================================
SECTION 09 END
DOC-EVAL FEATURE LAYOUT
MASTER VERSION 1.0
========================================================== */

/* ==========================================================
SECTION 10 START
DOC-EVAL COMMON HIRING MISTAKE
MASTER VERSION 1.0
========================================================== */


/* ==========================================================
SECTION WRAPPER
========================================================== */

.doc-eval-warning-wrap{

    max-width:1080px;

    margin:28px auto 22px;

}


/* ==========================================================
WARNING PANEL
========================================================== */

.doc-eval-warning{

    background:#FFF8EE;

    border:1px solid #F3D9A3;

    border-left:5px solid #F0A500;

    border-radius:12px;

    overflow:hidden;

    transition:.25s;

}

.doc-eval-warning:hover{

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(0,0,0,.05);

}


/* ==========================================================
HEADER
========================================================== */

.doc-eval-warning-head{

    display:flex;

    align-items:center;

    gap:12px;

    padding:16px 22px;

    background:#FFF8EE;

    border-bottom:1px solid #F7E4BE;

}

.doc-eval-warning-head i{

    color:#E09A00;

    font-size:18px;

}

.doc-eval-tip-title{

    margin:0;

    color:#B46A00;

    font-size:1.08rem;

    font-weight:700;

}


/* ==========================================================
BODY
========================================================== */

.doc-eval-warning-body{

    padding:18px 22px;

}

.doc-eval-warning-body p{

    margin:0;

    color:#5F6B7A;

    line-height:1.75;

}


/* ==========================================================
HIGHLIGHT
========================================================== */

.doc-eval-warning-body strong{

    color:#B46A00;

}


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

@media(max-width:900px){

.doc-eval-warning-wrap{

    margin:24px auto 20px;

}

}


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

@media(max-width:768px){

.doc-eval-warning-head{

    padding:15px 18px;

}

.doc-eval-warning-body{

    padding:16px 18px;

}

.doc-eval-warning-head h3{

    font-size:1rem;

}

}


/* ==========================================================
SECTION 10 END
DOC-EVAL COMMON HIRING MISTAKE
========================================================== */

/* ==========================================================
SECTION 11 START
DOC-EVAL EMPLOYER TIP
MASTER VERSION 1.0
========================================================== */


/* ==========================================================
SECTION WRAPPER
========================================================== */

.doc-eval-tip-wrap{

    max-width:1080px;

    margin:22px auto;

}


/* ==========================================================
TIP PANEL
========================================================== */

.doc-eval-tip{

    background:#F6FCF7;

    border:1px solid #CFE9D4;

    border-left:5px solid #2E9E44;

    border-radius:12px;

    overflow:hidden;

    transition:.25s;

}

.doc-eval-tip:hover{

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(0,0,0,.05);

}


/* ==========================================================
HEADER
========================================================== */

.doc-eval-tip-head{

    display:flex;

    align-items:center;

    gap:12px;

    padding:16px 22px;

    background:#F6FCF7;

    border-bottom:1px solid #DDEFE2;

}

.doc-eval-tip-head i{

    color:#2E9E44;

    font-size:18px;

}

.doc-eval-tip-head h3{

    margin:0;

    color:#2E9E44;

    font-size:1.08rem;

    font-weight:700;

}


/* ==========================================================
BODY
========================================================== */

.doc-eval-tip-body{

    padding:18px 22px;

}

.doc-eval-tip-body p{

    margin:0;

    color:#5F6B7A;

    line-height:1.75;

}

.doc-eval-tip-body strong{

    color:#2E9E44;

}


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

@media(max-width:768px){

.doc-eval-tip-head{

    padding:15px 18px;

}

.doc-eval-tip-body{

    padding:16px 18px;

}

.doc-eval-tip-head h3{

    font-size:1rem;

}

}


/* ==========================================================
SECTION 11 END
DOC-EVAL EMPLOYER TIP
========================================================== */
/* ==========================================================
SECTION 12 START
DOC-EVAL EVALUATION CHECKLIST
MASTER VERSION 1.0
========================================================== */


/* ==========================================================
SECTION WRAPPER
========================================================== */

.doc-eval-check-wrap{

    max-width:1080px;

    margin:22px auto 26px;

}


/* ==========================================================
CHECKLIST PANEL
========================================================== */

.doc-eval-check-panel{

    background:#FFFFFF;

    border:1px solid #DCE8F6;

    border-left:5px solid #0B4F9C;

    border-radius:12px;

    overflow:hidden;

    transition:.25s;

}

.doc-eval-check-panel:hover{

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(0,0,0,.05);

}


/* ==========================================================
HEADER
========================================================== */

.doc-eval-check-head{

    display:flex;

    align-items:center;

    gap:12px;

    padding:16px 22px;

    background:#F6FAFF;

    border-bottom:1px solid #E7EEF7;

}

.doc-eval-check-head i{

    color:#0B4F9C;

    font-size:18px;

}

.doc-eval-check-title{

    margin:0;

    color:#0B4F9C;

    font-size:1.08rem;

    font-weight:700;

}


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

.doc-eval-check-grid{

    display:grid;

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

    gap:0 38px;

    padding:18px 22px;

}


/* ==========================================================
CHECK ITEM
========================================================== */

.doc-eval-check-item{

    display:flex;

    align-items:flex-start;

    gap:10px;

    margin-bottom:12px;

    color:#4F5F70;

    line-height:1.65;

}

.doc-eval-check-item:last-child{

    margin-bottom:0;

}

.doc-eval-check-item i{

    color:#2E9E44;

    margin-top:3px;

    flex-shrink:0;

}


/* ==========================================================
FOOTER
========================================================== */

.doc-eval-check-footer{

    padding:16px 22px;

    background:#F9FBFD;

    border-top:1px solid #E7EEF7;

}

.doc-eval-check-footer-title{

    margin:0 0 8px;

    color:#0B4F9C;

    font-size:1rem;

    font-weight:700;

}

.doc-eval-check-footer-text{

    margin:0;

    color:#5F6B7A;

    line-height:1.75;

}


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

@media(max-width:900px){

.doc-eval-check-grid{

    grid-template-columns:1fr;

    gap:0;

}

}


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

@media(max-width:768px){

.doc-eval-check-head{

    padding:15px 18px;

}

.doc-eval-check-grid{

    padding:16px 18px;

}

.doc-eval-check-footer{

    padding:16px 18px;

}

.doc-eval-check-title{

    font-size:1rem;

}

}


/* ==========================================================
SECTION 12 END
DOC-EVAL EVALUATION CHECKLIST
========================================================== */
/* ==========================================================
SECTION 13 START
DOC-EVAL EXPERT INSIGHT
MASTER VERSION 1.0
========================================================== */


/* ==========================================================
SECTION WRAPPER
========================================================== */

.doc-eval-insight-wrap{

    max-width:980px;

    margin:34px auto 28px;

}


/* ==========================================================
EDITORIAL BLOCK
========================================================== */

.doc-eval-insight{

    padding-left:28px;

    border-left:4px solid #0B4F9C;

}


/* ==========================================================
LABEL
========================================================== */

.doc-eval-insight-label{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-bottom:14px;

    font-size:.82rem;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

    color:#0B4F9C;

}

.doc-eval-insight-label i{

    color:#F4B400;

}


/* ==========================================================
QUOTE
========================================================== */

.doc-eval-insight-quote{

    margin:0 0 18px;

    font-size:1.38rem;

    font-weight:600;

    line-height:1.65;

    color:#223548;

}


/* ==========================================================
BODY
========================================================== */

.doc-eval-insight-text{

    margin:0 0 18px;

    font-size:1rem;

    line-height:1.85;

    color:#5F6B7A;

}


/* ==========================================================
AUTHOR
========================================================== */

.doc-eval-insight-author{

    display:block;

    margin-top:18px;

    font-weight:700;

    color:#0B4F9C;

    letter-spacing:.03em;

}


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

@media(max-width:768px){

.doc-eval-insight-wrap{

    margin:28px auto;

}

.doc-eval-insight{

    padding-left:18px;

}

.doc-eval-insight-quote{

    font-size:1.15rem;

    line-height:1.55;

}

}


/* ==========================================================
SECTION 13 END
DOC-EVAL EXPERT INSIGHT
========================================================== */

/* ==========================================================
SECTION 14 START
DOC-OFFER INTRODUCTION
MASTER VERSION 1.0
========================================================== */


/* ==========================================================
SECTION WRAPPER
========================================================== */

.doc-offer-intro{

    max-width:980px;

    margin:64px auto 36px;

}


/* ==========================================================
STEP LABEL
========================================================== */

.doc-offer-label{

    display:inline-block;

    padding:7px 16px;

    border-radius:30px;

    background:#EEF5FD;

    color:#0B4F9C;

    font-size:.82rem;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}


/* ==========================================================
STAGE NAME
========================================================== */

.doc-offer-stage{

    margin:18px 0 8px;

    font-size:1.55rem;

    font-weight:600;

    color:#5A6778;

}


/* ==========================================================
MAIN TITLE
========================================================== */

.doc-offer-title{

    margin:0 0 14px;

    font-size:2.45rem;

    line-height:1.18;

    font-weight:700;

    color:#0B4F9C;

}


/* ==========================================================
SUB TITLE
========================================================== */

.doc-offer-subtitle{

    margin:0 0 24px;

    font-size:1.35rem;

    line-height:1.45;

    font-weight:600;

    color:#2E9E44;

}


/* ==========================================================
DESCRIPTION
========================================================== */

.doc-offer-text{

    max-width:820px;

    margin:0;

    font-size:1.12rem;

    line-height:1.95;

    color:#5F6B7A;

}


/* ==========================================================
DIVIDER
========================================================== */

.doc-offer-divider{

    width:90px;

    height:4px;

    margin-top:24px;
}

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

@media(max-width:992px){

.doc-offer-title{

    font-size:2.45rem;

}

.doc-offer-subtitle{

    font-size:1.45rem;

}

}


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

@media(max-width:768px){

.doc-offer-intro{

    margin:56px auto 34px;

}

.doc-offer-stage{

    font-size:1.2rem;

}

.doc-offer-title{

    font-size:2rem;

    line-height:1.25;

}

.doc-offer-subtitle{

    font-size:1.2rem;

}

.doc-offer-text{

    font-size:1rem;

    line-height:1.8;

}

.doc-offer-divider{

    margin-top:24px;

}

}


/* ==========================================================
SECTION 14 END
DOC-OFFER INTRODUCTION
========================================================== */
/* ==========================================================
SECTION 15 START
DOC-OFFER READINESS MATRIX
MASTER VERSION 1.0
========================================================== */


/* ==========================================================
SECTION WRAPPER
========================================================== */

.doc-offer-wrap{

    max-width:1080px;

    margin:34px auto 30px;

}


/* ==========================================================
MAIN GRID
========================================================== */

.doc-offer-grid{

    display:grid;

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

    gap:26px;

}


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

.doc-offer-card{

    background:#FFFFFF;

    border:1px solid #DCE8F6;

    border-top:4px solid #0B4F9C;

    border-radius:12px;

    overflow:hidden;

    transition:.25s;

}

.doc-offer-card:hover{

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(0,0,0,.05);

}


/* ==========================================================
GREEN CARD
========================================================== */

.doc-offer-card-green{

    border-top-color:#2E9E44;

}


/* ==========================================================
HEADER
========================================================== */

.doc-offer-card-head{

    display:flex;

    align-items:center;

    gap:12px;

    padding:18px 20px;

    background:#F8FBFF;

    border-bottom:1px solid #E7EEF7;

}

.doc-offer-card-green .doc-offer-card-head{

    background:#F7FCF8;

}


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

.doc-offer-card-icon{

    width:46px;

    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#EAF3FF;

    color:#0B4F9C;

    font-size:18px;

    flex-shrink:0;

}

.doc-offer-card-green .doc-offer-card-icon{

    background:#E8F7EC;

    color:#2E9E44;

}


/* ==========================================================
TITLE
========================================================== */

.doc-offer-card-title{

    margin:0;

    font-size:1.22rem;

    font-weight:700;

    color:#0B4F9C;

}


/* ==========================================================
SUBTITLE
========================================================== */

.doc-offer-card-sub{

    margin-top:4px;

    font-size:.90rem;

    color:#6B7787;

}


/* ==========================================================
BODY
========================================================== */

.doc-offer-card-body{

    padding:20px;

}


/* ==========================================================
LIST
========================================================== */

.doc-offer-list{

    list-style:none;

    padding:0;

    margin:0;

}

.doc-offer-list li{

    display:flex;

    align-items:flex-start;

    gap:10px;

    margin-bottom:12px;

    color:#566678;

    line-height:1.7;

}

.doc-offer-list li:last-child{

    margin-bottom:0;

}

.doc-offer-list i{

    color:#2E9E44;

    margin-top:3px;

    flex-shrink:0;

}


/* ==========================================================
WHY THIS MATTERS
========================================================== */

.doc-offer-note{

    margin-top:20px;

    padding-top:16px;

    border-top:1px solid #E7EEF7;

}

.doc-offer-note-title{

    margin:0 0 8px;

    color:#0B4F9C;

    font-size:1rem;

    font-weight:700;

}

.doc-offer-note-text{

    margin:0;

    color:#5F6B7A;

    line-height:1.75;

}


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

@media(max-width:900px){

.doc-offer-grid{

    gap:20px;

}

}


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

@media(max-width:768px){

.doc-offer-grid{

    grid-template-columns:1fr;

}

.doc-offer-card-head{

    padding:16px 18px;

}

.doc-offer-card-body{

    padding:18px;

}

.doc-offer-card-title{

    font-size:1.08rem;

}

}


/* ==========================================================
SECTION 15 END
DOC-OFFER READINESS MATRIX
========================================================== */

/* ==========================================================
SECTION 16 START
DOC-OFFER COMMON HIRING MISTAKE
MASTER VERSION 1.0
========================================================== */


/* ==========================================================
SECTION WRAPPER
========================================================== */

.doc-offer-warning-wrap{

    max-width:1080px;

    margin:28px auto 22px;

}


/* ==========================================================
WARNING PANEL
========================================================== */

.doc-offer-warning{

    background:#FFF8EE;

    border:1px solid #F3D9A3;

    border-left:5px solid #F0A500;

    border-radius:12px;

    overflow:hidden;

    transition:.25s;

}

.doc-offer-warning:hover{

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(0,0,0,.05);

}


/* ==========================================================
HEADER
========================================================== */

.doc-offer-warning-head{

    display:flex;

    align-items:center;

    gap:12px;

    padding:16px 22px;

    background:#FFF8EE;

    border-bottom:1px solid #F7E4BE;

}

.doc-offer-warning-head i{

    color:#E09A00;

    font-size:18px;

}

.doc-offer-warning-title{

    margin:0;

    display:block;

    color:#B46A00;

    font-size:1.08rem;

    font-weight:700;

    line-height:1.3;

}


/* ==========================================================
BODY
========================================================== */

.doc-offer-warning-body{

    padding:18px 22px;

}

.doc-offer-warning-text{

    margin:0;

    color:#5F6B7A;

    line-height:1.75;

}

.doc-offer-warning-text strong{

    color:#B46A00;

}


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

@media(max-width:768px){

.doc-offer-warning-head{

    padding:15px 18px;

}

.doc-offer-warning-body{

    padding:16px 18px;

}

.doc-offer-warning-title{

    font-size:1rem;

}

}


/* ==========================================================
SECTION 16 END
DOC-OFFER COMMON HIRING MISTAKE
========================================================== */



/* ==========================================================
SECTION 17 START
DOC-OFFER EMPLOYER TIP
MASTER VERSION 1.0
========================================================== */


/* ==========================================================
SECTION WRAPPER
========================================================== */

.doc-offer-tip-wrap{

    max-width:1080px;

    margin:22px auto;

}


/* ==========================================================
TIP PANEL
========================================================== */

.doc-offer-tip{

    background:#F6FCF7;

    border:1px solid #CFE9D4;

    border-left:5px solid #2E9E44;

    border-radius:12px;

    overflow:hidden;

    transition:.25s;

}

.doc-offer-tip:hover{

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(0,0,0,.05);

}


/* ==========================================================
HEADER
========================================================== */

.doc-offer-tip-head{

    display:flex;

    align-items:center;

    gap:12px;

    padding:16px 22px;

    background:#F6FCF7;

    border-bottom:1px solid #DDEFE2;

}

.doc-offer-tip-head i{

    color:#2E9E44;

    font-size:18px;

}

.doc-offer-tip-title{

    margin:0;

    display:block;

    color:#2E9E44;

    font-size:1.08rem;

    font-weight:700;

    line-height:1.3;

}


/* ==========================================================
BODY
========================================================== */

.doc-offer-tip-body{

    padding:18px 22px;

}

.doc-offer-tip-text{

    margin:0;

    color:#5F6B7A;

    line-height:1.75;

}

.doc-offer-tip-text strong{

    color:#2E9E44;

}


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

@media(max-width:768px){

.doc-offer-tip-head{

    padding:15px 18px;

}

.doc-offer-tip-body{

    padding:16px 18px;

}

.doc-offer-tip-title{

    font-size:1rem;

}

}


/* ==========================================================
SECTION 17 END
DOC-OFFER EMPLOYER TIP
========================================================== */

/* ==========================================================
SECTION 18 START
DOC-OFFER READINESS CHECKLIST
MASTER VERSION 1.0
========================================================== */


/* ==========================================================
SECTION WRAPPER
========================================================== */

.doc-offer-check-wrap{

    max-width:1080px;

    margin:22px auto 28px;

}


/* ==========================================================
CHECKLIST PANEL
========================================================== */

.doc-offer-check-panel{

    background:#FFFFFF;

    border:1px solid #DCE8F6;

    border-left:5px solid #0B4F9C;

    border-radius:12px;

    overflow:hidden;

    transition:.25s;

}

.doc-offer-check-panel:hover{

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(0,0,0,.05);

}


/* ==========================================================
HEADER
========================================================== */

.doc-offer-check-head{

    display:flex;

    align-items:center;

    gap:12px;

    padding:16px 22px;

    background:#F6FAFF;

    border-bottom:1px solid #E7EEF7;

}

.doc-offer-check-head i{

    color:#0B4F9C;

    font-size:18px;

}

.doc-offer-check-title{

    margin:0;

    display:block;

    color:#0B4F9C;

    font-size:1.08rem;

    font-weight:700;

    line-height:1.3;

}


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

.doc-offer-check-grid{

    display:grid;

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

    gap:0 36px;

    padding:18px 22px;

}


/* ==========================================================
ITEM
========================================================== */

.doc-offer-check-item{

    display:flex;

    align-items:flex-start;

    gap:10px;

    margin-bottom:12px;

    color:#566678;

    line-height:1.7;

}

.doc-offer-check-item:last-child{

    margin-bottom:0;

}

.doc-offer-check-item i{

    color:#2E9E44;

    margin-top:3px;

    flex-shrink:0;

}


/* ==========================================================
FOOTER
========================================================== */

.doc-offer-check-footer{

    padding:18px 22px;

    background:#F9FBFD;

    border-top:1px solid #E7EEF7;

}

.doc-offer-check-footer-title{

    margin:0 0 8px;

    color:#0B4F9C;

    font-size:1rem;

    font-weight:700;

}

.doc-offer-check-footer-text{

    margin:0;

    color:#5F6B7A;

    line-height:1.75;

}


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

@media(max-width:900px){

.doc-offer-check-grid{

    grid-template-columns:1fr;

    gap:0;

}

}


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

@media(max-width:768px){

.doc-offer-check-head{

    padding:15px 18px;

}

.doc-offer-check-grid{

    padding:16px 18px;

}

.doc-offer-check-footer{

    padding:16px 18px;

}

.doc-offer-check-title{

    font-size:1rem;

}

}


/* ==========================================================
SECTION 18 END
DOC-OFFER READINESS CHECKLIST
========================================================== */

/* ==========================================================
SECTION 19 START
DOC-OFFER RECRUITMENT INSIGHT
MASTER VERSION 2.0
========================================================== */


/* ==========================================================
SECTION WRAPPER
========================================================== */

.doc-offer-insight-wrap{

    max-width:980px;

    margin:40px auto 34px;

}


/* ==========================================================
EDITORIAL BLOCK
========================================================== */

.doc-offer-insight{

    padding:0 0 0 28px;

    border-left:4px solid #0B4F9C;

}


/* ==========================================================
LABEL
========================================================== */

.doc-offer-insight-label{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-bottom:18px;

    font-size:.82rem;

    font-weight:700;

    letter-spacing:.10em;

    text-transform:uppercase;

    color:#0B4F9C;

}

.doc-offer-insight-label i{

    color:#F4B400;

    font-size:24px;

}


/* ==========================================================
MAIN INSIGHT
========================================================== */

.doc-offer-insight-quote{

    margin:0 0 26px;

    font-size:1.25rem;

    line-height:1.45;

    font-weight:600;

    color:#2E9E44;

}


/* ==========================================================
BODY
========================================================== */

.doc-offer-insight-text{

    margin:0 0 22px;

    font-size:1.05rem;

    line-height:1.9;

    color:#5F6B7A;

}


/* ==========================================================
KEY TAKEAWAY
========================================================== */

.doc-offer-insight-text strong{

    display:block;

    margin-top:10px;

    padding:16px 18px;

    border-left:4px solid #2E9E44;

    background:#F7FCF8;

    border-radius:8px;

    color:#0B4F9C;

    font-weight:700;

    line-height:1.75;

}


/* ==========================================================
AUTHOR
========================================================== */

.doc-offer-insight-author{

    display:inline-block;

    margin-top:12px;

    font-size:1.02rem;

    font-weight:700;

    color:#0B4F9C;

    letter-spacing:.03em;

}


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

@media(max-width:992px){

.doc-offer-insight-quote{

    font-size:1.7rem;

}

}


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

@media(max-width:768px){

.doc-offer-insight-wrap{

    margin:30px auto;

}

.doc-offer-insight{

    padding-left:18px;

}

.doc-offer-insight-label{

    margin-bottom:14px;

}

.doc-offer-insight-quote{

    font-size:1.35rem;

    line-height:1.5;

    margin-bottom:20px;

}

.doc-offer-insight-text{

    font-size:1rem;

    line-height:1.8;

    margin-bottom:18px;

}

.doc-offer-insight-text strong{

    padding:14px 15px;

}

}


/* ==========================================================
SECTION 19 END
DOC-OFFER RECRUITMENT INSIGHT
========================================================== */
/* ==========================================================
SECTION 20 START
DHFAQX MASTER FAQ
MASTER VERSION 2.0
PART 1 OF 2
No JavaScript Required
Uses <details> & <summary>
========================================================== */


/* ==========================================================
SECTION WRAPPER
========================================================== */

.dhfaqx-section{

    padding:34px 0 24px;

    background:#FFFFFF;

}


.dhfaqx-container{

    max-width:1080px;

    margin:0 auto;

}


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

.dhfaqx-header{

    max-width:760px;

    margin:0 auto 26px;

    text-align:center;

}


.dhfaqx-label{

    display:inline-block;

    padding:6px 14px;

    margin-bottom:12px;

    border-radius:30px;

    background:#EEF6FF;

    color:#0B4F9C;

    font-size:.78rem;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}


.dhfaqx-header h2{

    margin:0 0 10px;

    color:#0B4F9C;

    font-size:2rem;

    line-height:1.18;

}


.dhfaqx-header p{

    margin:0;

    color:#5F6B7A;

    line-height:1.72;

}


/* ==========================================================
FAQ CATEGORY
========================================================== */

.dhfaqx-category{

    margin-bottom:28px;

}


.dhfaqx-category:last-child{

    margin-bottom:0;

}


.dhfaqx-category-title{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:14px;

    padding-bottom:10px;

    border-bottom:2px solid #E8EEF5;

    color:#0B4F9C;

    font-size:1.15rem;

    font-weight:700;

}


.dhfaqx-category-title i{

    color:#2E9E44;

}


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

.dhfaqx-item{

    margin-bottom:12px;

    background:#FFFFFF;

    border:1px solid #E4ECF5;

    border-radius:12px;

    overflow:hidden;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;

}


.dhfaqx-item:last-child{

    margin-bottom:0;

}


.dhfaqx-item:hover{

    border-color:#D3E0ED;

    box-shadow:0 5px 14px rgba(11,79,156,.05);

}


/* ==========================================================
REMOVE DEFAULT MARKER
========================================================== */

.dhfaqx-item summary{

    list-style:none;

    cursor:pointer;

}


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

    display:none;

}


.dhfaqx-item summary::marker{

    display:none;

}


/* ==========================================================
QUESTION ROW
========================================================== */

.dhfaqx-question{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:17px 20px;

    transition:background .25s ease;

}


.dhfaqx-question:hover{

    background:#FAFCFF;

}


/* ==========================================================
QUESTION TEXT
========================================================== */

.dhfaqx-question-text{

    flex:1;

    color:#173E73;

    font-family:'Poppins',sans-serif;

    font-size:1rem;

    font-weight:600;

    line-height:1.50;

}


/* ==========================================================
CUSTOM TOGGLE
========================================================== */

.dhfaqx-toggle{

    width:28px;

    height:28px;

    flex-shrink:0;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#EDF8F0;

    color:#2E9E44;

    font-size:1.10rem;

    font-weight:700;

    transition:all .25s ease;

}


/* ==========================================================
OPEN STATE
========================================================== */

.dhfaqx-item[open]{

    border-color:#BCD5EE;

}


.dhfaqx-item[open] .dhfaqx-question{

    background:#FBFDFF;

}


.dhfaqx-item[open] .dhfaqx-question-text{

    color:#0B4F9C;

}


.dhfaqx-item[open] .dhfaqx-toggle{

    background:#2E9E44;

    color:#FFFFFF;

    transform:rotate(45deg);

}


/* ==========================================================
PART 1 END
========================================================== */

/* ==========================================================
ANSWER PANEL
========================================================== */

.dhfaqx-answer{

    padding:0 20px 18px;

    border-top:1px solid #EEF3F8;

    background:#FFFFFF;

}


.dhfaqx-answer p{

    margin:14px 0 0;

    color:#5F6B7A;

    font-size:.96rem;

    line-height:1.78;

}


.dhfaqx-answer p:last-child{

    margin-bottom:0;

}


/* ==========================================================
OPTIONAL LISTS INSIDE ANSWERS
========================================================== */

.dhfaqx-answer ul{

    margin:14px 0 0 20px;

    padding:0;

}


.dhfaqx-answer li{

    margin-bottom:8px;

    color:#5F6B7A;

    line-height:1.70;

}


/* ==========================================================
LINKS
========================================================== */

.dhfaqx-answer a{

    color:#0B4F9C;

    font-weight:600;

    text-decoration:none;

}


.dhfaqx-answer a:hover{

    color:#2E9E44;

}


/* ==========================================================
SMOOTH OPEN STATE
========================================================== */

.dhfaqx-item{

    scroll-margin-top:90px;

}


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

.dhfaqx-question:focus{

    outline:none;

}


.dhfaqx-item summary:focus-visible{

    outline:2px solid #BFD9F8;

    outline-offset:2px;

    border-radius:10px;

}


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

@media (max-width:900px){

.dhfaqx-header{

    margin-bottom:22px;

}

.dhfaqx-header h2{

    font-size:1.80rem;

}

}


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

@media (max-width:768px){

.dhfaqx-section{

    padding:28px 0 18px;

}


.dhfaqx-header{

    margin-bottom:20px;

}


.dhfaqx-header h2{

    font-size:1.55rem;

}


.dhfaqx-category{

    margin-bottom:22px;

}


.dhfaqx-category-title{

    font-size:1.02rem;

    margin-bottom:12px;

}


.dhfaqx-question{

    padding:15px 16px;

    gap:14px;

}


.dhfaqx-question-text{

    font-size:.95rem;

    line-height:1.45;

}


.dhfaqx-toggle{

    width:26px;

    height:26px;

    font-size:1rem;

}


.dhfaqx-answer{

    padding:0 16px 16px;

}


.dhfaqx-answer p{

    margin-top:12px;

    font-size:.94rem;

    line-height:1.72;

}

}


/* ==========================================================
SECTION 20 END
DHFAQX MASTER FAQ
MASTER VERSION 2.0
========================================================== */

/* ==========================================================
SECTION 21 START
DHGUIDEX
CONTINUE EXPLORING EMPLOYER HIRING GUIDES
MASTER VERSION 1.0
PART 1 OF 2
========================================================== */


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

.dhguidex-section{

    padding:34px 0 28px;

    background:#FFFFFF;

}


.dhguidex-container{

    max-width:1080px;

    margin:0 auto;

}


/* ==========================================================
HEADER
========================================================== */

.dhguidex-header{

    max-width:760px;

    margin:0 auto 26px;

    text-align:center;

}


.dhguidex-label{

    display:inline-block;

    padding:6px 14px;

    margin-bottom:12px;

    border-radius:30px;

    background:#EEF6FF;

    color:#0B4F9C;

    font-size:.78rem;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}


.dhguidex-header h2{

    margin:0 0 10px;

    color:#0B4F9C;

    font-size:2rem;

    line-height:1.18;

}


.dhguidex-header p{

    margin:0;

    color:#5F6B7A;

    line-height:1.72;

}


/* ==========================================================
FEATURED GUIDE
========================================================== */

.dhguidex-feature{

    margin-bottom:24px;

    padding:22px 24px;

    background:#F8FBFF;

    border:1px solid #DCE9F6;

    border-left:5px solid #0B4F9C;

    border-radius:14px;

    transition:.25s ease;

}


.dhguidex-feature:hover{

    border-color:#C6DAEE;

    box-shadow:0 8px 18px rgba(11,79,156,.06);

}


.dhguidex-feature-tag{

    display:inline-block;

    margin-bottom:10px;

    padding:5px 12px;

    background:#0B4F9C;

    color:#FFFFFF;

    border-radius:24px;

    font-size:.72rem;

    font-weight:700;

    letter-spacing:.05em;

    text-transform:uppercase;

}


.dhguidex-feature h3{

    margin:0 0 10px;

    color:#0B4F9C;

    font-size:1.35rem;

    line-height:1.30;

}


.dhguidex-feature p{

    margin:0;

    color:#5F6B7A;

    line-height:1.75;

}


/* ==========================================================
RESOURCE GRID
========================================================== */

.dhguidex-grid{

    display:grid;

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

    gap:18px;

}


/* ==========================================================
RESOURCE CARD
========================================================== */

.dhguidex-card{

    display:flex;

    flex-direction:column;

    padding:18px 20px;

    background:#FFFFFF;

    border:1px solid #E4ECF5;

    border-radius:12px;

    text-decoration:none;

    transition:
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;

}


.dhguidex-card:hover{

    transform:translateY(-2px);

    border-color:#CFE0EF;

    box-shadow:0 8px 18px rgba(11,79,156,.05);

}

/* ==========================================================
CARD CONTENT
========================================================== */

.dhguidex-card h3{

    margin:0 0 8px;

    color:#0B4F9C;

    font-size:1.08rem;

    line-height:1.35;

    transition:color .25s ease;

}


.dhguidex-card p{

    margin:0;

    color:#5F6B7A;

    line-height:1.70;

    font-size:.95rem;

}


/* ==========================================================
SMALL READ MORE
========================================================== */

.dhguidex-more{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-top:14px;

    color:#2E9E44;

    font-size:.90rem;

    font-weight:700;

    transition:all .25s ease;

}


.dhguidex-more i{

    font-size:.82rem;

    transition:transform .25s ease;

}


.dhguidex-card:hover .dhguidex-more{

    color:#0B4F9C;

}


.dhguidex-card:hover .dhguidex-more i{

    transform:translateX(4px);

}


.dhguidex-card:hover h3{

    color:#2E9E44;

}


/* ==========================================================
FEATURED GUIDE LINK
========================================================== */

.dhguidex-feature-link{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:16px;

    color:#2E9E44;

    font-size:.96rem;

    font-weight:700;

    text-decoration:none;

    transition:all .25s ease;

}


.dhguidex-feature-link i{

    transition:transform .25s ease;

}


.dhguidex-feature:hover .dhguidex-feature-link{

    color:#0B4F9C;

}


.dhguidex-feature:hover .dhguidex-feature-link i{

    transform:translateX(5px);

}


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

@media (max-width:900px){

.dhguidex-grid{

    grid-template-columns:1fr;

    gap:16px;

}


.dhguidex-feature{

    padding:20px;

}

}


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

@media (max-width:768px){

.dhguidex-section{

    padding:28px 0 20px;

}


.dhguidex-header{

    margin-bottom:22px;

}


.dhguidex-header h2{

    font-size:1.60rem;

}


.dhguidex-feature{

    margin-bottom:20px;

    padding:18px;

}


.dhguidex-feature h3{

    font-size:1.18rem;

}


.dhguidex-grid{

    gap:14px;

}


.dhguidex-card{

    padding:16px;

}


.dhguidex-card h3{

    font-size:1rem;

}


.dhguidex-card p{

    font-size:.93rem;

}

}


/* ==========================================================
SECTION 21 END
DHGUIDEX
CONTINUE EXPLORING EMPLOYER HIRING GUIDES
MASTER VERSION 1.0
========================================================== */

/* ==========================================================
SECTION 22 START
DHGUIDECTA
EDITORIAL CTA
MASTER VERSION 1.0
========================================================== */


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

.dhguidecta-section{

    padding:32px 0;

    background:#FFFFFF;

}


.dhguidecta-container{

    max-width:980px;

    margin:0 auto;

}


/* ==========================================================
CTA PANEL
========================================================== */

.dhguidecta-panel{

    padding:26px 30px;

    background:#FBFCFE;

    border:1px solid #DCE7F2;

    border-left:5px solid #0B4F9C;

    border-radius:14px;

}


.dhguidecta-panel h2{

    margin:0 0 10px;

    color:#0B4F9C;

    font-size:1.65rem;

    line-height:1.25;

}


.dhguidecta-panel p{

    margin:0;

    color:#5F6B7A;

    line-height:1.75;

}


.dhguidecta-highlight{

    margin-top:18px;

    padding-top:18px;

    border-top:1px solid #E7EEF6;

    color:#173E73;

    font-weight:600;

}


.dhguidecta-actions{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    margin-top:22px;

}


.dhguidecta-btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:13px 24px;

    background:#0B4F9C;

    color:#FFFFFF;

    text-decoration:none;

    border-radius:8px;

    font-weight:600;

    transition:.25s ease;

}


.dhguidecta-btn-primary:hover{

    background:#083D78;

}


.dhguidecta-btn-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:13px 24px;

    border:1px solid #0B4F9C;

    color:#0B4F9C;

    text-decoration:none;

    border-radius:8px;

    font-weight:600;

    transition:.25s ease;

}


.dhguidecta-btn-secondary:hover{

    background:#EEF6FF;

}


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

@media (max-width:768px){

.dhguidecta-section{

    padding:26px 0;

}

.dhguidecta-panel{

    padding:22px 18px;

}

.dhguidecta-panel h2{

    font-size:1.45rem;

}

.dhguidecta-actions{

    flex-direction:column;

}

.dhguidecta-btn-primary,

.dhguidecta-btn-secondary{

    width:100%;

}

}


/* ==========================================================
SECTION 22 END
========================================================== */

/* ==========================================================
LIVE NOW BADGE
========================================================== */

.live-now-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:4px 10px;

    margin-left:14px;

    background:#EAF8EE;

    color:#148C3B;

    border:1px solid #BFE7C9;

    border-radius:30px;

    font-size:10px;

    font-weight:700;

    flex-shrink:0;

}