.ol_hmbanner {
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  min-height: 838px;
  background: transparent;
  padding: 0px 0 0px;
  z-index: 1;
}

.ol_hmbanner:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 00;
  right: 0px;
  margin: auto 0px;
  background: rgb(0 0 0 / 65%);
  width: 100%;
  height: 100%;
  max-height: 100%;
  z-index: -1;
}

.ol_hmbanner .container {
  width: 100%;
}

.slick-slider {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.js_hmbanner.slick-slider .slick-prev,
.js_hmbanner.slick-slider .slick-next {
  right: 30px;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  min-height: auto;
  padding: 0;
  border: 0px solid #ffffff !important;
  border-radius: 0 !important;
  cursor: pointer;
  outline: none;
  clip-path: none;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: transparent;
}

.js_hmbanner.slick-slider .slick-prev:before,
.js_hmbanner.slick-slider .slick-next:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/icon/arrow-right-slick.svg) no-repeat center center;
  filter: brightness(0) invert(1);
  transform: rotate(180deg);
  background-size: contain;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
}

.js_hmbanner.slick-slider .slick-prev {
  left: 30px !important;
}

.js_hmbanner.slick-slider .slick-next::before {
  transform: rotate(0deg);
  background-position: center left 55%;
}

.js_hmbanner.slick-slider .slick-prev:hover,
.js_hmbanner.slick-slider .slick-prev:focus,
.js_hmbanner.slick-slider .slick-next:hover,
.js_hmbanner.slick-slider .slick-next:focus {
  border: 0px solid var(--white) !important;
  background: transparent;
  width: 27px;
  height: 27px;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
}

.bannerimgvid img.desktop-image {
  display: block !important;
}

.bannerimgvid img.mobile-image {
  display: none !important;
}



.olhmban_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /* justify-content: center; */
  max-width: 100%;
  border-left: 0px solid var(--themecolor);
  padding-left: 0px;
  margin: auto;
  overflow: visible;
}

.olhmban_wrap>.btn-theme:hover {
  background-color: #fff;
  color: var(--themecolor);
  border: 1px solid #ffffff;
}

.hmban_title {
  color: #FFFFFF;
  letter-spacing: 0;
  font-weight: normal;
  line-height: 1.73;
  text-transform: none;
  font-family: 'Boldonse', sans-serif;
  max-width: 100%;
  margin: 0px auto 15px;
  position: relative;
  text-align: center;
  font-size: clamp(30px, 30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)), 50px);
}



.hmban_cotent {
  font-family: var(--sitefonts);
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 300;
  color: #ffffff;
  line-height: 1.2;
  margin: 0 0px 40px;
  text-transform: NONE;
  display: inline-block;
  position: relative;

}

.olhmban_wrap>.left-side {
  width: 885px;
  max-width: 100%;
  text-align: center;
  margin-inline: auto;

  & p {
    color: #fff;
  }
}

.olhmban_wrap>.right-side {
  width: 782px;
}

ul.js_hmbanner .slick-slide>div>li {
  display: block !important;
  padding-left: 0;
  margin-bottom: 0;
}

ul.js_hmbanner {
  position: relative;
  margin-bottom: 0 !important;
  margin: 0;

  & .slick-list {
    overflow: clip;
  }
}

.js_hmbanner:not(.slick-initialized) {
  z-index: 0;
}

.js_hmbanner:not(.slick-initialized)>li {
  padding-left: 0;

  &::after {
    display: none;
  }
}

.js_hmbanner>li:before {
  display: none;
}

.js_hmbanner:not(.slick-initialized)>li:not(:nth-child(-n + 1)) {
  display: none;
}

.js_hmbanner.slick-arrow .slick-prev {
  left: calc(0% + 20px);
  right: unset;
  top: calc(50% + 20px) !important;
  bottom: unset;
}

.js_hmbanner.slick-arrow .slick-next {
  right: calc(0% + 20px);
  left: unset;
  top: calc(50% + 20px) !important;
  bottom: unset;
}

.bannerimgvid {
  /* position: relative;
  height: 780px; */
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  text-align: right;
}

.bannerimgvid>.img-wrap>img,
.bannerimgvid>.img-wrap {
  height: 100%;
  object-fit: cover;

}

.bannerimgvid>.img-wrap {
  /* width: 100%; */
  margin-right: 0;
  margin-left: auto;
  position: relative;
}

.bannerimgvid>.img-wrap>img {
  margin-right: 0;
  margin-left: auto;
}

video {
  /* top: 50%; */
  position: relative;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.sec_hmbanner {
  position: relative;
  margin-top: 0px;
  background: transparent;
  /* margin-bottom: 0px; */
}

.sec_hmbanner ul.js_hmbanner>li,
.sec_hmbanner ul.js_hmbanner .slick-slide>li {
  padding-left: 0;
  margin-bottom: 0;
}

.sec_hmbanner ul.js_hmbanner>li::before,
.sec_hmbanner ul.js_hmbanner .slick-slide>li::before {
  display: none;
}

.js_hmbanner .slick-dots {
  display: inline-flex;
  line-height: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: 0;
  bottom: 0;
  right: 100px;
  left: unset;
  width: auto;
  gap: 15px;
}


/* ul.usps-list {
  display: inline-flex;
  align-items: center;
  gap: 50px;
  padding:10px 36px;
  background: #fff;
  clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 50%, 100% 100%, 0 100%, 8px 50%);
  & > li {
    margin-bottom:0;
    color:#195379;
  }
} */
/* Super Large devices (large desktops, less than 1600px) */


@media (min-width: 1921px) {
  .bannerimgvid>.img-wrap {
    width: 100%;
  }

  .bannerimgvid>.img-wrap>img {
    width: 100%;
  }
}

@media (max-width: 1800px) {
  .top-header {
    & .flex-container {
      &>a {
        right: 15px;
      }
    }
  }

  .js_hmbanner.slick-slider .slick-prev {
    right: 10px;
  }

  .js_hmbanner.slick-slider .slick-prev {
    left: 10px !important;
  }
}

@media (max-width: 1599.98px) {
  .js_hmbanner.slick-arrow .slick-prev {
    left: calc(50% - 45px);
    top: calc(100% - 30px) !important;
  }

  .js_hmbanner.slick-arrow .slick-next {
    right: calc(50% - 45px);
    top: calc(100% - 30px) !important;
  }

  .ol_hmbanner .container {
    padding: 0 15px;
  }

  .bannerimgvid>.img-wrap {
    &::after {
      width: 75%;
    }
  }

  a.top-to-down-link {
    left: -40px;
  }

  .js_hmbanner .slick-dots {
    right: 35px;
  }

  .js_hmbanner.slick-slider .slick-prev {
    left: calc(50% - 30px) !important;
    top: calc(100% - 30px);
  }

  .js_hmbanner.slick-slider .slick-next {
    right: calc(50% - 30px);
    top: calc(100% - 30px);
  }

}

/* Extra Large devices (large desktops, less than 1440px) */

@media (max-width: 1439.98px) {

  .ol_hmbanner {
    /* padding: 200px 0 100px; */
    min-height: 600px;
  }

}

/* Large devices (desktops, less than 1200px) */

@media (max-width: 1199.98px) {

  /* COMMON Spading */
  /* COMMON Spading */
  .olhmban_wrap {
    max-width: 100%;
    padding-inline: 30px;
  }

  /* .ol_hmbanner {
    min-height: auto;
    padding: 125px 0 126px;
  } */

  /* .bannerimgvid > .img-wrap {
      &::after {
          width: 106%;
          background: linear-gradient(90deg, rgba(2, 39, 126, 1) 0%, rgb(2 39 124 / 90%) 33%, rgba(2, 39, 124, 0) 70%);
      }
  } */
  .olhmban_wrap>.left-side>p.fs-18 {
    margin-bottom: 20px;
  }

  .banner-usps {
    margin: 30px 0 0;
  }

  .olhmban_wrap>.left-side>.btnlist>a {
    padding: 18px 20px 18px;
  }

  .hmban_title {
    &::before {
      display: none;
    }

    &::after {
      display: none;
    }
  }


}

/* Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {
  .hmban_cotent {
    font-size: 16px;
    margin: 0 0px 25px;
  }

  /* .sec_hmbanner {
        margin-bottom: 40px;
    } */

  .olhmban_wrap {
    gap: 20px;
  }

  .olhmban_wrap>.left-side {
    width: calc(100%);
  }

  .olhmban_wrap>.right-side {
    width: 100%;
  }

  .ol_hmbanner {
    /* min-height: 400px;
    padding: 85px 0 40px; */
  }

  /* .ol_hmbanner:before {
    display: none;
  } */

  /* ********  POP UP ******** */
  .bonus-modalpopup {
    margin: auto 20px;
    width: auto;
    max-width: 940px;
  }


}

/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {
  .hmban_cotent {
    font-size: 14px;
  }

  /* common-spacing */
  /* common-spacing */
  .olhmban_wrap>.left-side {
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin-bottom: 20px;
    padding: 0;
  }

  .olhmban_wrap .left-side .btnlist {
    justify-content: center;
  }

  .olhmban_wrap {
    max-width: 100%;
  }

  .sec_hmbanner .ol_hmbanner .olhmban_wrap .btnlist {
    justify-content: center;
  }

  .bannerimgvid>.img-wrap {
    &::after {
      width: 106%;
      background: #02277e;
      opacity: 0.85;
    }
  }

  .olhmban_wrap>.left-side>p {
    font-size: 16px;
    margin-bottom: 22px;
  }

  .hmban_title {
    margin: 0px auto 10px;
    font-size: 24px;
  }

  .bannerimgvid img.desktop-image {
    display: none !important;
  }

  .bannerimgvid img.mobile-image {
    display: block !important;
  }

}

/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {

  .js_hmbanner.slick-arrow .slick-next,
  .js_hmbanner.slick-arrow .slick-prev {
    top: calc(100% - 17px) !important;
    align-items: flex-start;
    text-align: left;
  }

  .olhmban_wrap>.left-side>.btnlist>a {
    padding: 12px 20px 12px;
  }

  .ol_hmbanner {
    padding: 15px 0 15px;
  }

  .hmban_title {
    margin-bottom: 10px;
    padding: 0 0px;
    font-size: 22px;
    text-align: center;
  }

  .olhmban_wrap>.left-side>p {
    text-align: center;
    font-size: 15px;
    padding: 0 0px;
    /* min-height: 30px; */
    letter-spacing: 1.2px;
    margin-bottom: 10px;
  }

  .olhmban_wrap {
    max-width: 100%;
    /* padding: 20px 0 0; */
    text-align: left;
    padding-inline: 0;
  }

  .olhmban_wrap>.left-side {
    margin-bottom: 0;
  }

  .sec_hmbanner .ol_hmbanner .olhmban_wrap .btnlist {
    justify-content: center;
  }

  .ol_hmbanner {
    /* padding: 30px 0 30px; */

    &::before {
      background: transparent linear-gradient(180deg, #000000 0%, #0000001A 100%) 0% 0% no-repeat padding-box;
    }
  }

  .olhmban_wrap>.left-side>p.fs-18 {
    margin-bottom: 10px;
  }

  .olhmban_wrap>.left-side>p.fs-20 {
    margin-bottom: 15px;
  }

}