/* =================================
   COMPACT SPACING & COLOR REFINEMENTS
   ================================= */

/* REDUCE SECTION PADDING - Make page more compact */
.section {
    padding: 35px 0 !important;
    /* Reduced from 50px */
}

.hero {
    min-height: 500px !important;
    /* Reduced from 550px */
    height: 70vh !important;
    /* Reduced from 75vh */
}

.section-header {
    margin-bottom: 25px !important;
    /* Reduced from 40px */
}

/* HERO SECTION - Update colors to match light blue theme */
.hero-title .text-gold,
.hero-title span[style*="color"] {
    color: #0284c7 !important;
    /* Sky Blue instead of Orange */
}

.btn-primary {
    background: linear-gradient(135deg, #0284c7, #0369a1) !important;
    /* Blue gradient */
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.3) !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #0369a1, #075985) !important;
    box-shadow: 0 6px 25px rgba(2, 132, 199, 0.5) !important;
}

/* Carousel indicators - Blue theme */
.indicator {
    background: rgba(2, 132, 199, 0.3) !important;
}

.indicator.active {
    background: var(--accent-cyan) !important;
}

/* COMPACT SERVICES SECTION */
.services-grid {
    gap: 16px !important;
    /* Reduced from 20px */
}

.service-card {
    height: 260px !important;
    /* Slightly reduced */
}

/* COMPACT QUOTE FORM */
.quote-form {
    padding: 30px !important;
    /* Reduced from 40px */
    gap: 15px !important;
    /* Reduced from 20px */
}

.form-group {
    margin-bottom: 0 !important;
}

/* COMPACT FOOTER */
.footer {
    padding: 50px 0 15px !important;
    /* Reduced from 80px 0 20px */
}

.footer-grid {
    margin-bottom: 30px !important;
    /* Reduced from 50px */
    gap: 35px !important;
    /* Reduced from 50px */
}

/* TRACKING SECTION - Reduce gaps */
.tracking-box {
    margin: 0 auto 25px !important;
    /* Reduced from 40px */
}

/* TESTIMONIALS - Tighter spacing */
.testimonial-card {
    margin-bottom: 0 !important;
}

/* GALLERY - Compact */
.gallery-grid {
    gap: 15px !important;
    /* Reduced from 20px */
}

/* WHY CHOOSE US - Reduce margins */
.col-2-grid {
    gap: 35px !important;
    /* Reduced from 50px */
}

.features-list {
    margin: 20px 0 !important;
    /* Reduced from 30px */
}

.features-list li {
    margin-bottom: 15px !important;
    /* Reduced from 20px */
}

/* CTA SECTION - Reduce spacing */
.stat-box {
    padding: 25px !important;
    /* Reduced from 30px */
    width: 180px !important;
    /* Slightly smaller */
    height: 180px !important;
}

/* REMOVE EXCESS MARGINS BETWEEN SECTIONS */
section+section {
    margin-top: 0 !important;
}

/* COMPACT CONTAINER PADDING */
.container {
    padding: 0 15px !important;
    /* Reduced from 20px */
}

/* TIGHTER LINE HEIGHTS FOR HEADERS */
h1,
h2,
h3 {
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
}

h2.section-title {
    margin-bottom: 8px !important;
}

.section-desc {
    margin-bottom: 0 !important;
}

/* REDUCE INPUT FIELD PADDING */
input,
select,
textarea {
    padding: 10px !important;
}

.input-wrapper input,
.input-wrapper select,
.input-wrapper textarea {
    padding: 12px 15px 12px 40px !important;
}

/* BUTTONS - Compact */
.btn {
    padding: 10px 24px !important;
    /* Reduced from 12px 28px */
}

.btn-lg {
    padding: 12px 28px !important;
    /* Reduced from 14px 32px */
}

/* KPI CARDS - Reduce size */
.kpi-grid {
    gap: 15px !important;
}

/* HERO BUTTONS CONTAINER */
.hero-buttons {
    gap: 12px !important;
    /* Reduced from 16px */
    margin-bottom: 20px !important;
}

/* UPDATE NAVIGATION COLORS TO MATCH */
.nav-link:hover,
.nav-link.active {
    color: var(--accent-cyan) !important;
}

.nav-link::after {
    background-color: var(--accent-cyan) !important;
}

/* GET A QUOTE BUTTON - Match theme */
.btn-primary.quote-btn,
button[style*="background: #f59e0b"],
a[style*="background: #f59e0b"] {
    background: linear-gradient(135deg, #0284c7, #0369a1) !important;
    color: #ffffff !important;
}

/* WORLD CLOCKS - Tighter */
.world-clocks {
    gap: 15px !important;
    margin-bottom: 20px !important;
}

/* PROJECT CAROUSEL - Compact */
.projects-carousel {
    height: 400px !important;
    /* Reduced from 500px */
}

@media (max-width: 768px) {
    .section {
        padding: 25px 0 !important;
    }

    .hero {
        min-height: 450px !important;
    }

    .projects-carousel {
        height: 250px !important;
    }
}