.sds-hero-with-webform {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  height: fit-content;
  column-gap: .625rem;
  grid-template-rows: 1fr;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 !important;
  height: calc(100vh - 250px);
  max-height: 600px;
  min-height: 450px;
}

.sds-hero-with-webform .media-wrapper,
.sds-hero-with-webform .funnel-links {
  overflow: hidden;
}



.sds-hero-with-webform .funnel-links {
  padding: 0 3.125rem 0 !important;
  display: grid;
}

.sds-hero-with-webform .webform-submission-form {
  display: block !important;
  margin-inline: auto;
  position: relative;
  height: fit-content;
  max-width: 350px;
}

.sds-hero-with-webform .webform-submission-form #edit-phone {
  max-width: 100%;
  height: 55px;
  border: 1px solid transparent;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.04),
    0 4px 12px rgba(0, 0, 0, 0.06);
}

.sds-hero-with-webform .webform-submission-form .form-submit {
  position: absolute;
  bottom: 11px;
  width: fit-content;
  padding-inline: 20px !important;
  right: 11px;
  height: 33px !important;
  line-height: 33px !important;
  padding-block: 0 !important;
  text-transform: initial;
  font-weight: 400 !important;
  margin-bottom: 0;
}

.sds-hero-with-webform .media-wrapper > div:not(.content) {
  position: relative;
  height: 100%;
}

.sds-hero-with-webform .media-wrapper .media-controls {
  position: absolute;
  bottom: 1.25rem;
  right: 1.25rem;
  opacity: .65;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}

.sds-hero-with-webform .media-wrapper .media-controls > div  {
  position: absolute;
}

.sds-hero-with-webform .media-wrapper .media-controls .play-btn  {
  display: none;
}

.sds-hero-with-webform .media-wrapper video {
  aspect-ratio: 16 / 9;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.sds-hero-with-webform .media-wrapper .content {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  max-width: 34.375rem;
}

@media (min-width: 0) and (max-width: 575px) {
  .sds-hero-with-webform .media-wrapper .content {
    padding: 0 .9375rem;
  }
}

@media (min-width: 576px) {
  .sds-hero-with-webform .media-wrapper .content {
    left: calc((100vw - 540px) / 2);
    
  }
}

@media (min-width: 768px) {
  .sds-hero-with-webform .media-wrapper .content {
    left: calc((100vw - 720px) / 2);
  }
}


@media (min-width: 992px) {
  .sds-hero-with-webform .media-wrapper .content {
    left: calc((100vw - 960px) / 2);
  }
}

@media (min-width: 1200px) {
   .sds-hero-with-webform .media-wrapper .content {
    left: calc((100vw - 1140px) / 2);
  }
}

@media (min-width: 1360px) {
  .sds-hero-with-webform .media-wrapper .content {
    left: calc((100vw - 1260px) / 2);
  }
}

@media (min-width: 1540px) {
  .sds-hero-with-webform .media-wrapper .content {
    left: calc((100vw - 1440px) / 2);
  }
}


.sds-hero-with-webform .funnel-links .call-us {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: 125px;
}

.sds-hero-with-webform .funnel-links .call-us h2 {
  font-size: 1rem;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}

.sds-hero-with-webform .funnel-links .call-us a[href*=tel] {
  display: flex;
  flex-direction: row;
  gap: 0;
  color: #fff !important;
  align-items: center;
  font-size: 2rem;
  pointer-events: none;
}



@media (max-width: 93.6875rem) {
  .sds-hero-with-webform .funnel-links {
    padding: 0 1.5625rem 0 !important;
  }


}

@media (max-width: 1600px) {
  .sds-hero-with-webform .funnel-links {
    padding: 0 1.25rem 0 !important;
  }
}

@media (max-width: 61.9375rem) {
  .sds-hero-with-webform {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    row-gap: .3125rem;
    column-gap: unset;
    height: auto;
    max-height: 100%;
  }

  .sds-hero-with-webform .media-wrapper {
    position: relative;
  }

  .sds-hero-with-webform .media-wrapper video {
    height: auto;
    min-height: 250px;
  }

  .sds-hero-with-webform .media-wrapper .media-controls {
    bottom: .625rem;
    right: .625rem;
  }

  .sds-hero-with-webform .funnel-links {
    padding: 2rem .9375rem 2rem !important;
  }


  .sds-hero-with-webform .funnel-links .call-us {
    max-width: 37.5rem;
    margin: 0 auto;
    width: 100%;
  }


  .sds-hero-with-webform .funnel-links .call-us a[href] {
    pointer-events: auto;
    font-size: 1.5rem;
    justify-content: center;
  }

}

@media (max-width: 36.125rem) {

 .sds-hero-with-webform .media-wrapper .content {
    width: 100vw;
  }
  
  .sds-hero-with-webform .funnel-links {
    padding-top: 1.25rem !important;
  }
  
  .sds-hero-with-webform .funnel-links .heading a.btn-primary {
    margin-top: 20px !important;
  }
  
  .sds-hero-with-webform .funnel-links .hero-webform {
    margin-block: 2rem !important;
  }

}


@media (max-width: 23.4375rem) {
  .sds-hero-with-webform .media-wrapper video {
    min-height: 200px;
  }
}

.sds-hero-banner-usp {
  padding-block: 2.25rem !important;
}

.sds-hero-banner-usp ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  font-size: .875rem;
  line-height: 1.4;
  column-gap: 1rem;
  margin-bottom: 0 !important;
  grid-auto-rows: auto;
}

.sds-hero-banner-usp ul li > div {
  position: relative;
  padding: 0 0 20px 20px;
  height: 100%;
  display: flex;
  align-items: end;
}

.sds-hero-banner-usp ul li > div:before {
  content: '';
  height: 60%;
  width: 4px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 2px;
}

.sds-hero-banner-usp ul li > div:after {
  content: '';
  width: 40%;
  height: 4px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 2px;
}

@media (max-width: 992px) {
  .sds-hero-banner-usp > .container {
    overflow: hidden;
  }
  
  .sds-hero-banner-usp > .container ul {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
    gap: 0;
    font-size: 0.95rem;
    margin-bottom: 15px !important;
  }
  
  .sds-hero-banner-usp > .container ul > li {
    flex: 0 0 100%;
  }
  
  .sds-hero-banner-usp > .container ul > li > div {
    max-width: 500px;
    margin-inline: auto;
  }
  
  .sds-hero-banner-usp .carousel-dots {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    position: absolute;
    bottom: 15px;
    right: 15px;
  }
  
  .sds-hero-banner-usp .carousel-dots button {
    width: 8px;
    height: 8px;

    border: 0;
    border-radius: 999px;

    background: rgba(255,255,255,0.4);

    transition:
        background 0.3s ease,
        transform 0.3s ease;

    padding: 0;
  }
  
  .sds-hero-banner-usp .carousel-dots button.is-active {
    background: #fff;
    transform: scale(1.2);
  }

}

@media (max-width: 576px) {
  .sds-hero-banner-usp > .container ul > li > div {
    max-width: 300px;
  }
}

@media (max-width: 1600px) and (min-width: 1401px) {
  .sds-hero-banner-usp ul {
    font-size: .8125rem;
  }
}

/* Targeting windows scale*/
@media (max-width: 1400px) and (min-width: 992px) {
  .sds-hero-with-webform {
    max-height: 500px;
  }
  
  .sds-hero-with-webform h1 {
    font-size: clamp(1.5rem, 1.35rem + 0.6vw, 1.75rem) !important;
  }
  
  .sds-hero-with-webform .preamble {
    font-size: 1rem;
    max-width: 450px !important;
  }
  
  .sds-hero-with-webform .funnel-links p:not(.preamble):not(:last-child), 
  .sds-hero-with-webform h2,
  .sds-hero-with-webform .webform-submission-form #edit-phone::placeholder {
    font-size: .875rem !important;
  }
  
  div[class*=sds].sds-hero-with-webform a.btn-primary {
    height: 46px;
    line-height: 44px !important;
    font-size: 1rem !important;
    margin-top: 20px !important;
  }
  
  .sds-hero-with-webform .webform-submission-form {
    max-width: 300px;
  }
  
  .sds-hero-with-webform .webform-submission-form #edit-phone {
    height: 46px;
  }
  
  .sds-hero-with-webform .webform-submission-form .form-submit {
    bottom: 6px;
    right: 6px;
  }
  
  .sds-hero-with-webform .funnel-links .call-us a[href*=tel] {
    font-size: 1.5rem;
  }
  
  .sds-hero-banner-usp ul {
    font-size: .75rem;
  }

}