.hero-image {
    position: relative;
    background-image: url('https://picsfordevsite.blob.core.windows.net/pharmacy-warrior/Meet-Dr-Jay-NoBG.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-width: 100%;
    height: 100vh;
    z-index: 0;

    @media (min-width: 768px) {
        height: 115vh;
    }
    @media (min-width: 992px) {
        height: 75vh;
    }
    @media (min-width: 1200px) {
        height: 65vh;
    }
    @media (min-width: 1600px) {
        height: 63vh;
    }
}

.hero-image::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(158, 157, 157, 0.059); /* Adjust opacity as needed */
    z-index: 1;
    pointer-events: none;
}

.responsiveHero {
    height: 80vh;

    @media (min-width: 768px) {
        height: 100vh;
    }
    @media (min-width: 992px) {
        height: 117vh;
    }
    @media (min-width: 1200px) {
        height: 88vh;
    }
    @media (min-width: 1400px) {
        height: 85vh;
    }
    @media (min-width: 1700px) {
        height: 80vh;
    }
    @media (min-width: 1800px) {
        height: 75vh;
    }
    @media (min-width: 1900px) {
        height: 70vh;
    }
    @media (min-width: 2000px) {
        height: 65vh;
    }
    @media (min-width: 1400px) {
        height: 60vh;
    }
}

.heroImageAttached {
    position: absolute;
    bottom: -12%;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 768px) {
    .heroImageAttached {
        bottom: -30%;
    }
}

@media (min-width: 992px) {
    .heroImageAttached {
        bottom: -20%;
    }
}

.heroContent {
    margin-top: 2rem;
    margin-bottom: 2rem;
    @media (min-height: 768) {
        margin-top: 20rem;
    }
}

/* Home Hero Section*/
.homeHeroWrapper {
    position: relative;
    background: linear-gradient(to right, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,0) 55%), 
                url('https://picsfordevsite.blob.core.windows.net/pharmacy-warrior/Home-BG-Hi-Res.png') center/cover no-repeat;
                
    min-height: 35vh;
    min-width: 100%;
    z-index: 0;

}

@media (min-width: 576px) {
    .homeHeroWrapper {
        min-height: 40vh;
    }
}

@media (min-width: 768px) {
    .homeHeroWrapper {
        min-height: 50vh;
        background-position: 30% center;
    }
}

@media (min-width: 992px) {
    .homeHeroWrapper {
        min-height: 60vh;
        /* position: relative;
    background: linear-gradient(to right, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,0) 55%), 
                url('https://picsfordevsite.blob.core.windows.net/pharmacy-warrior/jay-home-centered-webp.webp') left center/cover no-repeat;
                
    min-height: 35vh;
    min-width: 100%;
    z-index: 0; */
    }
}

@media (min-width: 1200px) {
    .homeHeroWrapper {
        min-height: 40vh;
        background-position: 10% center;
        /* background-image: linear-gradient(to right, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,0) 55%), url('https://picsfordevsite.blob.core.windows.net/pharmacy-warrior/bg-test-10.png') /cover no-repeat; */
    }
}

@media (min-width: 1400px) {
    .homeHeroWrapper {
        min-height: 70vh;
        background-position: 40% left;
    }
}

@media (min-width: 1700px) {
    .homeHeroWrapper {
        background-position: left;
    }
}

.homeHeroWrapper::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 70, 160, 0.25); /* Blue overlay, adjust opacity as needed */
    z-index: 1;
    pointer-events: none;
}
/* End Hero Section */

/* About Hero Section*/
.aboutHeroWrapper {
    position: relative;
    background: linear-gradient(to right, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,0) 55%), 
                url('https://picsfordevsite.blob.core.windows.net/pharmacy-warrior/about-header.webp') center center/cover no-repeat;
    min-height: 35vh;
    min-width: 100%;
    z-index: 0;
}

@media (min-width: 576px) {
    .aboutHeroWrapper {
        min-height: 40vh;
    }
}

@media (min-width: 768px) {
    .aboutHeroWrapper {
        min-height: 50vh;
        background-position: left center;
    }
}

@media (min-width: 992px) {
    .aboutHeroWrapper {
        min-height: 60vh;
        
    }
}

@media (min-width: 1200px) {
    .aboutHeroWrapper {
        background-position: 40% left;
    }
}

@media (min-width: 1400px) {
    .aboutHeroWrapper {
        
    }
}

.aboutHeroWrapper::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 70, 160, 0.25); /* Blue overlay, adjust opacity as needed */
    z-index: 1;
    pointer-events: none;
}
/* End Hero Section */

/* Freedom Hero Section*/
.freedomHeroWrapper {
    position: relative;
    background: linear-gradient(to right, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,0) 55%), 
                url('https://picsfordevsite.blob.core.windows.net/pharmacy-warrior/FoF-Header.png') center center/cover no-repeat;
    min-height: 35vh;
    min-width: 100%;
    z-index: 0;
}

@media (min-width: 576px) {
    .freedomHeroWrapper {
        min-height: 40vh;
    }
}

@media (min-width: 768px) {
    .freedomHeroWrapper {
        min-height: 50vh;
        background-position: left center;
    }
}

@media (min-width: 992px) {
    .freedomHeroWrapper {
        min-height: 60vh;
        
    }
}

@media (min-width: 1200px) {
    .freedomHeroWrapper {
        background-image: linear-gradient(to right, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,0) 55%), url('https://picsfordevsite.blob.core.windows.net/pharmacy-warrior/FoF-Header.png');
        background-position: left center;
    }
}

@media (min-width: 1400px) {
    .freedomHeroWrapper {
        
    }
}

.freedomHeroWrapper::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 70, 160, 0.25); /* Blue overlay, adjust opacity as needed */
    z-index: 1;
    pointer-events: none;
}
/* End Hero Section */

/* Coaching Hero Section*/
.coachingHeroWrapper {
    position: relative;
    background: linear-gradient(to right, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,0) 55%), 
                url('https://picsfordevsite.blob.core.windows.net/pharmacy-warrior/about-header.webp') center center/cover no-repeat;
    min-height: 35vh;
    min-width: 100%;
    z-index: 0;
}

@media (min-width: 576px) {
    .coachingHeroWrapper {
        min-height: 40vh;
    }
}

@media (min-width: 768px) {
    .coachingHeroWrapper {
        min-height: 50vh;
        background-position: left center;
    }
}

@media (min-width: 992px) {
    .coachingHeroWrapper {
        min-height: 60vh;
        
    }
}

@media (min-width: 1200px) {
    .coachingHeroWrapper {
        background-position: 40% left;
    }
}

@media (min-width: 1400px) {
    .coachingHeroWrapper {
        
    }
}

.coachingHeroWrapper::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 70, 160, 0.25); /* Blue overlay, adjust opacity as needed */
    z-index: 1;
    pointer-events: none;
}
/* End Hero Section */

/* Contact Hero Section*/
.contactHeroWrapper {
    position: relative;
    background: linear-gradient(to right, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,0) 55%), 
                url('https://picsfordevsite.blob.core.windows.net/pharmacy-warrior/contact-bg-final.webp') center center/cover no-repeat;
    min-height: 35vh;
    min-width: 100%;
    z-index: 0;
}

@media (min-width: 576px) {
    .contactHeroWrapper {
        min-height: 40vh;
    }
}

@media (min-width: 768px) {
    .contactHeroWrapper {
        min-height: 50vh;
        background-position: left center;
    }
}

@media (min-width: 992px) {
    .contactHeroWrapper {
        min-height: 60vh;
        
    }
}

@media (min-width: 1200px) {
    .contactHeroWrapper {
        background-image: linear-gradient(to right, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,0) 55%), url('https://picsfordevsite.blob.core.windows.net/pharmacy-warrior/Contact-BG-XL.webp');
        background-position: left;
    }
}

@media (min-width: 1400px) {
    .contactHeroWrapper {
        
    }
}

.contactHeroWrapper::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 70, 160, 0.25); /* Blue overlay, adjust opacity as needed */
    z-index: 1;
    pointer-events: none;
}
/* End Hero Section */

.absoluteFix {
    position: absolute;
    top: 2;
    left: 0;
}

.bigMargin {
    @media (min-width: 1650px){
        margin-right: 120px;
    }
}