.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: 750px;
  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: #000000;
    background: linear-gradient(90deg,rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%);
    width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: -1;
}

.ol_hmbanner::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 00;
    right: 0px;
    margin: auto 0px;
    background: #000000;
    background: linear-gradient(90deg,rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%);
    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;  
}

.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: bold;
  line-height: 1.1;
  font-family: var(--site-font-family);
  max-width: 100%;
  margin: 0px 0 15px;
  position: relative;
  /* text-align: center; */
  text-transform: uppercase;
  font-size: clamp(32px, 32px + (72 - 32) * ((100vw - 320px) / (1920 - 320)), 72px);
}



.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: 720px;
    max-width: 100%;
    & p, & .heading-38 { color: #fff; }
    & p { 
      max-width: 100%;
      font-size: 20px;
      font-weight: 600;
    }
}

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

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

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

  & .slick-list {
    overflow: clip;
  }
  &.slick-slider .slick-dots li {
    & button { 
      background-color: transparent;
      border-color: var(--white);
      &:hover, &:focus{ 
        background-color: #fff;
      }  
    }
    &.slick-active button { 
        background-color: #fff;
        border-color: var(--white);
    }
  }
}

.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; */
  /* border-radius: 0 0 0 70px; */
  overflow: hidden;
  & .section_ark { 
    position: absolute;
    left:50px; bottom: 50px;
    filter: brightness(0) invert(1);
  }
}

.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: unset;
    bottom: 40px;
    top: 0;
    right: 152px;
    width: auto;
    gap: 12px;
}

.sec_hmbanner { 
  & .usps-list { 
    width: 100%; display: flex; gap: 15px; margin-bottom: 12px;
  }
  & .usps-box { 
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    padding-left: 32px;
    position: relative;
    line-height: 1.45; 
    &:after {
      content: "";
      background: #fff url(../images/icon/check-icon.svg) no-repeat center;
      background-size: contain;
      border-radius: 100%;
      position: absolute;
      left: 0px;
      top: 0px;
      width: 22px;
      height: 22px;
      z-index: 1;  
      background-size: auto;
    }
  }
}

@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: 100px 0 100px;
      min-height: auto;
  }
  .sec_hmbanner {
    & .section_ark {
      left: 20px;
      bottom: 24px;
      max-width: 30px;
     } 
  }
}

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

@media (max-width: 1199.98px) {

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

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

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

  .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;
  }

  .olhmban_wrap {
    gap: 20px;
  }

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

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

  .ol_hmbanner {
    min-height: 400px;
  }
 

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

  .landing-page {
      & .breadcums_wrap {
          height: auto;
          & .container {
              min-height: auto;
          }
      }
  }
  .sec_hmbanner {
    & .usps-list {
      flex-wrap: wrap;  
      & .slide-box { 
        width: 100%;
      }
    } 
  }
}

/* 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%;
  }

  .ol_hmbanner { 
    min-height: 675px;
  }
  .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;
  }
  .sec_hmbanner {
      & .usps-list {
          width: fit-content;
          flex-flow: column;
          margin-inline: auto;
          align-items: center;
          & .slide-box {
            width: fit-content;
          }
      }
  }
  .sec_hmbanner {
    & .usps-box { 
      padding-left: 26px;
      &:after { 
        width: 18px;
        height: 18px;
      }
    }
  }
}

/* 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;
  }
  .hmban_title {
    line-height: 1.2;
    margin-bottom: 10px;
    padding: 0 0px;
    font-size: 28px;
    text-align: center;
  }

  .olhmban_wrap>.left-side>p {
    text-align: center;
    font-size: 15px;
    padding: 0 0px;
    /* min-height: 30px; */
    letter-spacing: 1.2px;
    display: none;
    /* margin-bottom: 10px; */
  }
 
  .olhmban_wrap {
    max-width: 100%;
    /* padding: 20px 0 0; */
    text-align: left;
    overflow: hidden;
    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;
    min-height: 400px;
    &::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;
  }

  .landing-page {
      & .breadcums_wrap {
          & .container {
            & .banner-content-wrapper {text-align: center; width: 100%;}
          }
      }
  }
  
}