.cta-banner-section-4 {
    margin: 0 60px;
    border-radius: 40px;
    @include media-breakpoint-down (xxxl){
        margin: 0 35px;
    }

    @include media-breakpoint-down (xxl){
        margin: 0 28px;
    }

     @include media-breakpoint-down (xl){
        margin: 0 20px;
    }

     @include media-breakpoint-down (xxs){
        margin: 0 16px;
    }
}

.cta-banner-inner-4 {
    border-radius: 40px;
    position: relative;
    height: 770px;

    @include media-breakpoint-down (xxl){
        height: 650px;
    }

    img {
        width: 100%;
        height: 100%;
        border-radius: 40px;
        object-fit: cover;
    }

    .content {
        background: rgba(255, 255, 255, 0.3);
        backdrop-filter: blur(15px);
        max-width: 555px;
        padding: 50px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        position: absolute;
        bottom: 0;
        right: 240px;

        @include media-breakpoint-down (xxxl){
            right: 100px;
        }

         @include media-breakpoint-down (xl){
            right: 40px;
        }

        @include media-breakpoint-down (lg){
            right: 20px;
            left: 20px;
            padding: 30px;
            padding-top: 40px;
        }

        @include media-breakpoint-down (xxs){
            padding: 25px;
        }

        .title {
            color: #151515;
        }

        .btn-style-one {
            margin-top: 50px;

            img {
                width: initial !important;
                height: initial !important;
                border-radius: 0;
            }
        }
    }
}