/* src/components/AboutUsPage.css */
.about-us-page .section-title {
    margin-bottom: 4rem;
}

.about-hero-section {
    background: var(--card-gradient);
    color: var(--neutral-white);
    padding: 4rem 0;
    text-align: center;
}

.hero-title-about {
    font-size: var(--font-size-h1);
    margin-bottom: 1rem;
}

.hero-subtitle-about {
    font-size: var(--font-size-h3);
    opacity: 0.9;
}

.about-us-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
    margin-bottom: 4rem;
}

.about-us-text-area h2 {
    margin-bottom: 1.5rem;
}

.about-us-image-area img {
    border-radius: var(--border-radius-large);
    box-shadow: var(--shadow-elevated);
    width: 100%;
    height: auto;
    object-fit: cover;
}

.team-section-background {
    background-color: var(--neutral-lightGray);
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.team-member {
    text-align: center;
    background-color: var(--neutral-white);
}

.team-member-image {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto 1rem;
    box-shadow: var(--shadow-medium);
    border: 4px solid var(--primary-main);
}

.team-member-role {
    color: var(--secondary-main);
    font-weight: var(--font-weight-semibold);
}

@media (max-width: 768px) {
    .about-us-content {
        grid-template-columns: 1fr;
    }
}

/* src/components/AlhadafAdvantage.css */
.alhadaf-advantage .section-title {
    color: var(--primary-dark);
}

.advantage-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.advantage-item {
    text-align: center;
    padding: 2.5rem;
}

.advantage-icon {
    width: 70px;
    height: 70px;
    background: var(--neutral-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    font-size: 2rem;
    color: var(--primary-main);
    box-shadow: var(--shadow-subtle);
}

.advantage-title {
    font-size: var(--font-size-h3);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 1rem;
    color: var(--primary-dark);
}

.advantage-description {
    color: var(--neutral-charcoal);
}

/* src/components/BulkServicesPage.css */
.bulk-services-page .section-title {
    margin-bottom: 4rem;
}

.bulk-services-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
    margin-bottom: 4rem;
}

.bulk-services-text h2 {
    margin-bottom: 1.5rem;
}

.bulk-services-image img {
    border-radius: var(--border-radius-large);
    box-shadow: var(--shadow-elevated);
    width: 100%;
    height: auto;
    object-fit: cover;
}

.industries-section {
    margin-bottom: 4rem;
}

.industries-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.industry-item {
    text-align: center;
    padding: 2rem 1.5rem;
}

.industry-item i {
    font-size: 2.5rem;
    color: var(--primary-main);
    margin-bottom: 1rem;
}

.industry-item ul {
    list-style: none;
    padding: 0;
    margin-top: 1rem;
}

.features-list {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
}

.features-list li {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.1rem;
}

.features-list i {
    color: var(--secondary-main);
}

.process-list {
    list-style: none;
    padding: 0;
    counter-reset: process-counter;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.process-list li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 1rem;
}

.process-list li::before {
    counter-increment: process-counter;
    content: counter(process-counter);
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-color: var(--primary-main);
    color: var(--neutral-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--font-weight-bold);
}

@media (max-width: 768px) {
    .bulk-services-content {
        grid-template-columns: 1fr;
    }
}

/* src/components/ContactPage.css */
.contact-page .section-title {
    margin-bottom: 4rem;
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
}

.contact-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.contact-info-item {
    text-align: center;
}

.contact-info-item i {
    font-size: 2rem;
    color: var(--primary-main);
    margin-bottom: 1rem;
}

.contact-form-container {
    padding: 3rem;
    color: var(--neutral-white);
}

.contact-form-container h2 {
    color: var(--neutral-white);
    text-align: center;
    margin-bottom: 2rem;
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: var(--font-weight-medium);
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 0.75rem;
    border-radius: var(--border-radius-small);
    border: 1px solid var(--neutral-mediumGray);
    background-color: var(--neutral-lightGray);
    color: var(--neutral-charcoal);
    font-family: inherit;
}

@media (max-width: 992px) {
    .contact-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .contact-info {
        grid-template-columns: 1fr;
    }
}

/* src/components/Footer.css */
.footer {
    background-color: var(--neutral-charcoal);
    color: var(--neutral-lightGray);
    padding: 4rem 0 2rem;
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 3rem;
    margin-bottom: 3rem;
}

.footer-logo {
    height: 40px;
    margin-bottom: 1rem;
}

.footer h4 {
    color: var(--neutral-white);
    margin-bottom: 1.5rem;
    font-weight: var(--font-weight-semibold);
}

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

.footer-links a {
    color: var(--neutral-lightGray);
    margin-bottom: 0.75rem;
    display: inline-block;
}

.footer-contact p {
    margin-bottom: 1rem;
}

.footer-contact a {
    color: var(--neutral-lightGray);
}

.social-links {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
}

.social-links a {
    font-size: 1.5rem;
    color: var(--neutral-lightGray);
}

.footer-payment .payment-icons {
    display: flex;
    gap: 1rem;
    font-size: 2rem;
}

.footer-payment .payment-icons i {
    color: var(--neutral-white);
}

.footer-bottom {
    text-align: center;
    border-top: 1px solid var(--neutral-darkGray);
    padding-top: 2rem;
    color: var(--neutral-darkGray);
}

.fas {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.fab {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

.fa, .fas, .far, .fal, .fad, .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* src/components/Header.css */
.header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(224, 224, 224, 0.3);
    padding: 0.1rem 0;
}

.logo img {
    height: 35px;
}

.nav-menu {
    gap: 0.8rem;
}

.nav-item {
    padding: 0.3rem 0.6rem;
    font-size: 0.9rem; 
}

.header-actions .btn {
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
}


.nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 1.5rem;
}

.logo img {
    height: 45px;
}

.nav-menu {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.nav-item {
    color: var(--neutral-charcoal);
    font-weight: var(--font-weight-medium);
    padding: 0.4rem 0.8rem;
    border-radius: var(--border-radius-small);
    transition: all 0.3s ease;
}

.nav-item:hover {
    background: rgba(0, 102, 204, 0.1);
    color: var(--primary-main);
}

.nav-item.active {
    background: var(--hero-gradient);
    color: var(--neutral-white);
    box-shadow: var(--shadow-subtle);
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.header-actions .btn {
    padding: 0.6rem 1.2rem;
    font-size: 0.9rem;
}

.mobile-toggle {
    display: none;
    background: none;
    border: none;
    font-size: 1.3rem;
    color: var(--neutral-charcoal);
    cursor: pointer;
}

/* Dropdown styles */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--neutral-white);
    min-width: 160px;
    box-shadow: var(--shadow-medium);
    z-index: 1;
    border-radius: var(--border-radius-small);
    overflow: hidden;
}

.dropdown-content a {
    color: var(--neutral-charcoal);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: var(--neutral-lightGray);
}

.dropdown:hover .dropdown-content {
    display: block;
}

@media (max-width: 768px) {
    .nav-menu {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.95);
        padding: 1rem;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
    }

    .nav-menu.active {
        display: flex;
    }

    .mobile-toggle {
        display: block;
    }

    .header-actions .btn-secondary {
        display: none;
    }

    .header-actions .btn-primary {
        font-size: 0.8rem;
        padding: 0.5rem 1rem;
    }

    .logo img {
        height: 35px;
    }

    .dropdown-content {
        position: static;
        box-shadow: none;
        min-width: unset;
        width: 100%;
        border-radius: 0;
    }

    .dropdown-content a {
        padding-left: 2rem;
    }
}

/* src/components/HeroCarousel.css */
.hero-section {
    min-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--neutral-white);
    text-align: center;
    padding: var(--section-padding);
    position: relative;
    overflow: hidden;
    background: var(--hero-gradient);
}

.hero-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/public/images/hero-background.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0.1;
    z-index: 1;
}

.liquid-shape {
    position: absolute;
    top: -50px;
    left: -50px;
    width: 200px;
    height: 200px;
    background: var(--accent-main);
    animation: liquidFlow 12s ease-in-out infinite;
    opacity: 0.5;
}

.bubble {
    position: absolute;
    bottom: -100px;
    width: 50px;
    height: 50px;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.8), rgba(0, 191, 255, 0.4));
    border-radius: 50%;
    animation: bubbleFloat 10s linear infinite;
    opacity: 0.6;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.3);
}

.hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    max-width: 800px;
    animation: fadeIn 1s ease-out;
    text-align: center;
}

.hero-title {
    font-size: var(--font-size-hero);
    font-weight: var(--font-weight-bold);
    margin-bottom: 1.5rem;
    color: var(--neutral-white);
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.hero-subtitle {
    font-size: var(--font-size-h3);
    margin-bottom: 2.5rem;
    opacity: 0.9;
}

.hero-actions {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 1;
}

.hero-slide.active {
    opacity: 1;
    z-index: 2;
}

.carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: var(--neutral-white);
    border: none;
    padding: 1rem;
    cursor: pointer;
    z-index: 4;
    font-size: 1.5rem;
    transition: background 0.3s ease;
}

.carousel-control:hover {
    background: rgba(0, 0, 0, 0.8);
}

.carousel-control.prev {
    left: 1rem;
    border-radius: 0 var(--border-radius-medium) var(--border-radius-medium) 0;
}

.carousel-control.next {
    right: 1rem;
    border-radius: var(--border-radius-medium) 0 0 var(--border-radius-medium);
}

/* src/components/HomePageSections.css */
.stats-section {
    background-color: var(--neutral-lightGray);
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
    text-align: center;
}

.stat-item {
    padding: 1rem;
}

.stat-value {
    font-size: var(--font-size-h1);
    font-weight: var(--font-weight-bold);
    color: var(--primary-main);
}

.stat-label {
    font-size: var(--font-size-body);
    color: var(--neutral-darkGray);
}

.process-section {
    background-color: var(--neutral-white);
}

.process-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.process-item {
    text-align: center;
}

.process-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: var(--border-radius-medium);
    margin-bottom: 1.5rem;
}

.process-icon-container {
    width: 80px;
    height: 80px;
    background: var(--hero-gradient);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    font-size: 2rem;
    color: var(--neutral-white);
    box-shadow: var(--shadow-medium);
}

.quality-commitment-section {
    background-color: var(--neutral-lightGray);
}

.quality-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    text-align: center;
}

.quality-item i {
    font-size: 2.5rem;
    color: var(--primary-main);
    margin-bottom: 1rem;
}

.quality-image {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: var(--border-radius-medium);
    margin-bottom: 1rem;
}

.industry-specializations-section {
    background-color: var(--neutral-white);
}

.industry-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.industry-card {
    text-align: center;
}

.industry-card i {
    font-size: 2.5rem;
    color: var(--primary-main);
    margin-bottom: 1rem;
}

.industry-card ul {
    list-style: none;
    padding: 0;
    margin-top: 1rem;
}

.contact-section {
    background: var(--card-gradient);
    color: var(--neutral-white);
    text-align: center;
}

.contact-content h2 {
    color: var(--neutral-white);
}

/* src/components/LocationsPage.css */
.locations-page .section-title {
    margin-bottom: 4rem;
}

.locations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-bottom: 4rem;
}

.specialized-locations ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
}

.specialized-locations li {
    background-color: var(--neutral-lightGray);
    padding: 1rem;
    border-radius: var(--border-radius-medium);
}

/* src/components/ServicesPage.css */
.services-page .section-title {
    margin-bottom: 4rem;
}

.service-category {
    margin-bottom: 4rem;
}

.service-category-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--primary-light);
}

.service-category-header i {
    font-size: 2rem;
    color: var(--primary-main);
}

.service-category-header h2 {
    font-size: var(--font-size-h2);
    color: var(--primary-dark);
}

.service-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.service-card-image {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: var(--border-radius-medium);
    margin-bottom: 1.5rem;
}

.service-card h3 {
    margin-bottom: 0.5rem;
}
:root{--primary-main:#06c;--primary-light:#4d9aff;--primary-dark:#049;--secondary-main:#e91e63;--secondary-light:#ff4081;--secondary-dark:#c2185b;--accent-main:#00bfff;--accent-light:#66d9ff;--accent-dark:#09c;--neutral-white:#fff;--neutral-lightGray:#f5f5f5;--neutral-mediumGray:#e0e0e0;--neutral-darkGray:#757575;--neutral-charcoal:#424242;--hero-gradient:linear-gradient(135deg,#e91e63,#06c);--card-gradient:linear-gradient(45deg,#00bfff,#06c);--background-gradient:linear-gradient(180deg,#e91e63,#00bfff);--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-arabic:"Tajawal",Arial,sans-serif;--font-size-hero:clamp(2.5rem,5vw,4rem);--font-size-h1:clamp(2rem,4vw,3rem);--font-size-h2:clamp(1.5rem,3vw,2rem);--font-size-h3:1.25rem;--font-size-body:1rem;--font-size-small:0.875rem;--font-size-caption:0.75rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-base:1rem;--container-max-width:1200px;--section-padding:clamp(2rem,5vw,4rem);--border-radius-small:0.5rem;--border-radius-medium:1rem;--border-radius-large:1.5rem;--border-radius-pill:50px;--border-radius-circle:50%;--shadow-subtle:0 2px 4px #0000001a;--shadow-medium:0 4px 12px #00000026;--shadow-elevated:0 8px 24px #0003;--shadow-floating:0 12px 32px #00000040}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--neutral-white);color:#424242;color:var(--neutral-charcoal);font-size:1rem;font-size:var(--font-size-body);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.6}body,h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary)}h1,h2,h3,h4,h5,h6{color:#049;color:var(--primary-dark);font-weight:700;font-weight:var(--font-weight-bold)}h1{font-size:clamp(2rem,4vw,3rem);font-size:var(--font-size-h1)}h2{font-size:clamp(1.5rem,3vw,2rem);font-size:var(--font-size-h2)}h3{font-size:1.25rem;font-size:var(--font-size-h3)}a{color:#06c;color:var(--primary-main);text-decoration:none;transition:color .3s ease}a:hover{color:#049;color:var(--primary-dark)}.container{max-width:1200px;max-width:var(--container-max-width);margin:0 auto;padding:0 1rem;padding:0 var(--spacing-base)}.section{padding:clamp(2rem,5vw,4rem) 0;padding:var(--section-padding) 0}.section-title{font-size:clamp(2rem,4vw,3rem);font-size:var(--font-size-h1);text-align:center;margin-bottom:3rem;color:#049;color:var(--primary-dark)}.card{background-color:#fff;background-color:var(--neutral-white);border-radius:1rem;border-radius:var(--border-radius-medium);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-medium);padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0003;box-shadow:var(--shadow-elevated)}.btn{display:inline-block;padding:1rem 2rem;border-radius:50px;border-radius:var(--border-radius-pill);font-weight:600;font-weight:var(--font-weight-semibold);text-align:center;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background-color:#06c;background-color:var(--primary-main);color:#fff;color:var(--neutral-white);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-subtle)}.btn-primary:hover{background-color:#049;background-color:var(--primary-dark);transform:translateY(-2px)}.btn-secondary{background-color:transparent;border:2px solid #06c;border:2px solid var(--primary-main);color:#06c;color:var(--primary-main)}.btn-secondary:hover{background-color:#06c;background-color:var(--primary-main);color:#fff;color:var(--neutral-white)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes liquidFlow{0%{border-radius:40% 60% 70% 30%/40% 50% 60% 50%}50%{border-radius:30% 70% 40% 60%/60% 40% 50% 60%}to{border-radius:40% 60% 70% 30%/40% 50% 60% 50%}}@keyframes bubbleFloat{0%{transform:translateY(0);opacity:.6}to{transform:translateY(-120vh);opacity:0}}.about-us-page .section-title{margin-bottom:4rem}.about-hero-section{background:var(--card-gradient);color:var(--neutral-white);padding:4rem 0;text-align:center}.hero-title-about{font-size:var(--font-size-h1);margin-bottom:1rem}.hero-subtitle-about{font-size:var(--font-size-h3);opacity:.9}.about-us-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:4rem}.about-us-text-area h2{margin-bottom:1.5rem}.about-us-image-area img{border-radius:var(--border-radius-large);box-shadow:var(--shadow-elevated);width:100%;height:auto;object-fit:cover}.team-section-background{background-color:var(--neutral-lightGray)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.team-member{text-align:center;background-color:var(--neutral-white)}.team-member-image{width:150px;height:150px;border-radius:50%;object-fit:cover;margin:0 auto 1rem;box-shadow:var(--shadow-medium);border:4px solid var(--primary-main)}.team-member-role{color:var(--secondary-main);font-weight:var(--font-weight-semibold)}@media (max-width:768px){.about-us-content{grid-template-columns:1fr}}.alhadaf-advantage .section-title{color:var(--primary-dark)}.advantage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.advantage-item{text-align:center;padding:2.5rem}.advantage-icon{width:70px;height:70px;background:var(--neutral-white);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:var(--primary-main);box-shadow:var(--shadow-subtle)}.advantage-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin-bottom:1rem;color:var(--primary-dark)}.advantage-description{color:var(--neutral-charcoal)}.bulk-services-page .section-title{margin-bottom:4rem}.bulk-services-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:4rem}.bulk-services-text h2{margin-bottom:1.5rem}.bulk-services-image img{border-radius:var(--border-radius-large);box-shadow:var(--shadow-elevated);width:100%;height:auto;object-fit:cover}.industries-section{margin-bottom:4rem}.industries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.industry-item{text-align:center;padding:2rem 1.5rem}.industry-item i{font-size:2.5rem;color:var(--primary-main);margin-bottom:1rem}.industry-item ul{list-style:none;padding:0;margin-top:1rem}.features-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.features-list li{display:flex;align-items:center;gap:1rem;font-size:1.1rem}.features-list i{color:var(--secondary-main)}.process-list{list-style:none;padding:0;counter-reset:process-counter;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.process-list li{position:relative;padding-left:40px;margin-bottom:1rem}.process-list li:before{counter-increment:process-counter;content:counter(process-counter);position:absolute;left:0;top:0;width:30px;height:30px;background-color:var(--primary-main);color:var(--neutral-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold)}@media (max-width:768px){.bulk-services-content{grid-template-columns:1fr}}.contact-page .section-title{margin-bottom:4rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.contact-info-item{text-align:center}.contact-info-item i{font-size:2rem;color:var(--primary-main);margin-bottom:1rem}.contact-form-container{padding:3rem;color:var(--neutral-white)}.contact-form-container h2{color:var(--neutral-white);text-align:center;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:var(--font-weight-medium)}.form-group input,.form-group textarea{width:100%;padding:.75rem;border-radius:var(--border-radius-small);border:1px solid var(--neutral-mediumGray);background-color:var(--neutral-lightGray);color:var(--neutral-charcoal);font-family:inherit}@media (max-width:992px){.contact-grid{grid-template-columns:1fr}}@media (max-width:576px){.contact-info{grid-template-columns:1fr}}.footer{background-color:var(--neutral-charcoal);color:var(--neutral-lightGray);padding:4rem 0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem}.footer-logo{height:40px;margin-bottom:1rem}.footer h4{color:var(--neutral-white);margin-bottom:1.5rem;font-weight:var(--font-weight-semibold)}.footer-links ul{list-style:none;padding:0}.footer-links a{color:var(--neutral-lightGray);margin-bottom:.75rem;display:inline-block}.footer-contact p{margin-bottom:1rem}.footer-contact a{color:var(--neutral-lightGray)}.social-links{display:flex;gap:1rem;margin-top:1.5rem}.social-links a{font-size:1.5rem;color:var(--neutral-lightGray)}.footer-payment .payment-icons{display:flex;gap:1rem;font-size:2rem}.footer-payment .payment-icons i{color:var(--neutral-white)}.footer-bottom{text-align:center;border-top:1px solid var(--neutral-darkGray);padding-top:2rem;color:var(--neutral-darkGray)}.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(224,224,224,.3);padding:.5rem 0}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-max-width);margin:0 auto;padding:0 1.5rem}.logo img{height:50px}.nav-menu{display:flex;align-items:center;gap:1.5rem}.nav-item{color:var(--neutral-charcoal);font-weight:var(--font-weight-medium);padding:.5rem 1rem;border-radius:var(--border-radius-small);transition:all .3s ease}.nav-item:hover{background:rgba(0,102,204,.1);color:var(--primary-main)}.nav-item.active{background:var(--hero-gradient);color:var(--neutral-white);box-shadow:var(--shadow-subtle)}.header-actions{display:flex;align-items:center;gap:1rem}.mobile-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--neutral-charcoal);cursor:pointer}@media (max-width:768px){.nav-menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,.95);padding:1rem;border-top:1px solid rgba(0,0,0,.05)}.nav-menu.active{display:flex}.mobile-toggle{display:block}.header-actions .btn-secondary{display:none}.header-actions .btn-primary{font-size:.8rem;padding:.5rem 1rem}.logo img{height:40px}}.hero-section{min-height:90vh;display:flex;align-items:center;justify-content:center;color:var(--neutral-white);text-align:center;padding:var(--section-padding);position:relative;overflow:hidden;background:var(--hero-gradient)}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/static/media/hero-background.68ed01fb178d12c3c9d8.jpg);background-size:cover;background-position:center;opacity:.1;z-index:1}.liquid-shape{position:absolute;top:-50px;left:-50px;width:200px;height:200px;background:var(--accent-main);animation:liquidFlow 12s ease-in-out infinite;opacity:.5}.bubble{position:absolute;bottom:-100px;width:50px;height:50px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8),rgba(0,191,255,.4));border-radius:50%;animation:bubbleFloat 10s linear infinite;opacity:.6;box-shadow:inset 0 0 20px rgba(255,255,255,.3)}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;max-width:800px;animation:fadeIn 1s ease-out;text-align:center}.hero-title{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);margin-bottom:1.5rem;color:var(--neutral-white);text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-subtitle{font-size:var(--font-size-h3);margin-bottom:2.5rem;opacity:.9}.hero-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-size:cover;opacity:0;transition:opacity 1s ease-in-out;z-index:1}.hero-slide.active{opacity:1;z-index:2}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:var(--neutral-white);border:none;padding:1rem;cursor:pointer;z-index:4;font-size:1.5rem;transition:background .3s ease}.carousel-control:hover{background:rgba(0,0,0,.8)}.carousel-control.prev{left:1rem;border-radius:0 var(--border-radius-medium) var(--border-radius-medium) 0}.carousel-control.next{right:1rem;border-radius:var(--border-radius-medium) 0 0 var(--border-radius-medium)}.stats-section{background-color:var(--neutral-lightGray)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat-item{padding:1rem}.stat-value{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--primary-main)}.stat-label{font-size:var(--font-size-body);color:var(--neutral-darkGray)}.process-section{background-color:var(--neutral-white)}.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.process-item{text-align:center}.process-image{width:100%;height:200px;object-fit:cover;border-radius:var(--border-radius-medium);margin-bottom:1.5rem}.process-icon-container{width:80px;height:80px;background:var(--hero-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:var(--neutral-white);box-shadow:var(--shadow-medium)}.quality-commitment-section{background-color:var(--neutral-lightGray)}.quality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;text-align:center}.quality-item i{font-size:2.5rem;color:var(--primary-main);margin-bottom:1rem}.quality-image{width:100%;height:150px;object-fit:cover;border-radius:var(--border-radius-medium);margin-bottom:1rem}.industry-specializations-section{background-color:var(--neutral-white)}.industry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.industry-card{text-align:center}.industry-card i{font-size:2.5rem;color:var(--primary-main);margin-bottom:1rem}.industry-card ul{list-style:none;padding:0;margin-top:1rem}.contact-section{background:var(--card-gradient);color:var(--neutral-white);text-align:center}.contact-content h2{color:var(--neutral-white)}.locations-page .section-title{margin-bottom:4rem}.locations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.specialized-locations ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.specialized-locations li{background-color:var(--neutral-lightGray);padding:1rem;border-radius:var(--border-radius-medium)}.services-page .section-title{margin-bottom:4rem}.service-category{margin-bottom:4rem}.service-category-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-light)}.service-category-header i{font-size:2rem;color:var(--primary-main)}.service-category-header h2{font-size:var(--font-size-h2);color:var(--primary-dark)}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card-image{width:100%;height:180px;object-fit:cover;border-radius:var(--border-radius-medium);margin-bottom:1.5rem}.service-card h3{margin-bottom:.5rem}