*{margin:0;padding:0;box-sizing:border-box}

:root{
--bg:#050607;
--card:#101316;
--card2:#15191d;
--red:#ff294d;
--red2:#e7193d;
--white:#fff;
--muted:#969ba2;
--border:rgba(255,255,255,.09)
}

html{scroll-behavior:smooth}

body{
background:var(--bg);
color:#eee;
font-family:Inter,Arial,Helvetica,sans-serif;
line-height:1.6
}

a{text-decoration:none;color:inherit}
button,select{font:inherit}

.header{
height:76px;
background:#050505;
border-bottom:1px solid var(--border);
position:relative;
z-index:20
}

.header-inner{
max-width:1400px;
height:100%;
margin:auto;
padding:0 32px;
display:flex;
align-items:center;
gap:30px
}

.logo{
min-width:235px;
display:flex;
flex-wrap:wrap;
line-height:1
}

.logo strong{
font-size:25px;
font-weight:800;
color:white
}

.logo strong span,
.footer-logo span{
color:var(--red)
}

.logo small{
width:100%;
margin-top:6px;
font-size:10px;
color:#999
}

.nav{
flex:1;
display:flex;
justify-content:center;
align-items:center;
gap:27px
}

.nav a{
font-size:14px;
font-weight:600;
color:#ddd;
position:relative
}

.nav a:hover,
.nav a.active{color:var(--red)}

.nav a.active:after{
content:"";
position:absolute;
left:0;
right:0;
bottom:-27px;
height:2px;
background:var(--red)
}

.header-actions{
display:flex;
gap:12px
}

.login-btn{
padding:10px 19px;
border:1px solid var(--border);
border-radius:8px;
font-size:13px
}

.post-btn,.cta-btn{
background:var(--red);
padding:12px 22px;
border-radius:8px;
font-weight:800;
font-size:13px
}

.menu-btn{
display:none;
background:none;
border:0;
color:white;
font-size:25px
}


/* HERO */

.hero{
min-height:550px;
position:relative;
background:
radial-gradient(circle at 78% 30%,rgba(255,41,77,.32),transparent 30%),
linear-gradient(110deg,#030304 0%,#0a080b 48%,#330817 100%);
overflow:visible
}

.hero:after{
content:"";
position:absolute;
inset:auto 0 0;
height:170px;
background:
linear-gradient(transparent,rgba(0,0,0,.75));
pointer-events:none
}

.hero-content{
max-width:1400px;
min-height:480px;
margin:auto;
padding:75px 48px 130px;
display:flex;
position:relative;
z-index:2
}

.hero-copy{width:55%}

.eyebrow,.label{
color:var(--red);
font-size:12px;
font-weight:800;
letter-spacing:1.6px
}

.hero h1{
max-width:650px;
font-size:64px;
line-height:1.03;
letter-spacing:-2px;
margin:20px 0
}

.hero h1 span{
display:block;
color:var(--red)
}

.hero p{
max-width:620px;
font-size:16px;
color:#ccc
}

.hero-trust{
display:flex;
gap:25px;
margin-top:35px
}

.hero-trust>div{
display:flex;
align-items:center;
gap:10px;
padding-right:25px;
border-right:1px solid rgba(255,255,255,.2)
}

.hero-trust>div:last-child{border:0}

.hero-trust b{
font-size:24px;
color:var(--red)
}

.hero-trust span{
font-size:11px;
color:#999;
display:flex;
flex-direction:column
}

.hero-trust strong{color:white}

.hero-visual{
position:absolute;
right:4%;
top:35px;
width:47%;
height:430px;
overflow:hidden
}

.visual-glow{
position:absolute;
width:480px;
height:480px;
right:0;
top:-40px;
border-radius:50%;
background:radial-gradient(circle,rgba(255,41,77,.35),transparent 65%);
filter:blur(15px)
}

.visual-person{
position:absolute;
right:10%;
bottom:-40px;
width:310px;
height:410px;
filter:drop-shadow(0 15px 30px #000)
}

.person-head{
width:115px;
height:130px;
margin:auto;
border-radius:50% 50% 45% 45%;
background:linear-gradient(135deg,#d19b7d,#754b3d);
position:relative;
z-index:2
}

.person-head:before{
content:"";
position:absolute;
width:120px;
height:65px;
left:-3px;
top:-15px;
border-radius:60% 60% 20% 20%;
background:#17191c
}

.person-body{
width:280px;
height:310px;
margin:-5px auto 0;
border-radius:100px 100px 20px 20px;
background:
linear-gradient(115deg,#151619,#303238 55%,#0d0e10)
}

.search-wrap{
position:absolute;
left:50%;
bottom:-62px;
transform:translateX(-50%);
width:min(1250px,calc(100% - 50px));
z-index:8
}

.search-card{
background:rgba(17,20,23,.97);
border:1px solid rgba(255,255,255,.12);
border-radius:11px;
padding:22px;
display:grid;
grid-template-columns:1fr 1fr 1fr 250px;
gap:15px;
box-shadow:0 20px 50px rgba(0,0,0,.5)
}

.field label{
display:block;
font-size:12px;
font-weight:700;
margin-bottom:7px;
color:#fff
}

.select-wrap{
height:50px;
display:flex;
align-items:center;
gap:10px;
padding:0 14px;
border:1px solid rgba(255,255,255,.11);
border-radius:8px;
background:#191c20
}

.select-wrap span{color:var(--red)}

.select-wrap select{
width:100%;
background:transparent;
border:0;
outline:0;
color:#eee
}

.select-wrap option{color:#111}

.search-btn{
align-self:end;
height:50px;
border:0;
border-radius:8px;
background:linear-gradient(135deg,var(--red),var(--red2));
color:white;
font-weight:800;
cursor:pointer
}


/* STATS */

.stats{
max-width:1300px;
margin:100px auto 0;
display:grid;
grid-template-columns:repeat(4,1fr);
background:#0d1013;
border:1px solid var(--border);
border-radius:10px;
overflow:hidden
}

.stat{
padding:28px;
display:flex;
align-items:center;
gap:17px;
border-right:1px solid var(--border)
}

.stat:last-child{border:0}

.stat-icon{
font-size:30px;
color:var(--red)
}

.stat strong{
display:block;
font-size:25px;
color:white
}

.stat small{
color:#888;
font-size:12px
}


/* SECTION */

.section{
max-width:1400px;
margin:auto;
padding:80px 32px
}

.section-head{
display:flex;
align-items:end;
justify-content:space-between;
margin-bottom:30px
}

.section-head h2{
font-size:30px;
margin-top:4px
}

.section-head>a{
color:var(--red);
font-size:13px;
font-weight:700
}


/* CATEGORIES */

.categories{
display:grid;
grid-template-columns:repeat(8,1fr);
gap:12px
}

.category{
min-height:105px;
padding:17px 8px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
background:#0e1114;
border:1px solid var(--border);
border-radius:9px;
transition:.25s
}

.category:hover{
transform:translateY(-4px);
border-color:rgba(255,41,77,.5)
}

.category b{
font-size:27px;
color:var(--red);
margin-bottom:8px
}

.category span{
font-size:11px;
font-weight:700;
line-height:1.35
}


/* PROFILES */

.profiles{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:15px
}

.profile{
background:#111417;
border:1px solid var(--border);
border-radius:9px;
overflow:hidden;
transition:.25s
}

.profile:hover{
transform:translateY(-5px);
border-color:rgba(255,41,77,.5)
}

.profile-photo{
height:300px;
position:relative;
overflow:hidden
}

.profile-photo:after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(180deg,transparent 45%,rgba(0,0,0,.75))
}

.photo1{background:linear-gradient(135deg,#343b42,#141517 55%,#56303a)}
.photo2{background:linear-gradient(135deg,#77736c,#202224 55%,#3c141e)}
.photo3{background:linear-gradient(135deg,#92745f,#28211e 55%,#471c29)}
.photo4{background:linear-gradient(135deg,#4d5660,#161719 55%,#65202f)}
.photo5{background:linear-gradient(135deg,#6e4d3f,#211a19 55%,#471827)}
.photo6{background:linear-gradient(135deg,#32383f,#111214 55%,#4d1828)}

.profile-photo>span{
position:absolute;
top:11px;
left:10px;
z-index:3;
padding:4px 8px;
background:#20b968;
border-radius:5px;
font-size:8px;
font-weight:800
}

.profile-photo button{
position:absolute;
right:10px;
top:10px;
z-index:3;
width:32px;
height:32px;
border-radius:50%;
border:1px solid rgba(255,255,255,.35);
background:rgba(0,0,0,.45);
color:white;
font-size:20px;
cursor:pointer
}

.profile-info{padding:14px}

.profile-info h3{
font-size:15px
}

.profile-info h3 small{
font-size:12px;
color:#999;
font-weight:400
}

.profile-info>p{
color:#888;
font-size:11px;
margin:4px 0 13px
}

.profile-info>div{
display:flex;
justify-content:space-between
}

.profile-info strong{
color:var(--red);
font-size:13px
}

.profile-info strong small{
color:#888;
font-weight:400
}

.profile-info em{
font-style:normal;
color:#ffc107;
font-size:11px
}


/* HOW */

.how{
background:#0b0e10;
border-top:1px solid var(--border);
border-bottom:1px solid var(--border)
}

.how-inner{
max-width:1100px;
margin:auto;
padding:80px 30px;
text-align:center
}

.how h2{
font-size:35px;
margin-top:5px
}

.how-inner>p{
max-width:650px;
margin:10px auto 45px;
color:#888
}

.steps{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px
}

.step{
position:relative;
padding:30px;
background:#111417;
border:1px solid var(--border);
border-radius:10px
}

.step>b{
position:absolute;
top:14px;
right:18px;
font-size:11px;
color:#444
}

.step i{
width:55px;
height:55px;
display:grid;
place-items:center;
margin:auto;
border-radius:50%;
border:1px solid rgba(255,41,77,.35);
color:var(--red);
font-size:23px;
font-style:normal
}

.step h3{margin-top:17px}
.step p{margin-top:7px;color:#888;font-size:13px}


/* CTA */

.cta{
max-width:1300px;
margin:70px auto;
padding:45px;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
border:1px solid rgba(255,41,77,.25);
border-radius:12px;
background:
radial-gradient(circle at 80%,rgba(255,41,77,.16),transparent 40%),
#111417
}

.cta span{
font-size:11px;
font-weight:800;
letter-spacing:1px;
color:var(--red)
}

.cta h2{
font-size:30px;
margin:6px 0
}

.cta p{color:#888}


/* FOOTER */

footer{
background:#08090a;
border-top:1px solid var(--border)
}

.footer-inner{
max-width:1300px;
margin:auto;
padding:60px 30px;
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr;
gap:50px
}

.footer-logo{
font-size:26px;
font-weight:800
}

.footer-inner p{
max-width:330px;
margin-top:15px;
color:#777;
font-size:13px
}

.footer-inner h3{
font-size:15px;
margin-bottom:12px
}

.footer-inner>div>a:not(.footer-logo){
display:block;
color:#777;
font-size:13px;
margin:7px 0
}

.footer-inner>div>a:hover{color:var(--red)}

.copyright{
border-top:1px solid var(--border);
padding:20px;
text-align:center;
font-size:12px;
color:#555
}


/* RESPONSIVE */

@media(max-width:1100px){

.nav{gap:15px}

.categories{
grid-template-columns:repeat(4,1fr)
}

.profiles{
grid-template-columns:repeat(3,1fr)
}

.search-card{
grid-template-columns:repeat(2,1fr)
}

.search-btn{
grid-column:span 2
}

}

@media(max-width:800px){

.header-inner{padding:0 18px}

.nav,.header-actions{display:none}

.menu-btn{
display:block;
margin-left:auto
}

.hero-content{
padding:60px 22px 170px;
min-height:550px
}

.hero-copy{width:100%}

.hero h1{font-size:44px}

.hero-visual{opacity:.3;width:80%}

.search-wrap{
width:calc(100% - 30px);
bottom:-145px
}

.search-card{
grid-template-columns:1fr
}

.search-btn{grid-column:auto}

.stats{
margin:185px 15px 0;
grid-template-columns:1fr 1fr
}

.categories{
grid-template-columns:repeat(2,1fr)
}

.profiles{
grid-template-columns:repeat(2,1fr)
}

.steps{
grid-template-columns:1fr
}

.cta{
margin:40px 20px;
flex-direction:column;
align-items:flex-start
}

.footer-inner{
grid-template-columns:1fr 1fr
}

}

@media(max-width:500px){

.hero h1{font-size:37px}

.hero-trust{
flex-wrap:wrap;
gap:15px
}

.stats{
grid-template-columns:1fr
}

.stat{
border-right:0;
border-bottom:1px solid var(--border)
}

.profiles{
grid-template-columns:1fr
}

.profile-photo{height:340px}

.footer-inner{
grid-template-columns:1fr
}

.section{
padding:60px 18px
}

}


/* =========================================================
   PREMIUM CUSTOM DARK DROPDOWNS
   ========================================================= */

.select-wrap{
    position:relative;
    z-index:10;
}

.select-wrap > select{
    display:none !important;
}

.custom-select{
    position:relative;
    width:100%;
}

.custom-select-trigger{
    width:100%;
    height:50px;
    padding:0 38px 0 4px;
    display:flex;
    align-items:center;
    background:transparent;
    border:0;
    outline:0;
    color:#f7f7f7;
    font-size:15px;
    text-align:left;
    cursor:pointer;
    position:relative;
}

.custom-select-trigger:after{
    content:"⌄";
    position:absolute;
    right:5px;
    top:50%;
    transform:translateY(-55%);
    color:#aaa;
    font-size:18px;
    transition:.2s ease;
}

.custom-select.open .custom-select-trigger:after{
    transform:translateY(-45%) rotate(180deg);
    color:#ff294d;
}

.custom-select-trigger:hover{
    color:#fff;
}

.custom-select-menu{
    position:absolute;
    left:-14px;
    right:-14px;
    top:57px;
    max-height:300px;
    overflow-y:auto;
    padding:7px;
    background:#111417;
    border:1px solid rgba(255,41,77,.35);
    border-radius:10px;
    box-shadow:
        0 18px 45px rgba(0,0,0,.65),
        0 0 0 1px rgba(255,255,255,.03);
    opacity:0;
    visibility:hidden;
    transform:translateY(-6px);
    transition:
        opacity .18s ease,
        transform .18s ease,
        visibility .18s ease;
    z-index:99999;
}

.custom-select.open .custom-select-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.custom-select-option{
    width:100%;
    padding:10px 12px;
    border-radius:7px;
    color:#d9d9d9;
    background:transparent;
    font-size:13px;
    line-height:1.35;
    cursor:pointer;
    transition:.15s ease;
}

.custom-select-option:hover{
    background:rgba(255,41,77,.12);
    color:#fff;
}

.custom-select-option.selected{
    background:linear-gradient(
        90deg,
        rgba(255,41,77,.20),
        rgba(255,41,77,.08)
    );
    color:#ff4b68;
    font-weight:700;
}

.custom-select-menu::-webkit-scrollbar{
    width:6px;
}

.custom-select-menu::-webkit-scrollbar-track{
    background:#0b0d0f;
    border-radius:10px;
}

.custom-select-menu::-webkit-scrollbar-thumb{
    background:#3b2027;
    border-radius:10px;
}

.custom-select-menu::-webkit-scrollbar-thumb:hover{
    background:#ff294d;
}


/* Keep the search card above the stats */
.search-card{
    position:relative;
    z-index:20;
}

.search-wrap{
    z-index:30;
}


/* Mobile dropdown */
@media(max-width:800px){

    .custom-select-menu{
        max-height:260px;
        left:-10px;
        right:-10px;
    }

}


/* =========================================================
   REMOVE OLD NATIVE SELECT - KEEP CUSTOM DROPDOWN ONLY
   ========================================================= */

.custom-select select,
.custom-select > select,
.custom-select-trigger + select,
.search-card .custom-select select{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    pointer-events:none !important;
}


/* Make sure custom dropdown stays visible */
.custom-select{
    display:block !important;
    position:relative;
    width:100%;
}

.custom-select-trigger{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
}

.custom-select-menu{
    display:block;
}

.custom-select:not(.open) .custom-select-menu{
    display:none;
}

.custom-select.open .custom-select-menu{
    display:block;
}

/* =========================================================
   HIRECALLBOY FAQ - PREMIUM DARK UI
   ========================================================= */

.hc-faq-section{
    width:100%;
    padding:90px 20px 100px;
    background:#08090b;
    color:#fff;
    position:relative;
    overflow:hidden;
}

.hc-faq-section::before{
    content:"";
    position:absolute;
    width:650px;
    height:650px;
    top:0;
    left:50%;
    transform:translateX(-50%);
    background:radial-gradient(
        circle,
        rgba(255,20,70,.10) 0%,
        rgba(255,20,70,0) 68%
    );
    pointer-events:none;
}

.hc-faq-container{
    width:min(1080px,100%);
    margin:0 auto;
    position:relative;
    z-index:2;
}

.hc-faq-heading{
    text-align:center;
    margin-bottom:42px;
}

.hc-faq-eyebrow{
    display:inline-block;
    margin-bottom:14px;
    color:#ff174f;
    font-size:13px;
    font-weight:800;
    letter-spacing:1.7px;
}

.hc-faq-heading h2{
    margin:0;
    color:#fff;
    font-size:42px;
    line-height:1.15;
    font-weight:800;
}

.hc-faq-heading h2 span{
    color:#ff174f;
}

.hc-faq-heading p{
    max-width:760px;
    margin:16px auto 0;
    color:#92969f;
    font-size:16px;
    line-height:1.7;
}

.hc-language-switch{
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin-top:25px;
    padding:5px;
    background:#111419;
    border:1px solid #292d34;
    border-radius:12px;
}

.hc-lang-btn{
    border:1px solid transparent;
    border-radius:8px;
    padding:10px 23px;
    background:transparent;
    color:#aeb3bb;
    font:inherit;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    transition:all .2s ease;
}

.hc-lang-btn:hover{
    color:#fff;
    border-color:#ff174f;
}

.hc-lang-btn.active{
    background:#ff174f;
    color:#fff;
    border-color:#ff174f;
    box-shadow:0 8px 24px rgba(255,23,79,.22);
}

.hc-faq-list{
    display:grid;
    gap:13px;
}

.hc-faq-item{
    border:1px solid #252a31;
    border-radius:12px;
    background:#101216;
    overflow:hidden;
    transition:
        border-color .2s ease,
        background .2s ease,
        transform .2s ease;
}

.hc-faq-item:hover{
    border-color:rgba(255,23,79,.55);
    background:#12151a;
}

.hc-faq-item[open]{
    border-color:rgba(255,23,79,.65);
    background:#111419;
}

.hc-faq-item summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:21px 24px;
    cursor:pointer;
    list-style:none;
    color:#f5f5f6;
    font-size:16px;
    font-weight:700;
}

.hc-faq-item summary::-webkit-details-marker{
    display:none;
}

.hc-faq-item summary b{
    flex:0 0 30px;
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #3a3e46;
    border-radius:50%;
    background:#171a1f;
    color:#ff174f;
    font-size:20px;
    font-weight:400;
    line-height:1;
    transition:all .2s ease;
}

.hc-faq-item[open] summary b{
    transform:rotate(45deg);
    border-color:#ff174f;
    background:#ff174f;
    color:#fff;
}

.hc-faq-answer{
    padding:0 24px 22px;
    border-top:1px solid #22262d;
}

.hc-faq-answer p{
    margin:17px 0 0;
    color:#989da6;
    font-size:15px;
    line-height:1.8;
}

.hc-faq-hi[hidden],
.hc-faq-en[hidden]{
    display:none;
}

@media(max-width:700px){

    .hc-faq-section{
        padding:65px 16px 75px;
    }

    .hc-faq-heading h2{
        font-size:32px;
    }

    .hc-faq-heading p{
        font-size:14px;
    }

    .hc-faq-item summary{
        padding:18px;
        font-size:15px;
    }

    .hc-faq-answer{
        padding:0 18px 19px;
    }

    .hc-faq-answer p{
        font-size:14px;
        line-height:1.7;
    }

    .hc-lang-btn{
        padding:9px 17px;
    }

}

/* =========================================================
   HIRECALLBOY REVIEWS - PREMIUM DARK UI
   ========================================================= */

.hc-reviews-section{
    width:100%;
    padding:90px 20px;
    background:#08090b;
    color:#fff;
    position:relative;
    overflow:hidden;
}

.hc-reviews-section::before{
    content:"";
    position:absolute;
    width:650px;
    height:500px;
    left:50%;
    top:0;
    transform:translateX(-50%);
    background:radial-gradient(
        circle,
        rgba(255,23,79,.09) 0%,
        rgba(255,23,79,0) 70%
    );
    pointer-events:none;
}

.hc-reviews-container{
    width:min(1180px,100%);
    margin:0 auto;
    position:relative;
    z-index:2;
}

.hc-reviews-heading{
    text-align:center;
    margin-bottom:45px;
}

.hc-reviews-eyebrow{
    color:#ff174f;
    font-size:13px;
    font-weight:800;
    letter-spacing:1.8px;
    margin-bottom:14px;
}

.hc-reviews-heading h2{
    margin:0;
    color:#fff;
    font-size:42px;
    line-height:1.15;
    font-weight:800;
}

.hc-reviews-heading h2 span{
    color:#ff174f;
}

.hc-reviews-heading p{
    max-width:760px;
    margin:16px auto 0;
    color:#92969f;
    font-size:16px;
    line-height:1.7;
}

.hc-review-language-switch{
    display:inline-flex;
    gap:5px;
    margin-top:25px;
    padding:5px;
    background:#111419;
    border:1px solid #292d34;
    border-radius:12px;
}

.hc-review-lang-btn{
    border:1px solid transparent;
    border-radius:8px;
    padding:10px 23px;
    background:transparent;
    color:#aeb3bb;
    font:inherit;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    transition:all .2s ease;
}

.hc-review-lang-btn:hover{
    color:#fff;
    border-color:#ff174f;
}

.hc-review-lang-btn.active{
    background:#ff174f;
    color:#fff;
    border-color:#ff174f;
    box-shadow:0 8px 24px rgba(255,23,79,.22);
}

.hc-reviews-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.hc-review-card{
    position:relative;
    min-height:285px;
    padding:27px;
    background:#101216;
    border:1px solid #252a31;
    border-radius:14px;
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.hc-review-card:hover{
    transform:translateY(-5px);
    border-color:rgba(255,23,79,.60);
    box-shadow:0 18px 45px rgba(0,0,0,.30);
}

.hc-review-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
}

.hc-stars{
    color:#ff174f;
    font-size:17px;
    letter-spacing:2px;
}

.hc-review-number{
    color:#4e535c;
    font-size:13px;
    font-weight:700;
}

.hc-review-card h3{
    margin:0 0 13px;
    color:#fff;
    font-size:19px;
    line-height:1.35;
}

.hc-review-card p{
    margin:0;
    color:#999ea7;
    font-size:14px;
    line-height:1.75;
}

.hc-review-footer{
    display:flex;
    align-items:center;
    gap:11px;
    margin-top:24px;
    padding-top:18px;
    border-top:1px solid #24282f;
}

.hc-review-avatar{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(
        135deg,
        #ff174f,
        #c50038
    );
    color:#fff;
    font-weight:800;
}

.hc-review-footer strong{
    display:block;
    color:#e8e9eb;
    font-size:13px;
}

.hc-review-footer small{
    display:block;
    margin-top:3px;
    color:#666b74;
    font-size:11px;
}

.hc-reviews-hi[hidden],
.hc-reviews-en[hidden]{
    display:none;
}

@media(max-width:900px){

    .hc-reviews-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:600px){

    .hc-reviews-section{
        padding:65px 16px 75px;
    }

    .hc-reviews-heading h2{
        font-size:32px;
    }

    .hc-reviews-heading p{
        font-size:14px;
    }

    .hc-reviews-grid{
        grid-template-columns:1fr;
    }

    .hc-review-card{
        min-height:auto;
        padding:23px;
    }

    .hc-review-lang-btn{
        padding:9px 17px;
    }

}

/* HIRECALLBOY SEO ARTICLE CSS START */

.hc-seo-article{
    width:100%;
    padding:135px 20px 82px;
    background:#08090b;
    color:#fff;
    border-top:1px solid rgba(255,255,255,.04);
    border-bottom:1px solid rgba(255,255,255,.04);
    position:relative;
    overflow:hidden;
}

.hc-seo-article::before{
    content:"";
    position:absolute;
    width:650px;
    height:500px;
    left:50%;
    top:-180px;
    transform:translateX(-50%);
    background:radial-gradient(
        circle,
        rgba(255,23,79,.10) 0%,
        rgba(255,23,79,0) 70%
    );
    pointer-events:none;
}

.hc-seo-article-inner{
    width:min(1050px,100%);
    margin:0 auto;
    position:relative;
    z-index:2;
}

.hc-seo-label{
    margin-bottom:14px;
    color:#ff174f;
    font-size:13px;
    font-weight:800;
    letter-spacing:1.8px;
    text-transform:uppercase;
}

.hc-seo-article h2{
    margin:0 0 22px;
    max-width:900px;
    color:#fff;
    font-size:40px;
    line-height:1.18;
    font-weight:800;
}

.hc-seo-article h2 strong{
    color:#ff174f;
}

.hc-seo-article h3{
    margin:34px 0 12px;
    color:#fff;
    font-size:24px;
    line-height:1.35;
    font-weight:800;
}

.hc-seo-article h3 strong{
    color:#ff174f;
}

.hc-seo-article p{
    margin:0 0 18px;
    max-width:1000px;
    color:#a5a9b1;
    font-size:16px;
    line-height:1.85;
}

.hc-seo-article p strong{
    color:#fff;
    font-weight:800;
}

.hc-seo-lead{
    color:#c4c7cd !important;
    font-size:17px !important;
    line-height:1.85 !important;
}

@media(max-width:700px){

    .hc-seo-article{
        padding:58px 18px 65px;
    }

    .hc-seo-article h2{
        font-size:31px;
    }

    .hc-seo-article h3{
        font-size:21px;
        margin-top:30px;
    }

    .hc-seo-article p,
    .hc-seo-lead{
        font-size:15px !important;
        line-height:1.75 !important;
    }

}

/* HIRECALLBOY SEO ARTICLE CSS END */

/* HIRECALLBOY SEO MOBILE POSITION FIX START */

/*
 * On mobile the Hero/search panel extends beyond the normal
 * Hero height. Keep the SEO article below that visual area.
 */

@media (max-width:700px){

    .hc-seo-article{
        position:relative !important;
        z-index:2 !important;
        margin-top:220px !important;
        clear:both !important;
    }

}

@media (max-width:450px){

    .hc-seo-article{
        margin-top:235px !important;
    }

}

/* HIRECALLBOY SEO MOBILE POSITION FIX END */



/* HIRECALLBOY TELEGRAM STICKY */
.hc-telegram-sticky{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:99999;
    display:flex;
    align-items:center;
    gap:10px;
    padding:13px 20px;
    background:#229ED9;
    color:#fff !important;
    text-decoration:none !important;
    border-radius:50px;
    font-size:15px;
    font-weight:800;
    box-shadow:0 8px 25px rgba(0,0,0,.35);
    transition:all .25s ease;
}

.hc-telegram-sticky:hover{
    transform:translateY(-3px);
    background:#168AC0;
    box-shadow:0 12px 30px rgba(34,158,217,.35);
}

.hc-telegram-icon{
    width:25px;
    height:25px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#229ED9;
    font-size:15px;
    font-weight:900;
}

@media(max-width:600px){
    .hc-telegram-sticky{
        right:15px;
        bottom:75px;
        padding:12px 17px;
        font-size:14px;
    }
}



/* HIRECALLBOY INDIA STATES CSS START */

.hc-states-section{
    width:100%;
    padding:95px 20px 105px;
    background:
        radial-gradient(
            circle at 15% 10%,
            rgba(255,20,75,.10),
            transparent 30%
        ),
        #050507;
    color:#fff;
    border-top:1px solid rgba(255,255,255,.06);
}

.hc-states-container{
    max-width:1320px;
    margin:0 auto;
}

.hc-states-heading{
    max-width:850px;
    margin:0 auto 55px;
    text-align:center;
}

.hc-states-eyebrow{
    display:inline-block;
    margin-bottom:16px;
    color:#ff2450;
    font-size:13px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
}

.hc-states-heading h2{
    margin:0 0 18px;
    color:#fff;
    font-size:42px;
    line-height:1.12;
    font-weight:800;
}

.hc-states-heading h2 span{
    color:#ff2450;
}

.hc-states-heading p{
    margin:0 auto;
    max-width:780px;
    color:#a9adb7;
    font-size:17px;
    line-height:1.75;
}

.hc-states-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:18px;
}

.hc-state-card{
    position:relative;
    min-height:285px;
    padding:27px 25px 24px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.018)
        );
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    overflow:hidden;
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.hc-state-card::before{
    content:"";
    position:absolute;
    width:130px;
    height:130px;
    top:-70px;
    right:-60px;
    border-radius:50%;
    background:rgba(255,20,75,.12);
    filter:blur(3px);
}

.hc-state-card:hover{
    transform:translateY(-5px);
    border-color:rgba(255,36,80,.55);
    box-shadow:0 18px 45px rgba(0,0,0,.35);
}

.hc-state-icon{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    color:#ff2450;
    border:1px solid rgba(255,36,80,.40);
    border-radius:12px;
    background:rgba(255,36,80,.08);
    font-size:22px;
}

.hc-state-card h3{
    position:relative;
    margin:0 0 12px;
    color:#fff;
    font-size:22px;
    line-height:1.25;
    font-weight:800;
}

.hc-state-card p{
    position:relative;
    margin:0 0 19px;
    color:#9ea3ad;
    font-size:14px;
    line-height:1.7;
}

.hc-state-card a{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#ff2450;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
}

.hc-state-card a:hover{
    color:#fff;
}

@media(max-width:1100px){

    .hc-states-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

}

@media(max-width:800px){

    .hc-states-section{
        padding:70px 18px 80px;
    }

    .hc-states-heading h2{
        font-size:34px;
    }

    .hc-states-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:15px;
    }

    .hc-state-card{
        min-height:0;
    }

}

@media(max-width:520px){

    .hc-states-section{
        padding:55px 15px 65px;
    }

    .hc-states-heading{
        margin-bottom:35px;
    }

    .hc-states-heading h2{
        font-size:29px;
    }

    .hc-states-heading p{
        font-size:15px;
    }

    .hc-states-grid{
        grid-template-columns:1fr;
    }

    .hc-state-card{
        padding:23px 21px;
    }

}

/* HIRECALLBOY INDIA STATES CSS END */



/* HIRECALLBOY STATES FINAL CSS START */

.hc-final-india-states{
    width:100%;
    padding:100px 20px 110px;
    background:
        radial-gradient(
            circle at 10% 5%,
            rgba(255,35,80,.10),
            transparent 30%
        ),
        #07090b;
    color:#fff;
}

.hc-final-india-inner{
    width:min(1320px,100%);
    margin:0 auto;
}

.hc-final-india-heading{
    max-width:820px;
    margin:0 auto 55px;
    text-align:center;
}

.hc-final-india-heading > span{
    display:inline-block;
    margin-bottom:14px;
    color:#ff2450;
    font-size:12px;
    font-weight:900;
    letter-spacing:2px;
}

.hc-final-india-heading h2{
    margin:0 0 18px;
    color:#fff;
    font-size:clamp(34px,4vw,54px);
    line-height:1.08;
    font-weight:900;
}

.hc-final-india-heading h2 b{
    color:#ff2450;
}

.hc-final-india-heading p{
    max-width:760px;
    margin:0 auto;
    color:#9ca3ad;
    font-size:16px;
    line-height:1.8;
}

.hc-final-states-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.hc-final-state-card{
    min-width:0;
    min-height:335px;
    display:flex;
    flex-direction:column;
    padding:26px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:18px;
    background:
        linear-gradient(
            145deg,
            #14171b 0%,
            #0b0d10 100%
        );
    box-shadow:0 18px 50px rgba(0,0,0,.28);
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.hc-final-state-card:hover{
    transform:translateY(-5px);
    border-color:rgba(255,36,80,.55);
    box-shadow:0 25px 60px rgba(0,0,0,.42);
}

.hc-final-state-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:23px;
}

.hc-final-state-badge{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:42px;
    border:1px solid rgba(255,36,80,.35);
    border-radius:11px;
    background:rgba(255,36,80,.08);
    color:#ff2450;
    font-size:10px;
    font-weight:900;
    letter-spacing:1px;
}

.hc-final-language-switch{
    display:flex;
    align-items:center;
    gap:3px;
    padding:3px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:9px;
    background:#080a0d;
}

.hc-final-lang{
    min-height:34px;
    padding:6px 10px;
    border:0;
    border-radius:7px;
    background:transparent;
    color:#858c96;
    font-family:inherit;
    font-size:11px;
    font-weight:800;
    cursor:pointer;
}

.hc-final-lang:hover{
    color:#fff;
}

.hc-final-lang.active{
    background:#ff2450;
    color:#fff;
}

.hc-final-state-card h3{
    margin:0 0 15px;
    font-size:24px;
    line-height:1.2;
    font-weight:900;
}

.hc-final-state-card h3 a{
    color:#fff;
    text-decoration:none;
}

.hc-final-state-card h3 a:hover{
    color:#ff2450;
}

.hc-final-text{
    flex:1;
}

.hc-final-text p{
    margin:0 0 16px;
    color:#9ca3ad;
    font-size:14px;
    line-height:1.75;
}

.hc-final-text strong{
    color:#fff;
    font-size:12px;
    font-weight:800;
}

.hc-final-explore{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:24px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#ff2450;
    text-decoration:none;
    font-size:13px;
    font-weight:850;
}

.hc-final-explore span{
    font-size:19px;
    transition:transform .2s ease;
}

.hc-final-explore:hover{
    color:#fff;
}

.hc-final-explore:hover span{
    transform:translateX(5px);
}

@media(max-width:1050px){

    .hc-final-states-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:650px){

    .hc-final-india-states{
        padding:70px 15px 80px;
    }

    .hc-final-india-heading{
        margin-bottom:35px;
    }

    .hc-final-india-heading h2{
        font-size:34px;
    }

    .hc-final-india-heading p{
        font-size:14px;
    }

    .hc-final-states-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .hc-final-state-card{
        min-height:0;
        padding:21px;
        border-radius:15px;
    }

    .hc-final-state-card h3{
        font-size:22px;
    }

}

/* HIRECALLBOY STATES FINAL CSS END */



/* HIRECALLBOY CAPITALS FINAL CSS START */

.hc-capitals-section{
    width:100%;
    padding:100px 20px 110px;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(255,36,80,.11),
            transparent 32%
        ),
        #07090b;
    color:#fff;
}

.hc-capitals-inner{
    width:min(1320px,100%);
    margin:0 auto;
}

.hc-capitals-heading{
    max-width:820px;
    margin:0 auto 55px;
    text-align:center;
}

.hc-capitals-heading > span{
    display:inline-block;
    margin-bottom:14px;
    color:#ff2450;
    font-size:12px;
    font-weight:900;
    letter-spacing:2px;
}

.hc-capitals-heading h2{
    margin:0 0 18px;
    color:#fff;
    font-size:clamp(34px,4vw,54px);
    line-height:1.08;
    font-weight:900;
}

.hc-capitals-heading h2 b{
    color:#ff2450;
}

.hc-capitals-heading p{
    max-width:760px;
    margin:0 auto;
    color:#9ca3ad;
    font-size:16px;
    line-height:1.8;
}

.hc-capitals-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.hc-capital-card{
    min-width:0;
    min-height:340px;
    display:flex;
    flex-direction:column;
    padding:26px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:18px;
    background:
        linear-gradient(
            145deg,
            #14171b 0%,
            #0b0d10 100%
        );
    box-shadow:0 18px 50px rgba(0,0,0,.28);
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.hc-capital-card:hover{
    transform:translateY(-5px);
    border-color:rgba(255,36,80,.55);
    box-shadow:0 25px 60px rgba(0,0,0,.42);
}

.hc-capital-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:22px;
}

.hc-capital-badge{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:67px;
    height:42px;
    padding:0 9px;
    border:1px solid rgba(255,36,80,.35);
    border-radius:11px;
    background:rgba(255,36,80,.08);
    color:#ff2450;
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
}

.hc-capital-language{
    display:flex;
    align-items:center;
    gap:3px;
    padding:3px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:9px;
    background:#080a0d;
}

.hc-capital-lang{
    min-height:34px;
    padding:6px 10px;
    border:0;
    border-radius:7px;
    background:transparent;
    color:#858c96;
    font-family:inherit;
    font-size:11px;
    font-weight:800;
    cursor:pointer;
}

.hc-capital-lang:hover{
    color:#fff;
}

.hc-capital-lang.active{
    background:#ff2450;
    color:#fff;
}

.hc-capital-state{
    margin-bottom:8px;
    color:#8e96a1;
    font-size:12px;
    font-weight:700;
}

.hc-capital-card h3{
    margin:0 0 16px;
    font-size:26px;
    line-height:1.2;
    font-weight:900;
}

.hc-capital-card h3 a{
    color:#fff;
    text-decoration:none;
}

.hc-capital-card h3 a:hover{
    color:#ff2450;
}

.hc-capital-content{
    flex:1;
}

.hc-capital-content p{
    margin:0;
    color:#9ca3ad;
    font-size:14px;
    line-height:1.75;
}

.hc-capital-explore{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:24px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#ff2450;
    text-decoration:none;
    font-size:13px;
    font-weight:850;
}

.hc-capital-explore span{
    font-size:19px;
    transition:transform .2s ease;
}

.hc-capital-explore:hover{
    color:#fff;
}

.hc-capital-explore:hover span{
    transform:translateX(5px);
}

@media(max-width:1050px){

    .hc-capitals-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:650px){

    .hc-capitals-section{
        padding:70px 15px 80px;
    }

    .hc-capitals-heading{
        margin-bottom:35px;
    }

    .hc-capitals-heading h2{
        font-size:34px;
    }

    .hc-capitals-heading p{
        font-size:14px;
    }

    .hc-capitals-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .hc-capital-card{
        min-height:0;
        padding:21px;
        border-radius:15px;
    }

    .hc-capital-card h3{
        font-size:23px;
    }

    .hc-capital-lang{
        padding:6px 8px;
        font-size:10px;
    }

}

/* HIRECALLBOY CAPITALS FINAL CSS END */