/* Mobile landscape media query */
.hero-banner {
  background-color: #001480;
  padding: 0;
  min-height: auto;
  overflow: visible; }
  .hero-banner .slider {
    max-height: 332px;
    overflow: hidden; }
  .hero-banner .slick-initialized {
    max-height: 100%;
    overflow: visible; }
  .hero-banner .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .hero-banner .slides {
    height: unset;
    min-height: unset; }
  .hero-banner h1,
  .hero-banner .h1 {
    color: #ffffff; }
  .hero-banner .h2 {
    position: relative;
    width: 100%;
    color: #0084f2;
    padding-left: 11px;
    font-family: lumios-marker, sans-serif; }
    .hero-banner .h2 sup {
      font-size: 30px;
      font-weight: 700; }
    @media (min-width: 1264px) {
      .hero-banner .h2 {
        font-size: 57px; } }
  .hero-banner .text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 16px 0; }
    @media (max-width: 991px) {
      .hero-banner .text-wrap {
        text-align: left !important; } }
  .hero-banner .wrap {
    width: calc(100% + 40px);
    margin-left: -20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 991px) {
      .hero-banner .wrap {
        width: 100%;
        margin-left: 0; } }
  .hero-banner .img-on-left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    .hero-banner .img-on-left .text-wrap {
      text-align: right; }
  .hero-banner .title-bottom h1 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .hero-banner .col-text {
    position: relative;
    width: calc(45% - 40px);
    margin: 0 20px; }
    @media (max-width: 991px) {
      .hero-banner .col-text {
        width: 100%;
        margin: 0 0 20px; } }
    .hero-banner .col-text.full-width {
      width: 100%; }
      .hero-banner .col-text.full-width .text-wrap {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
        padding: 38px 0; }
  .hero-banner .col-img {
    position: relative;
    width: calc(55% - 40px);
    margin: 0 20px; }
    .hero-banner .col-img .img-wrap {
      width: 100%;
      height: 100%; }
      @media (max-width: 991px) {
        .hero-banner .col-img .img-wrap {
          width: 100%;
          left: 0; } }
    @media (max-width: 991px) {
      .hero-banner .col-img {
        width: 100%;
        margin: 0; } }
  .hero-banner ul.slick-dots {
    bottom: -30px;
    z-index: 2; }
  .hero-banner ul.slick-dots button {
    border: gray 2px solid;
    width: 6px;
    height: 3px;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .hero-banner ul.slick-dots button:hover {
      background-color: gray; }
  .hero-banner ul.slick-dots button::before {
    display: none; }
  .hero-banner ul.slick-dots .slick-active button {
    background-color: gray; }

.hero-banner .slick-dotted.slick-slider {
  margin-bottom: 0; }

.hero-banner .slider {
  width: 100%;
  height: 100%; }

.hero-banner .slider h1,
.hero-banner .slider h2 {
  margin: 0; }

.hero-banner .bg-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 75%;
  height: 100%;
  z-index: 0; }

.hero-banner .bg-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.5;
  /* Adjust opacity if needed */ }