/* ========================================================================
   style.css
   ByteEdge Online
   ======================================================================== */


/* ========================================================================
   ЁЯОи ржерж┐ржо ржнрзНржпрж╛рж░рж┐ржпрж╝рзЗржмрж▓ (ржкрзБрж░рзЛ рж╕рж╛ржЗржЯрзЗрж░ рж░ржВ, рж╢рзНржпрж╛ржбрзЛ, ржмрж░рзНржбрж╛рж░ ржЗрждрзНржпрж╛ржжрж┐)
   ======================================================================== */
:root{--primary:#ce1a1a;--dark:#111111;--text:#1f2937;--muted:#6b7280;--border:#e9e9e9;--shadow:0 10px 35px rgba(0,0,0,.05);--shadow-hover:0 15px 40px rgba(206,26,26,.15);--radius:24px;}


/* ========================================================================
   ЁЯМН ржЧрзНрж▓рзЛржмрж╛рж▓ рж░рж┐рж╕рзЗржЯ
   ======================================================================== */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:#fcfcfc;color:var(--text);font-family:'Poppins','Hind Siliguri',sans-serif;}
a{text-decoration:none;}
img{display:block;max-width:100%;}


/* ========================================================================
   ЁЯзн ржирзНржпрж╛ржнржмрж╛рж░
   ======================================================================== */
.navbar-wrap{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.05);}
.navbar{
    padding:1px 0 !important;
    min-height:50px;
}
.navbar-brand{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;color:var(--dark)!important;}
.navbar-brand img{height:40px;width:auto;object-fit:contain;}
.nav-link{
    margin:0 4px;
    padding:8px 12px !important;
    font-weight:600;
    color:#111827!important;
}
.nav-link:hover,.nav-link.active{color:#111827!important;}


/* ========================================================================
   ЁЯПа рж╣рж┐рж░рзЛ рж╕рзЗржХрж╢ржи
   ======================================================================== */
.hero{position:relative;display:flex;align-items:center;overflow:hidden;min-height:auto!important;padding-top:0!important;padding-bottom:15px!important;background:linear-gradient(135deg,#eef5ff 0%,#f8fbff 48%,#ffffff 100%);}
.hero-content{position:relative;z-index:2;padding:0!important;}
.hero-content .row{margin-top:0!important;margin-bottom:0!important;}
.hero h1{margin-bottom:12px;font-size:clamp(2rem,4vw,3.8rem);font-weight:800;line-height:1.12;color:#0f172a;}
.hero p{max-width:720px;margin-bottom:0;font-size:1.04rem;line-height:1.8;color:var(--muted);}


/* ========================================================================
   ЁЯП╖я╕П рж╣рж┐рж░рзЛ ржмрзНржпрж╛ржЬ
   ======================================================================== */
.badge-soft{display:inline-block;padding:8px 14px;margin-bottom:12px;border-radius:999px;background:#fee2e2;color:#991b1b;font-size:14px;font-weight:700;}


/* ========================================================================
   ЁЯУК рж╣рж┐рж░рзЛ рж╕рзНржЯрзНржпрж╛ржЯ ржмржХрзНрж╕
   ======================================================================== */
.hero-stat{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border);}
.hero-stat:last-child{padding-bottom:0;border-bottom:0;}
.hero-stat .icon{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:#fff1f2;color:var(--primary);}
.hero-stat strong{display:block;font-size:18px;}
.hero-stat span{font-size:14px;color:var(--muted);}


/* ========================================================================
   ЁЯУД ржЗржиржирж╛рж░ ржкрзЗржЬ ржЯржк ржмрзНржпрж╛ржирж╛рж░
   ======================================================================== */
.single_page_top_section{position:relative;padding:36px 0;background-size:cover!important;background-position:center!important;}
.single_page_top_section::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.82);}
.single_page_top_section .container{position:relative;z-index:2;}


/* ========================================================================
   ЁЯНЮ ржмрзНрж░рзЗржбржХрзНрж░рж╛ржорзНржм
   ======================================================================== */
.breadcrumb.flat{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0;background:transparent;font-weight:600;}
.breadcrumb.flat a{padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:#fff;color:#111827;}
.breadcrumb.flat a.active{border-color:var(--primary);background:var(--primary);color:#fff;}


/* ========================================================================
   ЁЯУж ржкрзНржпрж╛ржХрзЗржЬ рж╕рзЗржХрж╢ржи
   ======================================================================== */
.package_section{padding:18px 0 70px;background:#fff;}


/* ========================================================================
   ЁЯУС ржкрзНржпрж╛ржХрзЗржЬ ржЯрзНржпрж╛ржм
   ======================================================================== */
.package_tab{padding:10px;border:1px solid #efefef;border-radius:50px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.08);}
.package_tab .nav-link{padding:10px 32px;border-radius:50px;font-weight:700;color:#333;transition:.25s ease;}
.package_tab .nav-link.active{background:var(--primary);color:#fff;}

/* ========================================================================
   ЁЯТ│ ржкрзНржпрж╛ржХрзЗржЬ ржХрж╛рж░рзНржб
   ======================================================================== */
.pricing_item{height:100%;padding-bottom:30px;overflow:hidden;text-align:center;background:#fff;border:1px solid #efefef;border-radius:24px;box-shadow:var(--shadow);transition:all .3s ease;}
.pricing_item:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);}
.pricing_item h4{margin-bottom:12px;font-size:22px;font-weight:700;letter-spacing:.3px;color:#fff;}


/* ========================================================================
   ЁЯОи ржкрзНржпрж╛ржХрзЗржЬ рж╣рзЗржбрж╛рж░ (ржЙржкрж░рзЗрж░ рж▓рж╛рж▓ ржбрж┐ржЬрж╛ржЗржи)
   ======================================================================== */
.package_header_wrap{position:relative;padding:30px 0 55px;margin-bottom:25px;overflow:hidden;background:#111;clip-path:polygon(0 0,100% 0,100% 75%,0 100%);}
.package_header_wrap::before{content:"";position:absolute;top:0;left:0;width:100%;height:107%;z-index:1;background:linear-gradient(145deg,#e61f1f,#b31212);clip-path:polygon(0 0,87% 0,106% 100%,0 65%);}
.package_header_wrap h4,.package_header_wrap .box{position:relative;z-index:5;}


/* ========================================================================
   ЁЯЪА рж╕рзНржкрж┐ржб рж░рж┐ржВ ржХржирзНржЯрзЗржЗржирж╛рж░
   ======================================================================== */
.box{position:relative;z-index:3;display:block;min-height:150px;}
.speed-ring{position:relative;width:140px;height:140px;margin:0 auto;}
.speed-ring svg{display:block;width:100%;height:100%;}


/* ========================================================================
   тнХ рж╕рзНржкрж┐ржб рж░рж┐ржВ SVG
   ======================================================================== */
.speed-bg{fill:none;stroke:rgba(255,255,255,.14);stroke-width:8;}
.speed-progress{fill:none;stroke:#fff;stroke-width:8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;stroke-dasharray:0 999;stroke-dashoffset:0;}


/* ========================================================================
   ЁЯУИ рж╕рзНржкрж┐ржб рж░рж┐ржВрзЯрзЗрж░ ржорж╛ржЭрзЗрж░ рж▓рзЗржЦрж╛
   ======================================================================== */
.speed-center{position:absolute;top:50%;left:50%;width:100%;z-index:6;text-align:center;transform:translate(-50%,-50%);}
.speed-value{font-size:42px;font-weight:800;line-height:1;color:#fff;}
.speed-label{margin-top:2px;font-size:13px;font-weight:600;color:#f3f4f6;}


/* ========================================================================
   ЁЯТ░ ржкрзНржпрж╛ржХрзЗржЬ ржорзВрж▓рзНржп
   ======================================================================== */
.price_box{margin-bottom:15px;}
.currency_label{font-size:14px;font-weight:600;color:#444;}
.price{font-size:40px;font-weight:800;line-height:1;color:#111;}


/* ========================================================================
   тЬЕ ржкрзНржпрж╛ржХрзЗржЬ ржлрж┐ржЪрж╛рж░ рж▓рж┐рж╕рзНржЯ
   ======================================================================== */
.feature{margin:20px 0 30px;padding:0 25px;list-style:none;text-align:left;}
.feature li{display:flex;align-items:flex-start;padding:9px 0;font-size:14px;line-height:1.4;color:#444;}
.feature i{margin-top:3px;margin-right:10px;font-size:15px;color:var(--primary);}


/* ========================================================================
   ЁЯФ┤ ржкрзНржпрж╛ржХрзЗржЬ ржмрж╛ржЯржи
   ======================================================================== */
.package_btn{display:inline-block;padding:11px 45px;border-radius:30px;background:var(--primary);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 4px 15px rgba(206,26,26,.25);transition:all .3s ease;}
.package_btn:hover{background:#111;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.25);}


/* ========================================================================
   ЁЯУЮ ржХрж░рзНржкрзЛрж░рзЗржЯ ржпрзЛржЧрж╛ржпрзЛржЧ ржмржХрзНрж╕
   ======================================================================== */
.corporate_alert{display:flex;justify-content:center;margin-top:26px;}
.corporate_alert-content{width:100%;max-width:540px;padding:22px;text-align:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;box-shadow:0 10px 25px rgba(251,146,60,.12);}
.corporate_alert-content h3{margin-bottom:14px;font-size:20px;font-weight:800;color:#9a3412;}
.corporate_alert-content strong{display:block;margin:6px 0;font-size:16px;color:#7c2d12;}


/* ========================================================================
   ЁЯУС ржХржоржи рж╕рзЗржХрж╢ржи ржЯрж╛ржЗржЯрзЗрж▓
   ======================================================================== */
.section-title{text-align:center;margin-bottom:18px;}
.section-title h2{margin-bottom:10px;font-weight:800;color:#0f172a;}
.section-title p{max-width:760px;margin:0 auto;color:var(--muted);}


/* ========================================================================
   ЁЯУЮ ржХрж▓ ржмрзНржпрж╛ржЬ
   ======================================================================== */
.call-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:700;}

/* ========================================================================
   ЁЯУ▒ ржЯрзНржпрж╛ржмрж▓рзЗржЯ рж░рзЗрж╕ржкржирзНрж╕рж┐ржн (тЙд991px)
   ======================================================================== */
@media (max-width:991px){
.hero{min-height:auto;}
.hero-content{padding:56px 0 38px;}
.navbar-brand{font-size:1.2rem;}
.price{font-size:30px;}
.package_tab{border-radius:18px;}
.package_tab .nav-link{padding:10px 18px;}
}


/* ========================================================================
   ЁЯУ▒ ржорзЛржмрж╛ржЗрж▓ рж░рзЗрж╕ржкржирзНрж╕рж┐ржн (тЙд575px)
   ======================================================================== */
@media (max-width:575px){
.feature{padding:0 18px;}
.package_btn{width:100%;padding:11px 28px;}
.speed-ring{width:124px;height:124px;}
.speed-value{font-size:36px;}
}
/* ========================================================================
   ЁЯО┤ ржХржоржи ржХрж╛рж░рзНржб (Contact, About, Mission, Vision)
   ======================================================================== */
.hero-card{height:100%;padding:35px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .3s ease;}
.hero-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.15);}

/*=========================================
    About Card - Premium Red Theme
=========================================*/

.about-card{
    background:#fff;
    border:1px solid #ececec;
    border-top:5px solid #ce1a1a;
    border-radius:20px;
    padding:35px;
    transition:.35s ease;
}

.about-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(206,26,26,.15);
}

/*=========================================
    Section Title
=========================================*/

.about-card .section-title{
    margin-bottom:25px;
}

/*=========================================
    About List
=========================================*/

.about-list{
    margin:0;
    padding:0;
    list-style:none;
}

.about-list li{

    display:flex;
    align-items:flex-start;
    gap:16px;

    margin-bottom:18px;

    padding:16px 18px;

    background:#fff;

    border:1px solid #f2f2f2;

    border-left:5px solid #ce1a1a;

    border-radius:15px;

    transition:all .35s ease;

    box-shadow:0 5px 15px rgba(0,0,0,.05);

}

.about-list li:last-child{
    margin-bottom:0;
}

.about-list li:hover{

    transform:translateX(8px);

    background:#fff7f7;

    border-left-color:#ff4040;

    box-shadow:0 12px 25px rgba(206,26,26,.18);

}

.about-list i{

    width:42px;
    height:42px;
    min-width:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:linear-gradient(135deg,#ce1a1a,#ff4d4d);

    color:#fff;

    font-size:17px;

    transition:.35s ease;

}

.about-list li:hover i{

    transform:rotate(12deg) scale(1.08);

    box-shadow:0 8px 18px rgba(206,26,26,.35);

}

.about-list li{

    font-size:16px;
    font-weight:500;
    color:#333;
    line-height:1.8;

}

.about-list strong{

    color:#ce1a1a;
    font-weight:700;

}

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

@media(max-width:768px){

.about-card{

    padding:25px;

}

.about-list li{

    padding:14px;
    gap:14px;
    font-size:15px;

}

.about-list i{

    width:36px;
    height:36px;
    min-width:36px;

    font-size:15px;

}

}

/*=========================================
    Contact Card
=========================================*/

.contact-card{
    background:#fff;
    border:1px solid #ececec;
    border-top:5px solid #ce1a1a;
    border-radius:20px;
    padding:35px;
}

/*=========================================
    Contact Items
=========================================*/

.contact-item{
    display:flex;
    align-items:center;
    gap:18px;

    padding:18px;
    margin-bottom:18px;

    background:#fff;

    border:1px solid #f1f1f1;
    border-radius:15px;

    transition:all .35s ease;

    box-shadow:0 5px 15px rgba(0,0,0,.05);
}

.contact-item:hover{

    transform:translateX(8px);

    border-color:#ce1a1a;

    background:#fff7f7;

    box-shadow:0 12px 25px rgba(206,26,26,.18);

}

.contact-item i{

    width:58px;
    height:58px;
    min-width:58px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:linear-gradient(135deg,#ce1a1a,#ff4d4d);

    color:#fff;

    font-size:22px;

    transition:.35s ease;

}

.contact-item:hover i{

    transform:rotate(15deg) scale(1.08);

    box-shadow:0 8px 18px rgba(206,26,26,.35);

}

.contact-item span{

    flex:1;

    color:#222;

    font-size:16px;

    font-weight:600;

    line-height:1.6;

}

/*=========================================
    Call Button
=========================================*/

.btn-call{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    width:100%;

    margin-top:25px;

    padding:16px 20px;

    background:linear-gradient(135deg,#ce1a1a,#ff4040);

    color:#fff !important;

    text-decoration:none;

    font-size:18px;

    font-weight:700;

    border-radius:50px;

    transition:all .35s ease;

    box-shadow:0 12px 30px rgba(206,26,26,.25);

}

.btn-call:hover{

    color:#fff !important;

    transform:translateY(-4px);

    background:linear-gradient(135deg,#b51212,#d81b1b);

    box-shadow:0 18px 40px rgba(206,26,26,.35);

}

.btn-call i{

    font-size:20px;

    animation:ring 1.5s infinite;

}

@keyframes ring{

0%{transform:rotate(0);}
10%{transform:rotate(15deg);}
20%{transform:rotate(-15deg);}
30%{transform:rotate(12deg);}
40%{transform:rotate(-12deg);}
50%{transform:rotate(8deg);}
60%{transform:rotate(-8deg);}
70%,100%{transform:rotate(0);}

}

/*=========================================
    Mobile
=========================================*/

@media(max-width:768px){

.contact-card{

padding:25px;

}

.contact-item{

padding:15px;
gap:14px;

}

.contact-item i{

width:50px;
height:50px;
min-width:50px;

font-size:20px;

}

.contact-item span{

font-size:15px;

}

.btn-call{

padding:14px;

font-size:16px;

}

}

.hero-b1{
    padding:20px 0;
    background:#f8f9fa;
}


/* ========================================================================
   ЁЯУМ ржЯржк ржЗржиржлрзЛ рж╕рзЗржХрж╢ржи
   ======================================================================== */
.top-info-bar{background:#f8f8f8;}


/* ========================================================================
   ЁЯУж ржЯржк ржЗржиржлрзЛ ржмржХрзНрж╕
   ======================================================================== */
.top-box{height:100%;padding:25px 20px;text-align:center;background:#fff;border:1px solid #ececec;border-radius:18px;box-shadow:0 10px 25px rgba(0,0,0,.05);transition:.35s;}
.top-box:hover{transform:translateY(-8px);border-color:#c8102e;box-shadow:0 20px 40px rgba(200,16,46,.15);}
.top-box i{width:70px;height:70px;line-height:70px;margin-bottom:18px;border-radius:50%;background:#c8102e;color:#fff;font-size:28px;}
.top-box h6{margin-bottom:10px;font-size:20px;font-weight:700;color:#222;}
.top-box p{margin:0;font-size:15px;line-height:1.7;color:#666;}


/* ========================================================================
   ЁЯУ▒ ржЯржк ржЗржиржлрзЛ ржмржХрзНрж╕ (ржорзЛржмрж╛ржЗрж▓)
   ======================================================================== */
@media (max-width:768px){
.top-box{padding:20px;}
.top-box h6{font-size:18px;}
}


/* ========================================================================
   ЁЯУН ржХржнрж╛рж░рзЗржЬ ржПрж░рж┐ржпрж╝рж╛ рждрж╛рж▓рж┐ржХрж╛
   ======================================================================== */
.coverage-list{margin:0;padding:0;list-style:none;}
.coverage-list li{padding:12px 15px;margin-bottom:10px;background:#f8f8f8;border-left:4px solid #c8102e;border-radius:8px;font-weight:600;transition:.3s;}
.coverage-list li:hover{background:#fff2f2;transform:translateX(5px);}


/* ========================================================================
   ЁЯкЯ Bootstrap Modal
   ======================================================================== */
.modal-content{overflow:hidden;border-radius:15px;}
.modal-header,.modal-footer{border:none;}

.topbar{
    background:#17264A;
    height:60px;
    display:flex;
    align-items:center;
    border-bottom:none;
    color:#fff;
    font-size:16px;
}

.topbar .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.topbar .row{
    width:100%;
    align-items:center;
}

/* Left */
.topbar-left{
    display:flex;
    align-items:center;
    height:60px;
}

.topbar-left span{
    display:flex;
    align-items:center;
    font-weight:600;
    color:#fff;
}

.topbar-left i{
    color:#fff;
    font-size:18px;
    margin-right:10px;
}

.topbar-left a{
    color:#fff;
    text-decoration:none;
}

.topbar-left a:hover{
    color:#fff;
}

/* Right */
.topbar-right{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:20px;
    height:50px;
}

/* Buttons */

.portal-btn{
    height:40px;
    padding:0px 30px;
    border-radius:25px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    color:#fff!important;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
    transition:.25s;
}

.portal-btn i{
    font-size:15px;
}

/* Pay Bill */

.topbar-right .portal-btn:first-child{
    background:#08C65B;
}

.topbar-right .portal-btn:first-child:hover{
    background:#06b14f;
    transform:translateY(-1px);
}

/* Selfcare */

.mobile-login-btn{
    background:#2E6BFF;
}

.mobile-login-btn:hover{
    background:#2158db;
    transform:translateY(-1px);
}

/* Social */

.topbar-right>a:not(.portal-btn){
    width:38px;
    height:38px;
    border-radius:40%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    text-decoration:none;
    transition:.25s;
}

.topbar-right a:nth-last-child(2){
    background:#3b5998;
}

.topbar-right a:last-child{
    background:#ff0000;
}

.topbar-right>a:not(.portal-btn):hover{
    transform:scale(1.08);
    color:#fff;
}

/* Mobile */

@media(max-width:991px){

.topbar{
    height:auto;
    padding:10px 0;
}

.topbar-left{
    justify-content:center;
    height:auto;
    margin-bottom:10px;
}

.topbar-right{
    display:flex;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    gap:8px;
    overflow-x:auto;
}

.portal-btn{
    height:36px;
    padding:0 14px;
    font-size:13px;
    white-space:nowrap;
}

.topbar-right>a:not(.portal-btn){
    width:34px;
    height:34px;
    flex-shrink:0;
}

}

/* ========================================================================
   тнР Why Choose Us / Statistics Section
   ======================================================================== */
.contact-stats{padding:70px 0;background:linear-gradient(135deg,#f8fbff,#ffffff);}
.stats-badge{display:inline-block;padding:8px 18px;border-radius:50px;background:#fff1f2;color:var(--primary);font-weight:700;}


/* ========================================================================
   ЁЯУК Statistics Card
   ======================================================================== */
.stat-card{height:100%;padding:35px 20px;text-align:center;background:#fff;border:1px solid #ececec;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:.35s;}
.stat-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 20px 45px rgba(206,26,26,.18);}
.stat-card i{width:70px;height:70px;line-height:70px;margin-bottom:18px;border-radius:50%;background:var(--primary);color:#fff;font-size:28px;}
.stat-card h3{margin-bottom:8px;font-size:34px;font-weight:800;color:#111;}
.stat-card span{font-weight:500;color:#666;}


/* ========================================================================
   ЁЯУ▒ Statistics Card (ржорзЛржмрж╛ржЗрж▓)
   ======================================================================== */
@media (max-width:768px){
.stat-card{padding:25px 15px;}
.stat-card h3{font-size:26px;}
.stat-card i{width:60px;height:60px;line-height:60px;font-size:24px;}
}
.hero-b1{
    padding:20px 0;
}

#sliderContainer{
    border-radius:20px;
    overflow:hidden;
}

#sliderImage{
    width:100%;
    height:auto;
    display:block;
    transition:opacity .6s ease;
}

.carousel-control-prev,
.carousel-control-next{
    width:8%;
}

@media (max-width:768px){
    .hero-b1{
        padding:10px 0;
    }

    #sliderContainer{
        border-radius:12px;
    }

    .carousel-control-prev,
    .carousel-control-next{
        width:12%;
    }
}
/* ======================================
   Internet Package Title
====================================== */

.section-title-main{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    background:#ce1a1a;
    color:#fff;

    padding:15px 15px;

    font-size:30px;
    font-weight:800;

    border-radius:50px;

    letter-spacing:2px;

    text-transform:uppercase;

    box-shadow:0 8px 20px rgba(206,26,26,.35);

}
/*=========================================
    Mission & Vision Card
=========================================*/

.mission-card,
.vision-card{

    background:#fff;

    border:1px solid #ececec;

    border-top:5px solid #ce1a1a;

    border-radius:20px;

    padding:35px;

    text-align:center;

    transition:.35s ease;

}

.mission-card:hover,
.vision-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(206,26,26,.18);

}

/* Icon */

.mv-icon{

    width:85px;
    height:85px;

    margin:0 auto 20px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:linear-gradient(135deg,#ce1a1a,#ff4d4d);

    color:#fff;

    font-size:34px;

    transition:.35s;

}

.mission-card:hover .mv-icon,
.vision-card:hover .mv-icon{

    transform:rotate(10deg) scale(1.08);

    box-shadow:0 12px 30px rgba(206,26,26,.30);

}

/* List */

.mv-list{

    list-style:none;

    padding:0;

    margin:30px 0 0;

}

.mv-list li{

    position:relative;

    padding:14px 0 14px 34px;

    text-align:left;

    font-size:16px;

    color:#444;

    border-bottom:1px dashed #ececec;

}

.mv-list li:last-child{

    border-bottom:none;

}

.mv-list li::before{

    content:"✓";

    position:absolute;

    left:0;

    top:13px;

    width:22px;
    height:22px;

    border-radius:50%;

    background:#ce1a1a;

    color:#fff;

    font-size:13px;

    display:flex;
    align-items:center;
    justify-content:center;

}

/* Mobile */

@media(max-width:768px){

.mission-card,
.vision-card{

padding:25px;

}

.mv-icon{

width:70px;
height:70px;

font-size:28px;

}

.mv-list{

margin-top:20px;

}

.mv-list li{

font-size:15px;

padding:12px 0 12px 30px;

}

}

.footer-premium{ 
    background:#0b1120; 
    color:#cbd5e1; 
    position:relative; 
    overflow:hidden; 
}

.footer-top-line{ 
    height:3px; 
    background:linear-gradient(90deg,transparent,var(--primary),transparent); 
}

.footer-title{ 
    color:#fff; 
    font-size:17px; 
    font-weight:700; 
    margin-bottom:15px; 
}

.footer-logo img{ 
    transition:.3s; 
} 

.footer-logo:hover img{ 
    transform:scale(1.05); 
}

.footer-links{ 
    list-style:none; 
    padding:0; 
    margin:0; 
} 

.footer-links li{ 
    margin-bottom:8px; 
    color:#cbd5e1;
    font-size:13px;
}

.footer-links a{ 
    color:#cbd5e1; 
    transition:.3s;
    font-size:13px;
    text-decoration:none;
} 

.footer-links a:hover{ 
    color:#fff; 
    padding-left:8px; 
}

.footer-links i{ 
    color:var(--primary); 
    width:20px; 
}

.footer-bottom{ 
    border-top:1px solid rgba(255,255,255,.08); 
    background:#08101d; 
    font-size:12px; 
} 

.footer-bottom-links{ 
    display:flex; 
    gap:18px; 
    flex-wrap:wrap; 
} 

.footer-bottom-links a{ 
    color:#94a3b8; 
    text-decoration:none;
} 

.footer-bottom-links a:hover{ 
    color:#fff; 
}

/* লোগোর নিচের লেখার টেক্সট স্টাইল */
.footer-about-text {
    color: #cbd5e1;
    font-size: 13px;
    line-height: 1.6;
    margin-top: 10px;
}

/* Footer columns - tighter spacing + extra room for Contact */
@media (min-width: 992px) {
    .five-columns {
        --bs-gutter-x: 0.75rem;
    }

    .five-columns .col-five {
        flex: 0 0 19%;
        max-width: 19%;
    }

    /* Contact column gets extra width so email/address stay on one line */
    .five-columns .col-five:last-child {
        flex: 0 0 24%;
        max-width: 24%;
    }
}

@media(max-width:991px){ 
    .footer-title{
        margin-top:25px;
    } 
    .five-columns .col-five {
        width: 50%;
    }
}

@media(max-width:768px){ 
    .footer-bottom{ 
        text-align:center; 
    } 
    .footer-bottom .container{ 
        gap:12px; 
    } 
    .footer-bottom-links{ 
        justify-content:center; 
    } 
    .five-columns .col-five {
        width: 100%;
    }
}