#welcome-page .wp-block-group__inner-container {
    max-width: 100%;
    padding: 0;
    text-align: center;
    color: var(--text);
}

#welcome-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://valentte.com/wp-content/uploads/2025/09/LUKE-AND-JUSTINA-JUNE-12B-min-scaled-e1737538524809-1.jpg);
    padding: 80px 20px 463px;
    margin-bottom: 50px;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

#welcome-banner h2 {
    line-height: 1.0;
    letter-spacing: 0px;
    color: #fff;
    font-size: 64px;
    font-weight: 400;
    text-transform: capitalize;
}

#welcome-page p {
    max-width: 900px;
    margin: 0 auto 30px;
}

#welcome-page p.bold-txt {
    margin-bottom: 0px;
}

.hp-banner-btn_white {
    background-color: #fff;
    color: #1D335C;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    width: fit-content;
    padding: 11px 69px 10px;
    line-height: 24px;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px solid #000;
    margin-bottom: 60px;
}

.middle-banner {
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto 70px;
    text-align: left;
    gap: 50px;
}

.middle-banner img {
    max-height: 534px;
    object-fit: cover;
}

.sec-title {
    font-size: 44px;
    line-height: 1.0;
    letter-spacing: 0;
    text-transform: capitalize;
    color: var(--text);
    margin-bottom: 15px;
}

#products ul {
    margin: 0 auto 70px;
    display: flex;
    gap: 40px;
    max-width: 1440px;
    list-style: none;
    text-align: left;
    padding: 0 20px;
}

#products ul a {
    display: block;
    line-height: 0;
}

#products ul h4 {
    margin: 10px 0 0;
    font-size: 17px;
    font-weight: 500;
    color: var(--text);
    line-height: 20px;
}

.last-column-banner {
    max-width: 1290px;
    margin: 0 auto;
    gap: 50px;
    text-align: left;
    padding: 0 20px;
}

.last-column-banner img {
    max-height: 579px;
    object-fit: cover;
    margin-bottom: 35px;
}

@media screen and (max-width: 781px) {
    #welcome-banner {
        padding: 80px 20px 336px;
        margin-bottom: 30px;
    }

    #welcome-banner h2 {
        font-size: 45px;
        max-width: 250px;
        margin: 0 auto;
    }

    #welcome-page p {
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .hp-banner-btn_white {
        margin-bottom: 30px;
    }

    .middle-banner {
        padding: 0;
        text-align: center;
        margin-bottom: 50px;
    }

    .middle-banner img {
        max-height: 350px;
    }

    .middle-banner.reversed {
        flex-direction: column-reverse;
    }

    #products ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 50px;
    }

    .last-column-banner {
        text-align: center;
    }
}

@media screen and (max-width: 600px) {
    #welcome-banner {
        padding: 20px 20px 136px;
    }

    .sec-title {
        font-size: 30px;
    }

    .middle-banner {
        gap: 30px;
    }
}