:root{
    --global-color-green:#099E62;
    --global-color-white: #ffffff;
    --global-color-navy: #1D2F5F;
    --global-color-black: #3B3B3B;
    --global-font-family: "Instrument Sans", sans-serif;
    --border-radius: 0;
    --border-top-width: 0px;
    --border-right-width: 0px;
    --border-bottom-width: 0px;
    --border-left-width: 0px;
    --border-style: initial;
    --border-color: initial;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --content-width: min(100%, var(--container-max-width, 1290px));
    --width: 100%;
    --min-height: initial;
    --height: auto;
    --text-align: initial;
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --padding-top: var(--container-default-padding-top, 10px);
    --padding-right: var(--container-default-padding-right, 10px);
    --padding-bottom: var(--container-default-padding-bottom, 10px);
    --padding-left: var(--container-default-padding-left, 10px);
    --position: relative;
    --z-index: revert;
    --overflow: visible;
    --card-border: rgba(255, 255, 255, 0.4);
    --card-bg-hover: rgba(255, 255, 255, 0.05);
    --gap: var(--widgets-spacing, 20px);
    --row-gap: var(--widgets-spacing-row, 20px);
    --column-gap: var(--widgets-spacing-column, 20px);
    --overlay-mix-blend-mode: initial;
    --overlay-opacity: 1;
    --overlay-transition: 0.3s;
    --grid-template-columns: repeat(3, 1fr);
    --grid-template-rows: repeat(2, 1fr);
    --margin-block-start: var(--margin-top);
    --margin-block-end: var(--margin-bottom);
    --margin-inline-start: var(--margin-left);
    --margin-inline-end: var(--margin-right);
    --padding-inline-start: var(--padding-left);
    --padding-inline-end: var(--padding-right);
    --padding-block-start: var(--padding-top);
    --padding-block-end: var(--padding-bottom);
    --border-block-start-width: var(--border-top-width);
    --border-block-end-width: var(--border-bottom-width);
    --border-inline-start-width: var(--border-left-width);
    --border-inline-end-width: var(--border-right-width);
    --display: flex;
    --flex-direction: row;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
    --container-widget-align-self: stretch;
    --flex-wrap-mobile: wrap;
    --justify-content: space-between;
    --align-items: center;
    --padding-top: 10px;
    --padding-bottom: 10px;
    --padding-left: 10px;
    --padding-right: 10px;
    --divider-border-style: double;
    --divider-color: #000;
    --divider-border-width: 5px;
    --min-width: max-content;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
img { width: 100%; height: auto; -ms-interpolation-mode: bicubic; }
/*  gernal style  */
.z-index-1 { z-index: 100; }
.z-index-05 { z-index: 5; }
.pos-static,.static { position: static }
.absolute,.pos-abs { position: absolute }
.fixed,.pos-fix { position: fixed }
.pos-rel,.relative { position: relative }
.sticky { -webkit-position: sticky; -moz-position: sticky; position: sticky }
.absolute-center { position: absolute; top: 50%; inset-inline-start: 50%; transform: translate(-50%,-50%) }
.max-w-full { max-width: 100% }
.min-h-inherit { min-height: inherit }
.hidden { display: none }
.block { display: block }
.inline-block { display: inline-block }
.grid { display: -ms-grid; display: grid }
.d-flex,.flex { display: -webkit-box; display: -ms-flexbox; display: flex }
.inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex }
.flex-col-reverse { flex-direction: column-reverse }
.flex-col { flex-direction: column }
.flex-row-reverse { flex-direction: row-reverse }
.flex-row { flex-direction: row }
.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap }
.flex-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.grid-columns-1-1 { grid-template-columns: 1fr 1fr 1fr; }
.grid-columns-2-1 { grid-template-columns: 2fr 1fr; }
.grid-template-columns-3 { grid-template-columns: repeat(3, 1fr); }
.text-end { text-align: end }
.text-start { text-align: start }
.gap-5, .grid-gap-5 { gap: 5px }
.gap-10, .grid-gap-10 { gap: 10px }
.gap-12, .grid-gap-12 { gap: 12px }
.gap-15, .grid-gap-15 { gap: 15px }
.gap-20, .grid-gap-20 { gap: 20px }
.gap-30, .grid-gap-30 { gap: 30px }
.gap-40, .grid-gap-40 { gap: 40px }
.grid-row-gap-15 { grid-row-gap: 15px;}
.grid-column-gap-15 { grid-column-gap: 15px;}
.grid-row-gap-20 { grid-row-gap: 20px;}
.grid-column-gap-20 { grid-column-gap: 20px;}
.transition-all { -webkit-transition: transform .85s cubic-bezier(.23, 1, .32, 1),background .3s,border .3s,border-radius .3s,box-shadow .3s,opacity .3s; transition: transform .85s cubic-bezier(.23, 1, .32, 1),background .3s,border .3s,border-radius .3s,box-shadow .3s,opacity .3s }
.transition-border { -webkit-transition: border .3s; transition: border .3s }
.transition-bg { -webkit-transition: background .3s; transition: background .3s }
.transition-opacity { -webkit-transition: opacity .3s; transition: opacity .3s }
.transition-color { -webkit-transition: color .3s; transition: color .3s }
.transition-height { -webkit-transition: height .3s; transition: height .3s }
.transition-width { -webkit-transition: width .3s; transition: width .3s }
.transition-shadow { -webkit-transition: box-shadow .3s; transition: box-shadow .3s }
.transition-text { -webkit-transition: color .3s; transition: color .3s }
.cursor-pointer { cursor: pointer }
.objfit-center { object-position: center }
.objfit-cover { -o-object-fit: cover; object-fit: cover }
.image-width img { max-width:inherit;width:100%; height:100%; }
.width-max-content { width: -moz-max-content; width: -webkit-max-content; width: max-content; }
.list-type-none, .list-type-none ul li { list-style-type:none !important; }
.align-item-center { -webkit-box-align: center; -ms-flex-align: center; align-items:center !important; }
.min-width-full { min-width:-moz-max-content !important; min-width:-webkit-max-content !important; min-width:max-content !important; }
.overflow-hidden { overflow: hidden !important; }
.overflow-x-hidden { overflow-x: hidden !important; }
.overflow-y-hidden { overflow-y: hidden !important; }
.overflow-auto { overflow: auto !important; }
.overflow-visible { overflow: visible !important; }
.overflow-scroll { overflow: scroll !important; }
.text-center { text-align: center !important;}
/*margin spaces*/
.mr-auto { margin: 0 auto; }
.mr-0 {margin: 0 !important;}
.mr-tp-0 {margin-top: 0 !important;}
.mr-bt-0 {margin-bottom: 0px !important;}
.mr-lt-0 {margin-left: 0 !important;}
.mr-rt-0 {margin-right: 0 !important;}
/* paddings */
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 32px; }
.pt-40 { padding-top: 40px; }
.pt-45 { padding-top: 45px; }
.pt-50 { padding-top: 50px; }
.pt-55 { padding-top: 55px; }
.pt-60 { padding-top: 60px; }
.pt-65 { padding-top: 65px; }
.pt-70 { padding-top: 70px; }
.pt-75 { padding-top: 75px; }
.pt-80 { padding-top: 80px; }
.pt-85 { padding-top: 85px; }
.pt-90 { padding-top: 90px; }
.pt-95 { padding-top: 95px; }
.pt-100 { padding-top: 100px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 32px; }
.pb-40 { padding-bottom: 40px; }
.pb-45 { padding-bottom: 45px; }
.pb-50 { padding-bottom: 50px; }
.pb-55 { padding-bottom: 55px; }
.pb-60 { padding-bottom: 60px; }
.pb-65 { padding-bottom: 65px; }
.pb-70 { padding-bottom: 70px; }
.pb-75 { padding-bottom: 75px; }
.pb-80 { padding-bottom: 80px; }
.pb-85 { padding-bottom: 85px; }
.pb-90 { padding-bottom: 90px; }
.pb-95 { padding-bottom: 95px; }
.pb-100 { padding-bottom: 100px; }
/* site margins */
.mt-10 { padding-top: 10px; }
.mt-15 { padding-top: 15px; }
.mt-20 { padding-top: 20px; }
.mt-25 { padding-top: 25px; }
.mt-30 { padding-top: 30px; }
.mt-35 { padding-top: 32px; }
.mt-40 { padding-top: 40px; }
.mt-45 { padding-top: 45px; }
.mt-50 { padding-top: 50px; }
.mt-55 { padding-top: 55px; }
.mt-60 { padding-top: 60px; }
.mt-65 { padding-top: 65px; }
.mt-70 { padding-top: 70px; }
.mt-75 { padding-top: 75px; }
.mt-80 { padding-top: 80px; }
.mt-85 { padding-top: 85px; }
.mt-90 { padding-top: 90px; }
.mt-95 { padding-top: 95px; }
.mt-100 { padding-top: 100px; }
.mb-10 { padding-bottom: 10px; }
.mb-15 { padding-bottom: 15px; }
.mb-20 { padding-bottom: 20px; }
.mb-25 { padding-bottom: 25px; }
.mb-30 { padding-bottom: 30px; }
.mb-35 { padding-bottom: 32px; }
.mb-40 { padding-bottom: 40px; }
.mb-45 { padding-bottom: 45px; }
.mb-50 { padding-bottom: 50px; }
.mb-55 { padding-bottom: 55px; }
.mb-60 { padding-bottom: 60px; }
.mb-65 { padding-bottom: 65px; }
.mb-70 { padding-bottom: 70px; }
.mb-75 { padding-bottom: 75px; }
.mb-80 { padding-bottom: 80px; }
.mb-85 { padding-bottom: 85px; }
.mb-90 { padding-bottom: 90px; }
.mb-95 { padding-bottom: 95px; }
.mb-100 { padding-bottom: 100px; }
.container-fluid { width: 100%; padding: 0; }
.d-flex { display: flex;}
.col-5 { width: 5%; }
.col-10 { width: 10%; }
.col-15 { width: 15%; }
.col-20 { width: 20%; }
.col-25 { width: 25%; }
.col-30 { width: 30%; }
.col-33 { width: 33.3333%; }
.col-35 { width: 35%; }
.col-40 { width: 40%; }
.col-45 { width: 45%; }
.col-50 { width: 50%; }
.col-55 { width: 55%; }
.col-60 { width: 60%; }
.col-66 { width: 66.6666%; }
.col-65 { width: 65%; }
.col-70 { width: 70%; }
.col-75 { width: 75%; }
.col-80 { width: 80%; }
.col-85 { width: 85%; }
.col-90 { width: 90%; }
.col-95 { width: 95%; }
.full-width { width: 100%; }
.align-items-start { -ms-flex-pack: start !important; align-items: flex-start !important; }
.align-items-end { -ms-flex-pack: end !important; align-items: flex-end !important; }
.align-items-center { -ms-flex-pack: center !important; align-items: center !important; }
.align-items-between { -ms-flex-pack: justify !important; align-items: space-between !important; }
.align-items-around { -ms-flex-pack: distribute !important; align-items: space-around !important; }
.align-items-stretch { align-items: stretch; }
.align-content-center { align-content: center; }
.flex-col-reverse { flex-direction: column-reverse !important; }
.flex-col { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-row { flex-direction: row !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.justify-content-start { -ms-flex-pack: start!important; justify-content: flex-start!important; }
.justify-content-center { -ms-flex-pack: center!important; justify-content: center!important; }
.justify-content-end { -ms-flex-pack: end!important; justify-content: flex-end!important; }
.justify-content-around { -ms-flex-pack: distribute!important; justify-content: space-around!important; }
.justify-content-between { -ms-flex-pack: justify!important; justify-content: space-between!important; }
.center-align { text-align: center !important; }
.left-align { text-align: left!important; }
.right-align { text-align: right !important; }
.border-radius-100 { border-radius:100px;}
.background-color-button-white { background-color: var(--global-color-white);}
.background-color-button-navy { background-color: var(--global-color-navy);}
.background-color-button-green { background-color: var(--global-color-green);}
.green-highlight { color: var(--global-color-green); }
@media (max-width:767px) {
    .grid-template-columns-3 { grid-template-columns: repeat(1, 1fr); }
}
.button { background-color: var(--global-color-3c2d2bb); font-family: "Manrope", Sans-serif; font-size: 12px; font-weight: 500; fill: var(--global-color-82c6947); color: var(--global-color-82c6947); border-radius: 0px 0px 0px 0px; padding: 8px 12px 8px 12px; }
.aref-ruqaa-ink-regular { font-family: "Aref Ruqaa Ink", serif; font-weight: 400; font-style: normal; }
.aref-ruqaa-ink-bold { font-family: "Aref Ruqaa Ink", serif; font-weight: 700; font-style: normal; }
a {text-decoration: none;transition: all 0.2s ease; display: block;color: var(--theme-link-initial-color);}
body { background-color: var(--global-color-white); font-family: var(--global-font-family); }
ul{list-style: none;}
select:focus, 
textarea:focus, 
input:is([type=url],
[type=tel],
[type=text],
[type=time],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=number],
[type=search],
[type=password]):focus { outline: none; color: var(--theme-form-text-focus-color, var(--theme-text-color)); border-color: var(--theme-form-field-border-focus-color); background-color: var(--has-classic-forms, var(--theme-form-field-background-focus-color));}
.container { max-width: var(--content-width); margin: 0 auto; padding: 0 20px; width: 100%; }
/* Top Bar */
.top-bar { padding: 15px 0px; }
.top-br-row h6 { font-weight: 400; color: var(--global-color-white); font-size: 17px; letter-spacing: 2px; text-transform: capitalize; }
/* Header style */
.site-logo { text-align: center; }
.site-logo img { max-width: 140px; object-fit: contain; width: 100%;}
/* Navigation style */
.header-row { padding: 26px 0px; }
.nav-list ul a { color: var(--global-color-white); font-size: 18px; font-weight: 400; }
.header-button img { width: 22px; height: 22px; object-fit: contain;}
.header-button { font-size: 16px; font-weight: 400; color: var(--global-color-navy); width: max-content; padding-left: 20px; padding-right:20px; margin-left: auto; }
.header-bottom-bar-row .header-button { color: var(--global-color-white); margin: 0;}
.header-bottom-bar-row { padding: 18px 0px; }
section.header-bottom-bar-section { border-top: 1px solid #6578AD; }
.header .header-button { padding-left: 10px; padding-right: 10px; }
.site-name { margin-bottom:10px; font-weight: 600; font-size: 18px; stroke: none; color: var(--global-color-white); text-transform: capitalize; font-family: var(--global-font-family); }
.site-slug-name { font-size: 9px; color: var(--global-color-white); letter-spacing: 5.5px; }
.site-name tspan { font-size: 12px; vertical-align: top; }
/* Hero-section */
/*second-page*/
.hero-for-sale { background-repeat: no-repeat; background-size: cover; background-position: center; padding-top: 150px; padding-bottom: 150px; }
/*second-page*/
/* Slider style */
.hero-slider { width: 100%; height: 820px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 0;}
.heading-font {  color:var(--global-color-black); font-family: var(--global-font-family); font-weight: 700; font-style: Bold; font-size: 50px; line-height: 47px; letter-spacing: 0%; vertical-align: middle; }
.short-heading {font-weight: 700;font-style: Bold;font-size: 28px;line-height: 47px;letter-spacing: 0%;vertical-align: middle;color:var(--global-color-black);}
.slide-btns .header-button { color: var(--global-color-white); text-transform: uppercase; letter-spacing: 6px; font-weight: 700; margin-right: auto; margin-left: 0; }
.hero-slider-content-inner { max-width: 610px; width: 100%; padding: 60px 40px; background-color: var(--global-color-white); border-radius: 50px; overflow: hidden; margin-left: auto; margin-right: 0;}
.whitefont {color: #ffffff !important;}
.swiper-button-prev { left: 0 !important; margin-left: 0 !important; background: blue !important;}
.swiper-button-next { right: 0 !important; margin-right: 0 !important; background: blue !important;}
.hero-slider .swiper-slide { overflow: hidden; color: #fff;}
.hero-slider .swiper-container { width: 100%; height: 820px; position: absolute; left: 0; top: 0;}
.hero-slider .slide-inner { width: 100%; height: 820px; position: absolute; left: 0; top: 0; z-index: 1; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: left;}
.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next { background: transparent; width: 28px; height: 28px; line-height: 24px; text-align: center; border: 2px solid #d4d3d3; border-radius: 28px; opacity:0; /* visibility:hidden; */ transition:all .3s ease;}
.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next { transform:translateX(0); opacity:1; visibility:visible;}
@media (max-width: 767px) {
  .hero-slider .swiper-button-prev,
  .hero-slider .swiper-button-next { display: none; }
}
.hero-slider .swiper-button-prev { left: 25px; transform:translateX(50px);}
.hero-slider .swiper-button-next { right: 25px; transform:translateX(-50px);}
.hero-slider .swiper-pagination-bullet { width: 12px; height: 12px; text-align: left; line-height: 12px; font-size: 12px; color: #000; opacity: 0.3; background:#fff; transition:all .2s ease;}
.hero-slider .swiper-pagination-bullet-active { opacity:1;}
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction { bottom: 30px;}
@media (min-width: 992px) {
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
  .hero-slider .swiper-pagination-custom,
  .hero-slider .swiper-pagination-fraction { /* display: none; */ }
.swiper-pagination { text-align:left;}
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:50px; max-width: 1200px; padding: 0 15px; display: table; margin: 0 auto; left: 50%; top:90%; transform: translateX(-50%);}
}
@media (min-width: 767px) {
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:30px; }
}
/*--------------------------------------------------------------
  #hero-style
--------------------------------------------------------------*/
/* @media (max-width: 991px) {
  .hero-style { height: 420px; }
}
@media (max-width: 767px) {
  .hero-style{ height: 420px; }
}
@media screen and (min-width: 992px) {
  .hero-style .container { padding-top: 95px; }
} */
.hero-style .slide-title h2 { font-size: 50px; font-weight: 600; line-height: 1; color: #ffffff; margin: 0 0 40px; text-transform: capitalize; transition:all .4s ease;}
.slide-text { margin-top: 10px; }
.slide-btns { margin-top: 40px; }
@media (max-width: 1199px) {
  .hero-style .slide-title h2 { font-size: 50px; }
}
@media (max-width: 991px) {
  .hero-style .slide-title h2 { font-size: 50px; margin: 0 0 35px; }
}
@media (max-width: 767px) {
  .hero-style .slide-title h2 { font-size: 35px; margin: 0 0 30px; }

}
.hero-style .slide-text p { color: var(--global-color-black); transition:all .4s ease;font-weight: 400;font-size: 26px;}
@media (max-width: 767px) {
  .hero-style .slide-text p { font-size: 16px; font-weight: normal; margin: 0 0 30px; }
}
/* Slider end */

.page-template-homepage .finanace-section .Experience-sub-title { display: none; }
.hero-video { width: 100%; object-fit: cover; }
/* Hero-section end */
/* About section start */
.about-section { overflow: hidden; }
.page-template-homepage .about-section,
.page-template-homepage .Experience-image-column { margin-bottom: -4px; }
.about-information { max-width: 530px; width: 100%; padding: 20px;}
.about-image-column img { width: 50vw; height: 600px; object-fit: cover;}
.about-sub-title h5 { font-weight: 400; font-style: Italic; font-size: 18px; line-height: 100%; letter-spacing: 6px; color: #969696;}
.about-heading h2 { font-weight: 700; font-size: 50px; vertical-align: middle; margin-bottom: 25px;}
.about-sub-heading h4 { font-weight: 700; font-size: 22px; vertical-align: middle;}
.about-description p { font-weight: 400; font-size: 20px; vertical-align: middle; margin-top: 10px;}
/* Experience section start */
.Experience-section { overflow: hidden; }
.Experience-information { max-width: 580px; width: 100%; padding: 20px; margin-right: 0; margin-left: auto;}
.Experience-image-column img { width: 50vw; height: 600px; object-fit: cover;}
.Experience-image-column { position: relative;}
img.desktop--experience-image { position: absolute; top: 0; right: 0;}
.Experience-sub-title h5 { font-weight: 400; font-style: Italic; font-size: 18px; line-height: 100%; letter-spacing: 6px; color: #969696;}
.Experience-heading h2 { font-weight: 700; font-size: 50px; vertical-align: middle; margin-bottom: 25px; color: var(--global-color-white);}
.Experience-sub-heading h4 { font-weight: 700; font-size: 22px; vertical-align: middle; color: var(--global-color-white);}
.Experience-description p { font-weight: 400; font-size: 20px; vertical-align: middle; margin-top: 10px; color: var(--global-color-white);}
/* Contact section style */
.info-grid-section { padding: 70px 0px; }
.info-grid-section .Experience-sub-title { text-align: center; }
/* Header Styles */
.section-header .title {font-weight: 700;font-size: 50px;text-align: center;max-width: 677px;width: 100%;color: var(--global-color-black);margin: 0 auto;line-height: 100%; margin-bottom: 70px;}
.section-header .highlight { color: #00a86b; /* Green color */}
/* Grid Layout */
.grid-container { display: grid; grid-template-columns: repeat(3, 1fr); /* 3 Columns */ gap: 24px; margin-bottom: 40px;}
/* Base Card Style */
.grid-item { border-radius: 20px; overflow: hidden; background-color: #EFF1F3; aspect-ratio: 1 / 0.9; position: relative; display: flex; align-items: center; justify-content: center; border: 1px solid #D2D2D2;}
/* Image Card */
.image-item img { width: 100%; height: 100%; object-fit: cover;}
/* Text Card */
.text-item { padding: 30px;}
.text-item h3 {font-weight: 700;font-size: 24px;text-align: center;vertical-align: middle;color: var(--global-color-black);}
.text-item p {font-weight: 400;font-size: 20px;text-align: center;vertical-align: middle;}
.text-item .icon { width: 42px; height: 42px; margin: 0 auto; margin-bottom: 30px;}
.text-item .icon img { width: 100%; object-fit: contain;}
/* Top Right Arrow */
.arrow-top-right { position: absolute; top: -13px; right: -13px; background: #e0e0e0; width: 55px; height: 55px; border-radius: 100px; display: flex; align-items: flex-end; justify-content: flex-start; color: #666; padding-left: 17px;padding-bottom: 17px;}
.arrow-top-right img {width: 10px;}
/* CTA Button */
.grid-footer-cta .header-button { color: var(--global-color-white); text-transform: uppercase; letter-spacing: 6px; font-weight: 700; margin-left: auto; margin-right: auto; padding-left: 35px; padding-right: 35px; }
/* Responsive for Mobile */
@media (max-width: 900px) {
  .grid-container { grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 600px) {
  .grid-container { grid-template-columns: 1fr;}
}
/* Features section */
.featured-section { padding: 80px 0px; }
.inner-featured-section .section-header .title { margin-bottom: 25px; }
/* SLIDER STYLES */
.slider-viewport { overflow: hidden; border-radius: 15px; }
.slider-track { display: flex; gap: 20px; transition: transform 0.5s ease-in-out; }
.slide { flex: 0 0 calc(100% - 10px); position: relative; /* aspect-ratio: 1 / 1; */ border-radius: 15px; overflow: hidden; display: flex; gap: 20px; transition: transform 0.5s ease-in-out; }
.slide img { width: 100%; height: 100%; object-fit: cover; }
.image-inner-slide { position: relative; height: 450px; border-radius: 30px; overflow: hidden; }
#sliderTrack .header-button img { width: 22px; height: 22px; object-fit: contain; }
.nf-form-content label { font-size: 18px; line-height: 20px; font-weight: 700; margin: 0; padding: 0; }
.nf-form-content .label-above .nf-field-label, .nf-form-content .label-below .nf-field-label, .nf-form-content .label-hidden .nf-field-label { margin-bottom: 10px; padding: 0;}
.label-above .nf-field-element, .label-below .nf-field-element { margin: 0; width: 100%;}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea { background: #f7f7f7; border: 1px solid #c4c4c4; border-radius: 0; box-shadow: none; color: #787878;transition: all .5s;}
.label-above .nf-field-element, .label-below .nf-field-element { margin: 0; width: 100%;}
.field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap>div input, .field-wrap select, .field-wrap textarea { width: 100%;}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field { font-size: 16px; margin: 0; padding: 12px;}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) { height: 50px;}
#ninja_forms_required_items, .nf-field-container { clear: both; position: relative; margin-bottom: 25px;}
.nf-form-hp,
.nf-form-fields-required { position: absolute; visibility: hidden;}
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] { background: #E5E5E5; border: 0; color: #f7f7f7; transition: all .5s;}
.nf-error-msg { color: #d20000;}
.nf-form-content input[type="submit"] { width: 100% !important; background-color: var(--global-color-green) !important; color: var(--global-color-white) !important; text-transform: uppercase; letter-spacing: 6px; font-weight: 700; margin-left: auto; margin-right: auto;padding-left: 35px;padding-right: 35px;}
.nf-form-content .checkbox-container .nf-field-label label { font-size: 14px; font-weight: 400; }
.nf-form-wrap .nf-form-content input[type="checkbox"] { height: inherit; width: max-content; }
.field-wrap.checkbox-wrap { display: flex; flex-direction: row-reverse; justify-content: flex-end;  flex-wrap: nowrap;  gap: 12px; }
.school-scroll-box {display: flex;align-content: center;justify-content: center;align-items: center;}
.school-scroll-box .header-button {margin-right: auto;color: var(--global-color-white);color: var(--global-color-white);text-transform: uppercase;letter-spacing: 4px;font-weight: 700;margin-left: auto;margin-right: auto;padding-left: 35px;padding-right: 35px;}
.sub-images img:first-child {grid-column: span 2 / span 1;}
/* Price Overlay on Image */
.overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; background: linear-gradient(transparent, rgba(0,0,0,0.8)); color: var(--global-color-white); }
.price-row { font-size: 18px; margin-bottom: 5px; }
.sub-detail { font-size: 14px; opacity: 0.9; }
/* Arrows Style */
.nav-arrows { margin-top: 15px; display: flex; gap: 15px; }
.nav-arrows button { background: none; border: none; font-size: 35px; color: var(--navy); cursor: pointer; font-weight: bold; }
/* CONTENT STYLES */
.features-label { color: #aaa; font-style: italic; margin-bottom: 5px; }
.title { font-size: 42px; color: #333; margin-bottom: 20px; }
.green-text { color: var(--green); }
.description { color: var(--text); line-height: 1.6; margin-bottom: 30px; }
/* 2x2 Features Grid */
.features-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 30px; }
.inner-featured-section .Experience-description p { color: var(--global-color-black); }
.count-info p {font-size: 20px;font-weight: 700;margin-right: 5px;}
.count-info span {font-size: 15px;font-weight: 400;margin-right: 0px;}
.inner-featured-section .Experience-description {margin-bottom: 18px;}
.inner-featured-section .grid-footer-cta .header-button {margin-left: 0;}
.f-box {background: var(--global-color-navy);color: var(--global-color-white);padding: 15px;border-radius: 8px;display: flex;align-items: center;gap: 12px;}
.f-icon img {width: 40px;height: 40px;object-fit: contain;}
.see-more-btn {display: inline-block;background: var(--green);color: white;padding: 15px 40px;text-decoration: none;border-radius: 4px;font-weight: bold;letter-spacing: 1px;}
/* RESPONSIVE */
@media (max-width: 992px) {
    .main-container { flex-direction: column; }
    .slide { flex: 0 0 100%; } /* One image at a time on mobile */
}
.community-wrapper {display: flex;align-items: center;padding: 80px 0px;background-color: var(--global-color-navy);color: var(--global-color-white);}
.community-wrapper .intro-content {max-width: 480px;}
.community-wrapper .section-header .title {color: var(--global-color-white);}
.community-container {display: grid;grid-template-columns: 1fr 1fr; /* Two equal columns */gap: 80px;}
/* Left Column Styling */
.intro-content .main-heading {font-size: clamp(2.5rem, 5vw, 3.8rem); /* Fluid typography */font-weight: 800;line-height: 1.1;margin-bottom: 40px;}
.highlight-green {color: var(--accent-green);}
.description-text p {font-size: 1.1rem;margin-bottom: 25px;opacity: 0.85;max-width: 550px;}
/* Right Column (Cards) Styling */
.feature-list {display: flex;flex-direction: column;gap: 24px;justify-content: center;}
.feature-card {border: 1px solid var(--card-border);border-radius: 24px;padding: 32px;display: flex;gap: 25px;transition: all 0.3s ease;}
.feature-card:hover {background-color: var(--card-bg-hover);transform: translateY(-5px);}
.icon-box {flex-shrink: 0;width: 48px;height: 48px;color: var(--global-color-white);}
.icon-box svg {width: 100%;height: 100%;}
.card-info h3 {font-size: 1.4rem;font-weight: 700;margin-bottom: 12px;}
.card-info p {font-size: 1rem;opacity: 0.8;}
/* --- Responsive Adjustments --- */
@media (max-width: 1024px) {
.container {grid-template-columns: 1fr; /* Stacks to single column */gap: 60px;}
.intro-content {text-align: center;}
.description-text p {margin: 0 auto 25px;}
}
@media (max-width: 640px) {
.feature-card { flex-direction: column; text-align: center;align-items: center;padding: 24px;}
.icon-box {margin-bottom: 15px;}
}
/* Finance section */
.center-content-finance {max-width: 654px;width: 100%;background-color: var(--global-color-white);border-radius: 20px;box-shadow: 6px 6px 16.7px 0px #0000004D;padding: 65px;margin-left: auto;margin-right: 0;transform: translate(100px, 0px);}
.center-content-finance .Experience-description p { color: var(--global-color-black); }
.center-content-finance .section-header .title { margin-bottom: 20px;}
.center-content-finance .grid-footer-cta .header-button { margin-left: 0;margin-top: 50px;}
.right-column-finance-image img { width: 100%; height: 700px; object-fit: cover;object-position: top center;}
li.home-list-item img { width: 30px;height: 30px;object-fit: contain;}
.left-content-finance .section-header .title {max-width: inherit;margin-bottom: 30px;font-size: 35px;}
.left-content-finance {max-width: 657px;margin-left: auto;margin-right: 0;padding-right: 80px;padding-top: 80px;padding-bottom: 80px;}
.right-column-finance-image iframe {width: 100%;height: 1100px;}
.home-list-item a {background-color: var(--global-color-white);border-bottom: 1px solid #D0D0D0;padding: 20px;display: flex;align-items: center;justify-content: flex-start;align-content: center;gap: 20px;font-size: 20px;font-weight: 400;color: var(--global-color-black);}
.home-list-item.active a { background-color: var(--global-color-navy); color: var(--global-color-white); border-bottom: 0px solid #D0D0D0; border-radius: 20px; }
/* Contact form section style */
section.content-form-section { margin-top: -320px; }
.image-column img { width: 100%; }
/* Footer style */
.site-footer { background-color: var(--global-color-navy); padding-top: 450px;margin-top: -380px; }
.footer-links h3 {font-weight: 700;font-size: 18px;vertical-align: middle;color: var(--global-color-white);margin-bottom: 15px;}
.footer-links a {font-weight: 400;font-size: 18px;vertical-align: middle;color: var(--global-color-white);}
.footer-links .header-button {margin-left: 0;padding-left: 0;}
/* bottom footer */
.copyright-text p,
.policy-links a{ font-weight: 400; font-size: 18px; text-align: left; vertical-align: middle; color: var(--global-color-white); }
.bottom-footer-wrapper { padding: 30px 0px; }
.footer-inner-wrapper { padding-bottom: 50px; border-bottom: 1px solid #536AA3; }
.policy-links ul li { display: flex; flex-direction: row; align-items: flex-end; gap: 20px; color: var(--global-color-white); justify-content: flex-end; }
.footer-links ul { display: flex; flex-direction: column; justify-content: flex-start; gap: 10px; }
/* Home for sale page style */
.home-for-sale-hero-section .hero-slider-content-inner { margin-left: 0; margin-right: auto; max-width: 595px; padding: 0; background: transparent; border-radius: 0; }
.home-for-sale-hero-section .slide-text p,
.home-for-sale-hero-section .heading-font { color: var(--global-color-white); }
.home-for-sale-hero-section .Experience-sub-title h5 { color:#DEDEDE; }
.home-for-sale-hero-section .slide-text p { margin-top: 25px; }
.home-for-sale-hero-section .header-button { padding-left: 30px; padding-right: 30px; }
/* Property Card Styles */
.Community-section { padding: 70px 0px; }
.property-card { background: var(--global-color-white); border-radius: 15px; overflow: hidden; box-shadow: 6px 3px 39.9px 9px #00000024; transition: transform 0.3s, box-shadow 0.3s; aspect-ratio: inherit; flex-direction: column; align-items: flex-start; padding: 15px 20px; }
.property-card:hover { transform: translateY(-5px); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); }
.property-category { background: var(--global-color-green); color: var(--global-color-white); padding: 10px 15px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; position: absolute; top: 0; left: 0; z-index: 1; }
.property-image { width: 100%; height: 180px; overflow: hidden; }
.property-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s;}
.property-card:hover .property-image img { transform: scale(1.05); }
.property-content { padding-top: 10px; width: 100%; }
.property-card-header { position: relative; border-radius: 15px; overflow: hidden; width: 100%; }
.property-title { font-size: 17px; font-weight: 700; margin-bottom: 5px; color: var(--global-color-navy); }
span.detail-icon { width: 14px; height: 14px;}
.detail-icon img { width: 100%; height: auto; object-fit: contain; object-position: center; }
.property-description { font-size: 14px; color: var(--global-color-green); margin-bottom: 10px; font-weight: 700;}
.Community-section .Experience-sub-title h5 { text-align: center; }
.property-details { padding-bottom: 12px; margin-bottom: 12px;border-bottom: 1px solid #EAEAEA; display: flex;flex-direction: row;gap: 20px;justify-content: flex-start;}
.detail-item {display: flex; justify-content: space-between;align-items: center;font-size: 14px;gap:5px;}
.detail-label {font-weight: 600;color: var(--global-color-navy);}
.detail-value {font-size: 12px;font-weight: 400;}
.property-buttons {display: flex;gap: 10px;justify-content: space-between;}
.property-buttons .header-button { transition: all 0.3s; padding-left: 5px; padding-right: 5px; margin: 0; padding-top: 8px; padding-bottom: 8px; text-transform: uppercase; font-size: 12px; font-weight: 700; }
.property-buttons .background-color-button-green { background-color: var(--global-color-green); color: var(--global-color-white); }
.property-buttons .background-color-button-white { color: var(--global-color-green); }
/* Amenities page style */
.amenities-hero-section .hero-slider-content-inner { max-width: 900px; padding: 60px 40px;  overflow: hidden; margin-right: auto; text-align: center; transform: translate(0px, 50%); box-shadow: 0px 4px 14.7px 0px #00000024; }
.amenities-hero-section.hero-slider .slide-inner { align-items: flex-end; }
.amenities-hero-section .slide-btns .header-button { margin-left: auto; margin-right: auto; }
.view-home-detail-section .Experience-image-column img { height: 720px; }
.view-home-detail-section .grid-footer-cta .header-button { margin-left: 0; }
.view-home-detail-section .grid-footer-cta { margin-top: 75px; }
.view-home-detail-section .Experience-description p { margin-top: 30px; }
.swiper.mySwiper { width: 100%; height: 100%; overflow: hidden; position: relative; }
.mySwiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.list-icon-box-inner img { width: 18px; height: 18px; object-fit: contain; }
.list-icon-box-wrapper { margin-top: 12px; }
.list-icon-box-wrapper .list-icon-box:not(:last-child) { margin-bottom: 15px; }
.list-icon-box-inner { display: flex; align-content: center; align-items: center; gap: 10px; }
.photo-album-section { padding: 90px 0px; padding-top: 300px; }
/*.page-template-amenities .photo-album-section { padding: 80px 0px; padding-top: 80px; }*/
.swiper-container-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-custom, 
.swiper-pagination-fraction { bottom: 0px !important; position: relative; }
.swiper-pagination-bullet { width: 12px !important; height: 12px !important; background: #099E61 !important; opacity: .4 !important; }
.swiper-pagination-bullet-active { opacity: 1 !important; background: #099E61 !important; }
/* Single listing page style */
.details-panel,.gallery { padding: 50px 0px; }
.listing-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 30px; }
.main-img { width: 100%; border-radius: 0px; display: block; }
.sub-images { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; margin-top: 4px; }
.sub-images img { width: 100%; height: 250px; object-fit: cover; border-radius: 0px; }
.listing-hero-section .section-header .title { margin-bottom: 20px; }
.listing-specs { color: var(--global-color-navy); margin-bottom: 10px; }
.listing-address { margin-bottom: 20px; margin-top: 20px; }
.listing-description,
.listing-address,
.listing-specs { font-weight: 400; font-size: 20px; vertical-align: middle; }
.listing-hero-section .grid-footer-cta { margin-top: 50px; }
.listing-hero-section .grid-footer-cta .header-button { margin-left: 0px; }
form#lidd_mc_form { padding-top: 50px; }
.lidd_mc_input { margin-bottom: 15px; }
.lidd_mc_input input,
.lidd_mc_input select { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; }
.lidd_mc_input label { margin-bottom: 10px; display: block; font-weight: 400; font-size: 20px; vertical-align: middle; }
.lidd_mc_input label[for="lidd_mc_total_amount"]::before { content: 'Mortgage Amount ($)'; }
.lidd_mc_input label[for="lidd_mc_interest_rate"]::before { content: 'Interest Rate'; }
.lidd_mc_input label[for="lidd_mc_amortization_period"]::before { content: 'Amortization Period'; }
div#lidd_mc_details { display: none; }
.lidd_mc_input input#lidd_mc_submit { color: var(--global-color-white); text-transform: uppercase; letter-spacing: 6px; font-weight: 700; margin-left: auto; margin-right: auto; padding-left: 35px; padding-right: 35px; border: none; background-color: var(--global-color-green); border-radius: 0; padding-top: 20px !important; padding-bottom: 20px !important; }
/* Mortgage Calc */
.calculator-card { padding-top: 50px; }
.calculator-card-heading h3 { font-size:40px; font-weight: 700; margin-bottom: 20px; }
.input-group { margin-bottom: 15px; }
.input-group label { margin-bottom: 10px; display: block;}
.input-group input { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; }
.flex-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.btn-calculate { width: 100%; background: #00a35c; color: white; border: none; padding: 12px; border-radius: 4px; cursor: pointer; font-weight: bold; margin-top: 10px; }
.form-listing-disclaimer { margin-top: 35px; }
/* SESSION 2: Dark Map Section */
.session-two { background-color: #1e2d53; color: white; padding: 60px 0; }
.map-content { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.address-info span { color: #8ea8db; font-size: 0.9rem; }
.map-wrapper { flex: 0 0 500px; max-width: 100%; }
/* SESSION 3: School Ratings */
/* Session 3 Specific Styling */
.session-three { background-color: #f8f9fa; padding: 80px 0; padding-bottom: 450px; }
.school-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 50px; align-items: start; }
/* Left Side Styling */
.small-label { color: #b0b0b0; font-size: 0.9rem; margin-bottom: 5px; }
.section-title { font-size: 2.2rem; font-weight: 700;  color: #222; margin-bottom: 25px; }
.rating-img { width: 100%; border-radius: 4px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
/* Right Side Styling - Scrollable */
.school-intro { font-size: 0.85rem; color: #666; margin-bottom: 15px; }
.school-scroll-box { height: 400px; overflow-y: scroll; padding-right: 15px; }
/* Custom Scrollbar Styling (Like the screenshot) */
.school-scroll-box::-webkit-scrollbar { width: 6px; }
.school-scroll-box::-webkit-scrollbar-track { background: #e0e0e0; }
.school-scroll-box::-webkit-scrollbar-thumb { background: #c0c0c0; border-radius: 10px; }
.school-card { display: flex; align-items: center; gap: 20px; padding: 15px 0; border-bottom: 1px solid #eee; }
.gs-rating-badge img { width: 55px; height: auto; border-radius: 8px; }
.school-name { color: var(--global-color-navy); font-size: 1.1rem; margin-bottom: 3px; }
.school-details p { font-size: 0.85rem; color: #777; margin: 0; }
.school-details .meta { color: #999; margin-top: 4px; }
.Experience-section.view-home-detail-section .Experience-image-column { margin-bottom: -4px; }
.contact-wrapper{ margin:40px auto; border-radius:20px; overflow:hidden; display:flex; box-shadow:0 10px 30px rgba(0,0,0,0.08); }
.policy-links { display: none; }
.page-template-single-listing .content-form-section { margin-top: -430px; }
/* Gallery Page style */
.side-plan-section { padding-top: 280px; padding-bottom: 450px; }
/* Contact page style */
.redesign-content-form-section { padding-top: 300px; padding-bottom: 50px; max-width: 850px; margin: 0 auto; }
.page-template-contact-form-template .site-footer { padding-top: 70px; margin-top: 0px; }
/* residant page style */
.page-template-resident-feedback-template .redesign-content-form-section { padding-top: 300px; padding-bottom: 350px; }
/* Site plan page */
.page-template-site-plan-template .side-plan-section { padding-top: 280px; padding-bottom: 350px; }
/* Responsive Adjustments */
@media (max-width: 800px) {
    .school-grid { grid-template-columns: 1fr; }
    .school-scroll-box { height: auto; overflow-y: visible; }
}
/* Responsive Adjustments */
@media (max-width: 900px) {
    .listing-grid, .school-grid { grid-template-columns: 1fr; }
    .map-content { flex-direction: column; text-align: center; }
    .map-wrapper { flex: 1 1 100%; margin-top: 30px; }
}
/* Home page contact form section design */
/* Main Wrapper */
.contact-wrapper{ margin:40px auto; border-radius:20px; overflow:hidden; display:flex; box-shadow:0 10px 30px rgba(0,0,0,0.08); max-width: 720px; }
/* Left Image */
.contact-image{ flex:1; display: none; }
.contact-image img{ width:100%; height:100%; object-fit:cover; display:block; }
/* Right Form Side */
.contact-form-area{ flex:1; background:#f8f8f8; padding:60px 60px; display:flex; flex-direction:column; justify-content:center; }
/* Heading */
.contact-form-area h2{ font-size:48px; margin-bottom:40px; color:#243763; font-weight:700; }
/* Inputs */
.contact-form input{ width:100%; padding:18px; margin-bottom:20px; border:none; background:#e5e5e5; font-size:16px; outline:none; }
.contact-form input::placeholder{ color:#555555; }
/* Button */
.nf-form-content input[type="submit"] {width: 100%;background-color: var(--global-color-green);}
/* Mobile */
@media(max-width:768px){
  .contact-wrapper{ flex-direction:column; margin:0px; }
  .contact-form-area{ padding:30px 15px; }
  .contact-form-area h2{ font-size:36px; }
}
@media(min-width: 768px){
  .sub-images img:first-child { height: 500px; }
  .desktop-hide { display: none; }
}
@media(max-width:767px){
.mobile-hide { display: none; }
.mobile-show { display: block; }
.mobile-menu.mobile-transform-hide { transform: translate(-100%, 0%); }
.mobile-menu.mobile-transform { transform: translate(0, 0%); }
.mobile-position { display: absolute; }
.sm-flex-direction-column { flex-direction: column; }
.sm-flex-direction-row { flex-direction: row; }
.sm-flex-direction-column-reverse { flex-direction: column-reverse; }
.sm-flex-warp { flex-wrap: wrap;}
.grid-columns-2-1 { grid-template-columns: 1fr; }
.sm-col-5 { width: 5%; }
.sm-col-10 { width: 10%; }
.sm-col-15 { width: 15%; }
.sm-col-20 { width: 20%; }
.sm-col-25 { width: 25%; }
.sm-col-30 { width: 30%; }
.sm-col-33 { width: 33.3333%; }
.sm-col-35 { width: 35%; }
.sm-col-40 { width: 40%; }
.sm-col-45 { width: 45%; }
.sm-col-50 { width: 50%; }
.sm-col-55 { width: 55%; }
.sm-col-60 { width: 60%; }
.sm-col-66 { width: 66.6666%; }
.sm-col-65 { width: 65%; }
.sm-col-70 { width: 70%; }
.sm-col-75 { width: 75%; }
.sm-col-80 { width: 80%; }
.sm-col-85 { width: 85%; }
.sm-col-90 { width: 90%; }
.sm-col-95 { width: 95%; }
.sm-full-width { width: 100%; }
.sm-col-100 { width: 100%; }
.sm-gap-20 { gap:20px; }
.main-title h2 { font-size: 35px; }
.column-2 .main-title h2 {  font-size: 26px; }
.featured-post-title h2 { font-size: 20px; }
.featured-box { padding: 0 12px; }
.header-button { font-size: 14px; word-break: break-all; width: 100%; }
.top-br-row h6 { font-weight: 400; color: var(--global-color-white); font-size: 12px; }
.top-br-row { padding: 0px 10px; }
.site-logo { text-align: center; }
.redesign-content-form-section { padding-top: 50px; padding-bottom: 50px; }
.hero-slider .slide-inner, .hero-slider .swiper-container, .hero-slider { height: 540px; }
.heading-font { font-size: 30px; line-height: 100%; }
.short-heading { font-size: 16px; line-height: 140%; }
.hero-slider-content-inner { padding: 30px 20px; border-radius: 20px; }
.slide-btns .header-button { letter-spacing: 1px; font-size: 11px; }
.about-heading h2, .Experience-heading h2, .section-header .title { font-size: 32px; }
.about-sub-title h5, .Experience-sub-title h5 { font-size: 14px; }
.about-image-column img, .Experience-image-column img { width: 100%; height: auto; object-fit: cover; }
.about-information, .Experience-information { padding-left: 0px; padding-right: 0px;}
.about-sub-heading h4 { font-size: 16px; }
.about-description p, .Experience-description p { font-size: 16px; }
nav.nav-list.desktop-menu, .header-bottom-bar-section { display: none; }
.features-grid { grid-template-columns: 1fr; }
.center-content-finance { width: 85%; border-radius: 15px; padding: 20px; margin-left: auto; margin-right: auto; transform: translate(0px, 0px); margin-top: 35px; }
.right-column-finance-image img { height: auto; }
.grid-footer-cta .header-button { letter-spacing: 1px; padding-left: 15px; padding-right: 15px; }
.count-info p { font-size: 16px; }
.count-info span { font-size: 12px; }
.community-wrapper .intro-content { text-align: left; }
section.content-form-section { margin-top: 0px; }
.right-column-finance-image iframe { height: 400px; }
.left-content-finance { padding-right: 20px; padding-left: 20px; }
.Experience-section, .about-section, .finanace-section { padding: 80px 0px; }
.site-footer { background-color: var(--global-color-navy); padding-top: 250px; margin-top: -232px; }
.policy-links ul { align-items: flex-start; }
.property-image { height: 200px; }
.property-content { padding: 20px; }
.property-details { flex-direction: column; gap: 10px; }
.property-buttons { flex-direction: column; }
/* Amenities page style */
.amenities-hero-section.hero-slider .slide-inner { align-items: center; }
.amenities-hero-section .hero-slider-content-inner { transform: translate(0px, 0%); padding: 30px 20px; }
.view-home-detail-section .Experience-image-column img { height: 270px; }
.map-wrapper iframe { width: 100%; }
.session-three { padding-bottom: 100px; }
/* Home page slider style extra */
.slide { flex-direction:column; }
/* Single listing page */
.school-scroll-box .header-button { letter-spacing: 2px; padding-left: 25px; padding-right: 25px; }
/* Gallery page style */
.side-plan-section { padding-top: 70px; padding-bottom: 70px; }
/* Footer style */
.policy-links ul li { justify-content: center; }
.copyright-text p, .policy-links a { font-weight: 400; font-size: 12px; }
.footer-links .header-button { justify-content: flex-start !important; }
.page-template-resident-feedback-template .redesign-content-form-section { padding-top: 0px; padding-bottom: 70px; }
.page-template-site-plan-template .side-plan-section { padding-top: 70px; padding-bottom: 70px; }
/* Mobile Hamburger Menu */
.header-inner { position: relative; }
.mobile-menu { position: relative; }
.mobile-menu { position: absolute; top: 170px; z-index: 999; background-color: var(--global-color-navy); left: 0; width: 100%; padding: 30px; height: 400px; overflow: auto; transition: 0.3s all; }
.burger-menu { position: relative; display: block; width: 36px; height: 28px; display: block; margin: 0 auto; transition: all 0.3s ease-out; cursor: pointer; }
.burger-menu .bar { transition: all 0.3s ease-out; height: 4px; width: 100%; display: block; background-color: var(--global-color-white); }
.burger-menu .bar:nth-of-type(2) { margin: 8px 0; }
.burger-menu--closed { transition-delay: 0.3s; }
.burger-menu--closed .bar:nth-of-type(2) { width: 28px; transition-property: margin, height, width; transition-delay: 0.3s, 0.3s, 0s; }
.burger-menu--closed .bar:nth-of-type(3) { width: 32px; }
.burger-menu--closed:hover .bar:nth-of-type(2) { width: 100%; }
.burger-menu--closed:hover .bar:nth-of-type(3) { width: 100%; }
.burger-menu--opened { padding-top: 12px; }
.burger-menu--opened .bar:nth-of-type(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); transition-delay: 0.3s; height: 4px; }
.burger-menu--opened .bar:nth-of-type(2) { opacity: 0; height: 0; margin: -4px 0; }
.burger-menu--opened .bar:nth-of-type(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition-delay: 0.3s; height: 4px; }
}