/**
* Base Colors
*/
/**************************
  Media Queries
***************************/
/*************************
  Fonts
**************************/
/*************************
  Button colours
**************************/
/*************************
  Location page colours
**************************/
/*************************
  Form colours
**************************/
/*************************
  Sidebar variables
**************************/
/*************************
  404 button background
**************************/
/*************************
  Results Partial
**************************/
/*************************
  Swiper
**************************/
/*************************
  Footer Top
**************************/
/* Additional Mixins */
.uppercase-title {
  font-family: var(--secondary-font), sans-serif;
  color: #2b2b2b;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 0.15rem;
  text-align: center;
}

@media screen and (min-width: 992px) {
  .page-template-open-house h1 {
    max-width: 976px;
    margin: 0 auto 30px;
  }
}
.page-template-open-house .main-content {
  position: relative;
}

@media (max-width: 767px) {
  .page-template-open-house .main-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.page-template-open-house .main-content .why-need-circle-icon {
  display: none;
}

@media screen and (min-width: 1200px) {
  .page-template-open-house .main-content .why-need-circle-icon {
    display: block;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 1200px) {
  .page-template-open-house .main-content:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 110px;
    background: url("../../dist/images/about-curve-blue.png") center bottom no-repeat var(--color-neutral);
    background-size: 100% 110px;
  }
}
@media screen and (min-width: 1200px) {
  .page-template-open-house .main-content {
    padding-bottom: 132px;
  }
}
.page-template-open-house .entry-content .image-holder {
  max-width: initial;
  float: initial;
}

.page-template-open-house .entry-content .image-holder img {
  box-shadow: 5px 6px 17px 0px rgba(52, 82, 101, 0.1), 20px 24px 31px 0px rgba(52, 82, 101, 0.09), 45px 54px 42px 0px rgba(52, 82, 101, 0.05), 79px 95px 50px 0px rgba(52, 82, 101, 0.01), 124px 149px 54px 0px rgba(52, 82, 101, 0);
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 992px) {
  .page-template-open-house .content-wrapper {
    max-width: 810px;
    margin: 40px auto 0;
  }
}
.page-template-open-house .section-2 {
  padding: 30px 0;
  background: url("../../dist/images/about-curve-blue.png") center top no-repeat var(--color-neutral);
  background-size: contain;
  background: rgb(214, 233, 248);
}

@media screen and (min-width: 992px) {
  .page-template-open-house .section-2 {
    padding: 60px 0 263px;
  }
}
.page-template-open-house .section-2 .details-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

@media screen and (min-width: 768px) {
  .page-template-open-house .section-2 .details-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }
}
@media screen and (min-width: 992px) {
  .page-template-open-house .section-2 .details-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
}
.page-template-open-house .section-2 .h3-heading {
  text-align: center;
  margin-top: -20px;
}

.page-template-open-house .section-2 .detail-item {
  text-align: center;
  background-color: #fff;
  border: 1px solid rgb(194, 197, 200);
  border-radius: 20px;
  padding-bottom: 40px;
}

.page-template-open-house .section-2 .detail-item img {
  display: block;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.page-template-open-house .section-2 .section-description {
  margin-top: 30px;
}

@media screen and (min-width: 992px) {
  .page-template-open-house .section-2 .section-description {
    max-width: 798px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page-template-open-house .section-3 {
  position: relative;
  padding-bottom: 20px;
}

@media screen and (min-width: 992px) {
  .page-template-open-house .section-3 .form-wrap {
    max-width: 925px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -356px;
  }
}
.page-template-open-house .section-3 .below-form {
  margin-top: 30px;
}

@media screen and (min-width: 992px) {
  .page-template-open-house .section-3 .below-form {
    max-width: 698px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page-template-open-house .section-3 .legal-services-circle-icon {
  display: none;
}

@media screen and (min-width: 1200px) {
  .page-template-open-house .section-3 .legal-services-circle-icon {
    display: block;
    position: absolute;
    left: 0;
    bottom: 40px;
    max-height: 466px;
  }
}
.page-template-open-house .section-3 .gform_wrapper.gravity-theme .gform_footer {
  margin-left: initial !important;
}

.page-template-open-house .border-curve {
  background: url("../../dist/images/bottom-curve.png") center top no-repeat transparent;
  background-size: cover;
  height: 94px;
  display: none;
}

@media screen and (min-width: 992px) {
  .page-template-open-house .border-curve {
    display: block;
  }
}

/*# sourceMappingURL=open-house.css.map*/