/**
 * Home page section spacing — master control file
 *
 * How to use:
 * 1. Uncomment and set padding-top / padding-bottom (or margin-*) for each section.
 * 2. Desktop values go in the main rule; mobile values go in the @media block.
 * 3. Existing theme utilities (pt-120, pb-90, etc.) and section CSS still apply until
 *    you override them here (use !important only if needed to win specificity).
 *
 * Theme note: site spacing.css maps .pt-120 → padding-top: 120px (same for pb-*).
 * Tailwind rem utilities (py-14, etc.) are separate from those theme classes.
 *
 * Linked from: resources/views/app.blade.php + resources/js/layouts/site-layout.tsx
 */

/* -------------------------------------------------------------------------- */
/* 1. Hero / Slider — HeroSliderSection                                       */
/*    Current: no section pt/pb (height-driven: .sliderm-height ~970px desk)  */
/*    Class/ID: .section-hero-spacing / #section-hero-spacing                 */
/* -------------------------------------------------------------------------- */
.section-hero-spacing,
#section-hero-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-hero-spacing,
    #section-hero-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 2. About — AboutSection                                                    */
/*    Current top: pt-120 (120px)                                             */
/*    Current bottom: none on section; ≥992px → 90px via app.css              */
/*    Class/ID: .section-about-spacing / #section-about-spacing               */
/* -------------------------------------------------------------------------- */
.section-about-spacing,
#section-about-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-about-spacing,
    #section-about-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 3. Chairman Message — ChairmanMessageSection                               */
/*    Current: pt-120 (120px) / pb-80 (80px)                                  */
/*    Class/ID: .section-chairman-spacing / #section-chairman-spacing         */
/* -------------------------------------------------------------------------- */
.section-chairman-spacing,
#section-chairman-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-chairman-spacing,
    #section-chairman-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 4. Sister Concerns — SisterConcernsSection                                 */
/*    Current: Tailwind py-14 (3.5rem) / sm:py-16 (4rem)                      */
/*             max-[991.98px]:pb-28 (7rem bottom on smaller screens)          */
/*    Class/ID: .section-sister-concerns-spacing / #section-sister-concerns-spacing */
/* -------------------------------------------------------------------------- */
.section-sister-concerns-spacing,
#section-sister-concerns-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-sister-concerns-spacing,
    #section-sister-concerns-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 5. Year-by-Year Business Growth — YearByYearBusinessSection                */
/*    Current: pt-90 (90px) / pb-90 (90px)                                    */
/*    Class/ID: .section-business-growth-spacing / #section-business-growth-spacing */
/* -------------------------------------------------------------------------- */
.section-business-growth-spacing,
#section-business-growth-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-business-growth-spacing,
    #section-business-growth-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 6. Production Stats — ProductionStatsSection                               */
/*    Current: pt-90 (90px) / pb-70 (70px)                                    */
/*    Class/ID: .section-production-stats-spacing / #section-production-stats-spacing */
/* -------------------------------------------------------------------------- */
.section-production-stats-spacing,
#section-production-stats-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-production-stats-spacing,
    #section-production-stats-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 7. Umbrella Services — UmbrellaServicesSection                             */
/*    Current: pt-90 (90px) / pb-90 (90px)                                    */
/*    Class/ID: .section-umbrella-services-spacing / #section-umbrella-services-spacing */
/* -------------------------------------------------------------------------- */
.section-umbrella-services-spacing,
#section-umbrella-services-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-umbrella-services-spacing,
    #section-umbrella-services-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 8. Services — ServicesSection                                              */
/*    Current: pt-40 (40px) / pb-80 (80px)                                    */
/*    Extra: ≤991.98px margin-top 2.5rem via app.css                          */
/*    Class/ID: .section-services-spacing / #section-services-spacing         */
/* -------------------------------------------------------------------------- */
.section-services-spacing,
#section-services-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-services-spacing,
    #section-services-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 9. Product Categories — ProductCategoriesSection (home variant)            */
/*    Current (home): pt-120 (120px) / pb-100 (100px)                         */
/*    Class/ID: .section-product-categories-spacing / #section-product-categories-spacing */
/* -------------------------------------------------------------------------- */
.section-product-categories-spacing,
#section-product-categories-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-product-categories-spacing,
    #section-product-categories-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 10. Product Category Galleries — ProductCategoryGalleriesSection           */
/*     Current: pt-40 (40px) / pb-100 (100px)                                 */
/*     Class/ID: .section-product-galleries-spacing / #section-product-galleries-spacing */
/* -------------------------------------------------------------------------- */
.section-product-galleries-spacing,
#section-product-galleries-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-product-galleries-spacing,
    #section-product-galleries-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 11. Testing Facilities — TestingFacilitiesSection                          */
/*     Current: pt-90 (90px) / pb-70 (70px)                                   */
/*     Class/ID: .section-testing-facilities-spacing / #section-testing-facilities-spacing */
/* -------------------------------------------------------------------------- */
.section-testing-facilities-spacing,
#section-testing-facilities-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-testing-facilities-spacing,
    #section-testing-facilities-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 12. Machinery — MachinerySection                                           */
/*     Current: machinery.css padding 90px 0 100px                            */
/*              @media max-width 767.98px → 70px 0 80px                       */
/*     Class/ID: .section-machinery-spacing / #section-machinery-spacing       */
/* -------------------------------------------------------------------------- */
.section-machinery-spacing,
#section-machinery-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-machinery-spacing,
    #section-machinery-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 13. Sustainability — SustainabilitySection                                 */
/*     Current: Tailwind py-16 / md:py-20 / lg:py-24 + theme pb-120           */
/*     Class/ID: .section-sustainability-spacing / #section-sustainability-spacing */
/* -------------------------------------------------------------------------- */
.section-sustainability-spacing,
#section-sustainability-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-sustainability-spacing,
    #section-sustainability-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 14. Strengths / USP — StrengthsUSPSection                                  */
/*     Current: pt-90 (90px) / pb-70 (70px)                                   */
/*     Class/ID: .section-strengths-usp-spacing / #section-strengths-usp-spacing */
/* -------------------------------------------------------------------------- */
.section-strengths-usp-spacing,
#section-strengths-usp-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-strengths-usp-spacing,
    #section-strengths-usp-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 15. Certifications — CertificationsSection                                 */
/*     Current: no pt / pb-120 (120px)                                        */
/*     Class/ID: .section-certifications-spacing / #section-certifications-spacing */
/* -------------------------------------------------------------------------- */
.section-certifications-spacing,
#section-certifications-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-certifications-spacing,
    #section-certifications-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 16. Export Countries — ExportCountriesSection                              */
/*     Current: pt-120 (120px) / pb-120 (120px)                               */
/*     Class/ID: .section-export-countries-spacing / #section-export-countries-spacing */
/* -------------------------------------------------------------------------- */
.section-export-countries-spacing,
#section-export-countries-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-export-countries-spacing,
    #section-export-countries-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 17. Trusted Brands — TrustedBrandsSection                                  */
/*     Current: pt-120 (120px) / pb-120 (120px)                               */
/*     Class/ID: .section-trusted-brands-spacing / #section-trusted-brands-spacing */
/* -------------------------------------------------------------------------- */
.section-trusted-brands-spacing,
#section-trusted-brands-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-trusted-brands-spacing,
    #section-trusted-brands-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 18. Banking Partners — BankingPartnersSection                              */
/*     Current: banking-partners.css padding 90px 0 100px                     */
/*              @media max-width 767.98px → 70px 0 80px                       */
/*     Class/ID: .section-banking-partners-spacing / #section-banking-partners-spacing */
/* -------------------------------------------------------------------------- */
.section-banking-partners-spacing,
#section-banking-partners-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-banking-partners-spacing,
    #section-banking-partners-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 19. Feature — FeatureSection                                               */
/*     Current: no pt / pb-80 (80px)                                          */
/*     Class/ID: .section-feature-spacing / #section-feature-spacing          */
/* -------------------------------------------------------------------------- */
.section-feature-spacing,
#section-feature-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-feature-spacing,
    #section-feature-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 20. Future Plans — FuturePlansSection                                      */
/*     Current: pt-80 (80px) / pb-90 (90px)                                   */
/*     Class/ID: .section-future-plans-spacing / #section-future-plans-spacing */
/* -------------------------------------------------------------------------- */
.section-future-plans-spacing,
#section-future-plans-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-future-plans-spacing,
    #section-future-plans-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}

/* -------------------------------------------------------------------------- */
/* 21. Blog — BlogSection                                                     */
/*     Current: pt-70 (70px) / pb-90 (90px)                                   */
/*     Class/ID: .section-blog-spacing / #section-blog-spacing                */
/* -------------------------------------------------------------------------- */
.section-blog-spacing,
#section-blog-spacing {
    /* padding-top: [add value here]; */
    /* padding-bottom: [add value here]; */
}

@media (max-width: 768px) {
    .section-blog-spacing,
    #section-blog-spacing {
        /* padding-top: [add value here]; */
        /* padding-bottom: [add value here]; */
    }
}