h2.section-title{
    color: #1a3a56;
}
.wrap-counter .counter-box .title-count {
color:#1a3a56;
}
h2,h3,h4,h5,h6{
color:#1a3a56;
}
@media (min-width: 576px) {
  #page-home section.flat-section.text-center .box-service.hover-btn-view {
      flex-basis: 25% !important;
  }
}
#page-home .box-test-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-property-contact .contact-form .ip-group{
display:flex;
  flex-direction:column;
}
.list-star .icon{
color:#d7892f;
}

@media(max-width:767px){
  .flat-pagination{
flex-wrap:wrap
}

@media screen and (max-width: 576px) {
  #page-home section.flat-section-v3.flat-location.flat-location-v2 {
    padding-top: 20px !important;
}
section.flat-section.flat-property-v3.wow.fadeInUpSmall.animated.animated {
  padding-top: 0 !important;
}
}

.box-title-listing .box-filter-tab .d-flex.gap-2{
flex-wrap:wrap;
}

.nav-tab-filter li:nth-child(2){
display:none
}
  .flat-section.flat-banner{
  display:none;
  }
  .nice-select.open .list {
    z-index:12
  }
}

.post-author a:hover, .post-author span:not(:first-child) a:hover, .post-navigation a:hover, .single-detail.ck-content a:hover, .single-property-contact .box-avatar a:hover, .title a:hover {
    color: white;
}
.flat-section {
    padding: 70px 0 20px;
}

.wrap-service-v4 .inner-service-left .img-service img {
    max-height: 550px;
}
.iti__selected-country {
top:0
}
.main-header, .main-header .main-menu{
background-color:unset
}
.main-header, .main-header .main-menu {
background-color:white;
}
.top-header{
display:none
}
.header-lower{
margin:30px 0px
}
.main-header .main-menu .navigation>li>a{
font-size:18px;
  color:black !important
}
/*.swiper-wrapper:before {
content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:black;
    opacity:0.3
}
.swiper-wrapper{
position:relative;
}*/

.flat-slider.home-5 .box-img img{
height:53rem;
}

.main-header.header-style-2{
background-color:white !important;
}
#page-home .box-test-left .img-style::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-out 0s;
    background: linear-gradient(180deg, rgb(11 33 50 / 11%) 0%, rgb(11 33 50 / 96%) 100%);
    opacity: 0.7;
}

main-header.header-style-2 .main-menu .navigation>li.current>a, .main-header.header-style-2 .main-menu .navigation>li:hover>a {
color:black
}
@media only screen and (max-width: 991px) {
    .footer .wd-social span {
        display: block !important;
    }
    .area-guide-container .info-grid .info-item h3 {
    font-size: 16px !important;
}
}
.whatsapp-icon-holder {
    right: unset !important;
    left: 31px !important;
}

.post-author {
  display: none !important;
}

.flat-property-v3 .box-inner-left img{
max-height: 600px;
    object-fit: cover;
    border-bottom-right-radius: 13px;
    border-top-right-radius: 13px;
}
.flat-filter-search.home-5{
/*background:#f7f7f7;*/
}

.flat-property-v3 .box-avatar{
display:none
}

.single-property-contact .contact-form .ip-group{
display:flex;
  flex-direction:column;
}

@media(max-width:767px){
  .flat-pagination{
flex-wrap:wrap
}
  .about-mission-section .row{
      flex-direction: column-reverse;
  }


.box-title-listing .box-filter-tab .d-flex.gap-2{
flex-wrap:wrap;
}

.nav-tab-filter li:nth-child(2){
display:none
}
  .flat-section.flat-banner{
  display:none;
  }
  .nice-select.open .list {
    z-index:12
  }
}

.post-author a:hover, .post-author span:not(:first-child) a:hover, .post-navigation a:hover, .single-detail.ck-content a:hover, .single-property-contact .box-avatar a:hover, .title a:hover {
    color: white;
}
.flat-section {
    padding: 70px 0 20px;
}
.flat-tab.flat-tab-form{
margin-top:-93px
}

.post-author a:hover, .post-author span:not(:first-child) a:hover, .post-navigation a:hover, .single-detail.ck-content a:hover, .single-property-contact .box-avatar a:hover, .title a:hover {
    color: #161e2d;
}

.privacy-policy-content {
    padding: 70px 0px;
}
.privacy-policy-content h3 {
    font-size: 31px;
    padding: 8px 0px;
}
.term-conditions-content{
padding: 70px 0px;
}
.term-conditions-content h3 {
    font-size: 31px;
    padding: 8px 0px;
}
.wrap-service-v4 .inner-service-left .img-service img {
    max-height: 550px;
}
.flat-section-v5.flat-recommended.flat-recommended-v2 .box-title-listing p{
    max-width: 700px;
    font-size: 20px;
    line-height: 27px;
}

.flat-section.flat-testimonial-v3{
margin-top:20px
}
.other-pages-section .flat-section-v3.flat-slider-contact .content-left .section-title {
    color: black !important;
}
.other-pages-section .flat-section-v3.flat-slider-contact .content-left .body-body-2 {
    color: black !important;
}
.other-pages-section .flat-section-v3.flat-slider-contact .content-wrap .content-left {
    padding-right: unset;
}
.other-pages-section .flat-slider-contact .overlay {
    background: unset !important;
}

.list-property-section{
padding:80px 0px;
}

/* .flat-title-page h2 {
    color: #1a3a56 !important;
} */

.list-property-section img{
border-radius:20px
}

.about-para{
    margin-bottom: 50px;
}
.about-para .about-heading{
font-size:36px
}

.about-us-image img{
    border-radius: 11px;
}

.about-upper-para{
padding:60px 0px 70px
}

.about-mission-section{
padding-bottom:50px
}



/* about us page */
.biu-page {
      background-color: #F8F5F0 !important;
      min-height: 100vh !important;
    }

    /* SECTION */
    .biu-about-section {
      padding: 90px 0 !important;
      background-color: #F8F5F0 !important;
      overflow: hidden !important;
    }

    /* EYEBROW */
    .biu-eyebrow-wrap {
      display: flex !important;
      align-items: center !important;
      gap: 12px !important;
      margin-bottom: 18px !important;
    }
    .biu-eyebrow-line {
      width: 38px !important;
      height: 1px !important;
      background-color: #B8963E !important;
      flex-shrink: 0 !important;
    }
    .biu-eyebrow-label {
      font-size: 16px !important;
      letter-spacing: 4px !important;
      text-transform: uppercase !important;
      color: #B8963E !important;
      font-weight: 600 !important;
    }

    /* HEADING */
    .biu-section-heading {
      font-size: 52px !important;
      /* font-weight: 300 !important; */
      line-height: 1.1 !important;
      color: #111111 !important;
      margin-bottom: 20px !important;
    }
    .biu-gold-word {
      color: #B8963E !important;
      font-style: italic !important;
    }
    .biu-under-line {
      width: 48px !important;
      height: 2px !important;
      background: linear-gradient(to right, #B8963E, transparent) !important;
      margin-bottom: 28px !important;
    }

    /* TEXT */
    .biu-paragraph-lead {
      font-size: 14px !important;
      line-height: 2 !important;
      color: #3A3A3A !important;
      font-weight: 400 !important;
      margin-bottom: 18px !important;
    }
    .biu-paragraph-body {
      font-size: 13px !important;
      line-height: 2 !important;
      color: #666666 !important;
      font-weight: 300 !important;
      margin-bottom: 16px !important;
    }
    .biu-pull-quote {
      font-size: 18px !important;
      font-style: italic !important;
      font-weight: 400 !important;
      color: #1A1A1A !important;
      border-left: 2px solid #B8963E !important;
      padding-left: 20px !important;
      margin: 28px 0 !important;
      line-height: 1.8 !important;
    }

    /* STATS */
    .biu-stats-strip {
      display: flex !important;
      border: 1px solid rgba(184,150,62,0.22) !important;
      margin: 36px 0 !important;
      background: #ffffff !important;
    }
    .biu-single-stat {
      flex: 1 !important;
      padding: 22px 16px !important;
      text-align: center !important;
      border-right: 1px solid rgba(184,150,62,0.22) !important;
    }
    .biu-single-stat:last-child {
      border-right: none !important;
    }
    .biu-stat-big-num {
      font-size: 40px !important;
      font-weight: 300 !important;
      color: #B8963E !important;
      line-height: 1 !important;
      display: block !important;
    }
    .biu-stat-small-lbl {
      font-size: 9px !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
      color: #999999 !important;
      margin-top: 7px !important;
      display: block !important;
    }

    /* BADGES */
    .biu-badges-strip {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 10px !important;
      margin-top: 24px !important;
    }
    .biu-outline-badge {
      border: 1px solid rgba(184,150,62,0.45) !important;
      color: #B8963E !important;
      font-size: 10px !important;
      letter-spacing: 1.5px !important;
      text-transform: uppercase !important;
      padding: 8px 18px !important;
      background: transparent !important;
      font-weight: 500 !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
    }

    /* CTA BUTTON */
    .biu-primary-cta {
      background-color: #B8963E !important;
      color: #ffffff !important;
      border: none !important;
      padding: 14px 36px !important;
      font-size: 11px !important;
      letter-spacing: 2.5px !important;
      text-transform: uppercase !important;
      font-weight: 600 !important;
      text-decoration: none !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 10px !important;
      margin-top: 16px !important;
      transition: background-color 0.3s, transform 0.2s !important;
    }
    .biu-primary-cta:hover {
      background-color: #9A7A2E !important;
      color: #ffffff !important;
      transform: translateY(-2px) !important;
    }

    /* IMAGE GRID (right side) */
    .biu-imgcol-outer {
      position: relative !important;
    }
    .biu-img-mosaic {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      grid-template-rows: auto auto !important;
      gap: 10px !important;
    }

    .biu-imgblock-main  { grid-column: 1; grid-row: 1 / 3; position: relative !important; }
    .biu-imgblock-tr    { grid-column: 2; grid-row: 1; position: relative !important; }
    .biu-imgblock-br    { grid-column: 2; grid-row: 2; position: relative !important; }

    .biu-imgbox {
      overflow: hidden !important;
      width: 100% !important;
      height: 100% !important;
      display: block !important;
    }
    .biu-imgblock-main .biu-imgbox { min-height: 460px !important; }
    .biu-imgblock-tr   .biu-imgbox,
    .biu-imgblock-br   .biu-imgbox { min-height: 225px !important; }

    .biu-imgbox img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      display: block !important;
      transition: transform 0.7s ease !important;
    }
    .biu-imgbox:hover img {
      transform: scale(1.06) !important;
    }

    /* gold corner accent */
    .biu-imgblock-main::after {
      content: '' !important;
      position: absolute !important;
      bottom: -12px !important;
      right: -12px !important;
      width: 50% !important;
      height: 50% !important;
      border: 2px solid rgba(184,150,62,0.3) !important;
      pointer-events: none !important;
      z-index: 0 !important;
    }
    .biu-imgblock-main .biu-imgbox {
      position: relative !important;
      z-index: 1 !important;
    }

    /* caption overlay */
    .biu-img-cap {
      position: absolute !important;
      bottom: 0 !important;
      left: 0 !important;
      right: 0 !important;
      background: linear-gradient(to top, rgba(0,0,0,0.68), transparent) !important;
      padding: 24px 14px 12px !important;
    }
    .biu-img-cap-text {
      font-size: 10px !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
      color: #ffffff !important;
      font-weight: 500 !important;
    }

    /* founding year float badge */
    .biu-year-badge {
      position: absolute !important;
      bottom: 28px !important;
      left: -18px !important;
      background: #B8963E !important;
      color: #ffffff !important;
      padding: 14px 20px !important;
      z-index: 3 !important;
      text-align: center !important;
      min-width: 100px !important;
    }
    .biu-year-big {
      font-size: 30px !important;
      font-weight: 300 !important;
      display: block !important;
      line-height: 1 !important;
    }
    .biu-year-sub {
      font-size: 9px !important;
      letter-spacing: 1.5px !important;
      text-transform: uppercase !important;
      display: block !important;
      margin-top: 5px !important;
    }

    /* RESPONSIVE */
    @media (max-width: 991px) {
      .biu-about-section { padding: 60px 0 !important; }
      .biu-section-heading { font-size: 36px !important; }
      .biu-imgblock-main .biu-imgbox { min-height: 320px !important; }
      .biu-imgblock-tr .biu-imgbox,
      .biu-imgblock-br .biu-imgbox { min-height: 157px !important; }
      .biu-year-badge { left: 0 !important; bottom: 16px !important; }
    }
    @media (max-width: 575px) {
      .biu-section-heading { font-size: 28px !important; }
      .biu-stats-strip { flex-wrap: wrap !important; }
      .biu-single-stat {
        flex: 0 0 50% !important;
        border-bottom: 1px solid rgba(184,150,62,0.22) !important;
      }
    }


    /* founder section style  */
    :root {
      --biu-gold:       #D7892F;
      --biu-gold-light: #FDF3E7;
      --biu-green:      #077B26;
      --biu-navy:       #0B3051;
      --biu-white:      #FFFFFF;
      --biu-off-white:  #F8F5F0;
      --biu-text-dark:  #111111;
      --biu-text-mid:   #444444;
      --biu-text-soft:  #888888;
      --biu-border:     rgba(215,137,47,0.2);
    }

    body { background: var(--biu-white) !important; }

    /* ── SECTION ── */
    .fnd-section {
      background: var(--biu-white) !important;
      padding: 0 !important;
      overflow: hidden !important;
      position: relative !important;
    }

    /* light gold diagonal panel on right side */
    .fnd-section::before {
      content: '' !important;
      position: absolute !important;
      top: 0 !important;
      right: 0 !important;
      width: 42% !important;
      height: 100% !important;
      background: var(--biu-off-white) !important;
      clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%) !important;
      z-index: 0 !important;
    }

    .fnd-inner {
      position: relative !important;
      z-index: 1 !important;
    }

    /* ── LEFT CONTENT ── */
    .fnd-content-col {
      padding: 90px 50px 90px 60px !important;
    }

    .fnd-eyebrow-row {
      display: flex !important;
      align-items: center !important;
      gap: 12px !important;
      margin-bottom: 22px !important;
    }
    .fnd-eyebrow-dash {
      width: 36px !important;
      height: 1px !important;
      background: var(--biu-gold) !important;
    }
    .fnd-eyebrow-txt {
      font-size: 10px !important;
      letter-spacing: 4px !important;
      text-transform: uppercase !important;
      color: var(--biu-gold) !important;
      font-weight: 600 !important;
    }

    .fnd-name-heading {
      font-size: 54px !important;
      font-weight: 300 !important;
      line-height: 1.05 !important;
      color: var(--biu-text-dark) !important;
      margin-bottom: 6px !important;
    }
    .fnd-name-gold {
      color: var(--biu-gold) !important;
      font-style: italic !important;
    }

    .fnd-title-tag {
      display: inline-flex !important;
      align-items: center !important;
      gap: 8px !important;
      background: var(--biu-navy) !important;
      color: #ffffff !important;
      font-size: 10px !important;
      letter-spacing: 2.5px !important;
      text-transform: uppercase !important;
      font-weight: 600 !important;
      padding: 8px 18px !important;
      margin-bottom: 38px !important;
      margin-top: 14px !important;
    }
    .fnd-title-tag i { font-size: 12px !important; }

    /* QUOTE CARD */
    .fnd-quote-card {
      position: relative !important;
      background: var(--biu-gold-light) !important;
      border-left: 3px solid var(--biu-gold) !important;
      padding: 32px 36px !important;
      margin-bottom: 40px !important;
    }
    .fnd-big-quote-mark {
      font-size: 100px !important;
      line-height: 0.6 !important;
      color: var(--biu-gold) !important;
      opacity: 0.3 !important;
      display: block !important;
      margin-bottom: 18px !important;
      font-style: normal !important;
    }
    .fnd-quote-body {
      font-size: 17px !important;
      font-style: italic !important;
      font-weight: 400 !important;
      color: var(--biu-text-dark) !important;
      line-height: 1.85 !important;
      margin-bottom: 0 !important;
    }

    /* SIGNATURE */
    .fnd-signature-row {
      display: flex !important;
      align-items: center !important;
      gap: 20px !important;
    }
    .fnd-sig-line-group {
      display: flex !important;
      flex-direction: column !important;
      gap: 4px !important;
    }
    .fnd-sig-name {
      font-size: 18px !important;
      font-weight: 600 !important;
      color: var(--biu-text-dark) !important;
      letter-spacing: 0.5px !important;
    }
    .fnd-sig-role {
      font-size: 10px !important;
      letter-spacing: 2.5px !important;
      text-transform: uppercase !important;
      color: var(--biu-gold) !important;
    }
    .fnd-sig-divider {
      width: 1px !important;
      height: 40px !important;
      background: var(--biu-border) !important;
    }
    .fnd-sig-company {
      font-size: 11px !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
      color: var(--biu-text-soft) !important;
    }

    /* CREDENTIAL PILLS */
    .fnd-cred-row {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 10px !important;
      margin-top: 36px !important;
    }
    .fnd-cred-pill {
      border: 1px solid var(--biu-border) !important;
      color: var(--biu-text-mid) !important;
      font-size: 10px !important;
      letter-spacing: 1.5px !important;
      text-transform: uppercase !important;
      padding: 8px 16px !important;
      background: #ffffff !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 7px !important;
      transition: all 0.25s !important;
    }
    .fnd-cred-pill:hover {
      background: var(--biu-gold-light) !important;
      border-color: var(--biu-gold) !important;
    }
    .fnd-cred-pill i {
      color: var(--biu-gold) !important;
      font-size: 12px !important;
    }

    /* ── RIGHT IMAGE COLUMN ── */
    .fnd-image-col {
      padding: 0 !important;
      position: relative !important;
      display: flex !important;
      align-items: flex-end !important;
      justify-content: center !important;
    }

    .fnd-img-outer {
      position: relative !important;
      width: 100% !important;
      max-width: 420px !important;
      margin: 0 auto !important;
    }

    /* decorative rings */
    .fnd-img-ring {
      position: absolute !important;
      top: 30px !important;
      right: -20px !important;
      width: 160px !important;
      height: 160px !important;
      border-radius: 50% !important;
      border: 1px solid rgba(215,137,47,0.3) !important;
      z-index: 0 !important;
    }
    .fnd-img-ring-2 {
      position: absolute !important;
      top: 50px !important;
      right: 0 !important;
      width: 110px !important;
      height: 110px !important;
      border-radius: 50% !important;
      border: 1px solid rgba(215,137,47,0.15) !important;
      z-index: 0 !important;
    }

    .fnd-photo-wrap {
      position: relative !important;
      z-index: 1 !important;
      overflow: hidden !important;
    }
    .fnd-photo-wrap img {
      width: 100% !important;
      display: block !important;
      object-fit: cover !important;
      object-position: top center !important;
      max-height: 580px !important;
      filter: drop-shadow(0 16px 40px rgba(11,48,81,0.12)) !important;
    }

    /* floating gold stat badge */
    .fnd-stat-float {
      position: absolute !important;
      top: 40px !important;
      left: -30px !important;
      background: var(--biu-gold) !important;
      color: #ffffff !important;
      padding: 18px 22px !important;
      text-align: center !important;
      z-index: 2 !important;
      min-width: 110px !important;
      box-shadow: 0 8px 30px rgba(215,137,47,0.25) !important;
    }
    .fnd-stat-float-num {
      font-size: 30px !important;
      font-weight: 300 !important;
      display: block !important;
      line-height: 1 !important;
    }
    .fnd-stat-float-lbl {
      font-size: 8px !important;
      letter-spacing: 1.5px !important;
      text-transform: uppercase !important;
      display: block !important;
      margin-top: 6px !important;
    }

    /* navy tag on image */
    .fnd-green-tag {
      position: absolute !important;
      bottom: 60px !important;
      left: -22px !important;
      background: var(--biu-navy) !important;
      color: #ffffff !important;
      font-size: 9px !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
      padding: 10px 18px !important;
      font-weight: 600 !important;
      z-index: 2 !important;
      display: flex !important;
      align-items: center !important;
      gap: 8px !important;
      box-shadow: 0 6px 20px rgba(11,48,81,0.18) !important;
    }

    /* thin gold border frame under image */
    .fnd-photo-wrap::after {
      content: '' !important;
      position: absolute !important;
      bottom: -10px !important;
      right: -10px !important;
      width: 55% !important;
      height: 50% !important;
      border: 2px solid rgba(215,137,47,0.25) !important;
      z-index: 0 !important;
      pointer-events: none !important;
    }

    /* ── RESPONSIVE ── */
    @media (max-width: 991px) {
      .fnd-section::before { display: none !important; }
      .fnd-content-col { padding: 60px 24px 40px !important; }
      .fnd-name-heading { font-size: 36px !important; }
      .fnd-image-col { padding: 0 24px 50px !important; justify-content: center !important; }
      .fnd-stat-float { left: 0 !important; top: 20px !important; }
      .fnd-green-tag { left: 0 !important; }
      .fnd-photo-wrap img { max-height: 380px !important; }
    }
    @media (max-width: 575px) {
      .fnd-name-heading { font-size: 28px !important; }
      .fnd-quote-body { font-size: 15px !important; }
      .fnd-quote-card { padding: 24px 20px !important; }
    }
/* about us page end */



/* area guides */
        /* Scoped resets for area guides only */
        .area-guides-wrapper,
        .area-guides-wrapper *,
        .hero-section,
        .hero-section * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* Hero Section */
        .hero-section {
            background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
            color: #fff;
            padding: 80px 20px;
            text-align: center;
            font-family: inherit;
        }

        .hero-section h1 {
            font-size: 3.5rem;
            font-weight: 700;
            margin-bottom: 20px;
            letter-spacing: -1px;
        }

        .hero-section p {
            font-size: 1.25rem;
            max-width: 700px;
            margin: 0 auto;
            opacity: 0.9;
            line-height: 1.8;
        }

        /* Area Guides Container */
        .area-guides-wrapper {
            background: #fff;
            font-family: inherit;
            color: inherit;
        }

        .area-guide-section {
            display: flex;
            align-items: center;
            min-height: 600px;
            position: relative;
        }

        /* Alternating Background Colors */
        .area-guide-section:nth-child(odd) {
            background: #fff;
        }

        .area-guide-section:nth-child(even) {
            background: #f0f0f0;
        }

        .area-guide-container {
            display: flex;
            align-items: center;
            max-width: 1400px;
            margin: 0 auto;
            width: 100%;
            gap: 60px;
            padding: 80px 40px;
        }

        /* Image Container */
        .area-image {
            flex: 0 0 550px;
            max-width: 550px;
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
        }

        .area-image img {
            width: 100%;
            height: 750px;
            object-fit: cover;
            display: block;
            transition: transform 0.6s ease;
        }

        .area-guide-section:hover .area-image img {
            transform: scale(1.05);
        }

        /* Content Container */
        .area-content {
            flex: 1;
        }

        .area-content h2 {
            font-size: 2.75rem;
            font-weight: 700;
            margin-bottom: 12px;
            color: #1a1a1a;
            letter-spacing: -0.5px;
            font-family: inherit;
        }

        .area-content .tagline {
            font-size: 1.15rem;
            color: #666;
            margin-bottom: 18px;
            font-style: italic;
            font-family: inherit;
        }

        /* Info Grid */
        .info-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 18px;
            margin-bottom: 20px;
        }

        .info-item {
            background: rgba(26, 26, 26, 0.03);
            padding: 15px;
            border-radius: 6px;
            border-left: 3px solid #003366;
            transition: all 0.3s ease;
        }

        .area-guide-section:nth-child(even) .info-item {
            background: rgba(255, 255, 255, 0.6);
        }

        .info-item:hover {
            transform: translateX(5px);
            border-left-color: #d4af37;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        }

        .info-item h3 {
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #666;
            margin-bottom: 8px;
            font-weight: 600;
            font-family: inherit;
        }

        .info-item p {
            font-size: 1.05rem;
            color: #1a1a1a;
            font-weight: 500;
            font-family: inherit;
        }

        /* Description */
        .area-description {
            font-size: 1.05rem;
            line-height: 1.7;
            color: #333;
            margin-bottom: 18px;
            font-family: inherit;
        }

        /* Highlights List */
        .highlights {
            list-style: none;
            margin-bottom: 20px;
        }

        .highlights li {
            padding: 8px 0;
            padding-left: 30px;
            position: relative;
            font-size: 1.05rem;
            color: #333;
            font-family: inherit;
        }

        .highlights li::before {
            content: "✓";
            position: absolute;
            left: 0;
            color: #003366;
            font-weight: 700;
            font-size: 1.2rem;
        }

        /* CTA Button */
        .cta-button {
            display: inline-block;
            padding: 15px 40px;
            background: #003366;
            color: #fff;
            text-decoration: none;
            border-radius: 4px;
            font-weight: 600;
            font-size: 1rem;
            transition: all 0.3s ease;
            border: 2px solid #003366;
            font-family: inherit;
        }

        .cta-button:hover {
            background: transparent;
            color: #003366;
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(26, 26, 26, 0.15);
        }

        /* Reverse Layout for Even Sections */
        .area-guide-section:nth-child(even) .area-guide-container {
            flex-direction: row-reverse;
        }

        /* Decorative Elements */
        .area-content::before {
            content: '';
            width: 60px;
            height: 4px;
            background: linear-gradient(90deg, #1a1a1a, #d4af37);
            display: block;
            margin-bottom: 15px;
            border-radius: 2px;
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .area-guide-container {
                gap: 40px;
                padding: 60px 30px;
            }

            .area-image {
                flex: 1;
                max-width: 100%;
            }

            .area-image img {
                height: 350px;
            }

            .area-content h2 {
                font-size: 2.25rem;
                color: #003366;
            }

            .hero-section h1 {
                font-size: 2.75rem;
            }
        }

        @media (max-width: 768px) {
            .hero-section {
                padding: 60px 20px;
            }

            .hero-section h1 {
                font-size: 2rem;
            }

            .hero-section p {
                font-size: 1.05rem;
            }

            .area-guide-section,
            .area-guide-section:nth-child(even) .area-guide-container {
                min-height: auto;
            }

            .area-guide-container {
                flex-direction: column !important;
                padding: 50px 20px;
                gap: 30px;
            }

            .area-image {
                max-width: 100%;
            }

            .area-image img {
                height: 280px;
            }

            .area-content h2 {
                font-size: 1.85rem;
            }

            .info-grid {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .info-item {
                padding: 15px;
            }
        }

        /* Animation */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .area-guide-section {
            animation: fadeInUp 0.8s ease forwards;
        }

        .area-guide-section:nth-child(1) {
            animation-delay: 0.1s;
        }

        .area-guide-section:nth-child(2) {
            animation-delay: 0.2s;
        }

        .area-guide-section:nth-child(3) {
            animation-delay: 0.3s;
        }

        .area-guide-section:nth-child(4) {
            animation-delay: 0.4s;
        }

        .area-guide-section:nth-child(5) {
            animation-delay: 0.5s;
        }
/* area guides end */





/* Investment Calculator Style */
body {
            background: #f4f6f9;
        }

        .investment_calculator .calculator-card {
            background: #ffffff;
            border-radius: 18px;
            box-shadow: 0 20px 45px rgba(0, 0, 0, 0.investment_calculator .08);
        }

        .investment_calculator .form-control,
        .investment_calculator .form-select {
            height: 48px !important;
            border-radius: 10px;
        }

        .investment_calculator .btn-primary {
            height: 52px !important;
            border-radius: 14px;
            font-weight: 600;
        }

        .investment_calculator .result-card {
            background: #f8fafc;
            border-radius: 14px;
            padding: 20px;
        }

        .investment_calculator .result-value {
            font-size: 1.4rem !important;
            font-weight: 700;
            color: #D7892F;
        }

        table th {
            background: #D7892F;
            color: #fff;
            white-space: nowrap;
        }
/* Investment Calculator Style End */



      :root {
            --deep-blue: #063050;
            --forest-green: #107C2C;
            --burnt-orange: #D7892F;
            --light-bg: #f8f9fa;
        }

        .guiding-principles {
            padding: 80px 0;
            background-color: #ffffff;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        .image-container img {
            border-radius: 15px;
            box-shadow: 0 15px 35px rgba(6, 48, 80, 0.15);
            width: 100%;
            height: auto;
        }

        .section-tag {
            color: var(--deep-blue);
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 2px;
            border-bottom: 3px solid var(--burnt-orange);
            display: inline-block;
            margin-bottom: 40px;
        }

        .principle-card {
            display: flex;
            align-items: flex-start;
            margin-bottom: 40px;
        }

        .icon-box {
            min-width: 60px;
            height: 60px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            margin-right: 20px;
            color: white;
        }

        .vision-icon { background-color: var(--forest-green); }
        .mission-icon { background-color: var(--burnt-orange); }

        .principle-content h3 {
            color: var(--deep-blue);
            font-weight: 700;
            margin-bottom: 10px;
            font-size: 1.5rem;
        }

        .principle-content p {
            color: #555;
            line-height: 1.7;
            font-size: 1.05rem;
            margin: 0;
        }

        @media (max-width: 991px) {
            .image-container { margin-bottom: 50px; }
            .guiding-principles { padding: 50px 0; }
        }



        #page-10 section.flat-benefit-v2 .box-navigation{
          display: none;
        }
        #page-10 .wrap-banner .box-right img {
          margin-top: unset !important;
        }
        #file-attachment-modal button#file-attachment-submit {
    background: #D7892F !important;
}
.contact_team_investment  {
  background: #D7892F !important;
  color: white !important;
}
#page-home section.flat-section.flat-service-v3 .box.col-lg-4.col-md-6 {
    margin-bottom: 0 !important;
}
@media (max-width: 576px) {
  #page-home section.flat-section.flat-recommended {
    padding-top: 10px !important;
}
.guiding-principles .icon-box {
    margin-top: 12px;
}
}
.mobi-icon-box .box:first-of-type {
    display: none;
}



/* developer projects section */
                    /* Scoped resets */
        .developers-wrapper,
        .developers-wrapper * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .developers-wrapper {
            font-family: inherit;
            color: inherit;
            background: #fff;
        }

        /* Developer Grid Section */
        .developers-section {
            padding: 0px 20px;
            background: #fff;
        }

        .developers-container {
            max-width: 1400px;
            margin: 0 auto;
        }

        .section-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .section-header h2 {
            font-size: 2.8rem;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 15px;
            font-family: inherit;
        }

        .section-header p {
            font-size: 1.15rem;
            color: #666;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.7;
            font-family: inherit;
        }

        /* Developer Grid */
        .developer-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 35px;
        }

        /* Developer Card */
        .developer-card {
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            transition: all 0.4s ease;
            cursor: pointer;
            position: relative;
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .developer-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
        }

        /* Logo Container - New Design with Blurred Background */
        .developer-logo {
            position: relative;
            height: 280px;
            overflow: hidden;
            border-radius: 12px 12px 0 0;
        }

        .developer-logo-bg {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            overflow: hidden;
        }

        .developer-logo-bg::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(180deg,
                    rgba(0, 0, 0, 0.1) 0%,
                    rgba(0, 0, 0, 0.3) 40%,
                    rgba(0, 0, 0, 0.75) 100%);
            z-index: 1;
            transition: all 0.4s ease;
        }

        .developer-card:hover .developer-logo-bg::before {
            background: linear-gradient(180deg,
                    rgba(0, 0, 0, 0.05) 0%,
                    rgba(0, 0, 0, 0.2) 40%,
                    rgba(0, 0, 0, 0.65) 100%);
        }

        .developer-logo-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: blur(2px);
            transition: transform 0.6s ease, filter 0.4s ease;
        }

        .developer-card:hover .developer-logo-bg img {
            transform: scale(1.1);
            filter: blur(3px);
        }

        .developer-logo-center {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
            width: 240px;
            height: 130px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.4s ease;
        }

        .developer-card:hover .developer-logo-center {
            transform: translate(-50%, -50%) scale(1.1);
        }

        .developer-logo-center img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            filter: brightness(0) invert(1);
            transition: all 0.4s ease;
        }

        .developer-card:hover .developer-logo-center img {
            filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(255, 255, 255, 0.5));
        }

        /* Card Content */
        .developer-content {
            padding: 25px;
            display: flex;
            flex-direction: column;
            flex: 1;
        }

        .developer-name {
            font-size: 1.4rem !important;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 12px;
            font-family: inherit;
        }

        .developer-intro {
            font-size: 0.95rem;
            color: #666;
            line-height: 1.6;
            margin-bottom: 18px;
            font-family: inherit;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        /* Info Tags */
        .developer-tags {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
            margin-bottom: 15px;
        }

        .dev-tag {
            font-size: 0.75rem;
            padding: 5px 12px;
            background: rgba(26, 26, 26, 0.05);
            border-radius: 15px;
            color: #1a1a1a;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            font-family: inherit;
            text-align: center;
        }

        .dev-tag.projects {
            background: #D7892F;
            color: #fff;
        }

        /* Key Stat */
        .developer-stat {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
            margin-bottom: 18px;
        }

        .stat-item {
            text-align: center;
            padding: 12px;
            background: #f8f8f8;
            border-radius: 8px;
        }

        .stat-number {
            font-size: 1rem;
            font-weight: 700;
            color: #1a1a1a;
            font-family: inherit;
        }

        .stat-label {
            font-size: 0.75rem;
            color: #666;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-top: 4px;
            font-family: inherit;
        }

        /* CTA Button */
        .developer-cta {
            display: block;
            text-align: center;
            padding: 12px 20px;
            background: #1a1a1a;
            color: #fff;
            text-decoration: none;
            border-radius: 6px;
            font-size: 0.9rem;
            font-weight: 600;
            transition: all 0.3s ease;
            font-family: inherit;
            margin-top: auto;
            display: none !important;
        }

        .developer-cta:hover {
            background: #333;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(26, 26, 26, 0.2);
        }

        /* Reputation Badge */
        .reputation-badge {
            position: absolute;
            top: 15px;
            right: 15px;
            background: linear-gradient(135deg, #1a1a1a, #333);
            color: #fff;
            padding: 6px 12px;
            border-radius: 20px;
            font-size: 0.7rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            font-family: inherit;
        }

        .reputation-badge.premium {
            background: #1a1a1a;
            color: #fff;
        }

        /* Responsive */
        @media (max-width: 1200px) {
            .developer-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px;
            }
        }

        @media (max-width: 900px) {
            .developer-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 25px;
            }

            .section-header h2 {
                font-size: 2.2rem;
            }
        }

        @media (max-width: 600px) {
            .developers-section {
                padding: 50px 15px;
            }

            .developer-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .section-header h2 {
                font-size: 1.8rem;
            }

            .developer-logo {
                height: 150px;
            }

            .developer-stat {
                grid-template-columns: 1fr;
            }
        }

        /* Animation */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .developer-card {
            animation: fadeInUp 0.6s ease forwards;
        }

        .developer-card:nth-child(1) { animation-delay: 0.05s; }
        .developer-card:nth-child(2) { animation-delay: 0.1s; }
        .developer-card:nth-child(3) { animation-delay: 0.15s; }
        .developer-card:nth-child(4) { animation-delay: 0.2s; }
        .developer-card:nth-child(5) { animation-delay: 0.25s; }
        .developer-card:nth-child(6) { animation-delay: 0.3s; }
        .developer-card:nth-child(7) { animation-delay: 0.35s; }
        .developer-card:nth-child(8) { animation-delay: 0.4s; }
        .developer-card:nth-child(9) { animation-delay: 0.45s; }
        .developer-card:nth-child(10) { animation-delay: 0.5s; }
        .developer-card:nth-child(11) { animation-delay: 0.55s; }
        .developer-card:nth-child(12) { animation-delay: 0.6s; }


/* developer projects section end */


#page-18 section.flat-section-v3.flat-slider-contact {
    padding-top: 0 !important;
}
section.flat-title-page.style-2 {
    background-image: linear-gradient(rgb(0 0 0 / 60%), rgba(6, 48, 80, 0.6)), url(/storage/100plus-properties-dubai-cover.jfif) !important;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
@media screen and (max-width: 576px) {
  section.flat-title-page.style-2 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
}