    
    .banner-text--position{
         left:0 ;
         right: 0;   
    }
  
    .vh-custom--90{
        /* will edit depend on height of floating btn */
        height: 100vh;
    }

    #carouselBanner .carousel-indicators button[data-bs-target="#carouselBanner"]{
        width: 50px;
        height: 2px;
    }

    #carouselBanner .carousel-indicators {
        z-index: 4 !important;
    }

    /*Banner & HomePAGE-Gallery Section */
    .btn-banner--size, .btn-home--size{
        padding-top: 14.5px;
        padding-bottom: 14.5px;
    }

/* STYLES FOR RESPONSIVE*/
/* DESK XL RESPONSIVE MIN1200*/
@media (min-width: 992px) {
    .caption-banner--margin1{
        margin-bottom:150px !important;
    }
    /*Banner & HomePAGE-Gallery Section */
    .btn-banner--size, .btn-home--size{
        padding-left: 65.92px;
        padding-right: 65.92px;
    }
}

/*  DESK LARGE RESPONSIVE MIN992*/
@media (min-width: 992px) {
    .display-lg-6{
        font-size: 5.25rem;
    }
    .display-lg-6a{
        font-size: 2.75rem;
    }
}

/* MOB ALMOST < XL */
@media (max-width: 1501px) {

}

/* MOB XL (1200~1399) RESPONSIVE MAX1999 */
@media (max-width: 1999px) {

}

/* MOB LARGE (992~1999) RESPONSIVE MAX991 */
@media (max-width: 991px) {
    /* h-100 mobile of banner */
    .vh-custom--90{
      /* will edit depend on height of floating btn */
      /*height: calc(100vh - 77px);*/
      height: 100% !important;
  }
    .display-lg-6{
        font-size: 2.5rem ;
    }
    .display-lg-6a{
        font-size: 1.25rem;
    }
    /* HomePAGE-Gallery Section */
    .btn-banner--size, .btn-home--size{
        padding-left: 42.42px;
        padding-right: 42.42px;
    }
}

/* MOB MEDIUM (768~991) RESPONSIVE MAX767*/
@media (max-width: 767px) {
    .px--19px{
        padding-left: 19px ;
        padding-right: 19px ;
    }
    /* button spacing */
    .bannerBtnCount:nth-child(odd){
        padding-right: 13px;
    }
    .bannerBtnCount:nth-child(even){
        padding-left: 13px;
    }
    .caption-banner--margin1{
        width: 100% !important;
    }
}


@media (max-width: 600px) {
    .bannerBtnCount {
        text-decoration: none;
    }
    .btn-banner--size {
        height: 100%;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding-left: unset;
        padding-right: unset;
    }
}
/* MOB SMALL (576~767) RESPONSIVE MAX575*/
@media (max-width: 575px) {
    /* .btn-banner--size{
        padding-left: unset;
        padding-right: unset;
    } */
}

/* MOB MOBILE SIZE IN FIGMA RESPONSIVE MAX420*/
@media (max-width: 420px) {

}

.overlay-banner{
    background: linear-gradient(to right, rgba(0, 0, 0, 0.918), rgba(255, 0, 0, 0) 70%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1 !important;
}

.link-overlay{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2 !important;
}