.hero-section {
  background-color: #f3f3f3;
  padding: 0;
  overflow: hidden;
}
.hero-section .hero-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  height: 1053px;
  padding: 0 70px;
}
.hero-section .hero-content {
  width: 50%;
  display: flex;
  z-index: 2;
  margin-top: 15%;
}
.hero-section .hero-text-block {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.hero-section .hero-title-group {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  font-size: 62px;
  line-height: 106%;
  font-weight: 400;
  color: #2C2C2C;
}
.hero-section .hero-title-group .hero-title-color {
  color: #9D0751;
  font-size: 82px;
  font-weight: 900;
  line-height: 98%;
}
.hero-section .hero-title-group b, .hero-section .hero-title-group strong {
  font-size: 82px;
  font-weight: 900;
  line-height: 98%;
}
.hero-section .hero-subtitle-text {
  margin-top: 16px;
  font-size: 24px;
  font-weight: 500;
}
.hero-section .hero-brand {
  color: var(--primary-magenta);
}
.hero-section .hero-buttons {
  display: flex;
  gap: 44px;
}
.hero-section .hero-btn {
  height: 98px;
  padding: 14px 36px;
  border-radius: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  cursor: pointer;
}
.hero-section .hero-btn picture {
  height: 100%;
}
.hero-section .green-btn {
  border: 1.4px solid #71a130;
}
.hero-section .blue-btn {
  border: 1.4px solid #47a6ee;
}
.hero-section .btn-content-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-section .hero-video-wrapper {
  width: 50%;
  height: 130%;
  display: flex;
  justify-content: flex-start;
  align-self: end;
  position: relative;
  overflow: hidden;
}
.hero-section .hero-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hero-section .hero-video-desktop {
  display: block;
}
.hero-section .hero-video-mobile {
  display: none;
}
.hero-section .hero-video-gradient {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(247, 245, 243, 0) 29.16%, #F7F5F3 97.41%);
}

.page-template-mortgage-page .hero-section .hero-title-group, .page-template-realtors-page .hero-section .hero-title-group {
  align-items: flex-start;
}
.page-template-mortgage-page .hero-section .hero-title-group .hero-title-color, .page-template-realtors-page .hero-section .hero-title-group .hero-title-color {
  color: #47A6EE;
}
.page-template-mortgage-page .hero-section .hero-description, .page-template-realtors-page .hero-section .hero-description {
  color: #3F3F3A;
  font-size: 22px;
  font-weight: 400;
  line-height: 130%;
}
.page-template-mortgage-page .hero-section .hero-content, .page-template-realtors-page .hero-section .hero-content {
  flex-direction: column;
  gap: 106px;
  margin-top: 3.5%;
  width: 40%;
}
.page-template-mortgage-page .hero-section .hero-text-block, .page-template-realtors-page .hero-section .hero-text-block {
  gap: 36px;
}
.page-template-mortgage-page .hero-section .hero-cta-group, .page-template-realtors-page .hero-section .hero-cta-group {
  display: flex;
  flex-direction: column;
  row-gap: 28px;
}
.page-template-mortgage-page .hero-section .cta-prompt, .page-template-realtors-page .hero-section .cta-prompt {
  color: #3F3F3A;
  font-size: 22px;
  font-weight: 500;
  line-height: 127.273%;
}
.page-template-mortgage-page .hero-section .button-group, .page-template-realtors-page .hero-section .button-group {
  display: flex;
  gap: 24px;
  align-items: center;
}
.page-template-mortgage-page .hero-section .btn, .page-template-realtors-page .hero-section .btn {
  border-radius: 153.775px;
  height: 71px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.96px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 36px;
  transition: all 0.3s ease;
}
.page-template-mortgage-page .hero-section .btn-solid, .page-template-realtors-page .hero-section .btn-solid {
  background-color: #47A6EE;
  color: #FFF;
  width: 290px;
}
.page-template-mortgage-page .hero-section .btn-solid:hover, .page-template-realtors-page .hero-section .btn-solid:hover {
  background: #226996;
}
.page-template-mortgage-page .hero-section .btn-outline, .page-template-realtors-page .hero-section .btn-outline {
  border: 2px solid #47A6EE;
  color: #47A6EE;
  background: #FFF;
  width: 290px;
}
.page-template-mortgage-page .hero-section .btn-outline:hover, .page-template-realtors-page .hero-section .btn-outline:hover {
  background-color: #47A6EE;
  color: #FFF;
}
.page-template-mortgage-page .hero-section .hero-video-wrapper, .page-template-realtors-page .hero-section .hero-video-wrapper {
  width: 60%;
  height: 100%;
}

.page-template-realtors-page .hero-section .hero-title-group {
  line-height: 122%;
}
.page-template-realtors-page .hero-section .hero-title-group .hero-title-color {
  color: #71A130;
}
.page-template-realtors-page .hero-section .hero-text-block {
  gap: 24px;
}
.page-template-realtors-page .hero-section .hero-description {
  font-size: 32px;
  line-height: normal;
}
.page-template-realtors-page .hero-section .hero-description .hero-description-color {
  color: #71A130;
  font-weight: 700;
}
.page-template-realtors-page .hero-section .hero-content {
  gap: 24px;
  margin-top: 7.5%;
  padding-left: 5%;
}
.page-template-realtors-page .hero-section .btn-solid {
  background-color: #71A130;
  width: 290px;
}
.page-template-realtors-page .hero-section .btn-solid:hover {
  background-color: #4E7717;
}

.page-template-about-us-page .hero-section {
  padding-top: 112px;
}
.page-template-about-us-page .hero-section .hero-container {
  gap: 13px;
}
.page-template-about-us-page .hero-section .hero-image-wrapper {
  width: 53%;
  overflow: hidden;
}
.page-template-about-us-page .hero-section .hero-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-template-about-us-page .hero-section .hero-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 24px;
  margin-top: 4%;
  width: 47%;
}
.page-template-about-us-page .hero-section .hero-logo {
  display: flex;
  align-items: center;
  gap: 28px;
}
.page-template-about-us-page .hero-section .hero-logo-image-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: auto;
}
.page-template-about-us-page .hero-section .hero-logo-image {
  width: 100%;
  height: auto;
}
.page-template-about-us-page .hero-section .hero-logo-text {
  color: #9D0751;
  font-size: 30px;
  font-weight: 700;
  line-height: 160%;
}
.page-template-about-us-page .hero-section .hero-title-group b, .page-template-about-us-page .hero-section .hero-title-group strong {
  line-height: 110%;
}
.page-template-about-us-page .hero-section .btn {
  border-radius: 153.775px;
  height: 71px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.96px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 36px;
}
.page-template-about-us-page .hero-section .btn-solid {
  background-color: #9D0751;
  color: #FFF;
  width: 290px;
  transition: all 0.3s ease;
}
.page-template-about-us-page .hero-section .btn-solid:hover {
  background-color: #6B0236;
}

@media all and (max-width: 1440px) and (min-width: 769px) {
  .hero-section .hero-container {
    height: clamp(700px, 73.125vw, 1053px);
    padding: 0 clamp(32px, 4.8611111111vw, 70px);
  }
  .hero-section .hero-text-block {
    gap: clamp(32px, 5.5555555556vw, 80px);
  }
  .hero-section .hero-title-group {
    font-size: clamp(36px, 4.3055555556vw, 62px);
  }
  .hero-section .hero-title-group .hero-title-color {
    font-size: clamp(44px, 5.6944444444vw, 82px);
  }
  .hero-section .hero-title-group b,
  .hero-section .hero-title-group strong {
    font-size: clamp(44px, 5.6944444444vw, 82px);
  }
  .hero-section .hero-subtitle-text {
    margin-top: clamp(8px, 1.1111111111vw, 16px);
    font-size: clamp(16px, 1.6666666667vw, 24px);
  }
  .hero-section .hero-buttons {
    gap: clamp(20px, 3.0555555556vw, 44px);
  }
  .hero-section .hero-btn {
    height: clamp(58px, 6.8055555556vw, 98px);
    border-radius: clamp(50px, 5.5555555556vw, 80px);
    padding: clamp(8px, 0.9722222222vw, 14px) clamp(20px, 2.5vw, 36px);
  }
  .page-template-mortgage-page .hero-section .hero-description,
  .page-template-realtors-page .hero-section .hero-description {
    font-size: clamp(16px, 1.5277777778vw, 22px);
  }
  .page-template-mortgage-page .hero-section .hero-content,
  .page-template-realtors-page .hero-section .hero-content {
    gap: clamp(40px, 7.3611111111vw, 106px);
  }
  .page-template-mortgage-page .hero-section .hero-text-block,
  .page-template-realtors-page .hero-section .hero-text-block {
    gap: clamp(18px, 2.5vw, 36px);
  }
  .page-template-mortgage-page .hero-section .hero-cta-group,
  .page-template-realtors-page .hero-section .hero-cta-group {
    row-gap: clamp(16px, 1.9444444444vw, 28px);
  }
  .page-template-mortgage-page .hero-section .cta-prompt,
  .page-template-realtors-page .hero-section .cta-prompt {
    font-size: clamp(16px, 1.5277777778vw, 22px);
  }
  .page-template-mortgage-page .hero-section .button-group,
  .page-template-realtors-page .hero-section .button-group {
    gap: clamp(12px, 1.6666666667vw, 24px);
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .page-template-mortgage-page .hero-section .btn,
  .page-template-realtors-page .hero-section .btn {
    border-radius: clamp(80px, 10.6788194444vw, 153.775px);
    height: clamp(52px, 4.9305555556vw, 71px);
    font-size: clamp(18px, 1.6666666667vw, 24px);
    letter-spacing: clamp(-0.6px, -0.0666666667vw, -0.96px);
    padding: clamp(10px, 1.25vw, 18px) clamp(20px, 2.5vw, 36px);
  }
  .page-template-mortgage-page .hero-section .btn-solid,
  .page-template-realtors-page .hero-section .btn-solid {
    width: clamp(200px, 20.1388888889vw, 290px);
  }
  .page-template-mortgage-page .hero-section .btn-outline,
  .page-template-realtors-page .hero-section .btn-outline {
    width: clamp(200px, 20.1388888889vw, 290px);
  }
  .page-template-realtors-page .hero-section .hero-text-block {
    gap: clamp(14px, 1.6666666667vw, 24px);
  }
  .page-template-realtors-page .hero-section .hero-description {
    font-size: clamp(20px, 2.2222222222vw, 32px);
  }
  .page-template-realtors-page .hero-section .hero-content {
    gap: clamp(14px, 1.6666666667vw, 24px);
  }
  .page-template-realtors-page .hero-section .btn-solid {
    width: clamp(230px, 20.1388888889vw, 290px);
  }
  .page-template-about-us-page .hero-section {
    padding-top: clamp(78px, 7.7777777778vw, 112px);
  }
  .page-template-about-us-page .hero-section .hero-container {
    gap: clamp(8px, 0.9027777778vw, 13px);
  }
  .page-template-about-us-page .hero-section .hero-content {
    row-gap: clamp(14px, 1.6666666667vw, 24px);
  }
  .page-template-about-us-page .hero-section .hero-logo {
    gap: clamp(16px, 1.9444444444vw, 28px);
  }
  .page-template-about-us-page .hero-section .hero-logo-image-box {
    width: clamp(28px, 2.9166666667vw, 42px);
  }
  .page-template-about-us-page .hero-section .hero-logo-text {
    font-size: clamp(18px, 2.0833333333vw, 30px);
  }
  .page-template-about-us-page .hero-section .btn {
    border-radius: clamp(80px, 10.6788194444vw, 153.775px);
    height: clamp(52px, 4.9305555556vw, 71px);
    font-size: clamp(18px, 1.6666666667vw, 24px);
    letter-spacing: clamp(-0.6px, -0.0666666667vw, -0.96px);
    padding: clamp(10px, 1.25vw, 18px) clamp(20px, 2.5vw, 36px);
  }
  .page-template-about-us-page .hero-section .btn-solid {
    width: clamp(200px, 20.1388888889vw, 290px);
  }
}
@media all and (max-width: 1024px) and (min-width: 769px) {
  .page-template-about-us-page .hero-section {
    padding-top: clamp(65px, 7.7777777778vw, 112px);
  }
}
@media (max-width: 768px) {
  .hero-section {
    padding: 10px 0 50px 0;
    background-color: rgba(247, 245, 243, 0.9);
  }
  .hero-section .hero-container {
    flex-direction: column-reverse;
    height: auto;
    padding: 0 16px;
    gap: 22px;
    text-align: center;
  }
  .hero-section .hero-content {
    width: 100%;
    margin-top: 0;
    justify-content: center;
  }
  .hero-section .hero-title-group {
    align-items: center;
    text-align: center;
    font-size: 32px;
    line-height: 106%;
    font-weight: 400;
  }
  .hero-section .hero-title-group .hero-title-color,
  .hero-section .hero-title-group b,
  .hero-section .hero-title-group strong {
    font-size: 40px;
    font-weight: 900;
    line-height: 98%;
  }
  .hero-section .hero-text-block {
    gap: 32px;
    max-width: 315px;
    width: 100%;
  }
  .hero-section .hero-buttons {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
  }
  .hero-section .hero-btn {
    height: 62px;
    padding: 12px 28px;
  }
  .hero-section .hero-video-wrapper {
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    justify-content: center;
  }
  .hero-section .hero-video {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
  }
  .hero-section .hero-video-desktop {
    display: none;
  }
  .hero-section .hero-video-mobile {
    display: block;
  }
  .hero-section .hero-video-gradient {
    display: block;
  }
  .page-template-mortgage-page .hero-section .hero-title-group, .page-template-realtors-page .hero-section .hero-title-group {
    align-items: center;
  }
  .page-template-mortgage-page .hero-section .hero-description, .page-template-realtors-page .hero-section .hero-description {
    font-size: 16px;
    line-height: normal;
  }
  .page-template-mortgage-page .hero-section .hero-content, .page-template-realtors-page .hero-section .hero-content {
    gap: 18px;
    margin-top: 0;
    width: 100%;
    align-items: center;
  }
  .page-template-mortgage-page .hero-section .hero-text-block, .page-template-realtors-page .hero-section .hero-text-block {
    gap: 18px;
    max-width: 100%;
  }
  .page-template-mortgage-page .hero-section .hero-cta-group, .page-template-realtors-page .hero-section .hero-cta-group {
    row-gap: 12px;
  }
  .page-template-mortgage-page .hero-section .cta-prompt, .page-template-realtors-page .hero-section .cta-prompt {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
  }
  .page-template-mortgage-page .hero-section .button-group, .page-template-realtors-page .hero-section .button-group {
    flex-direction: column-reverse;
    gap: 12px;
  }
  .page-template-mortgage-page .hero-section .btn, .page-template-realtors-page .hero-section .btn {
    height: 60px;
    font-size: 18px;
    letter-spacing: -0.72px;
    padding: 12px;
  }
  .page-template-mortgage-page .hero-section .btn-solid, .page-template-realtors-page .hero-section .btn-solid {
    width: 100%;
    max-width: 301px;
  }
  .page-template-mortgage-page .hero-section .btn-outline, .page-template-realtors-page .hero-section .btn-outline {
    width: 100%;
    max-width: 301px;
  }
  .page-template-mortgage-page .hero-section .hero-video-wrapper, .page-template-realtors-page .hero-section .hero-video-wrapper {
    width: 100%;
    height: auto;
  }
  .page-template-realtors-page .hero-section .hero-text-block {
    gap: 32px;
  }
  .page-template-realtors-page .hero-section .hero-title-group {
    line-height: 106%;
  }
  .page-template-realtors-page .hero-section .hero-description {
    font-size: 16px;
  }
  .page-template-realtors-page .hero-section .hero-content {
    gap: 12px;
    margin-top: 0;
    padding-left: 0;
  }
  .page-template-realtors-page .hero-section .btn {
    height: 48px;
    font-size: 16px;
    letter-spacing: -0.64px;
  }
  .page-template-realtors-page .hero-section .btn-solid {
    width: 100%;
  }
  .page-template-about-us-page .hero-section {
    padding: 115px 0 50px 0;
  }
  .page-template-about-us-page .hero-section .hero-container {
    gap: 38px;
    padding: 0;
  }
  .page-template-about-us-page .hero-section .hero-image-wrapper {
    width: 100%;
    padding: 0 16px;
  }
  .page-template-about-us-page .hero-section .hero-content {
    row-gap: 12px;
    margin-top: 0;
    width: 100%;
    align-items: center;
    padding: 0 10px;
  }
  .page-template-about-us-page .hero-section .hero-logo {
    gap: 20px;
  }
  .page-template-about-us-page .hero-section .hero-logo-image-box {
    width: 30px;
  }
  .page-template-about-us-page .hero-section .hero-logo-text {
    font-size: 22px;
  }
  .page-template-about-us-page .hero-section .hero-title-group b,
  .page-template-about-us-page .hero-section .hero-title-group strong {
    line-height: 98%;
  }
  .page-template-about-us-page .hero-section .btn {
    height: 60px;
    font-size: 18px;
    letter-spacing: -0.72px;
    padding: 12px;
  }
  .page-template-about-us-page .hero-section .btn-solid {
    width: 100%;
    max-width: 500px;
  }
}

/*# sourceMappingURL=section-hero.css.map */