.th-hero-2 .flex {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: center;
  margin-right: -12px;
  margin-left: -12px;
}

.th-hero-2 .flex .col {
  flex: 1;
  padding: 20px 12px;
}

.th-hero-2 .button-wrap .button-col {
  display: inline-block;
}

.th-hero-2 .button-wrap .button-col:not(:last-child) {
  margin-right: 10px;
}

@media (max-width: 767px) {

  .th-hero-2 .flex.left-button .col:first-child {
    order: 2;
  }
  
  .th-hero-2 .flex .col {
    flex: 0 0 100%;
  }

}

@media (max-width: 479px) {
  
  .th-hero-2 .button-wrap .button-col {
    display: block;
  }
  
  .th-hero-2 .button-wrap .button-col a {
    width: 100%; 
  }
  
  .th-hero-2 .button-wrap .button-col:not(:last-child) {
    margin-right: 0;
    margin-bottom: 20px;
  }
  
}


/* Outer section: retain its existing height and padding. */
.dnd-section.rr-video-section {
  position: relative;
  isolation: isolate;
  box-shadow: none;
}

/* Video and overlay cover the entire section. */
.rr-video-section > .rr-section-video-layer {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  border-radius: inherit;
}

.rr-section-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

{#/* Optional darkening for text readability. */
.rr-section-video-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
}#}

/* Use the existing section background for reduced motion. */
@media (prefers-reduced-motion: reduce) {
  .rr-section-video-layer {
    display: none;
  }
}

/* Entire outer hero section */
.dnd-section.rr-video-section {
  box-sizing: border-box;
  height: 600px;
  min-height: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Screens narrower than 991px */
@media (max-width: 991px) {
  .dnd-section.rr-video-section {
    height: 351px;
  }
}