:root {
            --primary-color: #0d3c84;
            --secondary-color: #1c60c9;
            --light-blue: #e8f0fe;
            --dark-blue: #081e42;
            --gray-light: #f5f7fa;
            --black: #000000;
            --dark-gray: #404040;
            --gray: #0B0B0B;
            --medium-gray: #8994A5;
            --light-gray: #C0C9D6;
            --off-white: #F7F8FA;
            --blue-gray: #3D5467;
            --blue: #0d3c84;
            --red: #ab2f3b;
            --white: #ffffff;
         
        }
        
        body {
            font-family: 'Inter', sans-serif;
            color: #333;
            overflow-x: hidden;
        }
        
        .navbar {
            /* background-color: var(--primary-color); */
            padding: 15px 0;
        }

        .nav-link::after, .nav-link.dropdown-toggle::after {
            content: none;
        }
        
        .navbar-brand img {
            height: 20px;
        }
        
        .navbar-dark .navbar-nav .nav-link {
            color: rgba(255, 255, 255, 0.9);
            margin: 0 10px;
        }
        
        .navbar-dark .navbar-nav .nav-link:hover {
            color: white;
        }
        

        .navbar {
            transition: background-color 0.3s ease, padding 0.3s ease;
        }
        .navbar.scrolled {
            background-color: var(--primary-color);
            padding: 20px;
        }


        .btn-primary {
            background-color: var(--secondary-color);
            border-color: var(--secondary-color);
        }
        
        .btn-outline-light {
            border-width: 2px;
        }
        
        .btn-outline-primary {
            color: var(--secondary-color);
            border-color: var(--secondary-color);
        }
        
        .btn-outline-primary:hover {
            background-color: var(--secondary-color);
            color: white;
        }
        
        .hero-section {
            background: linear-gradient(rgba(13, 60, 132, 0.85), rgba(13, 60, 132, 0.85)), url('/assets/imgs/pharma-manufacturing.jpeg');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 150px 0;
            position: relative;
            overflow: hidden;
        }
        
        .hero-section h1 {
            font-size: 2.8rem;
            font-weight: 700;
            margin-bottom: 20px;
        }
        
        .hero-section p {
            font-size: 1.2rem;
            margin-bottom: 30px;
        }
        .hero-left-description {
            max-width: 600px;
        }
        
        .blue-box {
            background-color: var(--secondary-color);
            color: white;
            border-radius: 8px;
            padding: 40px;
        }
        
        .testimonial-section {
            background: linear-gradient(rgba(8, 30, 66, 0.9), rgba(8, 30, 66, 0.9)), url('/assets/imgs/decon-banner-bg.jpg');
            background-size: cover;
            color: white;
            padding: 80px 0;
        }
        
        .testimonial-box {
            background: rgba(255, 255, 255, 0.1);
            padding: 30px;
            border-radius: 8px;
            backdrop-filter: blur(5px);
        }
        
        .service-card {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
            height: 100%;
            transition: transform 0.3s ease;
        }
        
        .service-card:hover {
            transform: scale(1.02);
        }
        
        .pricing-card {
            border-radius: 8px;
            border: 1px solid #eee;
            padding: 30px;
            transition: transform 0.3s ease;
            height: 100%;
        }
        
        .pricing-card.featured {
            background-color: var(--secondary-color);
            color: white;
            transform: scale(1.05);
        }
        
        .pricing-card:hover {
            transform: translateY(-10px);
        }
        
        .pricing-card.featured:hover {
            transform: scale(1.05) translateY(-10px);
        }
        
        .footer {
            background-color: var(--primary-color);
            color: white;
            padding: 60px 0 20px;
        }
        
        .footer-logo {
            height: 40px;
            margin-bottom: 20px;
        }
        .footer-logo img {
            height: 20px;
        }
        
        .footer h5 {
            margin-bottom: 20px;
            font-weight: 600;
        }
        
        .footer ul {
            list-style: none;
            padding: 0;
        }
        
        .footer ul li {
            margin-bottom: 10px;
        }
        
        .footer ul li a {
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
        }
        
        .footer ul li a:hover {
            color: white;
            text-decoration: underline;
        }
        
        .contact-form .form-control {
            background-color: rgba(255, 255, 255, 0.3);
            border: none;
            color: white;
            padding: 12px 15px;
        }
        
        .contact-form .form-control::placeholder {
            color: rgba(255, 255, 255, 0.6);
        }
        
        .partners-section img {
            height: 30px;
            opacity: 0.7;
            transition: opacity 0.3s;
        }
        
        .partners-section img:hover {
            opacity: 1;
        }
        
        .dropdown:hover .dropdown-menu {
            display: block;
            opacity: 1;
            visibility: visible;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }
        
        .dropdown-menu {
            margin-top: 0;
            border-radius: 0 0 4px 4px;
            border: none;
            box-shadow: 0 10px 15px rgba(0,0,0,0.1);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }


        .service-cards .service-card {
            height: 100%;
            min-height: 350px; 
            padding: .5rem;
        }

        /* Advanced background elements */
        .background-elements {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            overflow: hidden;
        }

        /* Wavy shape */
        .bg-wave {
            position: absolute;
            width: 100%;
            height: 120px;
            background: linear-gradient(90deg, rgba(26,60,110,0.04) 0%, rgba(26,60,110,0.02) 100%);
            top: 40%;
            left: 0;
            transform: skewY(-3deg);
        }

        /* Abstract polygon shapes */
        .bg-polygon {
            position: absolute;
            opacity: 0.04;
            background-color: #1a3c6e;
            clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
        }

        .bg-polygon-1 {
            width: 350px;
            height: 350px;
            top: -100px;
            right: -50px;
            transform: rotate(15deg);
        }

        .bg-polygon-2 {
            width: 250px;
            height: 250px;
            bottom: -50px;
            left: 10%;
            transform: rotate(45deg);
        }

        /* Particles effect - simulated with a special background */
        .bg-particles {
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: radial-gradient(#1a3c6e 1px, transparent 1px),
                            radial-gradient(#1a3c6e 1px, transparent 1px);
            background-size: 30px 30px, 50px 50px;
            background-position: 0 0, 25px 25px;
            opacity: 0.03;
        }

        /* Gradient mesh */
        .bg-gradient-mesh {
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(26,60,110,0.02) 1px, transparent 1px),
                linear-gradient(90deg, rgba(26,60,110,0.02) 1px, transparent 1px);
            background-size: 50px 50px;
        }

        /* Floating rounded rectangles */
        .bg-rectangle {
            position: absolute;
            border-radius: 12px;
            opacity: 0.05;
            background-color: #1a3c6e;
        }

        .bg-rectangle-1 {
            width: 180px;
            height: 80px;
            top: 15%;
            left: 5%;
            transform: rotate(-15deg);
        }

        .bg-rectangle-2 {
            width: 120px;
            height: 160px;
            top: 60%;
            right: 8%;
            transform: rotate(22deg);
        }

        .bg-rectangle-3 {
            width: 100px;
            height: 100px;
            bottom: 15%;
            left: 25%;
            transform: rotate(45deg);
        }



        .breadcrumb {
            background-color: transparent;
            padding: 0;
            margin-bottom: 30px;
        }
        
        .breadcrumb-item a {
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
        }
        
        .breadcrumb-item.active {
            color: white;
        }
        
        .breadcrumb-item + .breadcrumb-item::before {
            content: "›";
            color: rgba(255, 255, 255, 0.6);
        }





        
.bg-off-white {
    background-color: var(--off-white);
}

.bg-blue-gray {
    background-color: var(--blue);
}

.bg-blue {
    background-color: var(--blue);
}

.bg-red {
    background-color: var(--red);
}