/* ==========================================================================
   Home Page Styles - Integrative Care Services
   ========================================================================== */

/* Home page specific styling */
.home-hero {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3));
}

/* Home hero background position override */
.hero-section {
    background-position: center 60%;
}

/* Section specific adjustments */
.section-blue .section-title {
    margin-bottom: 1.5rem;
}

.section-white .section-title {
    color: var(--ics-text-dark);
    margin-bottom: 1.5rem;
}

/* Custom column layout for text-image alignment */
.content-section .row {
    max-width: 85%;
    margin: 0 auto;
}

/* Adjust text column width to align with image positions */
.content-section .col-lg-6:not(.text-center) {
    flex: 0 0 65%;
    max-width: 65%;
}

.content-section .col-lg-6.text-center {
    flex: 0 0 35%;
    max-width: 35%;
}

/* Image hover effects */
.section-image {
    transition: transform 0.3s ease;
}

.section-image:hover {
    transform: scale(1.02);
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .content-section .row {
        max-width: 100%;
    }

    .content-section .col-lg-6:not(.text-center),
    .content-section .col-lg-6.text-center {
        flex: 0 0 100%;
        max-width: 100%;
    }
}