.buttons-banner{
    z-index: 1;
}


/*.banner-button-text .button-type1{*/
/*    width: 50rem;*/

/*}*/

/*.banner-button-text .button-type2{*/
/*    width: 18rem;*/
/*}*/

.banner-container{
    position: relative;
}

.banner-image{
    width: 100%;
    height: 100vh;
    /*position: relative;*/
    object-fit: cover;
}


.banner-title-pos{
    
   position: absolute;
   top: 30%;
}

.banner-subtitle-pos{
    
    position: absolute;
    top: 40%;
}

.banner-buttonOne-pos{
    

    
}

.button-pos{
    position: absolute;
    top: 73%;
}

.banner-buttonTwoPos-text{


}

.banner-title-text{
    /*color: black;*/
    color: var(--changan-white);
    text-align: center;
    /* font-family: Droid Sans; */
    font-size: 85px;
    font-style: normal;
    font-weight: 700;
    line-height: 57.231px;
    
}

.banner-subtitle-text{
    /*color: black;*/
    color: var(--changan-white);
    text-align: center;
    /* font-family: Droid Sans; */
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 57.231px;
}

.banner-button-text{
    display: flex;
    width: 224px !important;
    height: 55px;

    width: 20rem;
    align-items: center;
    gap: 13px;
        box-sizing: border-box;
    /*color: black;*/
    color: var(--changan-white);
    text-decoration: none;
    border-radius: 50px;
}
.banner-dark:hover{
    color: var(--changan-white) !important;
    background-color: var(--changan-blue-secondary) !important;
}
@media(max-width: 900px) {
    .banner-title-text{
        font-size: 40px;
    }
    
    .banner-subtitle-text{
        font-size: 20px;
    }
    
    .banner-title-pos{
        top: 20%;
    }

.banner-subtitle-pos{
        top: 27%;
    }
}

.banner-light{
    border: 1px solid var(--changan-white);
   
}

.banner-dark{
    background-color: var(--changan-blue-primary);
}

@media(max-width: 900px) {
    .banner-button-text{

    width: 380px !important;
    height: 55px;
}
    .button-pos{
    bottom: 10px !important;
    top: unset !important;
  }
}

@media(max-width: 1430px) {
        .banner-title-text{
                line-height: 80px;
        }
}

@media(max-width: 500px) {
        .banner-button-text{

    width: 370px !important;
    height: 55px;
    }
}

@media(max-width: 420px) {
        .banner-button-text{

    /* width: 330px !important; */
    height: 55px;
    }
    .buttons-banner {
        width: 100% !important;
    }
}


.banner-swiper .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
}
.banner-swiper .swiper-pagination-bullet-active{
    background: var(--changan-blue-primary) !important;
}
.banner-swiper .swiper-pagination-bullet {
    background: var(--changan-white);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
}

.banner-swiper .swiper-horizontal>.swiper-pagination-bullets, 
.banner-swiper .swiper-pagination-bullets.swiper-pagination-horizontal, 
.banner-swiper .swiper-pagination-custom, .swiper-pagination-fraction 
{
    margin-bottom: 2rem;
}

@media(max-width: 900px) {
    .banner-swiper .swiper-horizontal>.swiper-pagination-bullets, 
.banner-swiper .swiper-pagination-bullets.swiper-pagination-horizontal, 
.banner-swiper .swiper-pagination-custom, .swiper-pagination-fraction 
{
    margin-bottom: 1rem;
}
}

.overlay-banner{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.20) 100%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1 !important;
}
@media(max-width: 992px) {
    .overlay-banner{
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.79) 0%, rgba(0, 0, 0, 0.00) 100%);
    }
}