.swiper-button-prev.brand-arrow,
.swiper-button-next.brand-arrow {
  height: 7.8rem;
  width: 3.8rem;
}
.brand-arrow {transition: 0.3s all ease-in-out;}
.brand-arrow:hover {scale:1.1;}

.swiper-button-next.brand-arrow svg,
.swiper-button-prev.brand-arrow svg {height: 100%; width: 100%;}

.swiper-button-prev.brand-arrow {left: 0;}
.swiper-button-next.brand-arrow {right: 0;}

.brand-carousel__card-container{
  border-bottom: 0.5px solid var(--base-3);
}
.brand-carousel__gallery-thumbs {
  min-height: 37rem;
}
/*
.brand-carousel__brand-lightbox {
  height: calc(100% - 37rem);
}
*/
.brand-card {
  max-width: 34rem;
  height: auto;
  transition: margin-top .4s ease;
  margin-top: 0
}
.brand-card__image-wrapper {
  height: 22rem;
  padding: var(--sm-2);
  transition: .4s all ease-in-out
}
.brand-card__content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height .4s ease,opacity .6s ease;
  padding: 0
}

.brand-card__flag-image{
  width: 2.6rem;
  height: 1.6rem;
  object-fit: cover;
  outline: 1px solid var(--base-3);
}

.brand-card__content .cta {
  pointer-events: all
}
.brand-card__content .cta:focus-visible {
  box-shadow: none
}
.swiper-slide-active .brand-card {
  margin-top: -12rem
}

.swiper-slide-active .brand-card__image-wrapper {
  padding: var(--xs-1)
}

.swiper-slide-active .brand-card__content {
  max-height: 300px;
  opacity: 1;
  overflow: visible;
  padding: var(--sm-2)
}
@media (min-width:992px) {
  .swiper-slide-active .brand-card {
    margin-top: -22rem
  }
  .brand-carousel__gallery-thumbs {
    min-height: 30rem;
  }
}
.brand-carousel {
  z-index: 1;
  /*   transition : all 0.5s; */ 
}
.brand-carousel__content {
  padding: var(--sm-4);
  padding-top: var(--lg-1)
}
.brand-carousel__lightbox-content {
  text-align: left
}
.brand-carousel .brand-clip-path {
  clip-path: polygon(100% 0,100% 87%,86% 100%,0 100%,0 0)
}
.brand-carousel .filter-dropdown__item:focus,
.brand-carousel .filter-dropdown__item:hover {
  background-color: transparent
}
.brand-carousel .filter-dropdown__list.search-suggetion,
.brand-carousel .filter-dropdown__list.show {
  background: rgba(1,20,48,.5);
  outline: 0
}
.brand-carousel .filter-dropdown__list.search-suggetion {
  height: auto;
  clip-path: border-box;
  transform: translate(0,52px);
  outline: 0;
  border: none
}
.brand-carousel .bg-primary-variation::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 22rem;
  background-color: var(--primary-1)
}
.brand-carousel .bg-base-5-variation::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 22rem;
  background-color: var(--base-5)
}
.brand-carousel__brand-lightbox {
  height: auto;
  opacity: 0;
  z-index: -1;
  background: linear-gradient(268deg,rgba(0,26,65,0) .81%,#001a41 62.29%),linear-gradient(180deg,rgba(0,26,65,0) 0,#001a41 65%);
  transition: .4s all ease-in-out
}
.brand-carousel__brand-lightbox.lightbox-open {
  opacity: 1;
  z-index: 3
}
.brand-carousel__brand-lightbox-text-content {
  max-height: 23rem;
  overflow: auto;
  padding-right: 2rem;
}
.brand-carousel__close-button {
  height: 32px;
  width: 32px;
  border: none;
  background: var(--primary-2);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary-1);
  transition: 0.2s all ease-in-out;
}
.brand-carousel__close-button:hover {
  scale: 1.2;
}

/* .brand-carousel__image-container {
height: 48rem
} */
.brand-carousel__video-container {
  height: 48rem
}
.brand-carousel__video-container::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: var(--gradient-left-dark)
}
.brand-carousel__barnd-card-wrapper {
  transition: max-height .4s ease,opacity .6s ease;
  max-width: 22rem;
  border-right: 0.5px solid var(--base-3);
  border-left: 0.5px solid var(--base-3);
}
.brand-carousel__barnd-card-wrapper.swiper-slide-active {
  max-width: 28rem;
  height: auto;
  pointer-events: none;
  border: none;
}
.brand-carousel__barnd-card-wrapper.lightbox-active {
  max-width: 22rem
}
.brand-carousel__barnd-card-wrapper.lightbox-active .brand-card {
  margin-top: 0
}
.brand-carousel__barnd-card-wrapper.lightbox-active .brand-card__content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height .4s ease,opacity .6s ease;
  padding: 0
}
.brand-carousel__barnd-card-wrapper.lightbox-active .brand-clip-path {
  background-color: rgba(0,0,0,.2)
}
.brand-carousel__barnd-card-wrapper:hover {
  cursor: pointer
}
.brand-carousel__barnd-card-wrapper:focus-visible {
  outline: 2px dotted var(--primary-1);
  outline-offset: -2px;
  z-index: 1
}

.brand-carousel__bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: var(--gradient-left-dark)
}
.brand-carousel__image-bg {
  aspect-ratio: auto;
  min-height: 48rem;
}

.brand-carousel__bg {
  max-height: 48rem;
}

.brand-carousel__brand-lightbox{
  min-height: 48.3rem; 
}

@media (min-width: 576px) {
  .brand-carousel__barnd-card-wrapper.swiper-slide-active{
    max-width: 34rem;
  }
  .brand-carousel__barnd-card-wrapper.lightbox-active {
    max-width: 22rem;
  }
  .swiper-button-prev.brand-arrow,
  .swiper-button-next.brand-arrow {
    height: 9.8rem;
    width: 4.8rem;
  }
}

@media (min-width:768px) {
  .brand-carousel__brand-lightbox-text-content {
    max-height: 25rem;
  }
}
@media (min-width:992px) {

  .brand-carousel__bg {
    /*top: 0;
    left: 0;
    position: absolute;
    z-index: 0*/
    max-height: 100%;
  }

  .brand-carousel__content {
    padding: var(--md-2)
  }
  .brand-carousel__brand-lightbox,
  .brand-carousel__image-container {
    min-height: 61.3rem; 
    aspect-ratio: 96 / 41;

  }
  .brand-carousel__video-container {
    height: 61.3rem
  }
  .brand-carousel .form-field {
    max-width: 22.7rem
  }
  .brand-carousel .filter-dropdown {
    max-width: 22.7rem
  }
  
  /*
  .brand-carousel__brand-lightbox {
    height: calc(100% - 30rem);
    aspect-ratio: 96 / 41;
  }
  */
  .brand-carousel__brand-lightbox-text-content {
    max-height: 32rem;  
    overflow: auto;
  }
}
@media (min-width:1200px) {
  .brand-carousel__content {
    padding: var(--lg-1);
  }
}
input[type="search" i]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button{
  display: none;
}
.brand-carousel .form-field__search{
  padding: var(--sm-3) 3.7rem var(--sm-3) var(--sm-2);
}  
.brand-carousel .form-field__search-button{
  top: 54%;
  right: var(--xs-2);
}
/*
@media (max-width:1024px) {
  .brand-carousel__brand-lightbox-text-content {
    max-height: 23rem;
  } 
}
*/
/*To hide the learn more button form the OEM page */

#ip3-thailand .brand-card__content .cta,
#ip3-brunei .brand-card__content .cta,
#ip3-greater-china .brand-card__content .cta,
#ip3-guam-and-saipan .brand-card__content .cta,
#ip3-singapore .brand-card__content .cta,
#ip3-our-oem-partners .brand-card__content .cta{
  display: none;
}
/*
@media (max-width:768px) {
.brand-carousel__card-container{
margin-top: 10rem;
}
}
*/
@media (max-width:768px) {
.brand-carousel .config-text .config-text__intro-text{
height: 150px;
overflow-y: scroll;
}
}