#content > .row {
  display: block;
}

.hero-carousel {
  width: 100%;
  position: relative;
}

.slides-wrapper.slider_js_wrapper > .row:first-child {
  display: block;
}

.slides-wrapper.slider_js_wrapper > .row {
  display: none;
}

.slides-wrapper.slider_js_wrapper.slick-initialized {
  visibility: visible;
}

.hero-carousel .slides-wrapper .slide-item-wrap video {
  object-fit: cover;
}

.hero-carousel .slides-wrapper .slide-item-wrap img {
  width: 100%;
  /* height: 1165px; */
  height: 100vh;
  object-fit: cover;
  /*HLMS-1501*/
}

.hero-carousel .slides-wrapper .content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 150px;
}

.hero-carousel .slide-item-wrap .row {
  margin: 0;
  display: block;
}

.hero-carousel .slides-wrapper .content-wrapper h1,
.hero-carousel .slides-wrapper .content-wrapper h2 {
  font-family: "roobert_medium", sans-serif;
  font-size: 3rem;
  /*Font size change*/
  line-height: 1.7rem;
  margin-bottom: 1.4rem;
}

.hero-carousel .slides-wrapper .content-wrapper p {
  font-family: "roobert_regular", sans-serif;
  /* font-size: 5.6rem;
  line-height: 6.7rem; */
  font-size: 5rem;
  /*Font size change*/
  line-height: normal;
  max-width: 617px;
  margin-bottom: 1.3rem;
}

.hero-carousel .slides-wrapper .content-wrapper p:last-of-type {
  margin-bottom: 3.4rem;
}

.hero-carousel .slick-dots {
  position: absolute;
  bottom: 20.2%;
  text-align: right;
  right: calc(50% - 536px);
}

.hero-carousel .slick-dots.container {
  width: auto;
}

.hero-carousel .slick-dots li,
.hero-carousel .slick-dots li button {
  width: 15px;
  height: 15px;
}

.hero-carousel .slick-dots li button:before {
  content: "";
  width: 15px;
  height: 15px;
  line-height: 15px;
  border: 2px solid #243508;
  opacity: 1;
}

.hero-carousel .slick-dots li.slick-active button:before {
  background-color: #bff355;
  opacity: 1;
  border: none;
}

.hero-carousel .play-pause-btn {
  position: absolute;
  width: auto;
  bottom: 18%;
  text-align: right;
  right: calc(50% - 608px);
}

.hero-carousel .play-pause-btn .btn-wrap {
  border: 2px solid #bff355;
  width: 47px;
  height: 47px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.hero-carousel .play-pause-btn .toggle-btn {
  border: 0;
  background: transparent;
  box-sizing: border-box;
  width: 0;
  height: 18.6px;
  border-color: transparent transparent transparent #243508;
  transition: 100ms all ease;
  cursor: pointer;
  border-style: double;
  border-width: 0px 0 0px 18.3px;
}

.hero-carousel .play-pause-btn .btn-wrap.play .toggle-btn {
  border-style: solid;
  border-width: 10px 0 10px 18px;
}

.hero-carousel .scroll-down-btn-wrap {
  position: absolute;
  bottom: 18%;
  width: auto;
  left: 10%;
}

.hero-carousel .scroll-down-btn {
  display: inline-block;
  width: 46px;
  height: 46px;
  border: 2px solid #bff355;
  padding: 10px;
  cursor: pointer;
  position: relative;
}

.hero-carousel .scroll-down-btn.active {
  background-color: #ffffff;
}

.hero-carousel .scroll-down-btn::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border-right: 3px solid #fff;
  border-top: 3px solid #fff;
  transform: translate(2px, -3px) rotate(135deg);
}

.hero-carousel .scroll-down-btn.active {
  background-color: #ffffff;
}

.hero-carousel .scroll-down-btn.active::before {
  border-color: #243508;
}

header.invert ~ main .scroll-down-btn::before {
  border-color: #ffffff;
}

header.invert ~ main .scroll-down-btn.active::before {
  border-color: #243508;
}

header.invert:not(.active, .green) .navbar_desktop .nav-item.mm_desk_item > a,
header.invert:not(.active, .green) .search_view,
header.invert:not(.active, .green) .language-selector-select-item {
  color: white;
}

header.invert:not(.active, .green) .language-selector-select-item img,
header.invert:not(.active, .green) .search_view img,
header.invert:not(.active, .green) .hb_menu .toggle_label,
header.invert:not(.active, .green) .open_menu .hb_menu .toggle_label::before,
header.invert:not(.active, .green) .open_menu .hb_menu .toggle_label::after,
header.invert:not(.active, .green) .login-button header.invert:not(.active, .green) .lang_sel {
  filter: invert(1);
}

@media only screen and (min-width: 1440px) {
  .hero-carousel .slides-wrapper .content-wrapper {
    top: 40%;
    transform: translateY(-50%);
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .hero-carousel .slides-wrapper .slide-item-wrap .img-mobile-only {
    display: none;
  }
  .search_view,
  .search_right,
  .hb_menu,
  .scroll-down-btn,
  .slick-dots,
  .play-pause-btn {
    animation: fadeRight 2s ease forwards;
  }
  .hero-carousel .slides-wrapper .slide-item-wrap img,
  .hero-carousel .slides-wrapper .slide-item-wrap video {
    animation: clipPath 0.25s linear;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
  }
  .hero-carousel .slides-wrapper .slide-item-wrap video {
    height: 100vh;
    width: 100%;
    object-fit: cover;
    /*HLMS-1501*/
  }
  .hero-carousel .slides-wrapper .content-wrapper {
    animation: run 1s ease;
    -webkit-animation: run 1s ease;
    animation-duration: 1s;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .hero-carousel .slides-wrapper .slide-item-wrap img {
    height: 600px;
    object-fit: cover;
  }
}
/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
  .hero-carousel .slick-dots {
    right: calc(50% - 290px);
  }
  .hero-carousel .play-pause-btn {
    right: calc(50% - 358px);
    /*Changes for tablet*/
  }
}
@media screen and (max-width: 991px) {
  /* .hero-carousel .slides-wrapper .content-wrapper{
    padding-top: 18%;
  } */
  .hero-carousel .slides-wrapper .content-wrapper p {
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 767px) {
  .hero-carousel .slides-wrapper {
    background-color: #f8f8f8;
    padding-bottom: 4rem;
    margin-bottom: 0;
  }
  .hero-carousel .slides-wrapper .content-wrapper {
    padding-top: 2.9rem;
    position: static;
  }
  .hero-carousel .slides-wrapper .slide-item-wrap img,
  .hero-carousel .slides-wrapper .slide-item-wrap video {
    height: 322px;
    clip-path: polygon(0 0, 100% 0, 100% 55%, 10% 100%, 10% 100%, 0 50%);
  }
  .hero-carousel .slides-wrapper .slide-item-wrap video {
    width: 100%;
    height: 100vh;
    display: none;
  }
  .hero-carousel .slides-wrapper .content-wrapper h1 {
    font-size: 2rem;
    /*Font size Changes*/
    line-height: 1.7rem;
  }
  .hero-carousel .slides-wrapper .content-wrapper p {
    font-size: 3.6rem;
    line-height: 4.8rem;
    margin-bottom: 1rem;
  }
  .hero-carousel .scroll-down-btn-wrap,
  .hero-carousel .play-pause-btn {
    display: none;
  }
  .hero-carousel .slick-dots {
    bottom: 0;
    right: 0;
    text-align: left;
    padding-left: 6%;
    position: relative;
    margin-top: 50px;
  }
}
@media screen and (max-width: 575px) {
  .hero-carousel .slides-wrapper .content-wrapper {
    padding-left: 15px;
  }
  .hero-carousel .slick-dots {
    padding-left: 15px;
  }
}
@media screen and (min-width: 1366px) and (min-width: 1441px) {
  .hero-carousel .scroll-down-btn-wrap {
    left: calc(50% - 610px);
  }
}
@keyframes clipPath {
  0% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 83% 100%, 0 100%, 0 50%);
  }
  20% {
    clip-path: polygon(0 0, 100% 0, 100% 95%, 70% 100%, 2% 100%, 0 50%);
  }
  40% {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 55% 100%, 4% 100%, 0 50%);
  }
  60% {
    clip-path: polygon(0 0, 100% 0, 100% 75%, 45% 100%, 6% 100%, 0 50%);
  }
  80% {
    clip-path: polygon(0 0, 100% 0, 100% 65%, 20% 100%, 8% 100%, 0 50%);
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 55%, 10% 100%, 10% 100%, 0 50%);
  }
}
@keyframes run {
  0% {
    left: -100%;
  }
  50% {
    left: -50%;
  }
  100% {
    left: 0;
  }
}
@keyframes fadeRight {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-carousel .slick-dots {
    right: calc(50% - 400px);
  }
}
@media only screen and (min-width: 1200) and (max-width: 1300px) {
  .hero-carousel .slick-dots {
    right: calc(50% - 490px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-carousel .play-pause-btn {
    right: calc(50% - 480px);
  }
}
@media only screen and (min-width: 1200) and (max-width: 1300px) {
  .hero-carousel .play-pause-btn {
    right: calc(50% - 564px);
  }
}
.hero-carousel .slides-wrapper .slide-item-wrap .img-mobile-only {
  display: none;
}
@media all and (max-width: 767px) {
  .hero-carousel .slides-wrapper .slide-item-wrap .img-mobile-only {
    display: block;
  }
}

.hero-carousel .slides-wrapper .slide-item-wrap .img-desktop-only {
  display: block;
}
@media all and (max-width: 767px) {
  .hero-carousel .slides-wrapper .slide-item-wrap .img-desktop-only {
    display: none;
  }
}