/* Reduce gaps on main page */

/* Reduce section padding */
section {
    padding: 40px 0 !important; /* Reduced from default */
}

/* Hero section adjustments */
.hero-section,
.page-banner,
.banner-section {
    padding: 60px 0 !important; /* Reduced hero padding */
}

/* Reduce container margins */
.container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Reduce row margins */
.row {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
}

/* Adjust column padding */
.col-lg-12, .col-lg-6, .col-lg-5, .col-lg-7, .col-lg-4, .col-lg-3, .col-lg-8,
.col-md-12, .col-md-6, .col-md-4, .col-md-3, .col-md-8 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Reduce heading margins */
h1, h2, h3, h4, h5, h6 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

/* Specific adjustments for hero text */
h1[style*="margin-top: 150px"] {
    margin-top: 80px !important; /* Reduce from 150px */
}

/* Reduce paragraph spacing */
p {
    margin-bottom: 15px !important; /* Reduced from default */
}

/* Feature boxes and cards */
.feature-box,
.service-box,
.card {
    margin-bottom: 20px !important; /* Reduced spacing */
    padding: 20px !important;
}

/* Reduce section title spacing */
.section-title {
    margin-bottom: 30px !important; /* Reduced from default */
    padding-bottom: 0 !important;
}

/* Reduce button margins */
.btn,
.btn-primary,
.btn-default,
a.btn {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* Reduce form spacing */
.form-group {
    margin-bottom: 15px !important;
}

/* Navigation adjustments */
.main-header {
    padding: 10px 0 !important;
}

.navbar {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Footer adjustments */
footer,
.main-footer {
    padding: 30px 0 !important;
    margin-top: 40px !important;
}

/* Reduce gap between sections */
section + section {
    margin-top: -20px !important;
}

/* Feature items */
.choose-us-item,
.about-item,
.service-item {
    margin-bottom: 20px !important;
    padding: 20px !important;
}

/* Reduce image margins */
img {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* Specific adjustments for common spacing classes */
.mt-5 { margin-top: 2rem !important; }
.mb-5 { margin-bottom: 2rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }

/* Mobile responsiveness - even tighter on mobile */
@media (max-width: 768px) {
    section {
        padding: 30px 0 !important;
    }
    
    h1, h2, h3 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    
    .hero-section,
    .page-banner {
        padding: 40px 0 !important;
    }
}