html {
    scroll-behavior: smooth;
}

body{
 font-family: 'Segoe UI', sans-serif;    
margin:0;
padding:0;
}



/* =========================
NAVBAR
========================= */
.navbar{
margin:0 !important;
}
.custom-navbar{
position:fixed;
top:0;
left:0;
width:100%;
padding:10px 0;
background:transparent;

z-index:9999;

transition:.35s ease;

}

.custom-navbar.scrolled{

/*background: var(--glass-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--glass-border);
    padding: 8px 0;
    box-shadow: var(--shadow);*/
background:
rgba(255,255,255,.82);

backdrop-filter:
blur(20px);

-webkit-backdrop-filter:
blur(20px);

box-shadow:
0 8px 24px rgba(0,0,0,.06);

padding:1px 0;

border-bottom:
1px solid rgba(255,255,255,.35);

}



/* LOGO */

.custom-navbar .navbar-brand img{

height:56px;

width:auto;

}


/* LINKS */

.custom-navbar .nav-link{

color:#fff !important;

font-size:15px;

font-weight:500;

margin-left:20px;

position:relative;

transition:.3s;

}


.custom-navbar .nav-link:hover,
.custom-navbar .nav-link.active{

color:#60a5fa !important;

}


.custom-navbar .nav-link::after{

content:'';

position:absolute;

left:0;

bottom:-4px;

width:0;

height:2px;

background:#60a5fa;

transition:.3s;

}

.custom-navbar .nav-link:hover::after,
.custom-navbar .nav-link.active::after{

width:100%;

}


/* AFTER SCROLL */

.custom-navbar.scrolled .nav-link{

color:#111 !important;

}

.custom-navbar.scrolled .nav-link.active{

color:#0d6efd !important;

}


/* TOGGLE */

.custom-navbar .navbar-toggler{

border:none;

}

.custom-navbar .navbar-toggler:focus{

box-shadow:none;

}

.custom-navbar .navbar-toggler-icon{

filter:invert(1);

}

.custom-navbar.scrolled .navbar-toggler-icon{

filter:none;

}


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

.header-actions{

position:fixed;

top:18px;

right:24px;

display:flex;

align-items:center;

gap:10px;

z-index:10001;

}


/* Common Button */

.action-btn{

width:42px;

height:42px;

display:flex;

align-items:center;

justify-content:center;

border:none;

border-radius:50%;

cursor:pointer;

text-decoration:none;

transition:.3s ease;

font-size:16px;

box-shadow:
0 8px 20px rgba(0,0,0,.12);

}


/* Hover */

.action-btn:hover,
.header-btn-appt-r2h6c:hover{

transform:
translateY(-3px);

color:#fff;

}


/* =========================
DARK MODE
========================= */

.dark-mode-btn{

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

backdrop-filter:
blur(12px);

-webkit-backdrop-filter:
blur(12px);

color:#fff;

}

.dark-mode-btn:hover{

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

}


/* =========================
WHATSAPP
========================= */

.whatsapp-btn{

background:
linear-gradient(
135deg,
#25D366,
#17b857
);

color:#fff;

}

.whatsapp-btn:hover{

background:
linear-gradient(
135deg,
#20c55a,
#169e4c
);

}


/* =========================
APPOINTMENT BUTTON
========================= */

.header-btn-appt-r2h6c{

display:inline-flex;

align-items:center;

justify-content:center;

gap:8px;

min-width:150px;

height:42px;

padding:0 18px;

background:
linear-gradient(
90deg,
#ff8a00,
#ff5c00
);

border-radius:50px;

color:#fff;

text-decoration:none;

font-size:14px;

font-weight:600;

line-height:1;

box-shadow:
0 10px 24px rgba(255,92,0,.25);

transition:.3s ease;

}

.header-btn-appt-r2h6c:hover{

box-shadow:
0 15px 30px rgba(255,92,0,.35);

}

.header-btn-appt-r2h6c i{

font-size:14px;

}


/* =========================
SCROLL STYLE
========================= */

.custom-navbar.scrolled
~ .header-actions
.dark-mode-btn{

background:#111;

color:#fff;

}


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

@media(max-width:991px){

.custom-navbar .navbar-collapse{

background:#fff;

padding:20px;

border-radius:14px;

margin-top:15px;

box-shadow:
0 10px 30px rgba(0,0,0,.08);

}

.custom-navbar .nav-link{

margin-left:0;

padding:12px 0;

color:#111 !important;

}

.custom-navbar .nav-link.active{

color:#0d6efd !important;

}

.custom-navbar .navbar-brand img{

height:48px;

}

.header-actions{

top:14px;

right:65px;

gap:8px;

}

.action-btn{

width:38px;

height:38px;

font-size:14px;

}

.appt-text-hide-k2d8m{

display:none;

}

.header-btn-appt-r2h6c{

min-width:38px;

width:38px;

height:38px;

padding:0;

border-radius:50%;

}

}






.section {
    padding: 80px 0;
   
}
 .card { border-radius: 12px; }
  .btn-primary { background: #0d6efd; }
  .btn-primary {
    transition: 0.3s;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}      
    
 .consult-btn{
    border:none;
    width:100%;
    padding:14px 25px;

    background:linear-gradient(90deg,#2952cc,#ff6b00);
    color:#fff;

    font-size:16px;
    font-weight:600;

    border-radius:50px;

    transition:all .3s ease;
    box-shadow:0 10px 25px rgba(41,82,204,.25);
}

.consult-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 35px rgba(255,107,0,.30);
    color:#fff;
}

.consult-btn i{
    font-size:16px;
}     
        
section {
    scroll-margin-top: 80px;
}
.nav-link.active {
    color: #0d6efd !important;
    font-weight: 600;
}
.logo {
    height: 60px;
    width: auto;
}

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

.heading-badge{
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: #fef0e8;
    color: #ff6b00;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.heading{
    margin: 20px 0 25px;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.1;
    color: #111827;
}

.heading span{
    color: #2563eb;
}

@media (max-width: 991px){

   .heading{
        font-size: 38px;
    }
}
/* mobile */
@media (max-width: 768px) {
    .logo {
        height: 30px;
    }

    .heading-badge{
        font-size: 11px;
        letter-spacing: 2px;
        padding: 8px 18px;
    }
    .heading{
        font-size: 30px;
    }
}
 

/* Small Mobile */

@media (max-width: 418px) {
.hero-wrap-x9p3f{
    margin-top:0px!important;
}
    .navbar-toggler-icon {
        width: 1em !important;
        height: 1em !important;
    }

    .navbar-brand img {
        height: 40px !important;
        width: auto !important;
    }

    .navbar-brand span {
        font-size: 1rem !important;
        font-weight: 600 !important;
    }
    
   

}
   

.bg-primary-light { background: #e7f1ff; }
.bg-warning-light { background: #fff3cd; }
.bg-danger-light { background: #fde2e2; }

.border-top-blue { border-top: 4px solid #0d6efd; }
.border-top-yellow { border-top: 4px solid #ffc107; }
.border-top-red { border-top: 4px solid #dc3545; }

.commit-box {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
}


.service-card {
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    position:relative;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
    transition:.3s;

    height:100%;
    display:flex;
    flex-direction:column;
}

.service-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:4px;
    background:linear-gradient(90deg,#2952cc,#ff6b00);
    transition:.4s ease;
}

.service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

.service-card:hover::before{
    width:100%;
}

/* IMAGE */
.service-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

/* ICON */
.service-icon {
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
    background: #0d3b66;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.service-icon-container{
    
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:20px;
   

}

.service-icon-without-img{
    width:70px;
    height:70px;

    border-radius:20px;

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

    background:linear-gradient(
        135deg,
        rgba(37,99,235,0.10),
        rgba(249,115,22,0.05)
    );

    color:#2563eb;
    font-size:32px;

    border:1px solid rgba(37,99,235,0.12);

    box-shadow:0 10px 25px rgba(37,99,235,0.12);
    transition:all .3s ease;
}

.service-icon-without-img:hover{
    transform:translateY(-5px) scale(1.05);

    background:linear-gradient(
        135deg,
        rgba(37,99,235,0.15),
        rgba(249,115,22,0.10)
    );
color:#f97316;
    box-shadow:0 15px 35px rgba(37,99,235,0.20);
}

.service-icon-without-img i{
    line-height:1;
}


/* CONTENT */
.service-content {
    padding: 40px 20px 25px;
    text-align: center;
}

.service-content h5 {
     font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.service-content p {
    font-size: 14px;
    color: #6c757d;
}
.service-list {
    text-align: left;
    margin-top: 10px;
    padding-left: 0;
    list-style: none;
}

.service-list li {
    font-size: 15px;
    color: #000;
    margin-bottom: 5px;
}












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

.hero-wrap-x9p3f{

    position:relative;
    min-height:100vh;
    overflow:hidden;
    display:flex;
    align-items:center;
    background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 40%,#db2777 100%);
}

/* Background Shapes */
.hero-shapes-bg-t6n2p{
    position:absolute;
    inset:0;
    overflow:hidden;
}

.hero-shape-d8f2w{
    position:absolute;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
}

.hero-shape-d8f2w:nth-child(1){
    width:350px;
    height:350px;
    top:-120px;
    left:-100px;
}

.hero-shape-d8f2w:nth-child(2){
    width:500px;
    height:500px;
    bottom:-250px;
    right:-150px;
}

.hero-shape-d8f2w:nth-child(3){
    width:220px;
    height:220px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

/* Slides */
.hero-slide-container-r7m3k{
    position:relative;
    width:100%;
    z-index:2;
}

.hero-slide-k2d8m{
    display:none;
    padding:140px 0 100px;
}

.hero-slide-k2d8m.active-slide-q1m7v{
    display:block;
    animation:fadeSlide .7s ease;
}

@keyframes fadeSlide{
    from{
        opacity:0;
        transform:translateY(30px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Grid */
.hero-inner-grid-w5j1n{
    width:90%;
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

/* Badge */
.hero-badge-t8n2p{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 20px;
    border-radius:50px;
    background:rgba(255,255,255,.15);
    color:#fff;
    font-weight:600;
    margin-bottom:25px;
    backdrop-filter:blur(15px);
}

/* Heading */
.hero-title-r7b4g{
    font-size:50px;
    font-weight:700;
    line-height:1.1;
    color:#fff;
    margin-bottom:25px;
}

.hero-title-r7b4g span{
    background:linear-gradient(90deg,#fbbf24,#f59e0b);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}
/* Description */
.hero-desc-y8k5w{
    font-size:20px;
    line-height:1.8;
    color:rgba(255,255,255,.9);
    margin-bottom:40px;
    max-width:650px;
}

/* Buttons */
.hero-btns-d4r8j{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.btn-style-primary-m3h7b{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 35px;
    border-radius:50px;
    background:#fff;
    color:#7c3aed !important;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}

.btn-style-primary-m3h7b:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 30px rgba(0,0,0,.2);
}

.btn-style-outline-d6p1c{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 35px;
    border-radius:50px;
    text-decoration:none;
    border:2px solid rgba(255,255,255,.3);
    color:#fff !important;
    font-weight:700;
    transition:.3s;
}

.btn-style-outline-d6p1c:hover{
    background:#fff;
    color:#7c3aed !important;
}

/* Visual Area */
.hero-visual-area-m6f1c{
    position:relative;
    height:550px;
}

/* Main Orb */
.hero-visual-orb-p2k8g{
    width:380px;
    height:380px;
    border-radius:50%;
    margin:auto;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(25px);
    border:1px solid rgba(255,255,255,.15);
    animation:floatOrb 6s ease-in-out infinite;
}

@keyframes floatOrb{
    50%{
        transform:translateY(-20px);
    }
}

/* Floating Icons */
.hero-float-icon-w3j9n{
    position:absolute;
    width:80px;
    height:80px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(20px);
    color:#fff;
    font-size:30px;
    animation:floatIcon 5s infinite ease-in-out;
}

.hero-float-icon-w3j9n:nth-child(2){
    top:30px;
    left:80px;
}

.hero-float-icon-w3j9n:nth-child(3){
    top:80px;
    right:50px;
}

.hero-float-icon-w3j9n:nth-child(4){
    bottom:80px;
    left:40px;
}

.hero-float-icon-w3j9n:nth-child(5){
    bottom:50px;
    right:70px;
}

@keyframes floatIcon{
    50%{
        transform:translateY(-15px);
    }
}

/* Dots */
.slider-dots-container-y8k5w{
    position:absolute;
    bottom:40px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:12px;
    z-index:20;
}

.slider-dot-h3m7n{
    width:14px;
    height:14px;
    border-radius:50%;
    background:rgba(255,255,255,.3);
    cursor:pointer;
}

.active-dot-k9p3r{
    background:#fff;
}

/* Arrows */
.slider-arrows-wrap-c4d8f{
    position:absolute;
    top:94%;
    left:88%;
    right:0;
    transform:translateY(-50%);
    display:flex;
    justify-content:space-between;
    padding:0 30px;
    z-index:20;
}

.slider-arrow-btn-r2k6n{
    width:28px;
    height:28px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(15px);
    color:#fff;
    font-size:12px;
    transition:.3s;
    border:1px solid rgba(255,255,255,.2);
}


.slider-arrow-btn-r2k6n:hover{
    background:#fff;
    color:#7c3aed;
    transform:translateY(-2px);
}


.hero-slide-k2d8m{
    min-height:100vh;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position:relative;
}

.hero-slide-k2d8m::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.25);
}

.hero-inner-grid-w5j1n{
    position:relative;
    z-index:2;
}
/* Mobile */
@media(max-width:991px){

    .hero-inner-grid-w5j1n{
        grid-template-columns:1fr;
        text-align:center;
    }

    .hero-title-r7b4g{
        font-size:48px;
    }

    .hero-desc-y8k5w{
        font-size:18px;
        margin:auto auto 30px;
    }

    .hero-btns-d4r8j{
        justify-content:center;
    }

    .hero-visual-area-m6f1c{
        height:400px;
    }

    .hero-visual-orb-p2k8g{
        width:280px;
        height:280px;
    }
    .slider-arrows-wrap-c4d8f{
        display:none;
    }
}

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

.trust-strip-v4h8j{
   
    background-color:#fff;
    padding:28px 0;
    border-top:1px solid #ececec;
    border-bottom:1px solid #ececec;
}

.container-main-r1f5k{
    max-width:1300px;
    margin:auto;
    padding:0 20px;
}

.trust-logos-n2b6r{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:70px;
    flex-wrap:wrap;
}

.trust-logo-item-s9d3k{
    display:flex;
    align-items:center;
    gap:10px;

    color:#9ca3af;
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;

    transition:.3s;
}

.trust-logo-item-s9d3k i{
    font-size:24px;
    color:#8ba7f3;
}

.trust-logo-item-s9d3k:hover{
    color:#6b7280;
    transform:translateY(-2px);
}

.trust-logo-item-s9d3k:hover i{
    color:#6366f1;
}

/* Mobile */

@media(max-width:768px){

    .trust-logos-n2b6r{
        gap:25px;
        justify-content:center;
    }

    .trust-logo-item-s9d3k{
        font-size:12px;
        letter-spacing:1px;
    }

    .trust-logo-item-s9d3k i{
        font-size:18px;
    }

}

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

.about-section{
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}

/* ===================================
   ABOUT IMAGE AREA
=================================== */

.about-image-wrapper{
    position: relative;
    max-width: 500px;
    margin: 0 auto;
}

.about-bg-shape{
    position: absolute;
    top: -20px;
    left: -20px;
    width: 85%;
    height: 85%;
    background: linear-gradient(135deg,#2952cc,#3b82f6);
    border-radius: 30px;
    z-index: 1;
}

.about-main-image{
    position: relative;
    z-index: 2;
    width: 100%;
    border-radius: 25px;
    display: block;
    box-shadow: 0 20px 50px rgba(0,0,0,.12);
}

/* ===================================
   EXPERIENCE BADGE
=================================== */

.experience-badge{
    position: absolute;
    right: -25px;
    bottom: 30px;

    width: 130px;
    height: 130px;

    background: #ff6b00;
    color: #fff;

    border-radius: 20px;

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

    z-index: 3;

    box-shadow: 0 15px 35px rgba(255,107,0,.35);
}

.experience-badge h2{
    margin: 0;
    font-size: 52px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
}

.experience-badge span{
    margin-top: 5px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 1px;
}


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

.about-content p{
    font-size: 16px;
    line-height: 1.9;
    color: #6b7280;
    margin-bottom: 15px;
}

/* ===================================
   MISSION & VISION CARDS
=================================== */

.info-card{
    background: #fff;
    padding: 25px;
    border-radius: 18px;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
    transition: all .3s ease;
}

.info-card:hover{
    transform: translateY(-5px);
}

.mission-card{
    border-left: 4px solid #2952cc;
}

.vision-card{
    border-left: 4px solid #ff6b00;
}

.info-card h5{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #111827;
}

.info-card p{
    margin: 0;
    color: #6b7280;
    line-height: 1.8;
}

/* ===================================
   BUTTON
=================================== */

.about-btn{
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-top: 30px;
    padding: 15px 32px;

    background: linear-gradient(135deg,#2952cc,#3b82f6);
    color: #fff;
    text-decoration: none;

    border-radius: 50px;
    font-weight: 600;

    transition: all .3s ease;
}

.about-btn:hover{
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(41,82,204,.25);
}


@media (max-width: 1212px){

    .about-image-wrapper{
        max-width: 400px;
    }

    .about-bg-shape{
        top: -8px;
        left: -8px;
        border-radius: 20px;
    }

    .about-main-image{
        border-radius: 18px;
    }

    .experience-badge{
        width: 110px;
        height: 110px;
        bottom: -10px;
        border-radius: 12px;
    }

    .experience-badge h2{
        font-size: 24px;
    }

    .experience-badge span{
        font-size: 10px;
        letter-spacing: 0.5px;
        line-height: 1.2;
    }

   

    .about-content p{
        font-size: 14px;
        line-height: 1.7;
    }

    .info-card{
        padding: 18px;
        border-radius: 12px;
    }

    .info-card h5{
        font-size: 16px;
    }

    .info-card p{
        font-size: 13px;
        line-height: 1.6;
    }

    .about-btn{
        
        padding: 12px 20px;
        font-size: 14px;
    }

}

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

@media (max-width: 991px){

    .about-section{
        padding: 80px 0;
    }

    
.about-image-wrapper{
        max-width: 600px;
    }
    .about-image-wrapper{
        margin-bottom: 60px;
    }

    .experience-badge{
        width: 110px;
        height: 110px;
        right: 0;
        bottom: -20px;
    }

    .experience-badge h2{
        font-size: 42px;
    }
}

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

@media (max-width: 767px){

    .about-section{
        padding: 60px 15;
    }

   
    .about-bg-shape{
        top: -10px;
        left: -10px;
    }

    .experience-badge{
        width: 90px;
        height: 90px;
        right: 10px;
        bottom: -15px;
        border-radius: 15px;
    }

    .experience-badge h2{
        font-size: 32px;
    }

    .experience-badge span{
        font-size: 9px;
    }

    .info-card{
        margin-bottom: 20px;
    }

    .about-btn{
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 574px){
.about-image-wrapper{
    
        max-width: 420px;
    }
 
 .about-section{
  
    padding: 100px 24px;
  
}   
}


@media (max-width: 480px){

    .about-section{
        padding: 40px 20;
    }

    .about-image-wrapper{
        max-width: 380px;
    }

    .about-bg-shape{
        top: -8px;
        left: -8px;
        border-radius: 20px;
    }

    .about-main-image{
        border-radius: 18px;
    }

    .experience-badge{
        width: 75px;
        height: 75px;
        right: 5px;
        bottom: -10px;
        border-radius: 12px;
    }

    .experience-badge h2{
        font-size: 24px;
    }

    .experience-badge span{
        font-size: 7px;
        letter-spacing: 0.5px;
        line-height: 1.2;
    }

    .badge{
        font-size: 10px;
        padding: 6px 14px;
        letter-spacing: 1px;
    }

    .heading{
        font-size: 24px;
        line-height: 1.2;
    }

    .about-content p{
        font-size: 14px;
        line-height: 1.7;
    }

    .info-card{
        padding: 18px;
        border-radius: 12px;
    }

    .info-card h5{
        font-size: 16px;
    }

    .info-card p{
        font-size: 13px;
        line-height: 1.6;
    }

    .about-btn{
        width: 100%;
        padding: 12px 20px;
        font-size: 14px;
    }
}

@media (max-width: 360px){

    .heading{
        font-size: 20px;
    }

    .experience-badge{
        width: 65px;
        height: 65px;
    }

    .experience-badge h2{
        font-size: 20px;
    }

    .experience-badge span{
        font-size: 6px;
    }
}

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

.stats-section{
    position:relative;
    background:linear-gradient(135deg,#0a2463,#1e40af);
    padding:60px 0;
    overflow:hidden;
}

/* background pattern */

.stats-section::before{
    content:'';
    position:absolute;
    inset:0;

    background-image:
    radial-gradient(
        rgba(255,255,255,.08) 1px,
        transparent 1px
    );

    background-size:20px 20px;
    opacity:.8;
}

.stat-box{
    position:relative;
    z-index:2;
    color:#fff;
}

.stat-icon{
    width:70px;
    height:70px;

    margin:0 auto 20px;

    border-radius:50%;

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

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

    color:#ff6b00;
    font-size:28px;

    transition:.3s;
}

.stat-box:hover .stat-icon{
    transform:translateY(-5px);
    background:rgba(255,255,255,.12);
}

.stat-box h2{
    font-size:45px;
    font-weight:700;
    color:#fff;
    margin-bottom:10px;
    line-height:1;
}

.stat-box h2 span:last-child{
    color:#ff6b00;
}

.stat-box p{
    color:rgba(255,255,255,.9);
    font-size:18px;
    margin:0;
}

/* divider */

@media(min-width:992px){

    .stat-box{
        border-right:1px solid rgba(255,255,255,.15);
    }

    .col-lg-3:last-child .stat-box{
        border-right:none;
    }
}

/* mobile */

@media(max-width:991px){

    .stat-box{
        margin-bottom:40px;
    }

    .stat-box h2{
        font-size:48px;
    }
}

@media(max-width:576px){

    .stats-section{
        padding:60px 0;
    }

    .stat-box h2{
        font-size:40px;
    }

    .stat-icon{
        width:60px;
        height:60px;
        font-size:24px;
    }

    .stat-box p{
        font-size:15px;
    }
}

.portfolio-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

.portfolio-card:hover{
    transform:translateY(-10px);
}

.portfolio-image{
    overflow:hidden;
}

.portfolio-image img{
    width:100%;
    height:250px;
    object-fit:cover;
    transition:.4s;
}

.portfolio-card:hover img{
    transform:scale(1.08);
}

.portfolio-content{
    padding:25px;
}

.portfolio-category{
    color:#ff6b00;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
}

.portfolio-content h4{
    margin:12px 0;
    font-size:18px;
    font-weight:600;
}

.portfolio-link{
    text-decoration:none;
    color:#2563eb;
    font-weight:600;
}

.portfolio-btn{
    display:inline-block;
    padding:14px 30px;
    border-radius:50px;
    background:linear-gradient(90deg,#2563eb,#ff6b00);
    color:#fff;
    text-decoration:none;
    font-weight:600;
}


.iti__a11y-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.iti {
    width: 100% !important;
}

.iti__flag-container {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
}


  /* ==========================
   Satisfaction Guarantee
========================== */

.satisfaction-section{
    padding-top: 90px;
    padding-bottom: 90px;
}

.satisfaction-card{
    max-width: 900px;
    margin: auto;
    background: #fff;
    border-radius: 28px;
    padding: 60px 70px;
    text-align: center;

    border: 1px solid #edf1f7;

    box-shadow:
        0 20px 60px rgba(15,23,42,.06);
}

.guarantee-icon{
    width: 78px;
    height: 78px;

    margin: auto auto 28px;

    background: #16a34a;
    color: white;

    border-radius: 50%;

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

    font-size: 34px;
}

.guarantee-title{
    font-size: 30px;
    font-weight: 700;

    color: #071b46;

    margin-bottom: 20px;
}

.guarantee-text{
    max-width: 760px;

    margin: auto;

    color: #5c6784;

    line-height: 2;

    font-size: 14px;
}

.guarantee-features{
    margin-top: 40px;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    gap: 35px;
}

.feature-item{
    display: flex;

    align-items: center;

    gap: 10px;

    color: #22304f;

    font-size: 12px;

    font-weight: 500;
}

.feature-item i{
    color: #16a34a;

    font-size: 16px;
}

/* Responsive */

@media(max-width:768px){

    .satisfaction-card{
        padding: 45px 25px;
    }

    .guarantee-title{
        font-size: 26px;
    }

    .guarantee-text{
        font-size: 13px;
        line-height: 1.8;
    }

    .guarantee-features{
        justify-content: start;
        gap: 18px;
    }

    .feature-item{
        width: 100%;
    }
}

/*=====================
 Internship Section
======================*/

.internship-section{
    position: relative;

    background:
        radial-gradient(circle at top right,
        rgba(67,97,238,.25),
        transparent 35%),

        linear-gradient(
        135deg,
        #081938,
        #102c74
        );

    overflow: hidden;
}

.internship-desc{
    max-width: 720px;
    margin: auto;
    color: rgba(255,255,255,.75);
}

.internship-section .heading{
    color: #fff;
}

.internship-section .heading span{
    color: #ff6b00;
}

.internship-card{

    height: 100%;

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

    border: 1px solid
    rgba(255,255,255,.08);

    border-radius: 22px;

    padding: 20px 14px;

    text-align: center;

    color: white;

    backdrop-filter: blur(10px);

    transition: .35s;
}

.internship-card:hover{

    transform:
    translateY(-8px);

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

    box-shadow:
    0 20px 40px
    rgba(0,0,0,.25);
}

.internship-icon{

    width: 64px;
    height: 64px;

    margin: auto auto 24px;

    border-radius: 50%;

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

    color: #ff7a00;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 28px;
}

.internship-card h4{

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 10px;
}

.duration-badge{

    display: inline-block;

    background:
    rgba(255,107,0,.15);

    color: #ff7a00;

    padding:
    8px 18px;

    border-radius: 30px;

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 10px;
}

.internship-card p{

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

    line-height: 2;
font-size: 13px;
    min-height: 150px;
}

.apply-btn{

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 120px;

    height: 30px;

    background:
    linear-gradient(
    90deg,
    #ff8a00,
    #ff5c00
    );

    color: white;

    border-radius: 50px;

    text-decoration: none;

    font-weight: 500;

    transition: .3s;
}

.apply-btn:hover{

    color: white;

    transform:
    translateY(-2px);

    box-shadow:
    0 12px 30px
    rgba(255,102,0,.45);
}

@media(max-width:768px){

    .internship-card{
        padding: 30px 22px;
    }

    .internship-card p{
        min-height: auto;
    }
}


/*=========================
   Expert Team
=========================*/


/* 5 cards per row */
@media (min-width:992px){

    .col-lg-2-custom{

        flex: 0 0 20%;

        max-width: 20%;
    }

}

.team-card{

    background: #fff;

    border-radius: 20px;

    border: 1px solid #edf2f7;

    box-shadow: 0 8px 25px rgba(0,0,0,.06);

    transition: .35s;

    text-align: center;

    padding: 18px 14px;

    height: 100%;
}

.team-card:hover{

    transform: translateY(-8px);

    box-shadow:
    0 20px 45px rgba(0,0,0,.10);
}


/* Image */

.team-image{

    width: 90px;

    height: 90px;

    margin: 0 auto 15px;

    border-radius: 50%;

    overflow: hidden;

    border: 3px solid #fff;

    box-shadow:
    0 8px 20px rgba(0,0,0,.08);
}

.team-image img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: .35s;
}

.team-card:hover .team-image img{

    transform: scale(1.05);
}


/* Content */

.team-content{

    padding: 0;
}

.team-content h5{

    font-size: 16px;

    font-weight: 700;

    color: #0f172a;

    margin-bottom: 5px;
}

.designation{

    display: block;

    font-size: 13px;

    font-weight: 600;

    color: #ff6b00;

    margin-bottom: 10px;
}

.team-content p{

    color: #64748b;

    font-size: 13px;

    line-height: 1.6;

    margin-bottom: 14px;

    min-height: 60px;
}


/* Social */

.team-social{

    display: flex;

    justify-content: center;

    gap: 8px;
}

.team-social a{

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background: #f1f5f9;

    color: #0f172a;

    display: flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    transition: .3s;

    font-size: 13px;
}

.team-social a:hover{

    background: #ff6b00;

    color: white;

    transform: translateY(-2px);
}


/* Tablet */

@media(max-width:991px){

    .team-image{

        width: 100px;

        height: 100px;
    }

}


/* Mobile */

@media(max-width:768px){

    .team-card{

        padding: 18px;
    }

    .team-image{

        width: 90px;

        height: 90px;
    }

    .team-content h5{

        font-size: 17px;
    }

}

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


.contact-left{

    display: flex;

    flex-direction: column;

    gap: 24px;
}

.contact-box{

    background: white;

    border-radius: 16px;

    padding: 16px;

    display: flex;

    align-items: center;

    gap: 16px;

    transition: .3s;

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

.contact-box:hover{

    transform:
    translateY(-4px);
}

.contact-icon{

    width: 44px;

    height: 44px;

    min-width: 44px;

    border-radius: 14px;

    background:
    linear-gradient(
    135deg,
    #2458ff,
    #1738a3
    );

    color: white;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 20px;
}

.contact-label{

    display: block;

    font-size: 12px;

    letter-spacing: 2px;

    color: #64748b;

    margin-bottom: 6px;

    font-weight: 700;
}

.contact-box h5{

    margin: 0;

    font-size: 16px;

    color: #081938;

    line-height: 1.6;
}

.contact-social{

    display: flex;

    gap: 12px;

    margin-top: 10px;
}

.contact-social a{

    width: 46px;

    height: 46px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    color: white;

    background:
    #2563eb;

    transition: .3s;
}

.contact-social a:hover{

    transform:
    translateY(-3px);
}

.contact-map{

    height: 100%;

    min-height: 540px;

    overflow: hidden;

    border-radius: 22px;

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

.contact-map iframe{

    width: 100%;

    height: 100%;

    border: 0;
}

@media(max-width:768px){

.contact-map{

min-height:420px;
}

.contact-box{

padding:18px;
}

.contact-box h5{

font-size:16px;
}

}









.testimonial-slider {
    overflow: hidden;
    position: relative;
}

.testimonial-track {
    display: flex;
    gap: 20px;
    width: max-content;
    animation: scrollSlider 20s linear infinite;
}

/* CARD */
.testimonial-card {
    min-width: 300px;
    max-width: 300px;
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    text-align: left;
}

/* TEXT */
.testimonial-card p {
    font-size: 14px;
    color: #555;
}
.stars i {
    color: #ffc107;
    font-size: 14px;
}
.client-img {
    width: 70px;   /* increase size */
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}
/* AUTO SCROLL */
@keyframes scrollSlider {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

/* PAUSE ON HOVER (optional) */
.testimonial-slider:hover .testimonial-track {
    animation-play-state: paused;
}

/* MOBILE */
@media (max-width: 768px) {
    .testimonial-card {
        min-width: 250px;
    }
}

.challenge-box,
.solution-box {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    height: 100%;
    transition: 0.3s;
}

.challenge-box:hover,
.solution-box:hover {
    transform: translateY(-5px);
}

/* LEFT BORDER COLORS */
.challenge-box {
    border-left: 5px solid #dc3545;
}

.solution-box {
    border-left: 5px solid #198754;
}

/* LIST */
.challenge-box li,
.solution-box li {
    font-size: 14px;
    margin-bottom: 10px;
}






.challenge-box,
.solution-box {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    height: 100%;
    transition: 0.3s;
}

.challenge-box:hover,
.solution-box:hover {
    transform: translateY(-5px);
}

.challenge-box {
    border-left: 5px solid #dc3545;
}

.solution-box {
    border-left: 5px solid #198754;
}

.solution-icon { 
background: #FFD700;
    color: #003D7A;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.challenge-icon{
background: #003D7A;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
} 


.custom-faq .accordion-item {
    border: none;
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.custom-faq .accordion-button {
    background: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 18px;
    border: none;
}

.custom-faq .accordion-button:not(.collapsed) {
    background: #0d6efd;
    color: #fff;
}

.custom-faq .accordion-body {
    background: #fff;
    padding: 20px;
    font-size: 14px;
    color: #555;
}

.custom-faq ul {
    margin-top: 10px;
    padding-left: 20px;
}

.custom-faq ul li {
    margin-bottom: 6px;
}
.video-box {
    max-width: 900px;
    margin: auto;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.video-box img {
    width: 100%;
    height: auto;
    transition: 0.3s;
}

/* DARK OVERLAY */
.video-box::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.3);
}

/* PLAY BUTTON */
.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #0d6efd;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    z-index: 2;
    text-decoration: none;
    box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}

/* HOVER EFFECT */
.video-box:hover img {
    transform: scale(1.05);
}
.offer-box {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    position: relative;
}

.counter-box {
    background: #f8f9fa;
    padding: 10px;
    border-radius: 10px;
}

.counter-box h4 {
    margin: 0;
    font-weight: bold;
}

.counter-box small {
    color: #6c757d;
}

/* Button hover */
.offer-box .btn {
    font-weight: 600;
    padding: 10px;
}

/* Responsive */
@media (max-width: 768px) {
    .offer-box {
        margin-top: 20px;
    }
}

/* LIST ITEMS */
.guarantee-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
}

.guarantee-item i {
    font-size: 22px;
    margin-top: 4px;
}

/* TEXT */
.guarantee-item p {
    margin: 5px 0 0;
    font-size: 14px;
    color: #6c757d;
}

/* RIGHT BOX */
.guarantee-box {
    background: #f8f9fa;
    padding: 30px;
    border-radius: 15px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* QUOTE ICON */
.quote-icon {
    font-size: 40px;
    color: #0d6efd;
    position: absolute;
    top: 15px;
    left: 20px;
    opacity: 0.2;
}

/* QUOTE TEXT */
.quote-text {
    font-size: 16px;
    font-style: italic;
    color: #333;
    margin-top: 20px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .guarantee-box {
        margin-top: 20px;
    }
}

/* FORM BOX */
.contact-form-box {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

/* INPUT */
.contact-form-box input,
.contact-form-box select,
.contact-form-box textarea {
    border-radius: 8px;
    font-size: 14px;
}

/* RIGHT SIDE */
.info-box {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

/* ITEMS */
.info-item {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.info-item i {
    font-size: 22px;
    margin-top: 5px;
}

/* TEXT */
.info-item p {
    margin: 0;
    font-size: 14px;
    color: #6c757d;
}

.social-links {
    display: flex;
    gap: 10px;
}

.social-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    transition: 0.3s;
    text-decoration: none;
}

/* COLORS */
.facebook { background: #1877f2; }
.twitter { background: #1da1f2; }
.linkedin { background: #0a66c2; }
.instagram { background: #e4405f; }

/* HOVER EFFECT */
.social-icon:hover {
    transform: translateY(-3px);
    opacity: 0.9;
}
/* RESPONSIVE */
@media (max-width: 768px) {
    .info-box {
        margin-top: 20px;
    }
}



/* Footer */

 .footer-section{

padding:40px 0 30px;

background:
linear-gradient(
90deg,
#010c23,
#03153f
);

color:#fff;
}


/* Brand */

.footer-brand{

font-size:24px;

font-weight:700;

margin-bottom:18px;
}

.footer-brand span{

color:#ff6b00;
}

.footer-desc{

color:#b5bfd4;

line-height:2;
}


/* Titles */

.footer-title{

font-size:16px;

font-weight:700;

margin-bottom:25px;

position:relative;
}

.footer-title::after{

content:"";

width:38px;

height:2px;

background:#ff6b00;

display:block;

margin-top:10px;
}


/* Links */

.footer-menu{

padding:0;

list-style:none;
}

.footer-menu li{

margin-bottom:16px;
}

.footer-menu a{

color:#c9d1e6;

text-decoration:none;

transition:.3s;
}

.footer-menu a i{

margin-right:10px;

font-size:12px;
}

.footer-menu a:hover{

color:#ff6b00;

padding-left:8px;
}


/* Social */

.footer-social{

display:flex;

gap:12px;

margin-top:25px;

flex-wrap:wrap;
}

.footer-social a{

width:48px;

height:48px;

border-radius:50%;

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

display:flex;

align-items:center;

justify-content:center;

color:white;

text-decoration:none;

transition:.3s;
}

.footer-social a:hover{

background:#ff6b00;

transform:translateY(-3px);
}


/* Contact */

.contact-row{

display:flex;

align-items:flex-start;

gap:14px;

margin-bottom:18px;
}

.contact-icon{
font-size: 16px;
font-weight: 700;
width:36px;

height:36px;

min-width:36px;

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

border-radius:10px;

display:flex;

align-items:center;

justify-content:center;

color:#ff6b00;
}

.contact-row span{

color:#cfd6ea;

line-height:1.8;
}


/* Bottom */

.footer-bottom{

margin-top:50px;

padding-top:25px;

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

display:flex;

justify-content:space-between;

align-items:center;

flex-wrap:wrap;

gap:15px;

color:#97a2be;
}

.footer-bottom a{

color:#d2d8ea;

text-decoration:none;
}

.footer-bottom a:hover{

color:#ff6b00;
}



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

@media(max-width:768px){

.footer-section{

text-align:center;
}


/* Center titles underline */

.footer-title::after{

margin:
10px auto 0;
}


/* Center social */

.footer-social{

justify-content:center;
}


/* Center links */

.footer-menu{

display:flex;

flex-direction:column;

align-items:center;
}


/* Contact rows center */

.contact-row{

justify-content:center;

text-align:left;
}


/* Footer bottom */

.footer-bottom{

flex-direction:column;

justify-content:center;

text-align:center;
}


/* Brand */

.footer-brand{

font-size:28px;
font-weight:700;
}


/* Add spacing */

.footer-section .col-lg-2,
.footer-section .col-lg-3,
.footer-section .col-lg-4{

margin-bottom:20px;
}

}


/* Footer End */



/* =========================
TOAST + WIDGET STYLES (moved from front.blade.php)
========================= */

.toast-alert {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 99999;
    padding: 12px 18px;
    border-radius: 8px;
    color: #fff;
    font-weight: 500;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    animation: slideIn 0.4s ease, fadeOut 0.5s ease 3s forwards;
    max-width: 320px;
}

.toast-alert.success {
    background: linear-gradient(135deg, #00b09b, #96c93d);
}

.toast-alert.error {
    background: linear-gradient(135deg, #ff416c, #ff4b2b);
}

.toast-alert.info {
    background: linear-gradient(135deg, #3b82f6, #6366f1);
}

@keyframes slideIn {
    from { transform: translateX(120%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@keyframes fadeOut {
    to { opacity: 0; transform: translateX(120%); }
}

.iti { width: 100%; }

/* FLOAT WIDGETS */
.chat-widget-h3w7n{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:99999;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:10px;
}

/* FLOAT BUTTONS */
.chat-btn-m8d2w,
.whatsapp-float-j5r9k,
.scroll-top-btn-a8m2f{
    width:52px;
    height:52px;
    border:none;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:18px;
    color:#fff;
    text-decoration:none;
    transition:.3s;
    box-shadow: 0 10px 25px rgba(0,0,0,.15);
}

.chat-btn-m8d2w{ background: linear-gradient(135deg,#2563eb,#1d4ed8); position:relative; }
.whatsapp-float-j5r9k{ background: linear-gradient(135deg,#25D366,#1ca84f); }
.scroll-top-btn-a8m2f{ background: linear-gradient(135deg,#6366f1,#4f46e5); opacity:0; visibility:hidden; transform: translateY(20px); }
.scroll-top-btn-a8m2f.visible-btn-r3k7d{ opacity:1; visibility:visible; transform: translateY(0); }

.chat-btn-m8d2w:hover, .whatsapp-float-j5r9k:hover, .scroll-top-btn-a8m2f:hover{ transform: translateY(-4px); color:#fff; }

.chat-btn-badge-r9f3c{ position:absolute; top:-2px; right:-2px; width:20px; height:20px; background:#ff3b30; border-radius:50%; font-size:11px; display:flex; align-items:center; justify-content:center; }

/* POPUP */
.chat-popup-d4k8n{ width:320px; background:#fff; border-radius:18px; overflow:hidden; box-shadow: 0 20px 50px rgba(0,0,0,.18); display:none; margin-bottom:10px; }
.chat-popup-d4k8n.show{ display:block; animation: popup .25s ease; }
@keyframes popup{ from{ opacity:0; transform: translateY(20px);} to{ opacity:1; transform: translateY(0);} }

.chat-popup-header-j3w7d{ padding:20px; background: linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; }
.chat-popup-header-j3w7d h4{ margin:0; font-size:18px; }
.chat-popup-header-j3w7d p{ margin:6px 0 0; opacity:.9; }

.chat-popup-body-d7w3n{ padding:18px; }
.chat-popup-msg-m6f1c{ background:#f4f6fb; padding:14px; border-radius:14px; margin-bottom:15px; }

.chat-popup-action-btn-r9f3c{ display:flex; align-items:center; gap:10px; padding:14px; border-radius:12px; margin-bottom:10px; background:#f8fafc; color:#111; text-decoration:none; transition:.3s; }
.chat-popup-action-btn-r9f3c:hover{ background:#2563eb; color:#fff; }

@media(max-width:768px){
    .chat-widget-h3w7n{ right:14px; bottom:16px; }
    .chat-btn-m8d2w, .whatsapp-float-j5r9k, .scroll-top-btn-a8m2f{ width:46px; height:46px; font-size:16px; }
    .chat-popup-d4k8n{ width:290px; }
}

/* end widget styles */











/* ==================================================
GLOBAL DARK MODE
ADD THIS AT END OF style.css
================================================== */

body{
transition:
background .35s,
color .35s;
}

/* VARIABLES */

body.dark-mode{

--bg:#0b1220;

--surface:#111827;

--surface-2:#1e293b;

--text:#f8fafc;

--muted:#94a3b8;

--border:#334155;

--shadow:
0 12px 30px rgba(0,0,0,.35);

background:var(--bg);

color:var(--text);

}



/* BODY */

body.dark-mode,
body.dark-mode section,
body.dark-mode main{

background:var(--bg);

color:var(--text);

}



/* TEXT */

body.dark-mode p,
body.dark-mode span,
body.dark-mode li,
body.dark-mode small{

color:var(--muted);

}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6{

color:#fff;

}



/* NAVBAR */

body.dark-mode .custom-navbar.scrolled{

background:
rgba(15,23,42,.94)
!important;

backdrop-filter:
blur(20px);

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

}

body.dark-mode .custom-navbar.scrolled .nav-link{

color:#fff !important;

}

body.dark-mode .custom-navbar .navbar-collapse{

background:#111827 !important;

}

body.dark-mode .navbar-toggler-icon{

filter:
brightness(0)
invert(1);

}



/* CARDS */

body.dark-mode .card,
body.dark-mode .service-card,
body.dark-mode .offer-box,
body.dark-mode .guarantee-box,
body.dark-mode .commit-box,
body.dark-mode .contact-form-box{

background:var(--surface);

color:#fff;

box-shadow:var(--shadow);

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

}



/* SERVICE */

body.dark-mode .service-content p,
body.dark-mode .service-list li{

color:#cbd5e1;

}



/* SECTION HEADINGS */

body.dark-mode .heading{

color:#fff;

}

body.dark-mode .heading-badge{

background:
rgba(255,107,0,.15);

color:#ff9d4d;

}



/* FAQ */

body.dark-mode .custom-faq .accordion-item{

background:var(--surface);

}

body.dark-mode .custom-faq .accordion-button{

background:var(--surface);

color:#fff;

}

body.dark-mode .custom-faq .accordion-body{

background:#1e293b;

color:#cbd5e1;

}



/* FORMS */

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select{

background:#1e293b !important;

color:#fff !important;

border:
1px solid #334155 !important;

}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder{

color:#94a3b8;

}



/* BUTTONS */

body.dark-mode .btn{

border:none;

}

body.dark-mode .btn-primary{

background:#2563eb;

}

body.dark-mode .consult-btn{

background:
linear-gradient(
90deg,
#2952cc,
#ff6b00
);

}



/* HERO */

body.dark-mode .hero-wrap-x9p3f{

background:
linear-gradient(
135deg,
#111827,
#172554,
#312e81
);

}



/* CHAT */

body.dark-mode .chat-popup-d4k8n{

background:#111827;

}

body.dark-mode .chat-popup-msg-m6f1c{

background:#1e293b;

color:#fff;

}

body.dark-mode .chat-popup-action-btn-r9f3c{

background:#1e293b;

color:#fff;

}

body.dark-mode .chat-popup-action-btn-r9f3c:hover{

background:#2563eb;

}



/* FOOTER */

body.dark-mode .footer-section{

background:
linear-gradient(
90deg,
#020617,
#0f172a
);

}

body.dark-mode .footer-bottom{

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

}



/* TABLE */

body.dark-mode table{

color:#fff;

}

body.dark-mode tr{

border-color:#334155;

}



/* SCROLLBAR */

body.dark-mode::-webkit-scrollbar{

width:10px;

}

body.dark-mode::-webkit-scrollbar-track{

background:#111827;

}

body.dark-mode::-webkit-scrollbar-thumb{

background:#334155;

border-radius:20px;

}

/* =========================
FIX BOOTSTRAP bg-white
========================= */

body.dark-mode .bg-white{

background:
#111827
!important;

color:
#f8fafc
!important;

}


/* Sections */

body.dark-mode section.bg-white{

background:
#111827
!important;

}


/* Containers */

body.dark-mode .bg-light{

background:
#0f172a
!important;

}


/* Cards */

body.dark-mode .bg-body,
body.dark-mode .card{

background:
#1e293b
!important;

}


/* Text */

body.dark-mode .bg-white h1,
body.dark-mode .bg-white h2,
body.dark-mode .bg-white h3,
body.dark-mode .bg-white h4,
body.dark-mode .bg-white h5,
body.dark-mode .bg-white h6{

color:#fff !important;

}

body.dark-mode .bg-white p,
body.dark-mode .bg-white span,
body.dark-mode .bg-white li{

color:#cbd5e1 !important;

}

/* =========================
CONTACT SECTION DARK MODE
========================= */

/* Info cards */

body.dark-mode .info-box{

background:#111827 !important;

color:#f8fafc !important;

border:1px solid #334155;

border-radius:18px;

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

}


/* Headings */

body.dark-mode .info-box h5{

color:#fff !important;

}


/* Text */

body.dark-mode .info-box p,
body.dark-mode .info-item p{

color:#cbd5e1 !important;

}


/* Items */

body.dark-mode .info-item{

padding:14px 0;

border-bottom:
1px solid rgba(255,255,255,.06);

}


body.dark-mode .info-item:last-child{

border-bottom:none;

}


/* Strong */

body.dark-mode .info-item strong{

color:#fff !important;

}


/* Icons */

body.dark-mode .info-item i{

color:#60a5fa !important;

font-size:18px;

min-width:24px;

}



/* Contact links */

body.dark-mode .info-box a{

color:#f8fafc !important;

text-decoration:none;

transition:.3s;

}

body.dark-mode .info-box a:hover{

color:#60a5fa !important;

}



/* Phone */

body.dark-mode .fa-phone{

color:#22c55e !important;

}


/* Email */

body.dark-mode .fa-envelope{

color:#3b82f6 !important;

}


/* Location */

body.dark-mode .fa-map-marker-alt{

color:#ef4444 !important;

}



/* WhatsApp */

body.dark-mode .fa-whatsapp{

color:#25D366 !important;

}



/* Social */

body.dark-mode .social-links{

display:flex;

gap:10px;

}


body.dark-mode .social-icon{

width:42px;

height:42px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#1e293b;

color:#fff !important;

transition:.3s;

}


body.dark-mode .social-icon:hover{

transform:translateY(-4px);

background:#2563eb;

}


/* Special hover */

body.dark-mode .social-icon.facebook:hover{

background:#1877F2;

}

body.dark-mode .social-icon.twitter:hover{

background:#1DA1F2;

}

body.dark-mode .social-icon.linkedin:hover{

background:#0A66C2;

}

body.dark-mode .social-icon.instagram:hover{

background:
linear-gradient(
135deg,
#f58529,
#dd2a7b,
#8134af
);

}

/* =========================
SATISFACTION SECTION
DARK MODE
========================= */

/* Section */

body.dark-mode .satisfaction-section{

background:
#0f172a
!important;

}



/* Card */

body.dark-mode .satisfaction-card{

background:
#111827
!important;

border:
1px solid
#334155;

border-radius:
24px;

box-shadow:
0 18px 45px rgba(0,0,0,.30);

color:
#f8fafc;

}



/* Icon */

body.dark-mode .guarantee-icon{

background:
linear-gradient(
135deg,
#2563eb,
#4f46e5
);

color:#fff;

box-shadow:
0 12px 30px rgba(37,99,235,.25);

}



/* Title */

body.dark-mode .guarantee-title{

color:
#ffffff
!important;

}



/* Description */

body.dark-mode .guarantee-text{

color:
#cbd5e1
!important;

line-height:
1.9;

}



/* Features wrapper */

body.dark-mode .guarantee-features{

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

padding-top:
20px;

}



/* Feature item */

body.dark-mode .feature-item{

background:
#1e293b;

border:
1px solid
#334155;

color:
#f8fafc;

border-radius:
14px;

padding:
14px 18px;

transition:
.3s;

}



/* Hover */

body.dark-mode .feature-item:hover{

transform:
translateY(-4px);

background:
#243244;

}



/* Icon */

body.dark-mode .feature-item i{

color:
#22c55e;

font-size:
18px;

}



/* Text */

body.dark-mode .feature-item span{

color:
#f8fafc
!important;

}



/* Mobile */

@media(max-width:991px){

body.dark-mode .satisfaction-card{

padding:
30px 22px;

}

body.dark-mode .guarantee-title{

font-size:
30px;

}

}

/* =========================
PORTFOLIO SECTION
DARK MODE
========================= */

/* Section */

body.dark-mode .portfolio-section{

background:
#0f172a
!important;

}



/* Heading */

body.dark-mode .portfolio-section .heading{

color:#fff !important;

}


body.dark-mode .portfolio-section .heading span{

color:#60a5fa;

}


body.dark-mode .portfolio-section .heading-badge{

background:
rgba(59,130,246,.12);

color:
#60a5fa;

border:
1px solid rgba(96,165,250,.18);

}



/* Top description */

body.dark-mode .portfolio-section .text-muted{

color:
#cbd5e1
!important;

}



/* Portfolio card */

body.dark-mode .portfolio-card{

background:
#111827;

border:
1px solid #334155;

border-radius:
20px;

overflow:hidden;

box-shadow:
0 15px 35px rgba(0,0,0,.25);

transition:
.35s;

}



/* Hover */

body.dark-mode .portfolio-card:hover{

transform:
translateY(-8px);

box-shadow:
0 24px 45px rgba(0,0,0,.40);

}



/* Image */

body.dark-mode .portfolio-image{

overflow:hidden;

}


body.dark-mode .portfolio-image img{

transition:
.45s;

}


body.dark-mode .portfolio-card:hover .portfolio-image img{

transform:
scale(1.05);

}



/* Content */

body.dark-mode .portfolio-content{

padding:
24px;

}



/* Category */

body.dark-mode .portfolio-category{

display:inline-block;

padding:
6px 12px;

border-radius:
40px;

background:
rgba(37,99,235,.14);

color:
#60a5fa;

font-size:
13px;

margin-bottom:
14px;

}



/* Title */

body.dark-mode .portfolio-content h4{

color:
#fff
!important;

}



/* Description */

body.dark-mode .portfolio-content p{

color:
#cbd5e1
!important;

}



/* Details button */

body.dark-mode .portfolio-link{

color:
#60a5fa;

text-decoration:none;

font-weight:600;

transition:.3s;

}


body.dark-mode .portfolio-link:hover{

color:
#93c5fd;

}



/* View All */

body.dark-mode .portfolio-btn{

display:inline-flex;

align-items:center;

gap:10px;

padding:
14px 26px;

border-radius:
50px;

background:
linear-gradient(
90deg,
#2563eb,
#4f46e5
);

color:#fff;

text-decoration:none;

font-weight:600;

transition:.3s;

}


body.dark-mode .portfolio-btn:hover{

color:#fff;

transform:
translateY(-4px);

box-shadow:
0 15px 30px rgba(59,130,246,.25);

}



/* Mobile */

@media(max-width:991px){

body.dark-mode .portfolio-content{

padding:
20px;

}

body.dark-mode .portfolio-content h4{

font-size:
20px;

}

}

/* =========================
TESTIMONIAL SECTION DARK MODE
========================= */

/* Section background */
body.dark-mode .testimonial-slider,
body.dark-mode section.bg-light{
background:#0f172a !important;
}


/* Heading */
body.dark-mode .heading,
body.dark-mode .heading-badge,
body.dark-mode h2,
body.dark-mode h6{
color:#fff !important;
}


/* Description */
body.dark-mode .text-muted{
color:#cbd5e1 !important;
}


/* Testimonial card */
body.dark-mode .testimonial-card{

background:#1e293b !important;

color:#f8fafc !important;

border:1px solid rgba(255,255,255,.08);

box-shadow:
0 10px 30px rgba(0,0,0,.25);

transition:.3s;

}


/* Hover */
body.dark-mode .testimonial-card:hover{

transform:
translateY(-6px);

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

}


/* Client image */
body.dark-mode .client-img{

border:
2px solid rgba(255,255,255,.12);

}


/* Client name */
body.dark-mode .testimonial-card h6{

color:#fff !important;

}


/* Role */
body.dark-mode .testimonial-card small{

color:#94a3b8 !important;

}


/* Review text */
body.dark-mode .testimonial-card p{

color:#dbeafe !important;

}


/* Stars */
body.dark-mode .stars .text-muted{

color:#475569 !important;

}


/* Slider track */
body.dark-mode .testimonial-track{

background:transparent;

}


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

body.dark-mode .testimonial-card{

padding:20px;

}

}

/* =========================
TEAM SECTION DARK MODE
========================= */

/* Section */
body.dark-mode .team-section,
body.dark-mode .bg-light{

background:#0f172a !important;

}


/* Team Card */

body.dark-mode .team-card{

background:#1e293b !important;

border:1px solid rgba(255,255,255,.08);

box-shadow:
0 12px 35px rgba(0,0,0,.25);

transition:.35s;

overflow:hidden;

}


/* Hover */

body.dark-mode .team-card:hover{

transform:
translateY(-8px);

box-shadow:
0 20px 45px rgba(0,0,0,.35);

}


/* Image */

body.dark-mode .team-image img{

filter:
brightness(.92);

}


/* Content */

body.dark-mode .team-content{

background:transparent;

}


/* Name */

body.dark-mode .team-content h5{

color:#ffffff !important;

font-weight:700;

}


/* Designation */

body.dark-mode .designation{

color:#60a5fa !important;

}


/* Description */

body.dark-mode .team-content p{

color:#cbd5e1 !important;

}


/* Social Area */

body.dark-mode .team-social{

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

padding-top:14px;

}


/* Social Icons */

body.dark-mode .team-social a{

width:40px;

height:40px;

display:inline-flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#0f172a;

color:#fff !important;

transition:.3s;

}


/* Hover */

body.dark-mode .team-social a:hover{

background:#2563eb;

color:#fff !important;

transform:
translateY(-3px);

}


/* Linked Icons */

body.dark-mode .team-social i{

color:inherit;

}


/* Mobile */

@media(max-width:991px){

body.dark-mode .team-card{

margin-bottom:20px;

}

}
/* =========================
MISSION / VISION DARK MODE
========================= */

/* Row Section */

body.dark-mode .info-card{

background:#1e293b !important;

border:1px solid rgba(255,255,255,.08);

box-shadow:
0 12px 35px rgba(0,0,0,.22);

border-radius:20px;

transition:.35s;

color:#f8fafc;

}


/* Hover */

body.dark-mode .info-card:hover{

transform:
translateY(-6px);

box-shadow:
0 20px 45px rgba(0,0,0,.35);

}


/* Title */

body.dark-mode .info-card h5{

color:#fff !important;

font-weight:700;

display:flex;

align-items:center;

}


/* Icons */

body.dark-mode .mission-card h5 i{

color:#3b82f6;

}


body.dark-mode .vision-card h5 i{

color:#f59e0b;

}


/* Paragraph */

body.dark-mode .info-card p{

color:#cbd5e1 !important;

line-height:1.9;

margin-bottom:0;

}


/* Mission card */

body.dark-mode .mission-card{

background:
linear-gradient(
135deg,
#1e293b,
#162033
) !important;

}


/* Vision card */

body.dark-mode .vision-card{

background:
linear-gradient(
135deg,
#1b2436,
#111827
) !important;

}


/* Border Accent */

body.dark-mode .mission-card{

border-left:
4px solid #3b82f6;

}


body.dark-mode .vision-card{

border-left:
4px solid #f59e0b;

}


/* Mobile */

@media(max-width:768px){

body.dark-mode .info-card{

padding:22px;

}

}
/* =========================
CONTACT SECTION DARK MODE
========================= */

/* Contact Wrapper */

body.dark-mode .contact-left{

background:transparent;

}


/* Contact Box */

body.dark-mode .contact-box{

background:#1e293b !important;

border:1px solid rgba(255,255,255,.08);

border-radius:18px;

padding:18px;

margin-bottom:18px;

box-shadow:
0 12px 35px rgba(0,0,0,.18);

transition:.35s;

}


/* Hover */

body.dark-mode .contact-box:hover{

transform:
translateY(-5px);

box-shadow:
0 18px 45px rgba(0,0,0,.28);

}


/* Icon Circle */

body.dark-mode .contact-icon{

width:46px;

height:46px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:
linear-gradient(
135deg,
#2563eb,
#1d4ed8
);

color:#fff;

flex-shrink:0;

}


/* Icon */

body.dark-mode .contact-icon i{

font-size:18px;

}


/* Label */

body.dark-mode .contact-label{

display:block;

font-size:12px;

font-weight:700;

letter-spacing:1px;

color:#60a5fa !important;

margin-bottom:6px;

text-transform:uppercase;

}


/* Text */

body.dark-mode .contact-box h5{

margin:0;

color:#ffffff !important;

font-size:17px;

font-weight:600;

line-height:1.6;

}


/* Social */

body.dark-mode .contact-social{

display:flex;

flex-wrap:wrap;

gap:12px;

margin-top:25px;

}


/* Social Buttons */

body.dark-mode .contact-social a{

width:36px;

height:36px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#1e293b;

color:#fff !important;

border:1px solid rgba(255,255,255,.08);

transition:.3s;

text-decoration:none;

}


/* Hover */

body.dark-mode .contact-social a:hover{

background:#2563eb;

transform:
translateY(-4px);

color:#fff !important;

}


/* Mobile */

@media(max-width:991px){

body.dark-mode .contact-box{

padding:16px;

}

body.dark-mode .contact-box h5{

font-size:15px;

}

body.dark-mode .contact-icon{

width:50px;

height:50px;

}

}


/* =========================
DARK MODE → HEADER BUTTONS
========================= */

/* WhatsApp button icon */
body.dark-mode .whatsapp-btn{
    color:#111 !important;
}

body.dark-mode .whatsapp-btn i{
    color:#111 !important;
}


/* Appointment button text + icon */
body.dark-mode .header-btn-appt-r2h6c{
    color:#111 !important;
}

body.dark-mode .header-btn-appt-r2h6c i,
body.dark-mode .header-btn-appt-r2h6c span{
    color:#111 !important;
}


/* Hover */
body.dark-mode .whatsapp-btn:hover,
body.dark-mode .header-btn-appt-r2h6c:hover{
    color:#000 !important;
}

body.dark-mode .whatsapp-btn:hover i,
body.dark-mode .header-btn-appt-r2h6c:hover i,
body.dark-mode .header-btn-appt-r2h6c:hover span{
    color:#000 !important;
}

/* =========================
DARK MODE → FLOAT WHATSAPP
========================= */

body.dark-mode .whatsapp-float-j5r9k{
    color:#111 !important;
}

body.dark-mode .whatsapp-float-j5r9k i{
    color:#111 !important;
}


/* Hover */
body.dark-mode .whatsapp-float-j5r9k:hover{
    color:#000 !important;
}

body.dark-mode .whatsapp-float-j5r9k:hover i{
    color:#000 !important;
}
/* =========================
EXPERIENCE BADGE DARK MODE
========================= */

body.dark-mode .experience-badge{

background:
linear-gradient(
135deg,
#1e293b,
#0f172a
) !important;

border:
1px solid rgba(255,255,255,.08);

box-shadow:
0 18px 45px rgba(0,0,0,.28);

color:#fff;

backdrop-filter:
blur(20px);

transition:.35s;

}


/* Number */

body.dark-mode .experience-badge h2{

margin:0;

font-size:52px;

font-weight:800;

background:
linear-gradient(
90deg,
#60a5fa,
#38bdf8
);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

background-clip:text;

}


/* Text */

body.dark-mode .experience-badge span{

display:block;

margin-top:6px;

color:#cbd5e1 !important;

font-size:15px;

line-height:1.7;

font-weight:500;

}


/* Hover */

body.dark-mode .experience-badge:hover{

transform:
translateY(-6px);

box-shadow:
0 22px 55px rgba(0,0,0,.35);

}


/* Mobile */

@media(max-width:768px){

body.dark-mode .experience-badge{

padding:18px;

}

body.dark-mode .experience-badge h2{

font-size:40px;

}

body.dark-mode .experience-badge span{

font-size:14px;

}

}

/* =========================
FIX MOBILE TOGGLE DARK MODE
========================= */

/* Dark mode → always white icon */
body.dark-mode .custom-navbar .navbar-toggler-icon,
body.dark-mode .custom-navbar.scrolled .navbar-toggler-icon{

filter:
brightness(0)
invert(1) !important;

}


/* Make toggle button visible */
body.dark-mode .custom-navbar .navbar-toggler{

border:
1px solid rgba(255,255,255,.25);

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

border-radius:10px;

padding:8px 10px;

}


/* Hover */
body.dark-mode .custom-navbar .navbar-toggler:hover{

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

}


/* Mobile only */
@media (max-width:991px){

body.dark-mode .custom-navbar.scrolled{

background:
rgba(15,23,42,.96) !important;

}

}