/* Hero Section Styles */
.hiro-child {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}

.the-complete-journey {
  /* margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 121%;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  text-shadow: 0 29px 131px rgba(0, 0, 0, 0.07),
    0 18.8px 76.7px rgba(0, 0, 0, 0.05), 0 11.2px 41.7px rgba(0, 0, 0, 0.04),
    0 5.8px 21.3px rgba(0, 0, 0, 0.04), 0 2.4px 10.7px rgba(0, 0, 0, 0.03),
    0 0.5px 5.2px rgba(0, 0, 0, 0.02);
  max-width: 100%;
  z-index: 1; */
  font-size: 64px !important;
  line-height: 80px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 20px;
}
.hiro.new-hiro .hero-image-icon-decoration { z-index: 1 !important; display: none; }
.main-content {
  display: block;  
  width: 100%;
  text-align: left;
}
.the-complete-journey-content { font-size: 28px; line-height: 40px; font-weight: 500; }
 
.d-1-1,
.line-icon {
  position: relative;
  z-index: 1;
}

.d-1-1 {
  width: 3.563rem;
  height: 3.563rem;
  object-fit: cover;
}

.line-icon {
  height: 10.313rem;
  width: 1.063rem;
}

.line-wrapper {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 var(--padding-xl);
}

.isolation-mode-icon {
  height: 3.563rem;
  width: 3.25rem;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}

.isolation-mode-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0.125rem 0 0.187rem;
}

.image-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-lg);
}

.hiro {
  align-self: stretch;
  align-items: flex-end;
  padding: 0 7.5rem;
  box-sizing: border-box;
  position: relative;
  gap: 4.431rem;
  text-align: center;  
  color: var(--color-white);
  font-family: var(--font-product);
  padding-top: 300px;
  padding-bottom: 210px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 100%;  
}

.scroll-down {
  width: auto;
  line-height: normal;
  display: inline-block;
  transform: rotate(-90deg) !important;!i;!;
  position: relative;
  z-index: 1;
}

.dot-icon {
  height: 2.125rem;
  width: 0.375rem;
  position: relative;
  z-index: 1;
}

.scroll-content-wrapper {
  height: fit-content;
  width: 1.5rem;
  padding: 25.562rem 0 0;
  box-sizing: border-box;
  font-size: var(--font-size-base);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  display: none;
}

.dot-container {
  flex-direction: row;
  padding: 0 var(--padding-4xs);
}

.dot-container,
.scroll-content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  margin: 0px;
  top: 0px;
}

.scroll-content {
  align-self: stretch;
  flex: 1;
  flex-direction: column;
  gap: var(--gap-xs);
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 40px;
  align-content: center;
}
@media (max-width: 1560px) {
  .hiro { padding-top: 280px; padding-bottom: 200px; padding-left: 110px; padding-right: 110px; }
  .the-complete-journey { font-size: 35px !important; line-height: 40px; margin-bottom: 10px; }
  .the-complete-journey-content { font-size: 22px; line-height: 30px; }
  .new-hiro .main-content { margin-top: -35px; }
  .show-case { font-size: 20px; }
}

@media (max-width: 1366px) {
  .hiro { padding-left: 73px; padding-right: 73px; }
  
}


@media (max-width: 1199px) {
  .the-complete-journey-content { font-size: 20px; line-height: 28px; }
  .show-case { font-size: 18px; }
}

@media (max-width: 991px) {
  .new-hiro .main-content .the-complete-journey { font-size: 28px !important; }
  .the-complete-journey-content {
    font-size: 18px;
    line-height: 24px;
  }  
}

@media (max-width: 767px) {
  .new-hiro .main-content { margin-top: 0; border-radius: 20px 0; text-align: center; opacity: 1 !important; transform: none !important;}
  .new-hiro .main-content .the-complete-journey { font-size: 28px !important;line-height:1.2;text-align: center; opacity: 1 !important; transform: none !important;}
  .new-hiro .sub-content{align-items: center; opacity: 1 !important; transform: none !important;}
  .show-case { font-size: 16px; opacity: 1 !important; transform: none !important; }
  .the-complete-journey-content { font-size: 18px; line-height: 1.33; font-weight: normal; opacity: 1 !important; transform: none !important;}

  .hiro.new-hiro{height: 100vh;padding:0 !important;}
  .new-hiro .hiro-video{height: 55vh;min-height: 300px;}
  .new-hiro .main-content-parent{height: 45vh; margin-top: auto;border-radius: 0;min-height: 320px; opacity: 1 !important; transform: none !important; }
  section.hiro.new-hiro:before{ width: 100%; height: 25vh; margin-top: 30vh; background: linear-gradient(181deg, rgba(255, 255, 255, 0.00) 11.69%, rgba(0, 0, 0, 0.50) 71.23%, #000 99.07%);}
	.video-banner-buttons-container.project-assessment-wrapper { flex-direction: row; gap: 12px; }
	.video-banner-buttons-container.project-assessment-wrapper button { min-width: 155px }
	.video-banner-buttons-container .section__read-more { padding: 10px 15px !important; }
  
}