#homepage-header-section-review {
  bottom: -42px;
  left: 50%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  border: 0.8px solid #d9c0ff;
  border-radius: 8px;
  z-index: 99;
}

@media (max-width: 1240px) {
  #main-header-section {
    max-width: none !important;
  }
}

@media (max-width: 300px) {
  .review-min-width {
    min-width: 280px !important;
  }

  .s3-xl {
    font-size: 0.82rem !important;
  }
}

.hexagon,
.hexagon-mobile,
.hexagon2 {
  /* filter: drop-shadow(3px 1px 9px #D2CEDD);
    -webkit-filter: drop-shadow(3px 1px 9px #D2CEDD); */
}

.hexagon {
  height: 307px;
  width: 231px;
  /* background: #111; */
  margin: 1px;
  transition: 2s;
  /* -webkit-clip-path: polygon(50% 3%, 100% 25%, 100% 100%, 51% 78%, 0% 100%, 0% 25%);
    clip-path: polygon(50% 3%, 100% 25%, 100% 100%, 51% 78%, 0% 100%, 0% 25%); */
}

.hexagon img,
.hexagon video {
  -webkit-clip-path: polygon(50% 3%, 100% 25%, 100% 100%, 51% 78%, 0% 100%, 0% 25%);
  clip-path: polygon(50% 3%, 100% 25%, 100% 100%, 51% 78%, 0% 100%, 0% 25%);
  min-height: 307px;
  min-width: 231px;
}

.hexagon-mobile {
  /* height: 307px;
    max-width: 231px; */
  /* background: #111; */
  transition: 2s;
  /* -webkit-clip-path: polygon(50% 3%, 100% 25%, 100% 100%, 51% 78%, 0% 100%, 0% 25%);
    clip-path: polygon(50% 3%, 100% 25%, 100% 100%, 51% 78%, 0% 100%, 0% 25%); */
}

.hexagon-mobile img,
.hexagon-mobile video {
  -webkit-clip-path: polygon(50% 3%, 100% 25%, 100% 100%, 51% 78%, 0% 100%, 0% 25%);
  clip-path: polygon(50% 3%, 100% 25%, 100% 100%, 51% 78%, 0% 100%, 0% 25%);
  min-height: 307px;
  min-width: -webkit-fill-available;
}

.hexagon img,
.hexagon video,
.hexagon-mobile img,
.hexagon-mobile video {
  background: #fbf9ff;
  width: 100%;
  height: 100%;
}
/* .hexagon1 {
    height: 307px;
    width: 231px;
    background: #111;
    transition: 2s;
    -webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 49% 60%, 5% 75%, 5% 25%);
    clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 49% 60%, 5% 75%, 5% 25%);
} */

.hexagon2 {
  position: absolute;
  height: 318px;
  width: 231px;
  margin: 1px;
  /* transition: 2s; */
  top: 260px;
  left: 132px;
}

.hexagon-text-inner-div {
  -webkit-clip-path: polygon(50% 30%, 100% 7%, 100% 75%, 50% 100%, 0% 75%, 0% 7%);
  clip-path: polygon(50% 30%, 100% 7%, 100% 75%, 50% 100%, 0% 75%, 0% 7%);
  width: 100%;
  height: 100%;
}

#triangle_block {
  min-height: 580px;
}

@media (max-width: 904px) {
  #triangle_block {
    min-height: 0px;
  }
}

@media (min-width: 768px) and (max-width: 905px) {
  .hexagon-mobile {
    width: 230px !important;
    height: 306px;
  }
}

@media (min-width: 905px) and (max-width: 1239px) {
  .hexagon,
  .hexagon1,
  .hexagon2 {
    width: 170px;
    height: 240px;
  }

  .hexagon img,
  .hexagon1 img,
  .hexagon video,
  .hexagon1 video {
    min-width: 170px;
    min-height: 240px;
  }

  .hexagon2 {
    left: 96px;
    top: 205px;
  }

  #triangle_block {
    min-height: 448px;
  }
}

@media (min-width: 1240px) and (max-width: 1360px) {
  .hexagon,
  .hexagon1,
  .hexagon2 {
    width: 224px;
    height: 300px;
  }

  .hexagon img,
  .hexagon1 img,
  .hexagon video,
  .hexagon1 video {
    min-width: 224px;
    min-height: 300px;
  }

  .hexagon2 {
    left: 128px;
    top: 254px;
    height: 310px;
  }

  #triangle_block {
    min-height: 568px;
  }
}

picture#main_container_section source,
picture#main_container_section img {
  max-height: 660px;
  object-fit: cover;
}

.hexagon-section-text {
  top: 45%;
  width: 72px;
}

.left-35 {
  left: 35px;
}

.rtl .left-35 {
  right: 35px;
  left: unset;
}

.right-35 {
  right: 35px;
}

.rtl .right-35 {
  left: 35px;
  right: unset;
}

.review-min-width {
  min-width: 320px;
}

.fixed-padding-mobile-top {
  padding-top: 48px;
  padding-bottom: 70px;
}

.fixed-padding-mobile-top-partner {
  padding-top: 120px;
  padding-bottom: 70px;
}

.right__hexa {
  width: 79px;
  right: 29px;
}

@media (min-width: 600px) {
  .review-min-width {
    min-width: 332px;
  }
}
@media (max-width: 600px) {
  .new-btn {
    min-width: 100%;
  }
  .partner-header-content {
    min-width: 100%;
  }
}
@media (max-width: 599px) {
  .fixed-padding-mobile-top {
    /* required 52px */
    /* padding-top:52px; */
    padding-bottom: 144px;
  }
  .fixed-padding-mobile-top-partner {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .hexagon-mobile {
    height: 206px;
    width: 151px;
    max-width: 151px;
  }

  .hexagon-mobile img,
  .hexagon-mobile video {
    min-height: 206px;
  }
}

@media (min-width: 600px) and (max-width: 767px) {
  .fixed-padding-mobile-top {
    /* required 60px */
    padding-top: 24px !important ;
    padding-bottom: 90px !important ;
  }
  .fixed-padding-mobile-top-partner {
    /* required 60px */
    padding-top: 60px !important ;
    padding-bottom: 60px !important ;
  }

  .hexagon-mobile {
    max-height: 266px;
    max-width: 200px;
  }

  .hexagon-mobile img,
  .hexagon-mobile video {
    min-height: 266px;
    min-width: 200px;
  }
}

@media (min-width: 768px) and (max-width: 904px) {
  .fixed-padding-mobile-top {
    padding-top: 60px;
    padding-bottom: 124px;
  }
  .fixed-padding-mobile-top-partner {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (min-width: 905px) and (max-width: 1023px) {
  .fixed-padding-mobile-top,
  .fixed-padding-mobile-top-partner {
    padding-bottom: 68px;
  }
}

@media (min-width: 1024px) and (max-width: 1240px) {
  .fixed-padding-mobile-top,
  .fixed-padding-mobile-top-partner {
    padding-bottom: 94px;
  }
}

@media (min-width: 1241px) and (max-width: 1360px) {
  .fixed-padding-mobile-top,
  .fixed-padding-mobile-top-partner {
    padding-bottom: 84px;
  }
}

/* @media (min-width: 1400px) {
  #sub-header-section,
  .sub-header-section-offers {
    width: 48.3%;
  }
}

@media (min-width: 1300px) and (max-width: 1399px) {
  #sub-header-section,
  .sub-header-section-offers {
    width: 48%;
  }
}

@media (min-width: 905px) and (max-width: 1299px) {
  #sub-header-section,
  .sub-header-section-offers {
    width: 45%;
  }
} */

@media (min-width: 905px) and (max-width: 1239px) {
  .left-35 {
    left: 10px;
  }
  .right-35 {
    right: 10px;
  }

  .rtl .left-35 {
    right: 10px;
    left: unset;
  }
  .rtl .right-35 {
    left: 10px;
    right: unset;
  }

  .hexagon-section-text {
    top: 38%;
  }
}

@media (min-width: 1240px) and (max-width: 1360px) {
  .right-35 {
    right: 30px;
  }

  .left-35 {
    left: 30px;
  }

  .rtl .right-35 {
    left: 30px;
    right: unset;
  }

  .rtl .left-35 {
    right: 30px;
    left: unset;
  }
}

img.object-cover,
video.object-cover {
  object-fit: cover;
  object-position: top;
}

@media (min-width: 905px) {
  .bg-arrow-img {
    background-position: center;
    background-image: url('/wp-content/themes/northladder/img/desktop-arrow-bg.svg');
    background-repeat: no-repeat;
  }
}

/* swiper css start */

.max-width-80 {
  max-width: 80px;
}

.max-height-29 {
  max-height: 29px;
}

.swiper-container,
.swiper-wrapper {
  width: 100%;
  height: 750px !important;
}

.swiper-pagination {
  position: absolute;
  top: 42% !important;
  transform: unset !important;
  right: 20px !important;
}

.rtl .swiper-pagination {
  right: unset !important;
  left: 20px !important;
}

.swiper-pagination-bullet {
  width: 0px;
  height: 0px;
  opacity: 1;
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 30px 0;
  display: block;
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) .over {
  /* -webkit-animation: rotator 1.5s ease-in-out infinite; */
  stroke-dasharray: 107, 38;
}

.bag {
  position: absolute;
  height: 20px;
  width: 20px;
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: red;
  transition: background 4s;
}

@media only screen and (max-width: 904px) {
  .swiper-pagination {
    /* left: 50% !important; */
    /* -webkit-transform: translateX(-50%) !important; */
    /* transform: translateX(-50%) !important; */
    top: auto !important;
    right: auto !important;
    justify-content: center !important;
  }

  .swiper-pagination-vertical.swiper-pagination-bullets,
  .swiper-vertical > .swiper-pagination-bullets,
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 98px !important;
    left: 50% !important;
    width: 100%;
    transform: translateX(-50%) translateX(-10px) !important;
  }

  .rtl .swiper-pagination {
    transform: translateX(-50%) translateX(10px) !important;
  }

  .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0px 12.5px !important;
  }

  .max-height-210 {
    max-height: 307px;
    width: auto;
  }

  .ipad-slider {
    width: 100%;
  }

  .swiper-container,
  .swiper-wrapper {
    height: 894px !important;
  }

  .header-section {
    flex-direction: column;
    justify-content: center;
  }
}

@media (min-width: 600px) and (max-width: 767px) {
  /* .max-height-210{
        max-height: 306px;
        width: auto;
    } */

  .swiper-container,
  .swiper-wrapper {
    height: 792px !important;
  }
}

@media only screen and (max-width: 599px) {
  .swiper-container,
  .swiper-wrapper {
    height: 700px !important;
  }

  .max-height-210 {
    max-height: 192px;
    width: auto;
  }

  .offers_logo {
    max-height: 30px;
  }

  .offer-img {
    width: 205px;
    object-fit: contain;
  }
}

.grey-color {
  color: grey;
}

.yellow-color {
  color: yellow;
}

.partner_header {
  min-height: 70vh;
}

/* swiper css end */
