.home_slider .owl-stage,
.home_slider .owl-stage-outer,
.home_slider .owl-stage-outer .owl-item,
.home_slider_mobile .owl-stage,
.home_slider_mobile .owl-stage-outer,
.home_slider_mobile .owl-stage-outer .owl-item {
  height: 100%;
}
.home_area {
    color: #fff;
    position: relative;
    z-index: 1;
    /* height: 52.6rem; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .discover_area {
    background-color: #f1f1f1;
    padding: 7rem 0;
    text-align: center;
  }
  #related_products_parent h3,
  .discover_area h3 {
    color: var(--dark_blue);
    font-size: 3.2rem;
  font-weight: 700;
  }
  .who_area {
    padding: 6.5rem 0 9rem;
  }
  .access_area {
    background-color: #e7edf0;
    position: relative;
    z-index: 1;
  }
  .brand_area {
    padding: 4.5rem 0;
    padding-bottom: 3rem;
  }
  .brand_area .tab-content
  {
    padding-top: 15px;
  }
  .banner_box img
{
    max-width: 100%;
}
  .brand_area ul {
    -webkit-column-gap: 1.2rem;
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem;
  }
  .brand_area ul button {
    background-color: transparent !important;
    border: none;
    font-size: 1.8rem;
    color: #a9a9a9;
    padding: 1rem 2rem;
    border-bottom: 0.3rem solid transparent;
    border-radius: 0 !important;
  }
  .brand_area ul button.active {
    color: var(--dark_blue) !important;
    border-bottom-color: var(--dark_blue);
  }
  .brand_area .slider3 {
    margin-top: 3.8rem;
  }
  .brand_area .slider3 img {
    width: 24rem;
  }
.hp_who_we_are_content {
    padding-top: 22px;
}

/* Slider Progress Bar */
.owl-carousel {
    position: relative;
}

.slider-progress {
    width: 100%;
    height: 3px;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.slider-progress .progress {
    width: 0%;
    height: 3px;
    background: #16216c25;
    transition: width 0ms;
}

/* Desktop Slider */
.desktop-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    display: none;
}

/* Mobile Slider */
.home_slider_mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    display: none;
}

/* Responsive Display */
@media (min-width: 768px) {
    .desktop-slider {
        display: block !important;
    }
    .home_slider_mobile {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .desktop-slider {
        display: none !important;
    }
    .home_slider_mobile {
        display: block !important;
    }
    .home_slider_tabs
    {
        display: none !important;
    }
    .home_area
    {
        height: 450px;
    }
}
.home_slider .item,
.home_slider_mobile .item {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
  }
  .home_slider_tabs {
    background-color: rgba(32, 39, 49, 0.8);
    width: 100%;
    font-size: 1.5rem;
  }
  .home_slider_tabs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .home_slider_tabs ul li a {
    padding: 1.5rem 2.5rem;
    display: inline-block;
    text-align: center;
  }
  .home_slider_tabs ul li a:hover,
  .home_slider_tabs ul li a.active {
    background-color: var(--dark_red);
    color: #fff;
  }
  .discover_box {
    font-size: 1.8rem;
    color: #000;
    display: inline-block;
  }
  .discover_box img {
    height: 21.6rem;
    width: 21.6rem;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .discover_box:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  .discover_box p {
    color: #000;
    padding-top: 2rem;
  }
  .who_box {
    max-width: 41rem;
  }
  .who_box h4 {
    font-weight: 600;
    line-height: 1;
  }
  .who_box p {
    margin-top: 1.6rem;
  }
  .who_icon
{
    margin-left: auto;
    margin-right: auto;
}
.button_wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }
  .title_wrap p {
    font-size: 1.8rem;
    line-height: 1.7;
    margin-top: 3rem;
  }
  .title_wrap h6 {
    font-size: 2rem;
    font-weight: 400;
    color: var(--light_blue);
    margin-bottom: 0.4rem;
  }
  .title_wrap h2 {
    max-width: 53rem;
  }
  .shape1 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 53rem;
  }
  .who_icon {
    height: 10.4rem;
    width: 10.4rem;
    background-color: #f1f1f1;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 4rem;
  }
  .who_icon img {
    max-height: 5.5rem;
    max-width: 5.6rem;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .brands_carousel .owl-stage
  {
    height: 100px;
  }
  .brands_carousel .owl-item
  {
    height: 100%;
  }
  .brands_carousel img
  {
    max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  }
  @media (max-width: 992px) {
    .three_banneres .banner
    {
        margin-bottom: 20px;
    }
    .discover_box img {
        height: 15rem;
        width: 15rem;
      }
}

.home_slider .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 781px) {
    .home_area,
    .home_slider .item {
        aspect-ratio: 1900 / 530;
        width: 100%;
    }
    

}
@media (max-width: 780px) {
    .home_area,
    .home_slider .owl-item,
    .home_slider .owl-item a,
    .home_slider .item {
        aspect-ratio: 513 / 550;
        width: 100%;
    }
}