@font-face {
  font-family: 'icomoon';
  src:  url('../../assets/fonts/icomoon.eot?9ot2k6');
  src:  url('../../assets/fonts/icomoon.eot?9ot2k6#iefix') format('embedded-opentype'),
    url('../../assets/fonts/icomoon.ttf?9ot2k6') format('truetype'),
    url('../../assets/fonts/icomoon.woff?9ot2k6') format('woff'),
    url('../../assets/fonts/icomoon.svg?9ot2k6#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icomoon-"], [class*=" icomoon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icomoon-analysis:before {
  content: "\e900";
}
.icomoon-application:before {
  content: "\e901";
}
.icomoon-approval:before {
  content: "\e902";
}
.icomoon-back:before {
  content: "\e903";
}
.icomoon-calendar:before {
  content: "\e904";
}
.icomoon-calendar-2:before {
  content: "\e905";
}
.icomoon-chat:before {
  content: "\e906";
}
.icomoon-chat-2:before {
  content: "\e907";
}
.icomoon-check-mark:before {
  content: "\e908";
  color: #1dac54;
}
.icomoon-check-mark2:before {
  content: "\e909";
  color: #0060ff;
}
.icomoon-client:before {
  content: "\e90a";
}
.icomoon-clock:before {
  content: "\e90b";
}
.icomoon-close:before {
  content: "\e90c";
  color: #f44336;
}
.icomoon-cloud-data:before {
  content: "\e90d";
}
.icomoon-computer:before {
  content: "\e90e";
}
.icomoon-deep-learning:before {
  content: "\e90f";
}
.icomoon-diamond:before {
  content: "\e910";
}
.icomoon-diamond-2:before {
  content: "\e911";
}
.icomoon-email:before {
  content: "\e912";
}
.icomoon-facebook:before {
  content: "\e913";
}
.icomoon-folder:before {
  content: "\e914";
}
.icomoon-folder-2:before {
  content: "\e915";
}
.icomoon-gear:before {
  content: "\e916";
}
.icomoon-help:before {
  content: "\e917";
}
.icomoon-laptop:before {
  content: "\e918";
}
.icomoon-layer:before {
  content: "\e919";
}
.icomoon-link:before {
  content: "\e91a";
}
.icomoon-linkedin:before {
  content: "\e91b";
}
.icomoon-lock:before {
  content: "\e91c";
}
.icomoon-magnifiying-glass:before {
  content: "\e91d";
}
.icomoon-mail:before {
  content: "\e91e";
}
.icomoon-megaphone:before {
  content: "\e91f";
}
.icomoon-minus-sign:before {
  content: "\e920";
}
.icomoon-money:before {
  content: "\e921";
}
.icomoon-next:before {
  content: "\e922";
}
.icomoon-phone-call:before {
  content: "\e923";
}
.icomoon-pin:before {
  content: "\e924";
}
.icomoon-pinterest:before {
  content: "\e925";
}
.icomoon-play-button:before {
  content: "\e926";
}
.icomoon-play-button2:before {
  content: "\e927";
}
.icomoon-plus:before {
  content: "\e928";
}
.icomoon-profile:before {
  content: "\e929";
}
.icomoon-project:before {
  content: "\e92a";
}
.icomoon-quote:before {
  content: "\e92b";
}
.icomoon-quote-2:before {
  content: "\e92c";
}
.icomoon-right-quote:before {
  content: "\e92d";
}
.icomoon-save-money:before {
  content: "\e92e";
}
.icomoon-search:before {
  content: "\e92f";
}
.icomoon-share:before {
  content: "\e930";
}
.icomoon-solution:before {
  content: "\e931";
}
.icomoon-team:before {
  content: "\e932";
}
.icomoon-telephone:before {
  content: "\e933";
}
.icomoon-time:before {
  content: "\e934";
}
.icomoon-twitter:before {
  content: "\e935";
}
.icomoon-user:before {
  content: "\e936";
}
.icomoon-user-2:before {
  content: "\e937";
}
.icomoon-user-3:before {
  content: "\e938";
}



.real-estate-marketing-section {
  background-color: #fff;
}
.header-text h2 {
  font-size: 1.875rem; /* 30px (text-3xl) */
  font-weight: 600;
  color: #1d3557; /* text-realty equivalent */
}
.header-text p {
  font-size: 0.875rem; /* 14px (text-sm) */
  font-weight: 700;
  color: #000;
}
.image-container {
  position: relative;
  z-index: 20;
}
.image-container .img-left {
  width: 6rem; /* w-24 */
  margin-right: -2rem; /* -mr-8 */
}
.image-container .img-right {
  width: 20rem; /* w-80 */
}
.card-container .card {
  border: 1px solid #e5e7eb; /* border-gray-100 */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */
  border-radius: 1.5rem; /* rounded-2xl */
  padding: 1.5rem; /* px-6 */
  padding-top: 2.5rem; /* pt-10 */
  padding-bottom: 3.5rem; /* pb-14 */
}
.card-container h3 {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #1d3557; /* text-realty */
  line-height: 1.2;
}
.card-container h3:nth-of-type(2) {
  margin-top: -0.75rem; /* -mt-3 */
}
.card-container p:nth-of-type(1) {
  font-size: 1.5rem; /* text-2xl */
  font-weight: 700;
  padding: 1.25rem 0; /* py-5 */
}
.card-container p:nth-of-type(2) {
  font-size: 1rem;
  line-height: 1.6; /* leading-loose */
}
.card-container .btn-custom {
  background-color: #1d3557; /* bg-realty */
  color: white;
  font-size: 1rem; /* text-base */
  padding: 1rem 2rem; /* px-8 py-4 */
  border-radius: 1.5rem; /* rounded-2xl */
  text-decoration: none;
}
.card-container .btn-custom-lg {
  background: transparent;
  color: #1d3557; /* text-realty */
  font-size: 1.25rem; /* text-xl */
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.5rem; /* space-x-2 */
  text-decoration: none;
}
.case-study-section {
  position: relative;
}
.case-study-section img {
  width: 100%;
}
.case-study-section .overlay-mobile {
  position: absolute;
  inset-x: 0;
  bottom: 0;
  padding-bottom: 1.5rem; /* pb-6 */
  text-align: center;
  color: white;
}
.case-study-section .overlay-mobile h2 {
  font-size: 1.5rem; /* text-2xl */
  font-weight: 700;
  letter-spacing: 0.05em; /* tracking-wide */
}
.case-study-section .overlay-mobile p {
  font-size: 1.25rem; /* text-xl */
  letter-spacing: 0.05em;
}
.case-study-section .overlay-mobile a {
  background: transparent;
  border: 1px solid white;
  color: white;
  font-size: 1rem;
  padding: 0.5rem 1.5rem; /* px-6 py-2 */
  border-radius: 0.75rem; /* rounded-xl */
  text-decoration: none;
}
.case-study-section .overlay-desktop-top {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2.5rem 6rem; /* px-24 py-10 */
  color: white;
}
.case-study-section .overlay-desktop-top h2 {
  font-size: 3.75rem; /* text-6xl */
  font-weight: 700;
}
.case-study-section .overlay-desktop-top p {
  font-size: 2.25rem; /* text-4xl */
  letter-spacing: 0.05em;
  margin-top: 0.5rem;
}
.case-study-section .overlay-desktop-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2.5rem 6rem; /* px-24 py-10 */
}
.case-study-section .overlay-desktop-bottom a {
  background-color: #1d3557; /* bg-realty */
  border: 1px solid #1d3557; /* border-realty */
  color: white;
  font-size: 0.875rem; /* text-sm */
  font-weight: 600;
  padding: 0.75rem 3.5rem; /* px-14 py-3 */
  border-radius: 0.75rem; /* rounded-xl */
  text-decoration: none;
}
.newsletter-section h2 {
  font-size: 1.25rem; /* text-xl */
  font-weight: 700;
  letter-spacing: 0.1em; /* tracking-wider */
  text-align: center;
}
.newsletter-section .form-control {
  border: 1px solid #e5e7eb; /* border-gray-100 */
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow-2xl */
  border-radius: 1.5rem; /* rounded-2xl */
  font-size: 1.25rem; /* text-xl */
  padding: 1rem 2rem; /* px-8 py-4 */
  text-align: center;
}
.newsletter-section .btn-subscribe {
  background-color: #1d3557; /* bg-realty */
  border: 0px; /* border-realty */
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.75rem 3.5rem; /* px-14 py-3 */
  border-radius: 1.5rem; /* rounded-2xl */
}
.newsletter-section .btn-subscribe:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.real-estate-marketing-section .section-title{
  min-height: 35em;
}
@media (min-width: 768px) {

  .header-text h2 {
      font-size: 2.25rem; /* md:text-4xl */
  }
  .header-text p {
      font-size: 1.25rem; /* md:text-xl */
  }
  .newsletter-section h2 {
      font-size: 1.875rem; /* md:text-3xl */
      text-align: left;
  }
  .newsletter-section .form-control {
      text-align: left;
  }
  .newsletter-section .btn-subscribe {
      font-size: 1.5rem; /* md:text-2xl */
  }
}
@media (max-width: 768px) {
  .real-estate-marketing-section .section-title{
    min-height: auto;
  }
}
@media (min-width: 992px) {
  .image-container {
      margin-bottom: -5rem; /* lg:-mb-20 */
  }
  .image-container .img-left {
      width: 8rem; /* lg:w-32 */
      margin-top: -1.5rem; /* lg:-mt-6 */
      margin-right: -2rem; /* lg:-mr-8 */
  }
  .image-container .img-right {
      width: 24rem; /* lg:w-96 */
  }
  .card-container {
      gap: 4rem; /* lg:gap-16 */
  }
  .card-container .card {
      padding: 2.5rem; /* lg:px-10 */
      padding-top: 5rem; /* lg:pt-14 (first card), lg:pt-20 (second card) */
  }
  .card-container .card:nth-child(2) {
      padding-top: 5rem; /* lg:pt-20 */
  }
  .card-container p:nth-of-type(1) {
      padding: 0.75rem 0; /* lg:py-3 */
  }
  .case-study-section {
      margin-top: 5rem; /* lg:mt-20 */
  }
}
@media (min-width: 1200px) {
  .newsletter-section .form-control {
      width: 56rem; /* xl:w-[56rem] */
      padding: 1.5rem 2rem; /* xl:py-6 */
  }
  .newsletter-section .btn-subscribe {
      padding: 1.5rem 3.5rem; /* xl:py-6 */
  }
}
