/* Ensure <p> text is black on light backgrounds for capabilities subpages */
.light-bg, .bg-white, .bg-fafafa, .bg-f9f9f9, .bg-e8f4f8, .bg-f8f9fa, .bg-e9ecef, .bg-light, .bg-card, .bg-page, .bg-section {
    background-color: #fff !important;
}
.light-bg p,
.bg-white p,
.bg-fafafa p,
.bg-f9f9f9 p,
.bg-e8f4f8 p,
.bg-f8f9fa p,
.bg-e9ecef p,
.bg-light p,
.bg-card p,
.bg-page p,
.bg-section p{
    color: #000 !important;
}
/* Ensure contact form fields have white background */
.form-control,
.form-select,
textarea.form-control {
    background-color: #f4f4f4 !important;
    color: #474747 !important;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

/********** Template CSS **********/
:root {
    p {
        font-size: 1rem !important;
    }
    :root {
        --primary: #0a203f;
        --light: #F5F5F5;
        --dark: #0a203f;
        --card-bg: #ffffff;
        --accent: #00aeff;
        --text: #003366;
    }

    /* Global typography */
    html {
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
        font-size: 16px;
    }

    body,
    button,
    input,
    select,
    textarea {
        font-family: inherit !important;
        line-height: 1.6;
        color: #003366;
    }

    /* Ensure no default browser gutters around the page */
    body {
        html, body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, p, td, th, div, span {
            font-family: 'Times New Roman', Times, serif !important;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility;
        }
        color: #003366 !important;
    }

    .why {
        color: #003366 !important;
    }

    .navbar-custom-bg {
        background-color: #0a203f !important;
        padding-left: 3% !important;
        padding-right: 3% !important;
    }

    .btn-n {
        background-color: #00264d;
    }

    .read {
        color: #003366 !important;
    }

    .h4 {
        color: #003366 !important;
    }

    .fw-medium {
        font-weight: 500 !important;
    }

    .fw-bold {
        font-weight: 700 !important;
    }

    .fw-black {
        font-weight: 900 !important;
    }

    .back-to-top {
        position: fixed;
        display: none;
        left: 45px;
        bottom: 45px;
        z-index: 99;
    }


    /*** Spinner ***/
    #spinner {
        opacity: 0;
        visibility: hidden;
        transition: opacity .5s ease-out, visibility 0s linear .5s;
        z-index: 99999;
    }

    #spinner.show {
        transition: opacity .5s ease-out, visibility 0s linear 0s;
        visibility: visible;
        opacity: 1;
    }


    /*** Button ***/
    .btn {
        font-weight: 500;
        transition: .5s;
        border-radius: 20px;
    }

    .btn.btn-primary3 {
        background: #00264d;
    }

    .btn.btn-primary3:hover {
        background: #04548a;
    }

    .btn.btn-primary,
    .btn.btn-secondary {
        color: #FFFFFF;
        background: #00264d;
    }

    .btn.btn-primary:hover {
        background: #0f5eac;
    }

    .btn-square {
        width: 38px;
        height: 38px;
    }

    .btn-sm-square {
        width: 32px;
        height: 32px;
    }

    .btn-lg-square {
        width: 48px;
        height: 48px;
    }

    .btn-square,
    .btn-sm-square,
    .btn-lg-square {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: normal;
    }

    /*** Navbar ***/
    .navbar .dropdown-toggle::after {
        border: none;
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        vertical-align: middle;
        margin-left: 8px;
    }

    .navbar-custom-bg.navbar-light .navbar-nav .nav-link {
        display: block;
        margin-right: 30px;
        padding: 25px 0;
        text-align: left;
        color: #FFFFFF;
        font-size: 15px;
        font-weight: 500;
        text-transform: capitalize;
        transition: .3s;
    }


    .navbar-custom-bg.navbar-light .navbar-nav .nav-link:hover,
    .navbar-custom-bg.navbar-light .navbar-nav .nav-link.active {
        color: #00aeff;
    }



    @media (max-width: 991.98px) {
        .navbar-custom-bg.navbar-light .navbar-nav .nav-link {
            margin-right: 0;
            padding: 10px 0;
        }

        .navbar-custom-bg.navbar-light .navbar-nav {
            border-top: 1px solid rgba(255, 255, 255, 0.2);
        }
    }

    .navbar-light .navbar-brand,
    .navbar-light a.btn {
        height: 75px;
    }

    .navbar-custom-bg.navbar-light .navbar-nav .nav-link {
        color: #ffffff;
        font-weight: 500;
    }

    .navbar-light.sticky-top {
        top: -100px;
        transition: .5s;
    }

    @media (min-width: 992px) {
        .navbar .nav-item .dropdown-menu {
            display: block;
            border: none;
            margin-top: 0;
            top: 150%;
            opacity: 0;
            visibility: hidden;
            transition: .5s;
        }

        .navbar .nav-item:hover .dropdown-menu {
            top: 100%;
            visibility: visible;
            transition: .5s;
            opacity: 1;
        }
    }


    /*** Header ***/
    @media (max-width: 768px) {
        .header-carousel .owl-carousel-item {
            position: relative;
            min-height: 500px;
        }

        .header-carousel .owl-carousel-item img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .header-carousel .owl-carousel-item h5,
        .header-carousel .owl-carousel-item p {
            font-size: 14px !important;
            font-weight: 400 !important;
        }

        .header-carousel .owl-carousel-item h1 {
            font-size: 30px;
            font-weight: 600;
        }
    }

    .header-carousel .owl-nav {
        position: absolute;
        width: 300px;
        height: 45px;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        justify-content: space-between;
    }

    .btnx {
        background-color: #00264d;
        color: #549cdf;
    }

    .btnx-hover {
        color: white !important;
        background-color: #1475b5 !important;
    }

    .header-carousel .owl-nav .owl-prev,
    .header-carousel .owl-nav .owl-next {
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        background: transparent;
        border: 1px solid #FFFFFF;
        font-size: 22px;
        transition: .5s;
    }

    .header-carousel .owl-nav .owl-prev:hover,
    .header-carousel .owl-nav .owl-next:hover {
        background: var(--primary);
        border-color: var(--primary);
    }

    .header-carousel .owl-dots {
        position: absolute;
        height: 45px;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .text-primary1 {
        color: #003366 !important;
    }

    .header-carousel .owl-dot {
        position: relative;
        display: inline-block;
        margin: 0 5px;
        width: 15px;
        height: 15px;
        background: transparent;
        border: 1px solid #FFFFFF;
        transition: .5s;
    }

    .header-carousel .owl-dot::after {
        position: absolute;
        content: "";
        width: 5px;
        height: 5px;
        top: 4px;
        left: 4px;
        background: transparent;
        border: 1px solid #FFFFFF;
    }

    .text {
        text-align: justify;
        padding-left: 5px;
        padding-right: 5px;
    }

    .header-carousel .owl-dot.active {
        background: var(--primary);
        border-color: var(--primary);
    }

    .page-header {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/about\ 2.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header0 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/ERP2.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header1 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/portal2.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header2 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/commerce-2.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header3 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/cloud2.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header4 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/business\ 2.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header5 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/case.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header6 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/contact.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header7 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/digital\ 2.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header8 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/change2.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header9 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/ai2.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header10 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/project2.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header11 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/edu.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header12 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/health.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header13 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/hos.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header14 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/retail.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header15 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/estate.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header16 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/supply.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header17 {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/prof.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header18 {
        background: linear-gradient(rgba(10, 32, 63, .3), rgba(10, 32, 63, .7)), url(../img/travel.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header19 {
        background: linear-gradient(rgba(10, 32, 63, .3), rgba(10, 32, 63, .7)), url(../img/agric.jpg) center center no-repeat;
        background-size: cover;
    }

    [class*="page-header"] {
        min-height: 420px;
        width: 100%;
        display: flex;
        align-items: center;
    }

    /* Increase hero height for Case Studies page */
    .page-header5 {
        min-height: 420px;
    }

    /* Ensure hero sections truly fill the screen width without gutters */
    .container-fluid[class*="page-header"] {
        padding-left: 0;
        padding-right: 0;
    }

    .hero {
        width: 100vw;
        max-width: none;
        margin: 0;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding: 120px 20px;
        text-align: center;
        position: relative;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }

    /* Ensure hero text is white */
    .hero,
    .hero *,
    header.hero,
    header.hero * {
        color: #ffffff !important;
    }

    .hero h1 {
        color: #ffffff !important;
        font-size: 3rem;
        margin-bottom: 20px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    }

    .hero p {
        color: #ffffff !important;
        font-size: 1.2rem;
        max-width: 800px;
        margin: 0 auto 30px;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    }

    .page-header-insights {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/case.jpg) center center no-repeat;
        background-size: cover;
    }

    /* Insights page-specific banners */
    .page-header-insights-home {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/digital\ 2.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header-insights-blog {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/case.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header-insights-tech {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/portal2.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header-insights-privacy {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/contact.jpg) center center no-repeat;
        background-size: cover;
    }

    .page-header-insights-careers,
    .page-header-insights-job,
    .page-header-insights-apply {
        background: linear-gradient(rgba(10, 32, 63, .1), rgba(10, 32, 63, .7)), url(../img/prof.jpg) center center no-repeat;
        background-size: cover;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        color: var(--light);
    }


    /*** Section Title ***/
    .section-title h1 {
        position: relative;
        display: inline-block;
        padding: 0 60px;
    }

    .section-title.text-start h1 {
        padding-left: 0;
    }

    .section-title h1::before,
    .section-title h1::after {
        position: absolute;
        content: "";
        width: 45px;
        height: 5px;
        bottom: 0;
        background: var(--dark);
    }

    .section-title h1::before {
        left: 0;
    }

    .section-title h1::after {
        right: 0;
    }

    .section-title.text-start h1::before {
        display: none;
    }


    /*** About ***/
    @media (min-width: 992px) {
        .container.about {
            max-width: 100% !important;
        }

        .about-text {
            padding-right: 1rem;
        }
    }

    @media (min-width: 1200px) {
        .about-text {
            padding-right: 1rem;
        }
    }

    @media (min-width: 1400px) {
        .about-text {
            padding-right: 1rem;
        }
    }


    /*** Service ***/
    .service-item img {
        transition: .5s;
    }

    .service-item:hover img {
        transform: scale(1.1);
    }


    /*** Feature ***/
    @media (min-width: 992px) {
        .container.feature {
            max-width: 100% !important;
        }

        .feature-text {
            padding-left: calc(((100% - 960px) / 2) + .75rem);
        }
    }

    @media (min-width: 1200px) {
        .feature-text {
            padding-left: calc(((100% - 1140px) / 2) + .75rem);
        }
    }

    @media (min-width: 1400px) {
        .feature-text {
            padding-left: calc(((100% - 1320px) / 2) + .75rem);
        }
    }


    /* Portfolio container */
    .portfolio-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1.5rem;
        overflow: hidden;
    }

    /* Individual card */
    .portfolio-card {
        background: #fff;
        width: 350px;
        border: 5px solid #f8f9fa;
        border-top: 0;
        border-radius: 0 0 8px 8px;
        overflow: hidden;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
        transition: transform 0.3s ease;
    }

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

    /* Image + Overlay */
    .card-img {
        position: relative;
        overflow: hidden;
    }

    .card-img img {
        width: 100%;
        height: auto;
        transition: transform 0.4s ease;
        display: block;
    }

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

    .overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.6);
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        transition: opacity 0.3s ease;
    }

    .portfolio-card:hover .overlay {
        opacity: 1;
    }

    /* Button inside overlay */
    .overlay .btn {
        opacity: 1;
    }

    /* Card Body */
    .card-body {
        text-align: center;
        padding: 20px;
    }

    .card-body h5 {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
        color: #003366 !important;
    }

    /* Responsive behavior */
    @media (max-width: 768px) {
        .portfolio-card {
            width: 100%;
            margin: 0 auto;
        }
    }


    /*** Quote ***/
    @media (min-width: 992px) {
        .container.quote {
            max-width: 100% !important;
        }

        .quote-text {
            padding: calc(((100% - 960px) / 2) + .5rem);

        }
    }

    @media (min-width: 1200px) {
        .quote-text {
            padding: calc(((100% - 1140px) / 2) + .5rem);
        }
    }

    @media (min-width: 1400px) {
        .quote-text {
            padding: calc(((100% - 1320px) / 2) + .5rem);
        }
    }


    /*** Team ***/
    .team-item img {
        transition: .5s;
    }

    .team-item:hover img {
        transform: scale(1.1);
    }

    .team-item .team-social {
        position: absolute;
        width: 38px;
        top: 50%;
        left: -38px;
        transform: translateY(-50%);
        display: flex;
        flex-direction: column;
        background: #FFFFFF;
        transition: .5s;
    }

    .team-item .team-social .btn {
        color: var(--primary);
        background: #FFFFFF;
    }

    .team-item .team-social .btn:hover {
        color: #FFFFFF;
        background: var(--primary);
    }

    .team-item:hover .team-social {
        left: 0;
    }


    /*** Testimonial ***/
    .testimonial-carousel::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 0;
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        z-index: 1;
    }

    .testimonial-carousel::after {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        height: 100%;
        width: 0;
        background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        z-index: 1;
    }

    @media (min-width: 768px) {

        .testimonial-carousel::before,
        .testimonial-carousel::after {
            width: 200px;
        }
    }

    @media (min-width: 992px) {

        .testimonial-carousel::before,
        .testimonial-carousel::after {
            width: 300px;
        }
    }

    .testimonial-carousel .owl-item .testimonial-text {
        border: 5px solid var(--light);
        transform: scale(.8);
        transition: .5s;
    }

    .testimonial-carousel .owl-item.center .testimonial-text {
        transform: scale(1);
    }

    .testimonial-carousel .owl-nav {
        position: static;
        width: auto;
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-top: 12px;
        opacity: 1;
        transition: .5s;
    }

    .testimonial-carousel:hover .owl-nav {
        opacity: 1;
    }

    .testimonial-carousel .owl-nav .owl-prev,
    .testimonial-carousel .owl-nav .owl-next {
        position: relative;
        color: #f7fcff;
        font-size: 22px;
        transition: .5s;
    }

    .testimonial-carousel .owl-nav .owl-prev:hover,
    .testimonial-carousel .owl-nav .owl-next:hover {
        color: var(--dark);
    }

    /* Center arrow icons inside circular buttons */
    .testimonial-carousel .owl-nav button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        padding: 0;
        line-height: 1;
    }

    /* Responsive tweaks for testimonial carousel */
    @media (max-width: 992px) {
        .testimonial-carousel .owl-nav {
            gap: 16px;
            margin-top: 10px;
        }

        .testimonial-carousel .owl-nav .owl-prev,
        .testimonial-carousel .owl-nav .owl-next {
            font-size: 20px;
        }
    }

    @media (max-width: 576px) {
        .testimonial-carousel .owl-nav {
            gap: 12px;
            margin-top: 8px;
        }

        .testimonial-carousel .owl-nav .owl-prev,
        .testimonial-carousel .owl-nav .owl-next {
            font-size: 18px;
        }

        .testimonial-item .testimonial-text {
            padding: 1rem !important;
        }

        .testimonial-text p {
            font-size: 0.95rem;
        }
    }

    /* Hide arrows on very small devices to prevent overlap */
    @media (max-width: 400px) {
        .testimonial-carousel .owl-nav {
            display: none;
        }
    }


    /*** Contact ***/
    @media (min-width: 992px) {
        .container.contact {
            max-width: 100% !important;
        }

        .contact-text {
            padding-left: calc(((100% - 960px) / 2) + .75rem);
        }
    }

    @media (min-width: 1200px) {
        .contact-text {
            padding-left: calc(((100% - 1140px) / 2) + .75rem);
        }
    }

    @media (min-width: 1400px) {
        .contact-text {
            padding-left: calc(((100% - 1320px) / 2) + .75rem);
        }
    }


    /*** Footer ***/
    .footer {
        background: linear-gradient(rgba(10, 32, 63, .7), rgba(10, 32, 63, .7)), url(../img/footer.jpg) center center no-repeat;
        background-size: cover;
    }

    .footer .btn.btn-social {
        margin-right: 5px;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--light);
        border: 1px solid #FFFFFF;
        transition: .3s;
    }

    .footer .btn.btn-social:hover {
        color: var(--primary);
    }

    .footer .btn.btn-link {
        display: block;
        margin-bottom: 5px;
        padding: 0;
        text-align: left;
        color: #FFFFFF;
        font-size: 15px;
        font-weight: normal;
        text-transform: capitalize;
        transition: .3s;
    }

    .footer .btn.btn-link::before {
        position: relative;
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        margin-right: 10px;
    }

    .footer .btn.btn-link:hover {
        color: #114a6d;
        letter-spacing: 1px;
        box-shadow: none;
    }

    .footer .copyright {
        padding: 25px 0;
        font-size: 15px;
        border-top: 1px solid rgba(255, 255, 255, .1);
    }

    .footer .copyright a {
        color: var(--light);
    }

    .footer .copyright a:hover {
        color: var(--primary);
    }

    .social-widget {
        position: fixed;
        top: 50%;
        right: -60px; /* Hide by default */
        transform: translateY(-50%);
        display: flex;
        flex-direction: column;
        gap: 10px;
        z-index: 1000;
        transition: right 0.3s ease;
    }

    .social-widget.show {
        right: 0; /* Show when toggled */
    }

    .social-toggle {
        position: fixed;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        width: 50px;
        height: 50px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border: none;
        border-radius: 50%;
        color: white;
        font-size: 20px;
        cursor: pointer;
        z-index: 1001;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        transition: all 0.3s ease;
    }

    .social-toggle:hover {
        transform: translateY(-50%) scale(1.1);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    }

    .social-toggle i {
        transition: transform 0.3s ease;
    }

    .social-toggle.active i {
        transform: rotate(180deg);
    }

    .social-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        color: white;
        text-decoration: none;
        font-weight: bold;
        font-size: 20px;
        border-radius: 50%;
        transition: all 0.3s ease;
    }

    .facebook {
        background: linear-gradient(to right, #3b5998, #290127);
    }

    .twitter {
        background: linear-gradient(to right, #202020, #290127);
    }

    .instagram {
        background: linear-gradient(to right, #e1306c, #290127);
    }

    .linkedin {
        background: linear-gradient(to right, #0077b5, #290127);
    }

    .tiktok {
        background: linear-gradient(to right, #e1306c, #290127);
    }

    .thread {
        background: linear-gradient(to right, #202020, #290127);
    }

    .whatsapp {
        background: linear-gradient(to right, #25d366, #290127);
    }

    /* Limit side social widget to LinkedIn, Facebook, Instagram */
    .social-widget .twitter,
    .social-widget .tiktok,
    .social-widget .thread {
        display: none !important;
    }

    .social-icon:hover {
        transform: scale(1.1);
    }






    .why-choose-section {
        padding: 60px 20px;
        background-color: #0c1d3c;
        text-align: center;
    }

    .why-title {
        color: #fff;
        font-size: 2.5rem;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .why-subtitle {
        color: #ffffff;
        max-width: 800px;
        margin: 0 auto 40px auto;
        font-size: 1.1rem;
        line-height: 1.6;
    }

    .why-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        /* ✅ Center cards */
        gap: 30px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .why-card {
        background-color: #0a203f;
        color: #fff;
        border-radius: 12px;
        padding: 25px 20px;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
        transition: transform 0.3s ease;
        width: 350px;
        text-align: center;
    }

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

    .why-icon {
        font-size: 2rem;
        color: #ffa726;
        margin-bottom: 15px;
    }

    .why-heading {
        font-size: 1.2rem;
        font-weight: 600;
        margin-bottom: 10px;
        color: #ffffff;
    }

    .why-text {
        font-size: 0.95rem;
        color: #ffffff;
        line-height: 1.6;
    }

    @media (max-width: 600px) {
        .why-title {
            font-size: 2rem;
        }

        .why-subtitle {
            font-size: 0.95rem;
        }

        .why-card {
            width: 100%;
            max-width: 90%;
        }
    }







    .services-section {
        max-width: 900px;
        padding: 0 20px 60px;
    }

    .header-title {
        text-align: center;
        font-size: 2.2rem;
        margin-bottom: 40px;
        font-weight: bold;
        color: #ff6f00;
    font-family: 'Times New Roman', Times, serif !important;
    }

    .accordion-item {
        background: #fff;
        border-radius: 8px;
        margin-bottom: 15px;
        overflow: hidden;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
    }

    .accordion-header {
        font-size: 1.2rem;
        font-weight: 600;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    font-family: 'Times New Roman', Times, serif !important;
    }

    .accordion-header .title {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .accordion-content {
        padding: 0 20px 20px;
        display: none;
        animation: fadeIn 0.3s ease-in;
        color: #003366;
    font-family: 'Times New Roman', Times, serif !important;
    }

    .accordion-item.active .accordion-content {
        display: block;
    }

    .arrow {
        transition: transform 0.3s ease;
    }

    .accordion-item.active .arrow {
        transform: rotate(180deg);
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .accordion-header i {
        color: #10093d;
        font-size: 1.25rem;
    }

    /* Service Process table styling */
    .accordion-content table,
    .accordion-content table,
    .accordion-content td,
    .accordion-content th,
    .accordion-content tr {
        font-family: 'Times New Roman', Times, serif !important;
    }

    /* Ensure all table data text is black */
    .accordion-content td,
    .table-format td,
    td {
        color: #000000 !important;
    }

    /* Service Process section headers */
    .service.display-5 {
        font-family: 'Times New Roman', Times, serif !important;
    }

    .contact-button1 {
        display: block;
        margin: 40px auto 20px;
        padding: 12px 30px;
        background: #1d2249;
        color: #ffffff;
        border-radius: 6px;
        font-size: 1rem;
        font-weight: 600;
        text-align: center;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
    }

    .contact-button1:hover {
        background-color: #118fe3;
        color: white;
    }

    .benefit {
        margin: 5%;
    }





    .key-container {
        max-width: 1200px;
        margin: 50px auto;
        padding: 2rem;
    }

    h1 {
        text-align: center;
        font-size: 2.5rem;
        margin-bottom: 1rem;
        color: #003366;
    }

    /* Global heading colors */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #003366 !important;
    }

    /* Global paragraph colors */
    p {
        color: #000000 !important;
    }

    /* Text on dark backgrounds should be white */
    .navbar-custom-bg h1,
    .navbar-custom-bg h2,
    .navbar-custom-bg h3,
    .navbar-custom-bg h4,
    .navbar-custom-bg h5,
    .navbar-custom-bg h6,
    .navbar-custom-bg p,
    .navbar-custom-bg span,
    .navbar-custom-bg div,
    .roadmap-section h1,
    .roadmap-section h2,
    .roadmap-section h3,
    .roadmap-section h4,
    .roadmap-section h5,
    .roadmap-section h6,
    .roadmap-section p,
    .roadmap-section span,
    .roadmap-section div,
    .flip-card-back h1,
    .flip-card-back h2,
    .flip-card-back h3,
    .flip-card-back h4,
    .flip-card-back h5,
    .flip-card-back h6,
    .flip-card-back p,
    .flip-card-back span,
    .flip-card-back div,
    .footer h1,
    .footer h2,
    .footer h3,
    .footer h4,
    .footer h5,
    .footer h6,
    .footer p,
    .footer span,
    .footer div,
    .footer-custom-bg h1,
    .footer-custom-bg h2,
    .footer-custom-bg h3,
    .footer-custom-bg h4,
    .footer-custom-bg h5,
    .footer-custom-bg h6,
    .footer-custom-bg p,
    .footer-custom-bg span,
    .footer-custom-bg div {
        color: #ffffff !important;
    }

    /* Carousel text should be white */
    .header-carousel h1,
    .header-carousel h2,
    .header-carousel h3,
    .header-carousel h4,
    .header-carousel h5,
    .header-carousel h6,
    .header-carousel p,
    .header-carousel span,
    .header-carousel div,
    .owl-carousel-item h1,
    .owl-carousel-item h2,
    .owl-carousel-item h3,
    .owl-carousel-item h4,
    .owl-carousel-item h5,
    .owl-carousel-item h6,
    .owl-carousel-item p,
    .owl-carousel-item span,
    .owl-carousel-item div {
        color: #ffffff !important;
    }

    /* Page header text should be white */
    .page-header h1,
    .page-header h2,
    .page-header h3,
    .page-header h4,
    .page-header h5,
    .page-header h6,
    .page-header p,
    .page-header span,
    .page-header div,
    .page-header0 h1,
    .page-header0 h2,
    .page-header0 h3,
    .page-header0 h4,
    .page-header0 h5,
    .page-header0 h6,
    .page-header0 p,
    .page-header0 span,
    .page-header0 div,
    .page-header1 h1,
    .page-header1 h2,
    .page-header1 h3,
    .page-header1 h4,
    .page-header1 h5,
    .page-header1 h6,
    .page-header1 p,
    .page-header1 span,
    .page-header1 div,
    .page-header2 h1,
    .page-header2 h2,
    .page-header2 h3,
    .page-header2 h4,
    .page-header2 h5,
    .page-header2 h6,
    .page-header2 p,
    .page-header2 span,
    .page-header2 div,
    .page-header3 h1,
    .page-header3 h2,
    .page-header3 h3,
    .page-header3 h4,
    .page-header3 h5,
    .page-header3 h6,
    .page-header3 p,
    .page-header3 span,
    .page-header3 div,
    .page-header4 h1,
    .page-header4 h2,
    .page-header4 h3,
    .page-header4 h4,
    .page-header4 h5,
    .page-header4 h6,
    .page-header4 p,
    .page-header4 span,
    .page-header4 div,
    .page-header5 h1,
    .page-header5 h2,
    .page-header5 h3,
    .page-header5 h4,
    .page-header5 h5,
    .page-header5 h6,
    .page-header5 p,
    .page-header5 span,
    .page-header5 div,
    .page-header6 h1,
    .page-header6 h2,
    .page-header6 h3,
    .page-header6 h4,
    .page-header6 h5,
    .page-header6 h6,
    .page-header6 p,
    .page-header6 span,
    .page-header6 div,
    .page-header7 h1,
    .page-header7 h2,
    .page-header7 h3,
    .page-header7 h4,
    .page-header7 h5,
    .page-header7 h6,
    .page-header7 p,
    .page-header7 span,
    .page-header7 div,
    .page-header8 h1,
    .page-header8 h2,
    .page-header8 h3,
    .page-header8 h4,
    .page-header8 h5,
    .page-header8 h6,
    .page-header8 p,
    .page-header8 span,
    .page-header8 div,
    .page-header9 h1,
    .page-header9 h2,
    .page-header9 h3,
    .page-header9 h4,
    .page-header9 h5,
    .page-header9 h6,
    .page-header9 p,
    .page-header9 span,
    .page-header9 div,
    .page-header10 h1,
    .page-header10 h2,
    .page-header10 h3,
    .page-header10 h4,
    .page-header10 h5,
    .page-header10 h6,
    .page-header10 p,
    .page-header10 span,
    .page-header10 div,
    .page-header11 h1,
    .page-header11 h2,
    .page-header11 h3,
    .page-header11 h4,
    .page-header11 h5,
    .page-header11 h6,
    .page-header11 p,
    .page-header11 span,
    .page-header11 div,
    .page-header12 h1,
    .page-header12 h2,
    .page-header12 h3,
    .page-header12 h4,
    .page-header12 h5,
    .page-header12 h6,
    .page-header12 p,
    .page-header12 span,
    .page-header12 div,
    .page-header13 h1,
    .page-header13 h2,
    .page-header13 h3,
    .page-header13 h4,
    .page-header13 h5,
    .page-header13 h6,
    .page-header13 p,
    .page-header13 span,
    .page-header13 div,
    .page-header14 h1,
    .page-header14 h2,
    .page-header14 h3,
    .page-header14 h4,
    .page-header14 h5,
    .page-header14 h6,
    .page-header14 p,
    .page-header14 span,
    .page-header14 div,
    .page-header15 h1,
    .page-header15 h2,
    .page-header15 h3,
    .page-header15 h4,
    .page-header15 h5,
    .page-header15 h6,
    .page-header15 p,
    .page-header15 span,
    .page-header15 div,
    .page-header16 h1,
    .page-header16 h2,
    .page-header16 h3,
    .page-header16 h4,
    .page-header16 h5,
    .page-header16 h6,
    .page-header16 p,
    .page-header16 span,
    .page-header16 div,
    .page-header17 h1,
    .page-header17 h2,
    .page-header17 h3,
    .page-header17 h4,
    .page-header17 h5,
    .page-header17 h6,
    .page-header17 p,
    .page-header17 span,
    .page-header17 div,
    .page-header18 h1,
    .page-header18 h2,
    .page-header18 h3,
    .page-header18 h4,
    .page-header18 h5,
    .page-header18 h6,
    .page-header18 p,
    .page-header18 span,
    .page-header18 div,
    .page-header19 h1,
    .page-header19 h2,
    .page-header19 h3,
    .page-header19 h4,
    .page-header19 h5,
    .page-header19 h6,
    .page-header19 p,
    .page-header19 span,
    .page-header19 div,
    .page-header-insights h1,
    .page-header-insights h2,
    .page-header-insights h3,
    .page-header-insights h4,
    .page-header-insights h5,
    .page-header-insights h6,
    .page-header-insights p,
    .page-header-insights span,
    .page-header-insights div,
    .page-header-insights-home h1,
    .page-header-insights-home h2,
    .page-header-insights-home h3,
    .page-header-insights-home h4,
    .page-header-insights-home h5,
    .page-header-insights-home h6,
    .page-header-insights-home p,
    .page-header-insights-home span,
    .page-header-insights-home div,
    .page-header-insights-blog h1,
    .page-header-insights-blog h2,
    .page-header-insights-blog h3,
    .page-header-insights-blog h4,
    .page-header-insights-blog h5,
    .page-header-insights-blog h6,
    .page-header-insights-blog p,
    .page-header-insights-blog span,
    .page-header-insights-blog div,
    .page-header-insights-tech h1,
    .page-header-insights-tech h2,
    .page-header-insights-tech h3,
    .page-header-insights-tech h4,
    .page-header-insights-tech h5,
    .page-header-insights-tech h6,
    .page-header-insights-tech p,
    .page-header-insights-tech span,
    .page-header-insights-tech div,
    .page-header-insights-privacy h1,
    .page-header-insights-privacy h2,
    .page-header-insights-privacy h3,
    .page-header-insights-privacy h4,
    .page-header-insights-privacy h5,
    .page-header-insights-privacy h6,
    .page-header-insights-privacy p,
    .page-header-insights-privacy span,
    .page-header-insights-privacy div,
    .page-header-insights-careers h1,
    .page-header-insights-careers h2,
    .page-header-insights-careers h3,
    .page-header-insights-careers h4,
    .page-header-insights-careers h5,
    .page-header-insights-careers h6,
    .page-header-insights-careers p,
    .page-header-insights-careers span,
    .page-header-insights-careers div,
    .page-header-insights-job h1,
    .page-header-insights-job h2,
    .page-header-insights-job h3,
    .page-header-insights-job h4,
    .page-header-insights-job h5,
    .page-header-insights-job h6,
    .page-header-insights-job p,
    .page-header-insights-job span,
    .page-header-insights-job div,
    .page-header-insights-apply h1,
    .page-header-insights-apply h2,
    .page-header-insights-apply h3,
    .page-header-insights-apply h4,
    .page-header-insights-apply h5,
    .page-header-insights-apply h6,
    .page-header-insights-apply p,
    .page-header-insights-apply span,
    .page-header-insights-apply div,
    .diff-container h1,
    .diff-container h2,
    .diff-container h3,
    .diff-container h4,
    .diff-container h5,
    .diff-container h6,
    .diff-container p,
    .diff-container span,
    .diff-container div,
    .diff-title,
    .diff-body {
        color: #ffffff !important;
    }

    /* About section dark background - ensure all text is white */
    .about-1 h1,
    .about-1 h2,
    .about-1 h3,
    .about-1 h4,
    .about-1 h5,
    .about-1 h6,
    .about-1 p,
    .about-1 span,
    .about-1 div,
    .about-text h1,
    .about-text h2,
    .about-text h3,
    .about-text h4,
    .about-text h5,
    .about-text h6,
    .about-text p,
    .about-text span,
    .about-text div,
    .about-heading,
    .servicess {
        color: #ffffff !important;
    }

    /* Differentiators section - change heading fonts to Times New Roman */
    .section-header,
    .diff-title {
        font-family: 'Times New Roman', Times, serif !important;
    }

    /* Why Choose Us section - ensure all text on dark background is white (excluding icons) */
    .why-choose-section h1,
    .why-choose-section h2,
    .why-choose-section h3,
    .why-choose-section h4,
    .why-choose-section h5,
    .why-choose-section h6,
    .why-choose-section p,
    .why-choose-section span,
    .why-choose-section div,
    .why-title,
    .why-subtitle,
    .why-heading,
    .why-text {
        color: #ffffff !important;
    }

    /* Ensure icons maintain their original color */
    .why-icon,
    .why-icon i {
        color: #ffa726 !important;
    }

    .benefits-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
        justify-content: center;
    }

    .benefit-card {
        background: var(--card-bg);
        border-radius: 12px;
        padding: 1.5rem;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        flex: 1 1 300px;
        max-width: 360px;
        text-align: center;
        opacity: 0;
        transform: translateY(20px);
        animation: fadeInUp 0.6s ease forwards;
    }

    .benefit-card:nth-child(1) {
        animation-delay: 0s;
    }

    .benefit-card:nth-child(2) {
        animation-delay: 0.1s;
    }

    .benefit-card:nth-child(3) {
        animation-delay: 0.2s;
    }

    .benefit-card:nth-child(4) {
        animation-delay: 0.3s;
    }

    .benefit-card:nth-child(5) {
        animation-delay: 0.4s;
    }

    .icon {
        font-size: 2rem;
        margin-bottom: 0.75rem;
        color: #003366;
        text-align: center;
    }

    /* Colored icons for benefit cards */
    .benefit-card:nth-child(1) .icon {
        color: #e74c3c;
        /* Red */
    }

    .benefit-card:nth-child(2) .icon {
        color: #3498db;
        /* Blue */
    }

    .benefit-card:nth-child(3) .icon {
        color: #2ecc71;
        /* Green */
    }

    .benefit-card:nth-child(4) .icon {
        color: #f39c12;
        /* Orange */
    }

    .benefit-card:nth-child(5) .icon {
        color: #9b59b6;
        /* Purple */
    }

    .benefit-card:nth-child(6) .icon {
        color: #1abc9c;
        /* Turquoise */
    }

    .benefit-card:nth-child(7) .icon {
        color: #e67e22;
        /* Dark Orange */
    }

    .benefit-card:nth-child(8) .icon {
        color: #34495e;
        /* Dark Blue */
    }

    .benefit-card:nth-child(9) .icon {
        color: #16a085;
        /* Dark Green */
    }

    .benefit-card:nth-child(10) .icon {
        color: #8e44ad;
        /* Dark Purple */
    }

    /* Additional styling for emoji icons to make them more prominent */
    .benefit-card .icon:not(i) {
        font-size: 2.5rem;
        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
    }

    .title {
        font-size: 1.2rem;
        font-weight: 600;
        margin-bottom: 0.5rem;
        text-align: center;
        color: #003366 !important;
    }

    .description {
        font-size: 0.95rem;
        color: #000000 !important;
        opacity: 0.9;
        text-align: center;
    }

    @keyframes fadeInUp {
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    @media (max-width: 768px) {
        .benefits-grid {
            flex-direction: column;
            align-items: center;
        }
    }







    .roadmap-section {
        padding: 60px 20px;
        max-width: 100vw;
        margin: auto;
        text-align: center;
        background-color: #00264d;
    }

    .roadmap-title {
        font-size: 2.5rem;
        margin-bottom: 50px;
        font-weight: bold;
        color: #ffffff;
    }

    .roadmap-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 50px 40px;
    }

    .flip-card {
        background-color: transparent;
        width: 280px;
        height: 280px;
        perspective: 1000px;
    }

    .flip-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        transition: transform 0.8s;
        transform-style: preserve-3d;
    }

    .flip-card:hover .flip-card-inner {
        transform: rotateY(180deg);
    }

    .flip-card-front,
    .flip-card-back {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        backface-visibility: hidden;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        padding: 20px;
        background-color: white;
    }

    .flip-card-front {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .flip-card-back {
        transform: rotateY(180deg);
        background-color: #0077b6;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0.95rem;
    }

    .step-number {
        font-size: 1.2rem;
        font-weight: bold;
        color: #003366 !important;
        margin-bottom: 10px;
    }

    .step-title {
        font-size: 1.2rem;
        font-weight: 600;
        margin-bottom: 10px;
        color: #003366 !important;
    }

    .step-desc {
        font-size: 0.95rem;
        line-height: 1.4;
        color: #003366 !important;
    }

    /* Override global rules for roadmap cards on white background */
    .flip-card-front .step-number,
    .flip-card-front .step-title {
        color: #003366 !important;
    }

    .flip-card-front .step-desc,
    .flip-card-front p {
        color: #000000 !important;
    }

    .flip-card-back p {
        margin: 6px 0;
        padding: 0 5px;
        color: #ffffff !important;
    }

    @media (max-width: 768px) {
        .roadmap-container {
            flex-direction: column;
            align-items: center;
            gap: 50px;
        }

        .flip-card {
            width: 100%;
            max-width: 320px;
        }
    }




    .controls {
        max-width: 1400px;
        margin: 20px auto 0;
        display: flex;
        justify-content: space-between;
        padding: 0 40px;
    }

    .controls select {
        padding: 8px 12px;
        font-size: 1rem;
        background-color: #003366;
        color: #ffffff;
        border-radius: 10px;
        width: 150px;
    }

    .case-studies {
        display: flex;
        flex-wrap: wrap;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        justify-content: center;
        /* center horizontally */
        gap: 20px;
        padding: 40px;
        max-width: 1400px;
        margin: auto;
    }

    .portfolio-card1 {
        flex: 0 1 calc(33.333% - 20px);
        /* three per row on large screens */
        max-width: 350px;
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
        border: 5px solid #f8f9fa;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
        transition: transform 0.3s ease;
    }

    .portfolio-card1:hover {
        transform: translateY(-5px);
    }

    @media (max-width: 992px) {
        .portfolio-card1 {
            flex: 0 1 calc(50% - 20px);
            /* two per row on tablets */
        }
    }

    @media (max-width: 576px) {
        .portfolio-card1 {
            flex: 0 1 100%;
            /* one per row on mobile */
        }
    }

    .case-card {
        display: flex;
        flex-direction: column;
        background-color: #f8f8f8;
    }

    .case-img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .case-content {
        padding: 20px;
        text-align: center;
    }

    .case-title {
        font-size: 1.25rem;
        font-weight: bold;
        margin-bottom: 10px;
        color: #003366;
        text-align: center;
    }

    .case-desc {
        font-size: 0.95rem;
        color: #000000 !important;
        text-align: center;
    }

    /* Case study cards - ensure proper text colors */
    .case-card h1,
    .case-card h2,
    .case-card h3,
    .case-card h4,
    .case-card h5,
    .case-card h6 {
        color: #003366 !important;
    }

    .case-card p {
        color: #000000 !important;
    }






    .slider-section {
        max-width: 1000px;
        margin: 50px auto;
        position: relative;
    }

    .slider-title {
        text-align: center;
        font-size: 2rem;
        margin-bottom: 30px;
        color: #003366;
    }

    .slider-wrapper {
        display: flex;
        overflow: hidden;
        border-radius: 12px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        background: white;
        position: relative;
    }

    .slider-track {
        display: flex;
        transition: transform 0.5s ease-in-out;
    }

    .slide {
        flex: 0 0 100%;
        padding: 40px;
        box-sizing: border-box;
        text-align: center;
    }

    .slide h3 {
        font-size: 1.5rem;
        margin-bottom: 15px;
        color: #003366;
    }

    .slide p {
        font-size: 1rem;
        color: #003366;
    }

    .nav-buttons {
        text-align: center;
        margin-top: 20px;
    }

    .nav-buttons button {
        background: #003366;
        color: white;
        border: none;
        padding: 10px 16px;
        margin: 0 5px;
        border-radius: 6px;
        cursor: pointer;
        transition: background 0.3s;
    }

    .nav-buttons button:hover {
        background: #005599;
    }

    @media (max-width: 600px) {
        .slide {
            padding: 20px;
        }
    }




    .slider-section1 {
        padding: 60px 20px;
        max-width: 100vw;
        margin: auto;
        background: radial-gradient(#ededed, #949494);

    }

    .slider-title1 {
        text-align: center;
        font-size: 2.2rem;
        margin-bottom: 30px;
        color: #003366;
    }

    .slider-wrapper1 {
        position: relative;
    }

    .slider-container1 {
        display: flex;
        gap: 20px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        padding-bottom: 10px;
    }

    .slider-container1::-webkit-scrollbar {
        height: 10px;
    }

    .slider-container1::-webkit-scrollbar-thumb {
        background-color: #012049;
        border-radius: 6px;
    }

    .slide1 {
        flex: 0 0 320px;
        background: #fff;
        border-radius: 16px;
        padding: 24px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
        scroll-snap-align: start;
        transition: transform 0.3s ease;
    }

    .slide1:hover {
        transform: translateY(-4px);
    }

    .slide1 h3 {
        font-size: 1.3rem;
        margin-bottom: 12px;
        color: #003366;
    }

    .slide1 p {
        font-size: 0.95rem;
        color: #003366;
        margin-bottom: 16px;
    }

    .slide1 a {
        color: #007BFF;
        text-decoration: none;
        font-weight: 600;
    }

    .slide1 a:hover {
        text-decoration: underline;
    }

    .slider-nav {
        display: flex;
        justify-content: center;
        margin-top: 20px;
        gap: 10px;
    }

    .slider-nav button {
        background-color: #004080;
        color: white;
        border: none;
        padding: 10px 16px;
        border-radius: 8px;
        font-size: 1rem;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .slider-nav button:hover {
        background-color: #002b57;
    }

    @media (max-width: 600px) {
        .slide1 {
            flex: 0 0 90%;
        }

        .slider-title1 {
            font-size: 1.6rem;
        }
    }





    #ai-faq {
        max-width: 800px;
        margin: 40px auto;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
        line-height: 1.6;
        padding: 0 15px;
    }

    #ai-faq h2 {
        text-align: center;
        margin-bottom: 30px;
        font-size: 2rem;
        color: #003366;
        font-family: 'Times New Roman', Times, serif !important;
    }

    .faq-item {
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        cursor: pointer;
    }

    .faq-question {
        font-size: 1.1rem;
        font-weight: bold;
        color: #003366;
        margin: 0;
        padding: 12px 0;
        font-family: 'Times New Roman', Times, serif !important;
    }

    .faq-answer {
        display: none;
        padding-left: 10px;
        margin-top: 5px;
        color: #003366;
        font-family: 'Times New Roman', Times, serif !important;
    }

    .faq-answer.show {
        display: block;
    }

    .cta {
        text-align: center;
        margin-top: 40px;
    }

    .cta a {
        display: inline-block;
        background-color: #00264d;
        color: white;
        padding: 12px 25px;
        border-radius: 5px;
        text-decoration: none;
        font-weight: 600;
        transition: background-color 0.3s ease;
    }

    .cta a:hover {
        background-color: #0c70b8;
    }








    #erp-faq {
        max-width: 800px;
        margin: 40px auto;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
        color: #003366;
        line-height: 1.6;
        padding: 0 15px;
    }

    #erp-faq h2 {
        text-align: center;
        margin-bottom: 30px;
        color: #003366;
        font-size: 2rem;
        font-family: 'Times New Roman', Times, serif !important;
    }

    .faq-item {
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        cursor: pointer;
    }

    .faq-question {
        font-size: 1.2rem;
        color: #003366;
        margin: 0;
        padding: 12px 0;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    }

    .faq-answer {
        display: none;
        padding: 0 0 15px 10px;
        color: #003366;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    }

    .faq-answer.show {
        display: block;
    }

    .faq-answer ul {
        padding-left: 20px;
        margin: 10px 0 0 0;
    }

    .faq-answer ul li {
        margin-bottom: 6px;
    }

    .cta {
        text-align: center;
        margin-top: 40px;
    }

    .cta a {
        background-color: #00264d;
        color: #fff;
        text-decoration: none;
        padding: 12px 30px;
        font-weight: 600;
        border-radius: 5px;
        transition: background-color 0.3s ease;
        display: inline-block;
    }

    .cta a:hover {
        background-color: #0178ef;
    }

    @media (max-width: 600px) {
        #erp-faq {
            padding: 0 10px;
        }
    }









    #app-faq {
        max-width: 800px;
        margin: 40px auto;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
        color: #003366;
        line-height: 1.6;
        padding: 0 15px;
    }

    #app-faq h2 {
        text-align: center;
        margin-bottom: 30px;
        color: #003366;
        font-size: 2rem;
        font-family: 'Times New Roman', Times, serif !important;
    }

    .faq-item {
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        cursor: pointer;
    }

    .faq-question {
        font-size: 1.2rem;
        color: #003366;
        margin: 0;
        padding: 12px 0;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    }

    .faq-answer {
        display: none;
        padding: 0 0 15px 10px;
        color: #003366;
    }

    .faq-answer.show {
        display: block;
    }

    .faq-answer ul {
        padding-left: 20px;
        margin: 10px 0 0 0;
    }

    .faq-answer ul li {
        margin-bottom: 6px;
    }

    .cta {
        text-align: center;
        margin-top: 40px;
    }

    .cta a {
        background-color: #00264d;
        color: #fff;
        text-decoration: none;
        padding: 12px 30px;
        font-weight: 600;
        border-radius: 5px;
        transition: background-color 0.3s ease;
        display: inline-block;
    }

    .cta a:hover {
        background-color: #0667c9;
    }

    @media (max-width: 600px) {
        #app-faq {
            padding: 0 10px;
        }
    }








    #dcc-faq {
        max-width: 800px;
        margin: 40px auto;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
        color: #003366;
        line-height: 1.6;
        padding: 0 15px;
    }

    #dcc-faq h2 {
        text-align: center;
        margin-bottom: 30px;
        color: #003366;
        font-size: 2rem;
        font-family: 'Times New Roman', Times, serif !important;
    }

    .faq-item {
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        cursor: pointer;
    }

    .faq-question {
        font-size: 1.2rem;
        color: #003366;
        margin: 0;
        padding: 12px 0;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    }

    .faq-answer {
        display: none;
        padding: 0 0 15px 10px;
        color: #003366;
    }

    .faq-answer.show {
        display: block;
    }

    .faq-answer ul,
    .faq-answer ol {
        padding-left: 20px;
        margin: 10px 0 0 0;
    }

    .faq-answer ul li,
    .faq-answer ol li {
        margin-bottom: 6px;
    }

    .cta {
        text-align: center;
        margin-top: 40px;
    }

    .cta a {
        background-color: #00264d;
        color: #fff;
        text-decoration: none;
        padding: 12px 30px;
        font-weight: 600;
        border-radius: 5px;
        transition: background-color 0.3s ease;
        display: inline-block;
    }

    .cta a:hover {
        background-color: #0b64bd;
    }

    @media (max-width: 600px) {
        #dcc-faq {
            padding: 0 10px;
        }
    }







    #cloud-faq {
        max-width: 800px;
        margin: 40px auto;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
        color: #003366;
        line-height: 1.6;
        padding: 0 15px;
    }

    #cloud-faq h2 {
        text-align: center;
        margin-bottom: 30px;
        color: #003366;
        font-size: 2rem;
        font-family: 'Times New Roman', Times, serif !important;
    }

    .faq-item {
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        cursor: pointer;
    }

    .faq-question {
        font-size: 1.2rem;
        color: #003366;
        margin: 0;
        padding: 12px 0;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    }

    .faq-answer {
        display: none;
        padding: 0 0 15px 10px;
        color: #003366;
    }

    .faq-answer.show {
        display: block;
    }

    .faq-answer ul {
        padding-left: 20px;
        margin: 10px 0 0 0;
    }

    .faq-answer ul li {
        margin-bottom: 6px;
    }

    .cta {
        text-align: center;
        margin-top: 40px;
    }

    .cta a {
        background-color: #00264d;
        color: #fff;
        text-decoration: none;
        padding: 12px 30px;
        font-weight: 600;
        border-radius: 5px;
        transition: background-color 0.3s ease;
        display: inline-block;
    }

    .cta a:hover {
        background-color: #095eb3;
    }

    @media (max-width: 600px) {
        #cloud-faq {
            padding: 0 10px;
        }
    }





    #ba-faq {
        max-width: 800px;
        margin: 40px auto;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
        line-height: 1.6;
        padding: 0 15px;
    }

    #ba-faq h2 {
        text-align: center;
        margin-bottom: 30px;
        font-size: 2rem;
        color: #003366;
        font-family: 'Times New Roman', Times, serif !important;
    }

    .faq-item {
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        cursor: pointer;
    }

    .faq-question {
        font-size: 1.1rem;
        font-weight: bold;
        color: #003366;
        margin: 0;
        padding: 12px 0;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    }

    .faq-answer {
        display: none;
        padding-left: 10px;
        margin-top: 5px;
        color: #003366;
    }

    .faq-answer.show {
        display: block;
    }

    .cta {
        text-align: center;
        margin-top: 40px;
    }

    .cta a {
        display: inline-block;
        background-color: #00264d;
        color: white;
        padding: 12px 25px;
        border-radius: 5px;
        text-decoration: none;
        font-weight: 600;
        transition: background-color 0.3s ease;
    }

    .cta a:hover {
        background-color: #0f78c3;
    }




    #strategy-faq {
        max-width: 800px;
        margin: 40px auto;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
        color: #003366;
        line-height: 1.6;
        padding: 0 15px;
    }

    #strategy-faq h2 {
        text-align: center;
        margin-bottom: 30px;
        color: #003366;
        font-size: 2rem;
        font-family: 'Times New Roman', Times, serif !important;
    }

    .faq-item {
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        cursor: pointer;
    }

    .faq-question {
        font-size: 1.2rem;
        color: #003366;
        margin: 0;
        padding: 12px 0;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    }

    .faq-answer {
        display: none;
        padding: 0 0 15px 10px;
        color: #003366;
    }

    .faq-answer.show {
        display: block;
    }

    .faq-answer ul {
        padding-left: 20px;
        margin: 10px 0 0 0;
    }

    .faq-answer ul li {
        margin-bottom: 6px;
    }

    .cta {
        text-align: center;
        margin-top: 40px;
    }

    .cta a {
        background-color: #00264d;
        color: #fff;
        text-decoration: none;
        padding: 12px 30px;
        font-weight: 600;
        border-radius: 5px;
        transition: background-color 0.3s ease;
        display: inline-block;
    }

    .cta a:hover {
        background-color: #0865c2;
    }

    @media (max-width: 600px) {
        #strategy-faq {
            padding: 0 10px;
        }
    }





    #dtcm-faq {
        max-width: 800px;
        margin: 40px auto;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
        color: #003366;
        line-height: 1.6;
        padding: 0 15px;
    }

    #dtcm-faq h2 {
        text-align: center;
        margin-bottom: 30px;
        color: #003366;
        font-size: 2rem;
        font-family: 'Times New Roman', Times, serif !important;
    }

    .faq-item {
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        cursor: pointer;
    }

    .faq-question {
        font-size: 1.2rem;
        color: #003366;
        margin: 0;
        padding: 12px 0;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    }

    .faq-answer {
        display: none;
        padding: 0 0 15px 10px;
        color: #003366;
    }

    .faq-answer.show {
        display: block;
    }

    .faq-answer ul,
    .faq-answer ol {
        padding-left: 20px;
        margin: 10px 0 0 0;
    }

    .faq-answer ul li,
    .faq-answer ol li {
        margin-bottom: 6px;
    }

    .cta {
        text-align: center;
        margin-top: 40px;
    }

    .cta a {
        background-color: #00264d;
        color: #fff;
        text-decoration: none;
        padding: 12px 30px;
        font-weight: 600;
        border-radius: 5px;
        transition: background-color 0.3s ease;
        display: inline-block;
    }

    .cta a:hover {
        background-color: #0769cb;
    }

    @media (max-width: 600px) {
        #dtcm-faq {
            padding: 0 10px;
        }
    }





    #pmc-faq {
        max-width: 800px;
        margin: 40px auto;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
        color: #003366;
        line-height: 1.6;
        padding: 0 15px;
    }

    #pmc-faq h2 {
        text-align: center;
        margin-bottom: 30px;
        color: #003366;
        font-size: 2rem;
        font-family: 'Times New Roman', Times, serif !important;
    }

    .faq-item {
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        cursor: pointer;
    }

    .faq-question {
        font-size: 1.2rem;
        color: #003366;
        margin: 0;
        padding: 12px 0;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    }

    .faq-answer {
        display: none;
        padding: 0 0 15px 10px;
        color: #003366;
    }

    .faq-answer.show {
        display: block;
    }

    .faq-answer ul,
    .faq-answer ol {
        padding-left: 20px;
        margin: 10px 0 0 0;
    }

    .faq-answer ul li,
    .faq-answer ol li {
        margin-bottom: 6px;
    }

    .faq-table {
        display: table;
        width: 100%;
        border-collapse: collapse;
        margin-top: 10px;
    }

    .faq-table div {
        display: table-row;
    }

    .faq-table span {
        display: table-cell;
        border: 1px solid #ccc;
        padding: 8px;
        vertical-align: top;
    }

    .faq-table .header span {
        font-weight: bold;
        background-color: #f0f0f0;
    }

    .cta {
        text-align: center;
        margin-top: 40px;
    }

    .cta a {
        background-color: #00264d;
        color: #fff;
        text-decoration: none;
        padding: 12px 30px;
        font-weight: 600;
        border-radius: 5px;
        transition: background-color 0.3s ease;
        display: inline-block;
    }

    .cta a:hover {
        background-color: #075fb7;
    }

    @media (max-width: 600px) {
        #pmc-faq {
            padding: 0 10px;
        }

        .faq-table span {
            display: block;
            border: none;
            padding: 5px 0;
        }

        .faq-table div {
            display: block;
            margin-bottom: 10px;
        }
    }








    .footer .btn.btn-link {
        display: block;
        margin-bottom: 5px;
        padding: 0;
        text-align: left;
        color: #FFFFFF;
        font-size: 15px;
        font-weight: normal;
        text-transform: capitalize;
        transition: .3s;
    }

    .footer .btn.btn-link::before {
        position: relative;
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        margin-right: 10px;
    }

    .footer .btn.btn-link:hover {
        color: #00aeff;
        letter-spacing: 1px;
        box-shadow: none;
    }











    h2 {
        text-align: center;
        font-size: 2.5rem;
        margin-bottom: 40px;
        color: #003366;
    }

    .owl-carousel .item {
        display: flex;
        height: 100%;
        perspective: 1200px;
    }

    .card {
        background: #fff;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
        transform-style: preserve-3d;
        transition: transform 0.5s ease, box-shadow 0.3s ease;
        display: flex;
        flex-direction: column;
        height: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .owl-item.center .card {
        transform: scale(1.08) rotateY(0deg);
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
    }

    .card img {
        width: 100%;
        height: 180px;
        object-fit: cover;
    }

    .card-content {
        padding: 20px 24px 24px;
        display: flex;
        flex-direction: column;
        height: 100%;
        text-align: center;
    }

    .card h3 {
        font-size: 1.2rem;
        color: #003366 !important;
        margin-bottom: 12px;
        line-height: 1.3;
    }

    .card p {
        font-size: 0.95rem;
        color: #000000 !important;
        line-height: 1.5;
        margin-bottom: 20px;
        flex-grow: 1;
    }

    .read-more-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background-color: #00264d;
        padding: 10px 18px;
        border: none;
        border-radius: 6px;
        font-size: 0.9rem;
        cursor: pointer;
        text-decoration: none;
        transition: background-color 0.3s ease, transform 0.2s ease;
        align-self: center;
        color: #ffffff !important;
    }

    /* Override global paragraph color for case studies slider buttons */
    .case-study .read-more-btn,
    .case-study .read-more-btn p,
    .case-study .read-more-btn span,
    .case-study .read-more-btn div {
        color: #ffffff !important;
    }

    .read-more-btn:hover {
        background-color: #0c67c3;
        transform: translateY(-2px);
    }

    .owl-nav {
        text-align: center;
        margin-top: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .owl-nav button {
        background: #00264d;
        color: white;
        border: none;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        font-size: 1.5rem;
        transition: background 0.3s ease;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }

    .owl-nav button:hover {
        background: #075eb5;
    }

    @media (max-width: 768px) {
        .card-content {
            padding: 16px 20px 20px;
        }

        .card h3 {
            font-size: 1.1rem;
        }

        .card p {
            font-size: 0.9rem;
        }
    }







    .menu {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        padding: 3rem 3rem;
        border-bottom: 1px solid #ddd;
        background: #002b57;
    }

    .menu-item {
        position: relative;
        padding: 0.5rem 0;
        font-weight: 500;
        color: #ffffff;
        cursor: pointer;
        white-space: nowrap;
        transition: color 0.2s ease;
    }

    .menu-item.active {
        color: #009dff;
        font-weight: 600;
    }

    .menu-item.active::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 50px;
        height: 3px;
        background: linear-gradient(to right, orange, magenta);
        border-radius: 2px;
    }

    .content-container {
        padding: 3rem;
        background: #efefef;
    }

    .solution-content {
        display: none;
    }

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

    .content-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 3rem;
    }

    .content-left,
    .content-right {
        flex: 1 1 300px;
    }

    .content-left p {
        font-size: 1rem;
        line-height: 1.5;
    }

    .colored-bullets ul {
        list-style: none;
        padding-left: 0;
    }

    .colored-bullets li {
        position: relative;
        padding-left: 1.5rem;
        margin-bottom: 0.5rem;
    }

    /* Ensure bullet list text on industries pages is black */
    .colored-bullets li {
        color: #000000 !important;
    }

    .colored-bullets li::before {
        content: '●';
        position: absolute;
        left: 0;
        font-size: 1.2rem;
    }

    .colored-bullets li:nth-child(1)::before {
        color: #f76c6c;
    }

    .colored-bullets li:nth-child(2)::before {
        color: #ffae42;
    }

    .colored-bullets li:nth-child(3)::before {
        color: #57c785;
    }

    .colored-bullets li:nth-child(4)::before {
        color: #4fc3f7;
    }

    .colored-bullets li:nth-child(5)::before {
        color: #9575cd;
    }

    .colored-bullets li:nth-child(6)::before {
        color: #f06292;
    }

    .colored-bullets li:nth-child(7)::before {
        color: #00acc1;
    }

    .colored-bullets li:nth-child(8)::before {
        color: #ff7043;
    }

    .colored-bullets li:nth-child(9)::before {
        color: #9ccc65;
    }

    .colored-bullets li:nth-child(10)::before {
        color: #ba68c8;
    }

    h2 {
        margin-bottom: 0.5rem;
    }

    @media (max-width: 768px) {
        .content-wrapper {
            display: flex;
            flex-wrap: wrap;
            gap: 3rem;
        }
    }






    .about-1 {
        background: linear-gradient(rgba(130, 182, 255, 0.9), rgba(10, 32, 63, .1)), url(../img/case.jpg) center center no-repeat;
        background-size: cover;
    }

    .about-section {
        max-width: 1000px;
        margin: auto;
        text-align: center;
        padding: 0 20px;
    }

    .about-label {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .about-heading {
        font-size: 2.5rem;
        font-weight: 500;
        margin-bottom: 30px;
        color: #ffffff;
    }

    .about-text {
        font-size: 1.05rem;
        line-height: 1.8;
        text-align: justify;
        max-width: 100%;
        margin: 0 auto;
        color: #ffffff;
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .in-about-text {
        font-size: 1.05rem;
        line-height: 1.8;
        text-align: justify;
        max-width: 100%;
        margin: 0 auto;
        padding-left: 5px;
        padding-right: 5px;
    }

    .quote-text {
        font-size: 1.05rem;
        line-height: 1.8;
        text-align: justify;
        max-width: 100%;
        margin: 0 auto;
        color: #3f3f3f;
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .highlight {
        text-decoration: underline;
        font-weight: 600;
        position: relative;
        transition: color 0.3s ease;
        cursor: pointer;
    }

    .highlight::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 2px;
        background-image: linear-gradient(to right, #ff6a00, #ee0979, #00c3ff);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease;
    }

    .highlight:hover::after {
        transform: scaleX(1);
    }

    /* Ensure links inside .highlight (email/phone) have consistent styling */
    .highlight a {
        color: inherit; /* use surrounding text color */
        text-decoration: underline;
        font-weight: 600;
    }

    .highlight a:hover,
    .highlight a:focus {
        color: #0d6efd; /* bootstrap primary blue on hover */
        text-decoration: none;
    }

    @media screen and (max-width: 600px) {
        .about-heading {
            font-size: 1.8rem;
        }

        .in-about-text {
            font-size: 1rem;
            padding-left: 1rem;
            padding-right: 1rem;
        }

        .about-text {
            padding-left: 1rem;
            padding-right: 1rem;
        }

        .quote-text {
            padding-left: 1rem;
            padding-right: 1rem;
        }
    }

    .cap-title {
        padding: 0 7rem 0 7rem;
    }

    @media screen and (max-width: 600px) {
        .cap-title {
            padding: 0 3px 0 3px;
        }
    }


    .purpose {
        margin-left: 70px;
        text-align: justify;
    }

    @media screen and (max-width: 600px) {
        .purpose {
            margin-left: 5px;
            margin-right: 5px;
        }
    }

    .vision-section {
        max-width: 100%;
        margin: auto;
        text-align: center;
        padding: 50px 20px;
        background: #f4f4f4;
    }


    .Mision-section {
        max-width: 70%;
        margin: auto;
        text-align: center;
        padding: 50px 20px;
    }

    .vision-label {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .vision-heading {
        font-size: 2.5rem;
        font-weight: 500;
        margin-bottom: 30px;
    }

    .vision-text {
        font-size: 1.05rem;
        line-height: 1.8;
        max-width: 800px;
        margin: 0 auto;
    }

    .Mision-text {
        font-size: 1.05rem;
        line-height: 1.8;
        max-width: 800px;
        margin: 0 auto;
    }

    .vision-section .highlight,
    .Mision-section .highlight {
        text-decoration: underline;
        font-weight: 600;
        position: relative;
        transition: color 0.3s ease;
        cursor: pointer;
    }

    .vision-section .highlight::after,
    .Mision-section .highlight::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 2px;
        background-color: #000;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease;
    }

    .vision-section .highlight:hover::after,
    .Mision-section .highlight:hover::after {
        transform: scaleX(1);
    }

    /* Remove underline/highlight within paragraph texts for Vision & Mission sections */
    .vision-section p .highlight,
    .Mision-section p .highlight {
        text-decoration: none;
        font-weight: normal;
    }

    .vision-section p .highlight::after,
    .Mision-section p .highlight::after {
        display: none;
    }

    /* Remove underline/highlight and bold in Purpose paragraph */
    .purpose-text .highlight {
        text-decoration: none;
        font-weight: normal;
    }

    .purpose-text .highlight::after {
        display: none;
    }

    @media screen and (max-width: 600px) {
        .vision-heading {
            font-size: 1.8rem;
        }

        .vision-text {
            font-size: 1rem;
        }
    }

    @media screen and (max-width: 600px) {
        .mision-heading {
            font-size: 1.8rem;
        }

        .mision-text {
            font-size: 1rem;
        }

        .Mision-section {
            max-width: 100%;
        }
    }





    .values-header {
        background-color: #0033cc;
        color: white;
        text-align: center;
        padding: 40px 20px;
        font-size: 2.5rem;
        font-weight: bold;
    }

    .values-section {
        display: flex;
        flex-wrap: wrap;
    }

    .values-left {
        flex: 1 1 50%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .values-left img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .values-right {
        flex: 1 1 50%;
        background-color: #f9f9f9;
        padding: 60px 40px;
    }

    .value-block {
        margin-bottom: 40px;
    }

    .ww {
        color: #002b57;
        text-align: justify;
        padding-right: 3rem;
    }

    .value-title {
        font-size: 1.4rem;
        font-weight: 600;
        color: #003366 !important;
        margin-bottom: 10px;
        font-family: 'Times New Roman', Times, serif !important;
    }

    .value-body {
        font-size: 1rem;
        line-height: 1.6;
    }

    @media screen and (max-width: 768px) {
        .values-section {
            flex-direction: column;
        }

        .values-left,
        .values-right {
            flex: 1 1 100%;
        }
    }






    .section-header {
        text-align: center;
        font-size: 2.5rem;
        font-weight: 700;
        padding: 60px 20px 30px;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    }

    .differentiators-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 20px 40px 60px;
    }

    .diff-container {
        background-color: #0a203f;
        color: white;
    }

    .diff-block {
        flex: 1 1 220px;
        max-width: 300px;
        margin: 20px;
        padding: 20px 10px;
        border-top: 4px solid;
        border-image: linear-gradient(to right, #ff007a, #5b8cff) 1;
    }

    .diff-title {
        font-size: 1.4rem;
        font-weight: 700;
        margin-bottom: 15px;
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    }

    .diff-body {
        font-size: 0.95rem;
        line-height: 1.6;
    }

    @media screen and (max-width: 768px) {
        .differentiators-container {
            flex-direction: column;
            align-items: center;
            padding: 20px;
        }

        .diff-block {
            max-width: 90%;
        }
    }

    /* Force Times New Roman font for all FAQ elements */
    [id*="-faq"] h2,
    [id*="-faq"] h3,
    [id*="-faq"] .faq-question,
    [id*="-faq"] .faq-answer,
    [id*="-faq"] p,
    [id*="-faq"] li,
    [id*="-faq"] span,
    [id*="-faq"] div {
        font-family: 'Times New Roman', Times, serif !important;
    }

    /* FAQ paragraph text colors */
    [id*="-faq"] .faq-answer,
    [id*="-faq"] .faq-answer p {
        color: #000000 !important;
    }

    /* Industry About Section Styling */
    .indus-about {
        padding: 2rem 0;
        margin-bottom: 3rem;
        border-bottom: 1px solid #e9ecef;
    }

    .indus-about h1 {
        margin-bottom: 1.5rem;
        color: #003366;
    }

    .indus-about p {
        line-height: 1.8;
        color: #003366;
    }

    /* Add spacing between about section and next content */
    .indus-about+.menu {
        margin-top: 2rem;
        padding-top: 2rem;
    }

    /* Add spacing between text and image in the feature section */
    .feature-text {
        padding-right: 3rem !important;
    }

    .feature-text .indus-about {
        margin-right: 2rem;
    }

    /* Ensure proper spacing in the two-column layout */
    .col-lg-6.feature-text {
        padding-right: 2rem !important;
    }

    .col-lg-6.pe-lg-0 {
        padding-left: 2rem !important;
    }





    .file-upload-wrapper {
        position: relative;
        display: inline-block;
    }

    .file-upload-input {
        display: none;
        /* hide the default ugly input */
    }

    .file-upload-label {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 1px solid #a3a3a3;
        color: rgb(8, 8, 8);
        padding: 10px 16px;
        font-size: 16px;
        border-radius: 20px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .file-upload-label:hover {
        background-color: #929292;
    }

    .file-name {
        margin-left: 12px;
        font-size: 14px;
        color: #333;
        font-style: italic;
    }
}