html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

footer,
header,
main,
nav,
section {
  display: block
}

a {
  background-color: transparent
}

a:active,
a:hover {
  outline: 0
}

strong {
  font-weight: bold
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

img {
  border: 0
}

button,
input,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button {
  text-transform: none
}

button {
  -webkit-appearance: button;
  cursor: pointer
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0
}

textarea {
  overflow: auto;
}

html {
  height: 100%
}

body {
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333
}

img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block
}

.w-inline-block {
  max-width: 100%;
  display: inline-block
}

.w-button {
  display: inline-block;
  padding: 9px 15px;
  background-color: #3898ec;
  color: #fff;
  border: 0;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0
}

input.w-button {
  -webkit-appearance: button
}

h1,
h2,
h3,
h4 {
  font-weight: bold;
  margin-bottom: 10px
}

h1 {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px
}

h2 {
  font-size: 32px;
  line-height: 150%;
  margin-top: 20px
}

h3 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px
}

h4 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px
}

p {
  margin-top: 0;
  margin-bottom: 10px
}

ul {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none
}

button {
  border: 0;
  cursor: pointer;
  -webkit-appearance: button
}

.w-form {
  margin: 0 0 15px
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold
}

.w-input {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc
}

.w-input:-moz-placeholder {
  color: #999
}

.w-input::-moz-placeholder {
  color: #999;
  opacity: 1
}

.w-input:-ms-input-placeholder {
  color: #999
}

.w-input::-webkit-input-placeholder {
  color: #999
}

.w-input:focus {
  border-color: #3898ec;
  outline: 0
}

textarea.w-input {
  height: auto
}

.w-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px
}

.w-container:before,
.w-container:after {
  content: " ";
  display: table;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2
}

.w-container:after {
  clear: both
}

@media screen and (max-width:991px) {
  .w-container {
    max-width: 728px
  }
}

@media screen and (max-width:479px) {
  .w-container {
    max-width: none
  }
}

@media screen and (max-width:767px) {
  .w-nav-brand {
    padding-left: 10px
  }
}

.w-nav {
  position: relative;
  background: #ddd;
  z-index: 1000
}

.w-nav:before,
.w-nav:after {
  content: " ";
  display: table;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2
}

.w-nav:after {
  clear: both
}

.w-nav-brand {
  position: relative;
  float: left;
  text-decoration: none;
  color: #333
}

.w-nav-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  color: #222;
  padding: 20px;
  text-align: left;
  margin-left: auto;
  margin-right: auto
}

.w-nav-link.w--current {
  color: #42719a
}

.w-nav-menu {
  position: relative;
  float: right
}

.w-nav-overlay {
  position: absolute;
  overflow: hidden;
  display: none;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%
}

@media screen and (max-width:767px) {
  .w-nav-brand {
    padding-left: 10px
  }
}
      .w-layout-grid {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: 1fr;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
        grid-row-gap: 16px;
        grid-column-gap: 16px;
      }
   
      @font-face {
       font-family: 'Inter';
       src: url('../fonts/Inter-Bold.woff') format('woff');
       font-weight: 700;
       font-style: normal;
       font-display: swap;
     }
     
     @font-face {
       font-family: 'Inter';
       src: url('../fonts/Inter-Regular.woff') format('woff');
       font-weight: 400;
       font-style: normal;
       font-display: swap;
     }
     
     @font-face {
       font-family: 'Inter';
       src: url('../fonts/Inter-Medium.woff') format('woff');
       font-weight: 500;
       font-style: normal;
       font-display: swap;
     }
     
     @font-face {
       font-family: 'Inter';
       src: url('../fonts/Inter-Light.woff') format('woff');
       font-weight: 300;
       font-style: normal;
       font-display: swap;
     }
      
      body {
        font-family: Inter, sans-serif;
        color: #000;
        font-size: 18px;
        line-height: 20px;
        font-weight: 400;
      }
      
      h1 {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 70px;
        line-height: 75px;
        font-weight: 400;
      }
      
      h2 {
        margin-top: 10px;
        margin-bottom: 30px;
        font-size: 50px;
        line-height: 150%;
        font-weight: 400;
      }
      
      h3 {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 40px;
        line-height: 45px;
        font-weight: 400;
      }
      
      h4 {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 35px;
        font-weight: 400;
      }
      
      p {
        margin-bottom: 10px;
        font-family: Inter, sans-serif;
        color: #000;
        font-size: 18px;
        line-height: 150%;
        font-weight: 400;
      }
      
      a {
        font-family: Inter, sans-serif;
        color: #6797ff;
        text-decoration: none;
      }
      
      li {
        font-family: Inter, sans-serif;
        color: #747474;
        font-size: 18px;
        font-weight: 400;
        line-height: 150%;
      }
      
      .buttons-wrapper {
        display: flex;
        padding-top: 40px;
        padding-bottom: 40px;
        flex-direction: row;
        align-items: flex-start;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
      }
      
      .button {
        padding: 15px 30px;
        border-style: none;
        border-width: 1px;
        border-color: #000;
        border-radius: 20px;
        background-color: #000;
        transition: box-shadow 350ms ease, background-color 350ms ease, color 350ms ease;
        font-family: Inter, sans-serif;
        color: #ebebe8;
        font-size: 18px;
        line-height: 20px;
        font-weight: 300;
        text-transform: capitalize;
      }
      
      .button:hover {
        border-color: #000;
        background-color: #cae7f4;
        box-shadow: 0 4px 13px 8px rgba(0, 0, 0, 0.16);
        color: #000;
      }
      
      .button.white {
        border-color: #fff;
        background-color: #fff;
        color: #000;
      }
      
      .button.white:hover {
        border-color: #000;
        background-color: #cae7f4;
      }
      
      .submit-button {
        padding: 15px 30px;
        border-radius: 9px;
        background-color: #000;
        transition: background-color 300ms ease;
        color: #fff;
        font-size: 18px;
        font-weight: 300;
      }
      
      .submit-button:hover {
        background-color: #021d2b;
        color: #ebebe8;
      }
      
      .hero-section {
        display: flex;
        min-height: 500px;
        margin-right: 2%;
        margin-bottom: 2%;
        margin-left: 2%;
        padding: 5%;
        justify-content: center;
        align-items: center;
        border-radius: 20px;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/photo-1.webp");
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
      }

      .about-hero {
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/photo-5.webp");
      }

      .halls-hero {
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/photo-9.webp");
      }

      .faq-hero {
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/photo-10.webp");
      }
      
      .container {
        display: block;
        max-width: 1280px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
      }
      
      .hero-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
      
      .hero-heading {
        color: #fff;
        text-align: center;
        text-transform: capitalize;
      }
      
      .section {
        margin-right: 2%;
        margin-left: 2%;
        padding-top: 100px;
        padding-bottom: 100px;
        border-radius: 20px;
      }
      
      .section.no-top-padding {
        padding-top: 0px;
      }
      
      .grid {
        grid-column-gap: 34px;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
      }
      
      .image-wrapper {
        display: flex;
      }
      
      .numbers-grid {
        display: -ms-grid;
        display: grid;
        margin-top: 30px;
        grid-auto-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
      }
      
      .numbers-title {
        color: #226fe4;
        font-size: 30px;
        line-height: 35px;
      }
      
      .grey-text {
        color: #706e6e;
        font-size: 16px;
        font-weight: 300;
      }
      
      .image {
        width: 100.0000021112126%;
        min-height: 500px;
        -o-object-fit: cover;
           object-fit: cover;
      }
      
      ._3-column-grid {
        grid-auto-flow: row;
        grid-column-gap: 28px;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
      }
      
      .card {
        display: flex;
        padding: 25px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 20px;
        background-color: #f3f3f3;
      }
      
      .card-title {
        display: block;
        margin-bottom: 25px;
        flex-direction: column;
        color: #000;
        font-size: 25px;
        line-height: 30px;
      }
      
      .card-icon {
        margin-bottom: 25px;
      }
      
      .card-paragraph {
        color: #000;
      }
      
      .blue-section {
        margin-top: 50px;
        padding-top: 100px;
        padding-bottom: 100px;
        background-color: #021d2b;
      }
      
      .blue-section.no-margin {
        margin-top: 0px;
      }
      
      .wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 30px;
      }
      
      .collection-list-wrapper {
        margin-top: 50px;
      }
      
      .property-link-block {

        height: 100%;
        padding: 10px;
        border-radius: 20px;
        background-color: #fff;
        transition: box-shadow 1000ms ease;
        text-decoration: none;
      }
      
      .property-link-block:hover {
        box-shadow: 0 10px 20px 10px rgba(202, 231, 244, 0.16);
      }
      
      .properties-collection-list {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: 1fr;
        grid-column-gap: 25px;
        grid-row-gap: 39px;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
      }
      
      .property-image-wrapper {
        overflow: hidden;
        border-radius: 20px;
        max-height: 400px;
      }
      
      .property-thumbnail {
max-height: 400px;
width: 100%;
        border-radius: 20px;
    
           object-fit: cover;
      }
      
      .price {
        color: #1c1a1a;
        font-size: 25px;
        line-height: 30px;
        font-weight: 700;
      }
      
      .price-wrapper {
        display: flex;
        margin-top: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
      }
      
      .listing-name {
        color: #292626;
        font-size: 20px;
        font-weight: 300;
        text-transform: capitalize;
      }
      
      .listing-details {
        padding-right: 10px;
        padding-bottom: 20px;
        padding-left: 10px;
      }
      
      .line-break {
        width: 100.0000863095185%;
        height: 1px;
        margin-top: 25px;
        background-color: #d9d9d9;
      }
      
      .footer-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        column-gap: 40px;
        row-gap: 50px;
      }
      
      .footer-content {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: 1fr;
        grid-column-gap: 70px;
        grid-row-gap: 40px;
        -ms-grid-columns: auto auto 1fr;
        grid-template-columns: auto auto 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
      }
      
      .footer-block {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
      }
      
      .title-small {
        margin-bottom: 12px;
        color: #cae7f4;
        font-size: 14px;
        line-height: 16px;
        font-weight: 300;
        letter-spacing: 1px;
        text-transform: uppercase;
      }
      
      .footer-link {
        margin-top: 12px;
        margin-bottom: 6px;
        transition: color 350ms ease;
        color: #fff;
        font-size: 14px;
        line-height: 16px;
        font-weight: 300;
        max-width: 200px;
        text-decoration: none;
      }
      
      .footer-link:hover {
        color: #cae7f4;
      }
      
      .footer-divider {
        width: 100%;
        height: 1px;
        margin-top: 70px;
        margin-bottom: 15px;
        background-color: rgba(228, 235, 243, 0.24);
      }
      
      .footer-copyright-center {
        color: #fff;
        font-size: 14px;
        line-height: 16px;
        font-weight: 300;
        text-align: center;
      }
      
      .properties-hero {
        display: flex;
        min-height: 400px;
        margin-right: 2%;
        margin-bottom: 2%;
        margin-left: 2%;
        padding: 5%;
        justify-content: center;
        align-items: center;
        border-radius: 20px;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/photo-4.webp");
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
      }

      .about-cta {
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/photo-8.webp");
      }
      
      .contact-grid {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
   
        & .contact-list {
         margin-top: 50px;
   
         li {
           color: #fff;
           margin-bottom: 20px;
           max-width: 300px;
         }
   
         a {
           font-size: 18px;
           font-weight: 400;
         }
        }
      }
      
      .form-block {
        margin-bottom: 0px;
        padding: 30px;
        border-radius: 20px;
        background-color: #fff;
        box-shadow: 0 10px 20px 20px rgba(0, 0, 0, 0.1);
      }
      
      .textarea {
        min-height: 200px;
        border-style: solid;
        border-width: 1px;
        border-color: transparent transparent rgba(0, 0, 0, 0.36);
        background-color: transparent;
        font-size: 18px;
        width: 90%;
      }
      
      .contact-section {
        position: relative;
        z-index: 5;
        height: auto;
        padding-top: 100px;
        padding-bottom: 100px;
        background-color: #f2efe6;

        & .container {
          padding: 0;
        }
      }
      
      .contact-section.gradient {
        margin-right: 2%;
        margin-bottom: 2%;
        margin-left: 2%;
        padding: 180px 25px 140px;
        border-radius: 20px;
        background-color: #021d2b;
   
        & .heading-white {
         font-size: 50px;
        }
      }
      
      .text-field {
        min-height: 60px;
        margin-bottom: 20px;
        padding-left: 12px;
        border-style: none none solid;
        border-width: 1px;
        border-color: #000 #000 rgba(0, 0, 0, 0.31);
        background-color: transparent;
        font-size: 18px;
        width: 90%;
      }
      
      .heading-white {
        color: #fff;
      }
      
      .centered-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      
      .centered-wrapper.vertical {
        flex-direction: column;
      }
      
      .wrapper-centered {
        display: flex;
        margin-top: 50px;
        justify-content: center;
        align-items: center;
      }
      
      .hamburger-menu-wrapper {
        padding: 0px;
        transition: transform 300ms ease;
      }
      
      .hamburger-menu-wrapper:hover {
        transform: scale(0.96);
      }
      
      .header-nav-link {
        padding: 0px;
        transition: color 300ms ease;
        color: #111415;
        font-size: 18px;
        line-height: 20px;
        font-weight: 400;
      }
      
      .header-nav-link:hover {
        color: #3f4c81;
      }
      
      .header-nav-list-item {
        margin-bottom: 0px;
        padding-left: 32px;
      }
      
      .header-nav-menu-list {
        z-index: 1;
        display: flex;
        margin-bottom: 0px;
        padding-left: 0px;
        justify-content: flex-end;
        align-items: center;
        list-style-type: none;
      }
      
      .header-logo {
        max-width: 250px;
      }
      
      .header-logo-link {
        padding-left: 0px;
        transition: transform 300ms ease, color 300ms ease;
        transform-style: preserve-3d;
      }
      
      .header-logo-link:hover {
        transform: scale3d(0.96, 0.96, 1.01);
      }
      
      .header-content-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      
      .menu-container {
        max-width: 1218px;
        padding-right: 24px;
        padding-left: 24px;
      }
      
      .header-wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #fff;
      }
      
      .menu-links-wrapper {
        display: flex;
        justify-content: flex-end;
        align-items: center;
      }
      
      .agent-link-block._100-width {
        width: 100%;

        border: 2px solid #cae7f4;
        text-decoration: none;
      }
      
      .agent-link-block._100-width.shadow {
        transition: box-shadow 500ms ease;
      }
      
      .agent-link-block._100-width.shadow:hover {
        box-shadow: 0 8px 20px 6px rgba(0, 0, 0, 0.2);
      }
      
      .vertical-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      
      .paragraph-white {
        color: #fff;
        text-align: center;
      }
      
      .pricing-grid {
        margin-top: 100px;
        grid-column-gap: 29px;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
      }
      
      .pricing-card {
        display: block;
        padding: 50px 42px;
        border-radius: 9px;
        background-color: #fff;
        font-family: Inter, sans-serif;
        color: #000;
        text-decoration: none;
      }
      
      .credits-icon {
        margin-bottom: 25px;
      }
      
      .credits-price {
        margin-bottom: 25px;
        color: #595959;
        font-size: 20px;
        font-weight: 700;
      }
      
      .text-22px {
        margin-top: 50px;
        margin-bottom: 20px;
        color: #281ca5;
        font-size: 22px;
        line-height: 24px;
        font-weight: 500;
      }
      
      .flex {
        display: flex;
        align-items: center;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
      }
      
      .text-18px {
        font-family: Inter, sans-serif;
        color: #211f54;
        font-weight: 500;
      }
      
      .list {
        margin-bottom: 40px;
      }
      
      .card-button {
        display: flex;
        padding: 30px 25px;
        justify-content: center;
        align-items: center;
        border: 1px solid #000;
        border-radius: 30px;
      }
      
      .logo-footer {
        border-radius: 7px;
      }
      
      .agent-collection-list {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: 1fr;
        grid-column-gap: 25px;
        grid-row-gap: 25px;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
      }
      
      .agent-name-wrapper {
        padding: 25px 10px;
        background-color: #fff;
      }
      
      .text-22px-blue {
        font-family: Inter, sans-serif;
        color: #022c6b;
        font-size: 22px;
        font-weight: 600;
      }
      
      .agent-full-profile-image {
        width: 100%;
        height: 500px;
        -o-object-fit: cover;
           object-fit: cover;
      }
      
      .footer {
        padding-top: 100px;
        padding-bottom: 20px;
        background-color: #111415;
      }
      
      @media screen and (max-width: 991px) {
        .contact-grid {
          grid-template-columns: 1fr;
        }
        h1 {
          font-size: 60px;
          line-height: 65px;
        }
      
        h2 {
          font-size: 40px;
        }
      
        h3 {
          font-size: 35px;
          line-height: 40px;
        }
      
        h4 {
          font-size: 25px;
          line-height: 30px;
        }
      
        .container {
          padding-right: 20px;
          padding-left: 20px;
        }
      
        ._3-column-grid {
          -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
        }
      
        .properties-collection-list {
          -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
        }
      
        .footer-content {
          grid-column-gap: 60px;
        }
      
        .contact-section {
          padding-top: 60px;
          padding-bottom: 60px;
        }
      
        .heading-white {
          text-align: left;
        }
      
        .hamburger-menu-wrapper {
          order: -1;
          transition: transform 300ms ease;
        }
      
        .hamburger-menu-wrapper:hover {
          transform: scale(0.96);
        }
      
        .header-nav-list-item {
          margin-bottom: 16px;
          padding-left: 0px;
        }
      
        .header-nav-menu-list {
          flex-direction: column;
          align-items: flex-start;
          display: none;
        }
      
        .header-menu-wrapper {
          padding: 24px;
          border-top: 1px solid #eff0f6;
          border-bottom: 1px solid #eff0f6;
          background-color: #fff;
          display: none;
        }
      
        .header-logo {
          max-width: 232px;
        }
      
        .header-wrapper {
          padding-top: 24px;
          padding-bottom: 24px;
        }
      
        .pricing-grid {
          -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
        }
      
        .agent-collection-list {
          -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
        }
      }
      
      @media screen and (max-width: 767px) {
        .properties-hero {
          padding-top: 50px;
          padding-bottom: 50px;
        }
        .agent-collection-list {
          grid-template-columns: 1fr;
        }
        .footer-content {
          grid-template-columns: 1fr 1fr;
        }
           
     .home-cta {
      h2 {
        font-size: 40px;
      }
    }
  
       
        h1 {
          font-size: 50px;
          line-height: 55px;
        }
      
        h2 {
          font-size: 40px;

        }
      
        h3 {
          font-size: 30px;
          line-height: 35px;
        }
      
        .button {
          padding-right: 20px;
          padding-left: 20px;
        }
      
 
      
        .section {
          padding-top: 60px;
          padding-bottom: 60px;
        }
      
        .grid {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
          -ms-grid-rows: auto auto;
          grid-template-rows: auto auto;
        }
      
        .image {
          min-height: 350px;
        }
      
        ._3-column-grid {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
          -ms-grid-rows: auto auto;
          grid-template-rows: auto auto;
        }
      
        .blue-section {
          padding-top: 60px;
          padding-bottom: 60px;
        }
      
        .properties-collection-list {
          -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
          column-gap: 10px;

          ul {
            padding-left: 20px;
          }
        }

        .price {
          font-size: 20px;
        }
      
        .footer-wrapper {
          flex-direction: column;
          align-items: center;
        }
     
      
        .footer-link:hover {
          color: rgba(26, 27, 31, 0.75);
        }
      
        .footer-divider {
          margin-top: 60px;
        }
      
    
        .contact-grid {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
          -ms-grid-rows: auto auto;
          grid-template-rows: auto auto;
        }
      
        .contact-section {
          padding-top: 40px;
          padding-bottom: 40px;
        }
      
        .contact-section.gradient {
          padding-top: 100px;
          padding-bottom: 100px;
        }
      
        .header-logo {
          max-width: 90%;
        }
      
        .pricing-grid {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
        }
      
        .text-22px-blue {
          font-size: 20px;
        }
      
        .agent-full-profile-image {
          max-height: 600px;
        }
      }
      
      @media screen and (max-width: 479px) {
        .properties-collection-list {
          grid-template-columns: 1fr;
        }
        h1 {
          font-size: 40px;
          line-height: 45px;
        }
      
        h2 {
          font-size: 30px;
          line-height: 100%;
        }
      
        h3 {
          font-size: 25px;
          line-height: 30px;
        }
      
        h4 {
          font-size: 20px;
          line-height: 25px;
        }
      
        p {
          font-size: 16px;
        }
      
        .buttons-wrapper {
          flex-direction: column;
          align-items: center;
        }
      
        .button {
          font-size: 16px;
        }
      
        .button.white {
          font-size: 16px;
        }
   
        .footer-content {
          grid-template-columns: 1fr;
        }
      
        .home-cta {
          & h2 {
            font-size: 30px;
          }
        }
        .numbers-grid {
          -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
          -ms-grid-rows: auto auto;
          grid-template-rows: auto auto;
        }
      
        .numbers-title {
          font-size: 25px;
          line-height: 30px;
        }
      
        .image {
          min-height: 300px;
        }
      
        .card-title {
          font-size: 22px;
          line-height: 1.1;
        }
      
        .card-paragraph {
          font-size: 16px;
        }
      
        .wrapper {
          flex-direction: column;
          justify-content: center;
        }
      
        .price {
          font-size: 22px;
          line-height: 1.1;
        }
      
        .listing-name {
          font-size: 18px;
        }
   
        .contact-section {
          padding-top: 20px;
          padding-bottom: 20px;
        }
      
        .contact-section.gradient {
          margin-right: 0%;
          margin-left: 0%;
          padding: 40px 20px;
 
        }

        .contact-section.gradient {
          & .heading-white {
            font-size: 30px;
          }
        }

      
      
        .heading-white {
          text-align: center;
        }
      
        .header-nav-list-item {
          width: 100%;
          text-align: left;
        }
      
        .header-logo {
          max-width: 84%;
        }
      
        .menu-container {
          padding-right: 20px;
          padding-left: 20px;
        }
      
        .menu-links-wrapper {
          justify-content: flex-start;
        }
      
        .paragraph-white {
          text-align: center;
        }
      
        .paragraph-white.centered-mobile {
          text-align: center;
        }
      
        .pricing-grid {
          margin-top: 60px;
        }
      
        .pricing-card {
          padding-right: 20px;
          padding-left: 20px;
        }
      
        .text-18px {
          font-size: 16px;
          line-height: 18px;
        }
      
        .agent-collection-list {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
        }
      }
      
      #w-node-_7f41fee2-463b-0042-c0d6-c73349ba2796-f9c4bc43 {
        -ms-grid-column: span 1;
            grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
        -ms-grid-row: span 1;
            grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
      }
      
      #w-node-_6cfa465a-439a-13f6-1043-652dfbb89036-f9c4bc43 {
        -ms-grid-column: span 1;
            grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
        -ms-grid-row: span 1;
            grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
      }
      
      #w-node-dd8a70fc-cf2b-ae58-9739-1092ee8686b2-f9c4bc43 {
        -ms-grid-column: span 1;
            grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
        -ms-grid-row: span 1;
            grid-row-start: span 1;
        -ms-grid-row-span: 1;
        grid-row-end: span 1;
      }
   
      .side-menu {
       display: none;
      }
   
      @media screen and (max-width: 991px) {
        .contact-section.gradient {
         
          padding-top: 80px;
         
        }
        
       .hamburger-menu-wrapper {
         width: 30px;
         height: 24px;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         cursor: pointer;
       }
       
       .hamburger-menu-wrapper span {
         display: block;
         height: 4px;
         background: #333;
         border-radius: 2px;
         transition: 0.3s;
       }
       
     
       .side-menu {
         position: fixed;
         top: 0;
         left: -100%;
         width: 250px;
         height: 100%;
         background: #fff;
         box-shadow: 2px 0 8px rgba(0,0,0,0.2);
         padding: 60px 20px;
         transition: left 0.3s ease;
         z-index: 1000;
         display: block;
       }
       
       .side-menu ul {
         list-style: none;
         padding: 0;
       }
       
       .side-menu ul li {
         margin: 20px 0;
       }
       
       .side-menu ul li a {
         text-decoration: none;
         font-size: 18px;
         color: #333;
       }
   
       .side-menu.active {
         left: 0;
       }
       
   
       .hamburger-menu-wrapper.active span:nth-child(1) {
         transform: rotate(45deg) translateY(9px) translateX(9px);
       }
       .hamburger-menu-wrapper.active span:nth-child(2) {
         opacity: 0;
       }
       .hamburger-menu-wrapper.active span:nth-child(3) {
         transform: rotate(-45deg) translateY(-5px) translateX(5px);
       }
      }
   
      .listing-features {
       margin-top: 30px;
   
      
      }
      
      li {
       color: #6f6f7b;
       margin-bottom: 10px;
      }
   
      .w-dyn-item {
       transition: transform 0.3s ease, box-shadow 0.3s ease;
       cursor: pointer;
       width: 100%;
     }
     
     .w-dyn-item:hover,
     .w-dyn-item:focus-within {
       transform: translateY(-10px);
       box-shadow: 0 10px 20px rgba(0,0,0,0.2);
       z-index: 10;
     }
     
     .home-cta {
       h2 {
         font-size: 60px;
       }
     }
   
     .about-team {
       background-color: #021d2b;
       max-width: 100%;
       padding-bottom: 80px;
   
       & .agents-collection-list-wrapper {
         max-width: 1200px;
         margin: 0 auto;
       }
   
       & .text-22px-blue {
         margin-bottom: 20px;
       }
     }
   
     .about-cta {
       p {
         color: #fff;
         text-align: center;
       }
     }
   
     .faq-section {
       background-color: #021d2b;
       color: #ffffff;
       padding: 50px 20px;
   
   
       & .container {
         max-width: 1200px;
         margin: 0 auto;
       }
     }
     .faq-list {
       max-width: 1000px;
       margin: 0 auto;
     }
     .faq-item {
       margin-bottom: 20px;
       border-bottom: 1px solid #1e2d72;
     }
     .faq-question {
       width: 100%;
       background: none;
       border: none;
       color: #fff;
       text-align: left;
       padding: 15px 10px;
       font-size: 1.25rem;
       cursor: pointer;
       position: relative;
       transition: color 0.3s ease;
       padding-right: 30px;
     }
     .faq-question:hover,
     .faq-question[aria-expanded="true"] {
       color: #ffd166;
     }
     .faq-question::after {
       content: '+';
       position: absolute;
       right: 10px;
       font-size: 1.5rem;
       transition: transform 0.3s ease;
     }
     .faq-question[aria-expanded="true"]::after {
       content: '−';
       transform: rotate(180deg);
     }
     .faq-answer {
       max-height: 0;
       overflow: hidden;
       color: #fff;
       padding: 0 10px;
       font-size: 1rem;
       line-height: 1.5;
       transition: max-height 0.4s ease, padding 0.4s ease;
     }
     .faq-answer.open {
       padding: 10px;
       max-height: 500px; 
     }
   
     .checkbox-label {
       display: flex;
       align-items: center;
       color: #333;
       font-size: 0.9rem;
       margin: 15px 0;
       user-select: none;
       margin-bottom: 20px;
     }
     .checkbox-label input[type="checkbox"] {
       margin-right: 10px;
       width: 18px;
       height: 18px;
     }
     .checkbox-label a {
       color: #0066cc;
       text-decoration: underline;
       margin-left: 10px;
     }
     .checkbox-label a:hover {
       color: #004999;
     }
   
     .legal {
       & .w-layout-grid {
         grid-template-columns: 1fr;
       }
   
       h1 {
         margin-bottom: 30px;
         font-size: 50px;
         font-weight: 600;
       }
   
       h2 {
         font-size: 30px;
         font-weight: 600;
       }
   
       p {
         margin-bottom: 20px;
         line-height: 150%;
       }
   
       li {
         color: #000;
         margin-bottom: 20px;
       }
     }

     .dop-style {
      padding: 150px 80px;
      padding-bottom: 50px;
      text-align: center;
    
      margin: 0 auto;
      max-width: 1200px;
      
    
      & .thank-you-message {
        margin-top: 40px;
        margin-bottom: 40px;
      }

      a {
        transition: all 0.3s ease;
      }

      a:hover {
        color: #131160;
      }
    }
    
    @media screen and (max-width: 767px) {
      .legal {
        h1 {
          font-size: 35px;
        }

        h2 {
          font-size: 25px;
        }
      }
      .text-field,
      .textarea  {
        width: 90%;
      }
           
      .home-cta {
       h2 {
         font-size: 50px;
       }
     }
    }

    form {
      width: 100%;
    }

    @media screen and (max-width: 479px) {
      .home-cta {
       h2 {
         font-size: 30px;
       }
     }
    }