.ff-banner-slider {
    display: flex;
    margin: auto;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
/*    height: 570px;*/
    padding: 0;
    position: absolute;
    height: 62vh !important;
    top: 0;
}

.page-template .ff-banner-slider {
    display: flex;
    margin: auto;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
/*    height: 570px;*/
    padding: 0;
    position: absolute;
    height: 600px !important;
    top: 0;
}


.ff-banner-slider h1, .ff-banner-slider h2{
    color:#fff;
}
.page-template .ff-banner-slider h1, .page-template .ff-banner-slider h2{
    color:#082543 !important;
}

.ff-banner-slider .slide {
    flex-shrink: 0;
    width: 100%;
    background-color: #00000033;
    background-repeat: no-repeat;
    color: #fff;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
}

.home .ff-banner-slider .slide-inner, .page-id-103711 .ff-banner-slider .slide-inner {
    width: 1240px;
    max-width: 100%;
    margin: auto;
    padding: 50px 20px;
    z-index: 11;
}
.page-template .ff-banner-slider .slide-inner {
    width: 1376px;
    max-width: 100%;
    margin: auto;
    padding: 50px 50px;
    z-index: 11;
}
/*.ff-banner-slider .slide:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background: #00000045;
}*/
.ff-banner-slider h1,
.ff-banner-slider h2,
.ff-banner-slider h3,
.ff-banner-slider h4,
.ff-banner-slider h5,
.ff-banner-slider h6 {
    max-width: 100%;
    font-size: 30px;
    text-transform: uppercase; 
    font-weight: 500;
    line-height: 1.25;
}
.ff-banner-slider p {
    max-width: 405px;
    font-size: 15px;
    font-weight: 500;
}
.page-template .ff-banner-slider p {
    max-width: 405px;
    font-size: 15px;
    font-weight: 500;
    color:#082543 !important;
}

.ff-banner-slider .btn {
   background: rgb(255 255 255);
   border: 0 !important;
  border-radius: 0  !important;

}

.page-template .ff-banner-slider .btn {
    background: rgb(255 255 255 / 0%);
    border: 1px solid #082543 !important;
    border-radius: 0 !important;
}


.ff-banner-slider .btn:hover {
    background: #082543;
    color: #fff; 
}
.ff-banner-slider .slick-track {
    height: 100%;
}
.ff-banner-slider ul.slick-dots {
    position: absolute;
    bottom: 20px;
    padding: 0;
    margin: 0;
}
.ff-banner-slider .slick-dots li {
    margin: 0px 12px;
}
.ff-banner-slider .slick-dots li button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #faf8f6;
    background: #faf8f600;
    border: 1px solid #fff;
}
.ff-banner-slider .slick-dots li button:before {
    display: none;
}
.ff-banner-slider .slick-dots li.slick-active button {
    background: #faf8f6;
}

.ff-banner-slider .defer-slide-bg {
    background-image: none!important;
}
.ff-banner-container-slider {
    position: relative;
    margin: auto;
    width: 1272px;
    height: 62vh;
    overflow: hidden;
}
.page-template .ff-banner-container-slider {
    position: relative;
    margin: auto;
    width: 1376px;
    height: 600px;
    overflow: hidden;
}

@media(max-width:1024px) and (min-width:768px){

     .ff-banner-slider .slide:before {
        background: rgb(0 0 0 / 35%) !important;
    }
     .ff-banner-slider, .video-container {
    height: 51vh !important;
 }
  .ff-banner-container-slider {
       position: relative;
        margin: auto;
        width: 100% !important;
        height: 51vh !important;
    }
.page-template .ff-banner-slider .slide:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgb(255 255 255 / 47%) !important;
}
}
    @media(max-width:768px){
    .ff-banner-slider {
        padding: 0;
    }
    .ff-banner-slider .slide-inner {
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        position: relative;
        z-index: 2;
        width: 100%;
    }
}
@media(max-width:767px){
 
    .ff-banner-slider h1,
    .ff-banner-slider h2,
    .ff-banner-slider h3,
    .ff-banner-slider h4,
    .ff-banner-slider h5,
    .ff-banner-slider h6 {
        font-size: 22px;
    }


     .page-template  .ff-banner-slider h1,
     .page-template .ff-banner-slider h2,
     .page-template .ff-banner-slider h3,
     .page-template .ff-banner-slider h4,
     .page-template .ff-banner-slider h5,
     .page-template .ff-banner-slider h6 {
        font-size: 15px;
    }
    .page-template .ff-banner-slider p{
        font-size: 11px;
    }
    .page-template  h1.mb-30 {
        margin-bottom: 10px !important;
    }
    .page-template  .ff-banner-slider .slide-inner{
        justify-content: flex-start !important;
        padding: 0px 10px;
    }

/*.ff-banner-slider p{
    font-size: 11px;
}*/

.home .ff-banner-slider, .home .video-container, .page-id-103711 .ff-banner-slider, .page-id-103711 .video-container{
    height: 65vh !important;
 } 
 .page-template .ff-banner-slider, .page-template .video-container {
        height: 500px;
 }
  .ff-banner-container-slider{
       position: relative;
        margin: auto;
        width: 100% !important;
        height: 65vh;
    }

    .page-template .ff-banner-container-slider {
       position: relative;
        margin: auto;
        width: 100% !important;
        height: 500px !important
    }
   .page-template .ff-banner-slider .slide{
        background-position: 75%;
         padding: 50px 10px;
    }
    
    .home .ff-banner-slider .slide:before, .page-id-103711 .ff-banner-slider .slide:before{
        background: rgb(0 0 0 / 35%) !important;
    }
 /*   .page-template .ff-banner-slider .slide:before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        background: rgb(255 255 255 / 47%) !important;
        top: 0;
        left: 0;
    }*/
}