.banner {
    height: 1029px;
    position: relative;
    background-image: url('/assets/images/banner/banner.webp');
    background-size: 100%;
    background-repeat: no-repeat;
}

    .banner .banner-text {
        color: var(--white);
        padding: 30px;
        position: relative;
        left: -38px;
        top: -40px;
    }

        .banner .banner-text .title {
            font-size: 64px;
        }

        .banner .banner-text .subtitle {
            font-size: 38px;
            max-width: 460px;
        }


@media (max-width: 768px) {
    .banner {
        height: 400px;
        background-size: cover !important;
        background-position: right;
    }

        .banner .banner-text {
            bottom: 77px;
            left: 15px !important;
            position: absolute;
            height: auto;
            top: auto !important;
            line-height: 35px !important;
        }

        .banner .subtitle {
            font-size: 26px !important;
            width: 100%;
        }
}