.blog-hero-header {
    min-height: 60vh;
    background-image: url('/WebPages/Misc/BeInspired/634318633.jpg');
    background-size: cover;
    background-position: 15% 25%;
}

.blog-hero-header-h1-container {
    left: 15%;
    bottom: 10%;
}

    @media (max-width: 768px) {
        .blog-hero-header {
            min-height: 40vh;
            background-image: url('/WebPages/Misc/BeInspired/634318633.jpg');
        }

        .blog-hero-header-h1-container {
            left: 7%;
            bottom: 7%;
        }

            .blog-hero-header-h1-container h1 {
                font-size: 2.5rem;
            }
    }

    @media (max-width: 576px) {
        .blog-hero-header {
            min-height: 30vh;
            background-image: url('/WebPages/Misc/BeInspired/634318633.jpg');
        }

        .blog-hero-header-h1-container {
            left: 2%;
            bottom: 4%;
        }

            .blog-hero-header-h1-container h1 {
                font-size: 2rem;
            }
    }

.bg-custom {
    background-color: #f16680 !important;
    width: 100%; /* Ensures full width */
    min-height: 100px; /* Adjust height as needed */
    padding: 35px 0; /* Adds vertical space */
}

.bg-custom-second {
    background-color: #dfd5c8 !important;
    width: 100%; /* Ensures full width */
    min-height: 100px; /* Adjust height as needed */
    padding: 35px 0; /* Adds vertical space */
}

hr {
    width: 70%;
    height: 2px;
    border: none;
    border-top: 3px solid #FCDCDB;
    margin-left: auto;
    margin-right: auto;
}