:root{
--brand:#ff0000;      /* emerald */
--brand-2:#ff6b2c;    /* orange  */
--ink:#0f1323;
--border:#e6e8ee;
--fontpx:#000000;

--green:#28a34b;
--yellow:#f0b61a;
--blue:#4d76bb;
--red:#e6402d;

}

.hiw-icon-green {
    background: var(--green);
}
.hiw-icon-yellow {
     background: var(--yellow);
}
.hiw-icon-blue{
     background: var(--blue);
}
.hiw-icon-red{
     background: var(--red);
}

/* tabs */

.tabs-bottom{
    padding-bottom: 50px;
}
.service-tabs .nav-link{
border:1px solid var(--border); border-radius:14px; color:var(--ink);
padding:.55rem 1rem; background:#fff;
}
.service-tabs .nav-link i{ font-size:2rem; margin-right:.35rem; }
.service-tabs .nav-link.active{
background:linear-gradient(90deg,var(--brand),var(--brand-2));;
border-color:#dbe3ea;
}
.tagco{
    color: var(--brand-2);
    font-size: 18px;
}
/* step cards */
.hiw-card{
border:1px solid var(--border); border-radius:1rem; background:#fff;
box-shadow:0 .55rem 1.2rem rgba(255, 0, 0, 0.06);
transition:transform .18s ease, box-shadow .18s ease;
padding: 26px;
}
.hiw-card:hover{ transform:translateY(-4px); box-shadow:0 1rem 2rem rgba(15,19,35,.10); }

/* big gradient icon (NO BLUE) */
.hiw-icon{
width:76px;height:76px;border-radius:16px;display:grid;place-items:center;
color:#fff;font-size:34px;
/* background:linear-gradient(120deg,var(--brand),var(--brand-2)); */
box-shadow:0 .6rem 1.2rem rgba(19,88,70,.22);
}

/* number pill (নীল টিন্ট বাদ) */
.hiw-num{
display:inline-block;font-weight:700;font-size:.95rem;margin-bottom:.15rem;margin-left:.1rem;
padding:.35rem .6rem;border-radius:999px;color:var(--ink);
/* ⬇️ ছিল: background:#e9f0ff; border:#dbe3fb */
background:#eaf6f2; border:1px solid #d6efe6;
}

/* connector line (md+) */
@media (min-width:768px){
.hiw-steps::before{
content:"";position:absolute;left:12px;right:12px;top:42px;height:2px;
background:linear-gradient(90deg,#eef1f5,#e6e8ee);z-index:0;
}
.hiw-icon{position:relative;z-index:1;}
}
.titlepxh2 {
    color: var(--fontpx);
}
/* Spacing helper */
.py-6{ padding-block: min(12vh, 6rem); }


.parallax-print{
position:relative; isolation:isolate;
--photo:url("../imgs/next_step_bg.png");
--dots:radial-gradient(rgba(15,19,35,.06) 1px, transparent 1.6px);
background-image:var(--photo), var(--dots);
background-size:cover, 12px 12px;
background-position:center calc(50% + var(--pY, 0px)), 0 0;
background-repeat:no-repeat, repeat;
border-top:1px solid var(--border); border-bottom:1px solid var(--border);
}

/* Soft overlays */
.parallax-print::before{
content:""; position:absolute; inset:0; z-index:-1;
background:
radial-gradient(1200px 600px at 15% 10%, rgba(255,255,255,.85), transparent 60%),
linear-gradient(180deg, rgba(255,255,255,.65) 0%, rgba(247,250,252,.9) 70%);
}
.parallax-print::after{
content:""; position:absolute; left:0; right:0; bottom:0; height:8px; z-index:-1;
background:linear-gradient(90deg,#00bdd6,#e91e63,#ffcc00,#111);
opacity:.75; mix-blend:multiply;
}

/* Desktop fallback parallax */
@media (min-width:992px){ .parallax-print{ background-attachment:fixed; } }

/* Cards on light imagery */
.parallax-print .card{
background:#fff; border:1px solid var(--border); border-radius:1rem;
box-shadow:0 .55rem 1.2rem rgba(15,19,35,.06);
}

/* Optional: glass heading */
.parallax-print .glass{
background:rgba(255,255,255,.78); backdrop-filter:blur(8px);
border:1px solid var(--border); border-radius:1rem; padding:1rem 1.25rem;
}
/* UP btn */
.back-to-top{
position: fixed;
display: none;                 /* শুরুতে লুকানো */
background:#ce0058;
color:#fff;
width:44px; height:44px;
text-align:center;
line-height:44px;              /* আইকনকে ভর্তুকি */
font-size:16px;
border-radius:50%;
right:28px; bottom:88px;
transition:opacity .2s ease, transform .2s ease, background .3s ease;
z-index:1000;
opacity:0; transform: translateY(6px);
}
.back-to-top:hover{ background:#b3004e; }
.back-to-top:focus{ outline:2px solid #fff; outline-offset:2px; }

/* visible state */
.back-to-top.show{
display:block;
opacity:1;
transform: translateY(0);
}

.back-to-top i {
    padding-top: 12px;
    color: #fff;
}

.mtss{ margin-top: 30px; font-size: 18px;}
.mtss i{ font-size: 22px; color: #28a34b; font-weight: bold;}
#topbar {
    background: #343a40;
    padding: 0 0 5px 0;
    font-size: 14px;
    transition: all 0.5s;
}
#topbar .social-links a {
    color: #535074;
    padding: 4px 12px;
    display: inline-block;
    line-height: 1px;
}
#topbar .social-links a:first-child {
    border-left: 0;
}
#topbar .social-links {
    text-align: right;
}
.logincolor {
    color: #eeb51d !important;
}

.phone_iconset i, .social-links i {
    margin-right: 10px;
}