body,
        body.dark-scheme {
            background-color: #f4f6f8 !important;
            color: #1a2a3a !important;
        }

       
        #topbar {
            background-color: #1d3d5c !important;
            border-bottom: none !important;
        }
        #topbar a,
        #topbar .topbar-widget a {
            color: #ffffff !important;
        }

        
        header {
            background-color: #ffffff !important;
            box-shadow: 0 2px 12px rgba(29,61,92,0.10) !important;
        }
        header.transparent {
            background: #ffffff !important;
        }
        
        #mainmenu > li > a,
        #mainmenu li a.menu-item {
            color: #1a2a3a !important;
        }
        #mainmenu > li > a:hover,
        #mainmenu li a.menu-item:hover {
            color: #1d3d5c !important;
        }

       
        section.jarallax.text-light {
            background-color: #1d3d5c !important;
        }
        section.jarallax.text-light h1,
        section.jarallax.text-light h2,
        section.jarallax.text-light h3,
        section.jarallax.text-light h4,
        section.jarallax.text-light p {
            color: #ffffff !important;
        }
        .sw-overlay {
            background: rgba(29,61,92,0.85) !important;
        }
        .de-gradient-edge-bottom {
            /* background: linear-gradient(to bottom, transparent, #f4f6f8) !important; */
        }

       
        .btn-main,
        a.btn-main {
            background: #1d3d5c !important;
            color: #ffffff !important;
            border: 2px solid #1d3d5c !important;
            border-radius: 4px !important;
        }
        .btn-main:hover,
        a.btn-main:hover {
            background: #2a517a !important;
            border-color: #2a517a !important;
        }
        .btn-main.btn-line,
        a.btn-main.btn-line {
            background: transparent !important;
            color: #ffffff !important;
            border: 2px solid #ffffff !important;
        }
        .btn-main.btn-line:hover {
            background: #ffffff !important;
            color: #1d3d5c !important;
        }
       
        .bg-color {
            background-color: #1d3d5c !important;
        }

       
        section.no-top.no-bottom {
            background: #ffffff !important;
        }
        section.no-top.no-bottom h2,
        section.no-top.no-bottom .subtitle,
        section.no-top.no-bottom p {
            color: #1a2a3a !important;
        }
       
        .py-4.bg-dark-2 {
            background: #1d3d5c !important;
            color: #ffffff !important;
            border-radius: 6px !important;
        }
        .py-4.bg-dark-2 h1 {
            color: #ffffff !important;
        }
        .py-4.bg-dark-2 .fs-18 {
            color: #cbd5e0 !important;
        }
       
        .ul-style-2.text-white li,
        .ul-style-2 li {
            color: #1a2a3a !important;
        }
        .ul-style-2 li::before {
            background: #1d3d5c !important;
        }

        
        section.section-dark,
        .section-dark {
            background: #1d3d5c !important;
        }
        .section-dark .text-light,
        .section-dark span,
        .section-dark div {
            color: #e2e8f0 !important;
        }
        .id-color-3 {
            color: #f0c040 !important;
        }

        
        section.jarallax:not(.text-light) h2,
        section.jarallax:not(.text-light) .subtitle {
            color: #ffffff !important;
        }
        .title{
            color: #1a2a3a !important;
        }

        
        .bg-dark-2 {
            background-color: #e8ecf1 !important;
            color: #1a2a3a !important;
        }
        .bg-dark-2 h4, .bg-dark-2 h3, .bg-dark-2 h2 {
            color: #1a2a3a !important;
        }
        .bg-dark-2 p {
            color: #4a5568 !important;
        }
        
        .triangle-bottomright-dark-half,
        .triangle-bottomright-dark {
            border-bottom-color: #f4f6f8 !important;
            border-right-color: #f4f6f8 !important;
        }

        
        section.pb-0 {
            background: #f4f6f8 !important;
            padding-bottom:60px !important;
        }
        section.pb-0 a.d-block {
            background: #ffffff !important;
            box-shadow: 0 2px 16px rgba(29,61,92,0.08) !important;
            color: #1a2a3a !important;
            transition: transform 0.2s, box-shadow 0.2s !important;
        }
        section.pb-0 a.d-block:hover {
            transform: translateY(-4px) !important;
            box-shadow: 0 8px 28px rgba(29,61,92,0.16) !important;
        }
        section.pb-0 a.d-block h4 {
            color: #1d3d5c !important;
        }
        section.pb-0 a.d-block p {
            color: #4a5568 !important;
        }
       
        section.pb-0 .abs.end-0.top-0 {
            color: #1d3d5c !important;
            font-weight: 700 !important;
        }
       
        section.pb-0 img.bg-color {
            background-color: #1d3d5c !important;
        }

        p{
            text-align: justify !important;
        }
        section.bg-dark-2 {        
            background-color: #e8ecf1 !important;
        }
        section.bg-dark-2 h2,
        section.bg-dark-2 .subtitle {
            color: #1d3d5c !important;
        }
        section.bg-dark-2 p {
            color: #4a5568 !important;
        }
        .de-gradient-edge-bottom ~ section {
            background-color: #f4f6f8 !important;
        }

        
        section.bg-dark {
            background-color: #1d3d5c !important;
        }
        .de-marquee-list .d-item-txt {
            color: #ffffff !important;
        }
        .d-item-block {
            background: rgba(255,255,255,0.3) !important;
        }

        
        section.bg-dark.text-light {
            background-color: #1a2a3a !important;
        }
        section.bg-dark.text-light .subtitle,
        section.bg-dark.text-light h2 {
            color: #f0f4f8 !important;
        }
        .p-40.bg-dark-2 {
            background-color: #2a3a4e !important;
            
        }
        .p-40.bg-dark-2 h4 a.text-white {
            color: #e2e8f0 !important;
        }
        .abs.z-2.bg-dark-2 {
            background-color: #1d3d5c !important;
        }

        
        section.bg-color {
            background-color: #1d3d5c !important;
        }
        section.bg-color a,
        section.bg-color span,
        section.bg-color h4 {
            color: #ffffff !important;
        }
        section.bg-color i {
            color: #f0c040 !important;
        }

        
        footer {
            background-color: #1a2a3a !important;
            color: #a0aec0 !important;
        }
        footer h5 {
            color: #ffffff !important;
        }
        footer p, footer div, footer li {
            color: #a0aec0 !important;
        }
        footer a {
            color: #a0aec0 !important;
        }
        footer a:hover {
            color: #ffffff !important;
        }
        .text-white {
            color: #ffffff !important;
        }
        .id-color {
            color: #f0c040 !important;
        }
        .subfooter {
            background-color: #111c28 !important;
            color: #718096 !important;
        }
        .subfooter a {
            color: #f0c040 !important;
        }

       
        #extra-wrap {
            background-color: #1a2a3a !important;
        }
        #extra-wrap h5 {
            color: #ffffff !important;
        }
        #extra-wrap .ul-style-2 li a,
        #extra-wrap p, #extra-wrap div {
            color: #cbd5e0 !important;
        }
        #btn-close span {
            background: #ffffff !important;
        }

       
        .subtitle {
            background: rgba(29,61,92,0.10) !important;
            color: #1d3d5c !important;
            border-left: 3px solid #1d3d5c !important;
            padding: 4px 12px !important;
            border-radius: 0 4px 4px 0 !important;
            display: inline-block !important;
        }
        section.section-dark .subtitle {
            background: rgba(255,255,255,0.12) !important;
            color: #ffffff !important;
            border-left-color: #f0c040 !important;
        }
        section.bg-dark .subtitle,
        section.bg-dark.text-light .subtitle {
            background: rgba(255,255,255,0.12) !important;
            color: #f0f4f8 !important;
            border-left-color: #f0c040 !important;
        }

        
        #de-loader {
            background: #f4f6f8 !important;
        }

       
        #back-to-top {
            background: #1d3d5c !important;
        }

       
        .social-icons a {
            background: #1d3d5c !important;
            color: #ffffff !important;
        }
        .social-icons a:hover {
            background: #2a517a !important;
        }

       
        #menu-btn span,
        #menu-btn::before,
        #menu-btn::after {
            background: #1d3d5c !important;
        }

       
        .text-light {
            color: #1a2a3a !important;
        }
        section.jarallax.text-light .text-light,
        section.section-dark .text-light,
        section.bg-dark .text-light,
        .p-40.bg-dark-2 .text-light {
            color: #e2e8f0 !important;
        }
       
        .cam-style {
            color: #ffffff !important;
        }

        .about-img-wrap{
    position: relative;
}

.aboutus-img{
    width:100%;
    min-height:200px !important;
}

/* Mobile Fix */

    @media only screen and (max-width:767px){
section.jarallax.text-light h1{
    font-size:24px !important;
    margin-top:50px;
}
.heading{
    font-size:18px !important;
}
.aboutus-img{
    width:100%;
    height:200px;
}
.about-img-wrap{
    position: relative !important;
    height:auto !important;
    margin-bottom:20px;
}

.aboutus-img{
    position:relative !important;
    width:100%;
    height:auto;
}
.bg-dark-2 h4{
    font-size:12px;
}
.mb-20{
    margin-bottom:40px !important;
}
.service-title {
    font-size:14px !important;
}
.de-flex{
    display:block;
}

    }


      .text-black{
            color:black !important;
        }
        .custom-tabs {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.tab-btn {
    padding: 10px 20px;
    border: none;
    /* background: #f1f1f1; */
    cursor: pointer;
    font-weight: 600;
    border-radius: 5px;
    transition: 0.3s;
}

.tab-btn.active {
    /* background: #000; */
    color: #fff;
}

.tab-content {
    display: none;
    animation: fadeIn 0.4s ease-in-out;
}

.tab-content.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}


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

      .service-box {
        background: #e9e9e9;
        border: 2px solid #264150;
        border-radius: 10px;
        padding: 35px 20px;
        text-align: center;
        transition: 0.3s;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        height: 100%;
      }

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

      .service-icon {
        font-size: 45px;
        color: #264150;
        margin-bottom: 15px;
      }

      .service-title {
        font-size: 16px;
        font-weight: 600;
        color: #000;
      }

/* vision, mission, values code */
.vmv-container {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

/* Card style */
.vmv-card {
    flex: 1;
    min-width: 220px;
    background: #fff;
    border-radius: 10px;
    border: 2px solid #264150;
    padding: 28px 22px 22px;
    box-shadow: 0 4px 18px rgba(38,65,80,0.08);
    text-align: center;
}

/* Icon circle */
.vmv-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #264150;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

.vmv-icon i {
    color: #fff;
    font-size: 24px;
}

/* Titles */
.vmv-title {
    color: #264150 !important;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 600;
}

/* Text paragraphs */
.vmv-text {
    font-size: 14px;
    color: #333;
    text-align: justify;
    margin: 0 0 8px;
}

/* Special goal text */
.vmv-text.goal {
    color: #264150;
    font-weight: 600;
    margin-top: 6px;
}