.banner-home-slider {
    overflow: hidden
}

.banner-home-slider .banner-item {
    background: #262626
}

.banner-home-slider .banner-slide-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: opacity .5s ease-in-out;
    opacity: .82;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.banner-home-slider .banner-item-inner {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    max-width: 100%;
    height: 100vh;
    position: relative;
    align-items: center
}

.banner-home-slider .banner-post-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    z-index: 5
}

.banner-home-slider .banner-content {
    width: 100%
}

.banner-home-slider p {
    color: #fff;
    text-transform: uppercase
}

.banner-home-slider h1 {
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    z-index: 999
}

.banner-home-slider .slide-arrow {
    z-index: 99;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 4rem 1.25rem;
    z-index: 3;
    transform: translateY(-50%);
    transition: all .25s ease-in-out;
    background: transparent;
    border: 0;
    cursor: pointer;
    outline: 0
}

.banner-home-slider .text-wrap {
    width: 55.54588%
}

.banner-home-slider .slide-arrow:hover {
    transform: translate(7px,-50%) scale(1.15)
}

.banner-home-slider .slide-arrow.next-arrow:hover {
    transform: translate(-7px,-50%) scale(1.15)
}

.banner-home-slider .slide-arrow svg {
    height: 3.25rem
}

.banner-home-slider .svg-next polyline {
    fill: none;
    stroke: #fff;
    stroke-width: 2px
}

.banner-home-slider .slide-arrow.next-arrow {
    left: auto;
    right: 0
}

.banner-home-slider .slide-arrow.prev-arrow svg {
    transform: rotate(180deg)
}

.banner-home-slider .page-center {
    padding: 0 1%;
    z-index: 999;
    position: relative
}

.banner-home-slider .banner-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    padding-bottom: 60%
}

.banner-home-slider .banner-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .82;
    transition: opacity .5s ease-in-out;
    margin-top: 0;
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh
}

.banner-home-slider h1 span.caps+span {
    transition: opacity .25s ease-out;
    opacity: 0
}

.banner-home-slider .text-wrap:hover h1 span.caps+span {
    transition: opacity .25s ease-out;
    opacity: 1
}

.banner-home-slider p a {
    color: #fff
}

.banner-home-slider .text-wrap>a {
    display: block
}

@media(max-width: 767px) {
    .banner-home-slider .text-wrap {
        width:100%
    }

    .banner-home-slider .banner-video {
        padding-bottom: 0
    }
}

@media(max-width: 700px) {
    .banner-home-slider .slide-arrow {
        top:auto;
        bottom: -2rem;
        padding: 2rem
    }

    .banner-home-slider h1 {
        font-size: 3.25rem;
        max-width: 100%
    }

    .banner-home-slider .slide-arrow svg {
        height: 2.75rem
    }
}

@media(max-width: 450px) {
    .banner-home-slider .slide-arrow svg {
        height:2.25rem
    }
}

.banner-item .home_bg_1 {
    background-image: url(../images/bg/future_city-sport-center-mobile.webp);
}
.banner-item .home_bg_2 {
    background-image: url(../images/bg/fib-sulaymaneh-mobile.webp);
}
.banner-item .home_bg_3 {
    background-image: url(../images/bg/cheezle-mobile.webp);
}
.banner-item .home_bg_4 {
    background-image: url(../images/bg/govermental-palace-mobile.webp);
}
.banner-item .home_bg_5 {
    background-image: url(../images/bg/mass-palace-mobile.webp);
}
.banner-item .home_bg_6 {
    background-image: url(../images/bg/dal-building-mobile.webp);
}
@media(min-width: 500px){
    .banner-item .home_bg_1 {
        background-image: url(../images/bg/future-city-soprt-center-desktop.webp);
    }
    .banner-item .home_bg_2 {
        background-image: url(../images/bg/fib-sulaymaneh-desktop.webp);
    }
    .banner-item .home_bg_3 {
        background-image: url(../images/bg/cheezle-desktop.webp);
    }
    .banner-item .home_bg_4 {
        background-image: url(../images/bg/govermental-palace-desktop.webp);
    }
    .banner-item .home_bg_5 {
        background-image: url(../images/bg/mass-palace-desktop.webp);
    }
    .banner-item .home_bg_6 {
        background-image: url(../images/bg/dal-building-desktop.webp);
    }
}