.homepage-hero {
    background-size: contain;
    background-repeat: repeat;
}

@media screen and (max-width: 1700px) {
    .homepage-hero {
        background-position-y: 0px;
    }
}


.homepage-hero .inner-container {
background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-position-x: 62%;
    background-position-y: 0px;
}


.homepage-hero .section-title {
    color: #003C4C;
    text-align: center;
    font-family: Roboto;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 62px; /* 124% */
    letter-spacing: -1.5px;
    text-transform: capitalize;
    max-width: 1035px;
    margin-top: 60px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
}


.homepage-hero .two-column-container {
    display: flex;
    padding-top: 35px !important;
    padding-bottom: 50px !important;
    gap: 20px;
}


.homepage-hero .column-left {
    width:100%;
    max-width: 460px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.homepage-hero .column-left .text-blurb-container,
.homepage-hero .column-left .text-blurb-container p {
    color: var(--slate-gray-pg-color, #7C8893);
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; 
}

.homepage-hero .column-left .cta,
.homepage-hero .column-left .cta:visited {
    display: flex;
    width: 216px;
    height: 54px;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #1E8FAF;
    color: white;
    margin-top: auto !important;
}

.homepage-hero .column-left .cta span {
    width: 32px;
    height: 32px;
}


.homepage-hero .column-right {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homepage-hero .column-right img {
    max-height: 370px;
    border-radius: 45px;
    width: 100%;
    max-width: 450px;
    object-fit: cover;
    object-position: 22% 35%;
}

@media screen and (max-width: 950px) {

    .homepage-hero {
        background-image: url('/wp-content/uploads/2025/07/Dot-Pattern-4k-scaled.png') !important;
        background-size: auto;
    }

    .homepage-hero .inner-container {
        background: none !important;
    }

    .homepage-hero .section-title {
        margin-top: 120px !important;
    }

    .homepage-hero .two-column-container {
        flex-direction: column-reverse;
        align-items: center;
    }

    .homepage-hero .text-blurb-container p {
        margin-bottom: 20px !important;
    }

    
}