.custom-banner {
    position: relative;
    display: flex;
    justify-content: center;
    width:100%
}
.swiper {width:100%!important;}

.custom-banner[style] {
    height:var(--mobile-height)
}

@media (min-width: 757px) {
    .custom-banner[style] {
        height:var(--tablet-height)
    }
}

@media (min-width: 1200px) {
    .custom-banner[style] {
        height:var(--desktop-height)
    }
}

.custom-banner:not([style]) {
    height:600px
}

@media (min-width: 757px) {
    .custom-banner:not([style]) {
        height:650px
    }
}

@media (min-width: 1200px) {
    .custom-banner:not([style]) {
        height:650px
    }
}

.custom-banner__subwrapper {
    position:relative
}

.custom-banner__content {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
    padding:2rem 3rem
}

.custom-banner__content--left {
    left: 0;
    align-items: flex-start;
    text-align:left
}

.custom-banner__content--right {
    right: 0;
    align-items: flex-end;
    text-align:right
}

.custom-banner__content--center {
    left: 50%;
    align-items: center;
    transform: translate(-50%, -50%);
    text-align:center
}

@media (max-width: 756px) {
    .custom-banner__content--mobile-center {
        top: 50%;
        left: 50%;
        align-items: center;
        transform: translate(-50%, -50%);
        text-align:center
    }
}

.custom-banner__content--text-shadow .custom-banner__text {
    text-shadow:0 3px 30px #2d2d2d
}

.custom-banner__content--text-blurred-bg {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter:blur(10px)
}

.custom-banner__text {
    font-size: 2.4rem;
    color:#fff
}

.custom-banner__text--heading {
    font-size: 4.8rem;
    font-weight:700
}

.custom-banner__button.btn {
    width: auto;
    padding:1rem 2rem;
}

@media (min-width: 979px) {
    .custom-banner__button.btn {
        padding:2rem 3.5rem;
    }
}
.custom-banner__button.btn:hover {
    background-color: #f27003;
    border-color: #f27003;
}

.custom-banner__button.btn.custom-banner__button--arrow {
    position: relative;
    padding-right:7rem
}

.custom-banner__button.btn.custom-banner__button--arrow:before {
    content: "\F105";
    font-family: FontAwesome;
    right: 3rem;
    position: absolute;
    animation: btn-arrow-move .5s ease-in-out infinite;
    animation-play-state:paused
}

.custom-banner__button.btn.custom-banner__button--arrow:hover:before {
    animation-play-state:running
}

.custom-banner__buttons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap:1rem
}

@media (min-width: 979px) {
    .custom-banner__buttons {
        flex-direction:row
    }
}

@media (min-width: 1600px) {
    .custom-banner__buttons {
        gap:1.5rem
    }
}

.custom-banner__background-img, .custom-banner__background-video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    position: absolute;
    top: 0;
    left:0
}

.custom-banner__background--solid {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width:100%
}