/* Individual Service Pages CSS */
/* This CSS file is specifically for individual service pages like door-supervisors, cctv, etc. */
/* It overrides styles that are specific to these pages without affecting category pages */

/* Hero section padding override for individual service pages 
   Top: 7rem (you said this was fine before)
   Right/Left: 0 (no side padding on section itself, container handles this)
   Bottom: 7rem (to match other pages) */
.section-header.service-hero-redesign {
    padding: 7rem 0 7rem 0 !important;
}

/* Container within hero should have proper side padding */
.section-header.service-hero-redesign .container {
    padding-left: 15px;
    padding-right: 15px;
}

/* Ensure proper padding for sections that were using section-service class */
.section-types,
.section-hotels,
.section-booking {
    padding: 5rem 0 !important;
}

/* Reduce bottom padding on "Why do you need Security?" section */
.section-types {
    padding-bottom: 2.5rem !important;
}

/* Reduce top padding on "How we assist you" section to avoid double gap */
.section-hotels {
    padding-top: 2.5rem !important;
}

/* Add bottom padding to consultation section for individual service pages */
.section-service:has(> .container > .service-consultation) {
    padding-bottom: 5rem !important;
}

/* Hero section image with rounded corners */
.service-hero-redesign .hero-image img {
    border-radius: 20px;
}

/* Additional styles specific to individual service pages can be added here */

/* Make paragraphs in the "Why do you need.../Importance of..." section 18px on all service pages */
.section-types > .container > .row > .col-sm-12 > p,
.section-types > .container > .row > .col-sm-12 li p {
    font-size: 18px !important;
}

/* Section headers - 32px on all individual service pages */

/* "Importance of Utility Management" / "Why do you need..." / Service specific titles */
.section-types h4 {
    font-size: 32px !important;
}

/* "How we can help you from start to finish" / "How we assist you..." */
.section-hotels h5 {
    font-size: 32px !important;
}

/* "Book your consultation" - in consultation component */
.service-consultation h4 {
    font-size: 32px !important;
}

/* "Our office is open 24/7, 365 days a year" */
.section-booking h3 {
    font-size: 32px !important;
}

/* "Our other Utility/Security/Property/Legal Management" - in related services components */
.section-about-us p.lead {
    font-size: 32px !important;
}

/* Get a Quote button - no blue hover, use grey instead */
.get-quote-modal-btn.button:hover {
    background-color: #4a4a4a !important;
    color: #fff;
}

/* Black box bullet points styling */
.service-features {
    text-align: center;
}

.service-features p {
    font-size: 18px !important;
    margin-top: 1rem !important;
    /* Color inherits from section-types default styling */
}

/* Black box call-to-action styling */
.section-types .help-text {
    text-align: center;
    color: #ffffff !important;
    font-size: 18px !important;
    margin-top: 2rem !important;
}

/* Hide the divider and additional text section after value propositions */
.service-value-prop .section-divider {
    display: none !important;
}

.service-value-prop .container.mt-5 {
    display: none !important;
}