@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Archivo:wght@100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap);
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
:root {
    --white-color: #fff;
    --offwhite-color: #f0f0f0;
    --black-color: #000000;
    --gray-dark: #030712;
    --gray-color: #6a6a71;
    --green-color: #00ae3b;
    --blue-color: #005395;
    --orange-color: #de773e;
    --border-color: #cdcdd3;
    --light-blue: #eef6ff;
    --heading-text: #111116;
    --red-color: #ff2121;
}
@font-face {
    src: url(../fonts/Inter/Inter-Black.ttf);
    font-family: "Inter-Black";
}
@font-face {
    src: url(../fonts/Inter/Inter-ExtraBold.ttf);
    font-family: "Inter-ExtraBold";
}
@font-face {
    src: url(../fonts/Inter/Inter-Bold.ttf);
    font-family: "Inter-Bold";
}
@font-face {
    src: url(../fonts/Inter/Inter-Medium.ttf);
    font-family: "Inter-Medium";
}
@font-face {
    src: url(../fonts/Inter/Inter-SemiBold.ttf);
    font-family: "Inter-SemiBold";
}
@font-face {
    src: url(../fonts/Inter/Inter-Regular.ttf);
    font-family: "Inter-Regular";
}
@font-face {
    src: url(../fonts/Inter/Inter-Light.ttf);
    font-family: "Inter-Light";
}
body {
    font-family: "Inter", serif;
    font-weight: 400;
}
h1 {
    font-size: 62px;
    font-weight: 900;
    font-family: "Inter-Black";
}
h2 {
    font-size: 55px;
    font-weight: 600;
}
h3 {
    font-size: 48px;
    font-weight: 600;
}
h4 {
    font-size: 36px;
    font-weight: 600;
}
h5 {
    font-size: 24px;
    font-weight: 600;
}
h6 {
    font-size: 16px;
    font-weight: 600;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Inter", serif;
    margin-bottom: 20px;
    line-height: 1.2;
    color: var(--heading-text);
}
p {
    font-size: 18px;
    line-height: 1.5;
    color: var(--gray-color);
    font-family: "Inter", serif;
    font-weight: 400;
}
p:last-child {
    margin-bottom: 0;
}
span {
    display: inline-block;
}
ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
image,
video {
    width: 100%;
}
a {
    display: inline-block;
    text-decoration: none;
}
.common-btn {
    font-size: 18px;
    color: var(--black-color);
    padding: 6px 25px;
    border-radius: 30px;
    transition: 0.5s all;
    background: var(--dark-sky);
}
.common-btn:hover {
    color: var(--white-color);
}
.linkBtn {
    font-size: 16px;
    background-color: var(--blue-color);
    padding: 10px 35px;
    border-radius: 5px;
    color: var(--white-color);
    font-family: "Inter", serif;
    font-weight: 600;
    transition: 0.3s all;
    border: 1px solid var(--blue-color);
    box-shadow: none;
    outline: none;
}
.linkBtn:hover {
    background-color: #0071cb;
    color: var(--white-color);
    border-color: #0071cb;
}
.btnExplore {
    font-size: 18px;
    font-family: "Inter", serif;
    font-weight: 500;
    font-family: "Inter-Medium";
    border-radius: 5px;
    padding: 14px 24px;
    border: 1px solid var(--blue-color);
    transition: 0.3s all;
    box-shadow: none;
    outline: none;
}
.btnExplore:hover {
    border: 1px solid var(--orange-color);
    background-color: #de773e1a;
}
.btnFull {
    width: 100% !important;
}
section {
    padding: 70px 0;
}
.sectionTitleBox {
    margin-bottom: 20px;
}
.desktop {
    display: block !important;
}
.mobile {
    display: none !important;
}
.container {
    width: 100%;
    max-width: 1430px;
    margin: 0 auto;
    padding: 0 20px;
}
.error {
    color: red;
    font-size: 13px;
}
.mobileViewSection {
    display: none;
}
.bannerTitle {
    font-size: 62px;
    font-weight: 900;
}
.heading48 {
    font-size: 48px;
    font-weight: 600;
}
.heading36 {
    font-size: 36px;
    font-weight: 600;
}
.heading24 {
    font-size: 24px;
    font-weight: 600;
}
.siteLoader {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5555;
    background-color: #000000ed;
}
.loaderSec {
    position: fixed;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.loader-11 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #005395 #005395 #fff0 #fff0;
    animation: rotation 1s linear infinite;
}
.loader-11:after {
    width: 24px !important;
    height: 24px !important;
}
.loader-11:after,
.loader-11:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid;
    border-color: #fff0 #fff0 #ff3d00 #ff3d00;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    animation: rotationBack 0.5s linear infinite;
    transform-origin: center center;
}
.loader-11:before {
    width: 36px;
    height: 36px;
    border-color: #fff #fff #fff0 #fff0;
    animation: rotation 1.5s linear infinite;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a {
    color: var(--blue-color) !important;
    font-family: "Inter", serif;
    font-weight: 400;
    font-size: 12px;
}
.breadcrumb-item + .breadcrumb-item::before {
    color: var(--blue-color) !important;
}
.startProperty.mapProprty .breadcrumb-item + .breadcrumb-item::before {
    content: "\f054" !important;
    font-family: "fontawesome";
    font-size: 12px;
    margin-top: 4px;
    padding: 0 10px 0 2px;
}
@keyframes smoothScroll {
    0% {
        transform: translateY(-60px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
header.show {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    animation: smoothScroll 1s forwards;
    z-index: 1000;
    background-color: var(--white-color);
}
header {
    background-color: var(--white-color);
    padding: 12px 0;
    transition: 0.5s all;
    position: relative;
    /* Above .mobileFilterHeroSection (z-index: 10) so user/menu dropdowns are not covered */
    z-index: 100;
    border-bottom: 2px solid var(--orange-color);
    box-shadow: 0 7px 25px #00000021;
}
header .header-box .logo-box img {
    width: 100%;
    max-width: 115px;
}
header .header-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .header-brand-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
    min-width: 0;
    flex-wrap: nowrap;
}
header .header-box .logo-box {
    flex-shrink: 0;
}
header .header-box .main-nav {
    min-width: 0;
}
header .header-box .main-nav ul {
    display: flex;
    align-items: center;
    gap: 20px;
}
header .header-box .main-nav ul li {
    position: relative;
}
header .header-box .main-nav ul li a.first-menu {
    color: var(--gray-dark);
    font-family: "Inter", serif;
    font-size: 18px;
    font-weight: 500;
    font-family: "Inter-Medium";
}
header .header-box .main-nav ul li a.second-menu {
    font-size: 18px;
    font-family: "Inter", serif;
    color: var(--heading-text);
    font-weight: 500;
    font-family: "Inter-Medium";
    border: 1px solid var(--blue-color);
    border-radius: 5px;
    padding: 12px 25px;
}
header .header-box .main-nav ul li a.second-menu i {
    color: var(--blue-color);
    margin-right: 10px;
    font-size: 22px;
    vertical-align: middle;
}
header .header-box .main-nav ul li a.user-menu {
    border: 1px solid var(--blue-color);
    border-radius: 5px;
    padding: 12px 18px;
    font-size: 18px;
    color: var(--blue-color);
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
header .header-box .main-nav ul li ul.userDropDown {
    display: none;
}
header .header-box .main-nav ul li ul.userDropDown.show {
    display: block;
    position: absolute;
    background-color: var(--white-color);
    padding: 15px;
    width: 270px;
    margin-top: 18px;
    right: 0;
    border-radius: 5px;
    box-shadow: 0 7px 25px #00000028;
}
header .header-box .main-nav ul li ul.userDropDown.show li:not(:last-child),
header .header-box .main-nav ul li ul.projectDropDown li:not(:last-child) {
    margin-bottom: 12px;
}
header .header-box .main-nav ul li ul.userDropDown.show li {
    padding: 12px 10px;
    border-radius: 5px;
    transition: 0.2s;
}
header .header-box .main-nav ul li ul.userDropDown.show li:hover,
header .header-box .main-nav ul li ul.projectDropDown li:hover {
    background-color: #eef6ff;
}
header .header-box .main-nav ul li ul.userDropDown.show li {
    font-size: 15px;
    font-weight: 500;
    font-family: "Inter-Medium";
    color: var(--gray-color);
    font-family: "Inter", serif;
}
header .header-box .main-nav ul li ul.userDropDown.show li img {
    margin-right: 15px;
    width: 100%;
    max-width: 24px;
}
header .header-box .main-nav ul li ul.projectDropDown {
    display: none;
}
header .header-box .main-nav ul li ul.projectDropDown.show {
    display: block;
    position: absolute;
    background-color: var(--white-color);
    padding: 25px 20px;
    width: 480px;
    margin-top: 30px;
    border-radius: 5px;
    box-shadow: 0 7px 25px #00000028;
}
header .header-box .main-nav ul li ul.projectDropDown li {
    padding: 10px;
    border-radius: 5px;
    transition: 0.2s;
}
header .header-box .main-nav ul li ul.projectDropDown li a {
    display: flex;
    align-items: center;
    gap: 20px;
}
header .header-box .main-nav ul li ul.projectDropDown li a .text h6 {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--heading-text);
    font-family: "Inter", serif;
}
header .header-box .main-nav ul li ul.projectDropDown li a .text p {
    font-size: 14px;
    font-weight: 400;
    font-family: "Inter", serif;
    color: var(--gray-color);
}
header .header-box .main-nav ul li ul.projectDropDown li a .imgBox img {
    width: 100%;
    max-width: 50px;
}
.headerInner .logo-box {
    display: flex;
    align-items: center;
    gap: 20px;
}
.headerInner .logo-box .cityDropDown ul li {
    position: relative;
}
.headerInner .logo-box .cityDropDown ul li a.cityClick {
    color: var(--gray-color);
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", serif;
    border: 1px solid var(--border-color);
    padding: 10px 20px;
    border-radius: 5px;
}
.headerInner .logo-box .cityDropDown ul li a.cityClick i {
    margin-left: 10px;
}
.headerInner .logo-box .cityDropDown ul.citySelect {
    display: none;
}
.headerInner .logo-box .cityDropDown ul.citySelect.show {
    display: block;
    position: absolute;
    background-color: var(--white-color);
    padding: 15px 10px;
    width: 210px;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 0 7px 25px #00000028;
}
.headerInner .logo-box .cityDropDown ul.citySelect.show li a {
    color: var(--gray-color);
    font-size: 15px;
    font-weight: 400;
    font-family: "Inter", serif;
    width: 100%;
    padding: 10px 8px;
    border-radius: 5px;
    transition: 0.2s all;
}
.headerInner .logo-box .cityDropDown ul.citySelect.show li a:hover {
    background-color: #eef6ff;
    color: var(--blue-color);
}
header .header-box .mobileIcon {
    display: none;
}
.heroBanner {
    background-image: url(../images/hero-banner.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
    width: 100%;
    position: relative;
}
.heroBanner .bannerText {
    padding-top: 25px;
}
.heroBanner .bannerText h2.bannerTitle,
.heroBanner .bannerText h5 {
    color: var(--white-color);
}
.heroBanner .bannerText h5 {
    font-family: "Jost", serif;
    font-weight: 500;
}
.mobileFilterHero {
    display: none;
}
.filterSec {
    position: relative;
    margin-top: -55px;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}
.filterSec .bannerFilterBox {
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 900px;
    padding: 20px 30px;
    justify-content: space-between;
    box-shadow: 0 7px 25px #00000028;
    margin: 0 auto;
    border-radius: 5px;
}
.filterSec .bannerFilterBox .cityFilter {
    width: 100%;
    max-width: 280px;
    position: relative;
}
.filterSec .bannerFilterBox .cityFilter a.cityClick {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    font-size: 16px;
}
.filterSec .bannerFilterBox .cityFilter a.cityClick i {
    font-size: 16px;
    color: #6a6a71;
    transition: 0.2s all;
}
.filterSec .bannerFilterBox .cityFilter a.cityClick i.rotate {
    transform: rotate(180deg);
}
.filterSec .bannerFilterBox .cityFilter ul.citySelect {
    display: none;
}
.filterSec .bannerFilterBox .cityFilter ul.citySelect.show {
    display: block;
    position: absolute;
    background-color: var(--white-color);
    padding: 20px 20px;
    width: 240px;
    margin-top: 35px;
    border-radius: 5px;
    box-shadow: 0 7px 25px #00000028;
    z-index: 1;
}
.filterSec .bannerFilterBox .cityFilter ul.citySelect.show li a {
    color: var(--gray-color);
    font-size: 15px;
    font-weight: 400;
    font-family: "Inter", serif;
    width: 100%;
    padding: 14px 15px;
    border-radius: 5px;
    transition: 0.2s all;
}
.filterSec .bannerFilterBox .cityFilter ul.citySelect.show li a:hover {
    background-color: #eef6ff;
    color: var(--blue-color);
}
.filterSec .bannerFilterBox .cityFilter p {
    color: var(--heading-text);
    margin-bottom: 5px;
    font-weight: 500;
    font-family: "Inter-Medium";
}
.filterSec .bannerFilterBox .cityFilter input::placeholder,
.filterSec .bannerFilterBox .landMarkFilter .searchBox input::placeholder {
    font-size: 16px;
    color: var(--gray-color);
    font-weight: 400;
}
.filterSec .bannerFilterBox .cityFilter input,
.filterSec .bannerFilterBox .landMarkFilter .searchBox input {
    border: none;
    outline: none;
    box-shadow: none;
    padding: 5px 20px 5px 0;
    width: 100%;
    cursor: pointer;
}
.filterSec .bannerFilterBox .landMarkFilter .searchBox input {
    width: auto;
}
.filterSec .bannerFilterBox .landMarkFilter {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
}
.filterSec .bannerFilterBox .landMarkFilter .searchBox p {
    margin-bottom: 5px;
    color: var(--heading-text);
    font-weight: 500;
    font-family: "Inter-Medium";
}
.filterSec .bannerFilterBox .landMarkFilter .searchBox {
    width: 100%;
    max-width: 535px;
    padding-left: 20px;
    border-left: 1px solid var(--heading-text);
    position: relative;
}
.searchKeyup .search-key {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 86px;
    padding: 20px 15px;
    z-index: 999;
    left: 0;
    max-height: 400px;
    overflow: auto;
    scrollbar-width: none;
    box-shadow: 0 5px 20px #00000026 !important;
}
.searchBar.searchKeyup .search-key {
    top: 50px;
}
.searchKeyup .search-key ul:not(:last-child) {
    margin-bottom: 15px;
}
.searchKeyup .search-key ul h6 {
    margin-bottom: 5px;
    color: var(--heading-text);
    font-family: "Inter-SemiBold";
}
.searchKeyup .search-key ul li a {
    padding: 8px 5px;
    width: 100%;
    color: var(--input-color);
    border-radius: 5px;
    font-size: 16px;
    font-family: "Inter-Regular";
}
.searchKeyup .search-key ul li a:hover {
    background-color: #eef6ff;
}
.filterSec .bannerFilterBox .landMarkFilter .searchIcon .btnIcon {
    border: 1px solid var(--blue-color);
    border-radius: 5px;
    padding: 12px 18px;
    font-size: 18px;
    color: var(--blue-color);
    box-shadow: none;
}
.discuss .discussBox {
    border: 2px solid #1c3c6e;
    border-radius: 5px;
    padding: 30px;
    width: 100%;
    max-width: 85%;
    margin: 0 auto;
}
.discuss .discussBox .textBox h4 {
    color: var(--black-color);
    font-family: "Inter", serif;
    font-weight: 600;
}
.discuss .discussBox .textBox p {
    font-size: 15px;
    color: var(--gray-color);
    font-weight: 400;
}
.discuss .discussBox .imageBox img {
    width: 100%;
}
.bestPropertyBox .propertySec {
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 20px 20px 30px;
    margin-bottom: 25px;
    transition: 0.2s;
}
.bestPropertyBox .propertySec:hover {
    border-color: var(--blue-color);
    box-shadow: 0 0 20px #00000027;
}
.bestProperty .locationProperty {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    padding: 10px 0;
    border-top: 1px solid var(--orange-color);
    border-bottom: 1px solid var(--orange-color);
}
.bestPropertyBox .propertySec .imgBox img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 5px;
}
.bestPropertyBox .propertySec .propertyName h5 {
    margin: 30px 0 20px;
}
.bestProperty .locationProperty .comBox {
    width: calc(100%);
    display: flex;
    align-items: center;
    gap: 5px;
}
.bestProperty .locationProperty .comBox img {
    width: 100%;
    max-width: 30px;
}
.bestProperty .locationProperty .comBox p {
    color: var(--heading-text);
    font-weight: 400;
}
.bestPropertyBox .propertySec .suggestBox {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.bestPropertyBox .propertySec .suggestBox .leftBtn {
    width: 30%;
}
.bestProperty .propertySec .suggestBox .leftBtn img {
    max-width: 120px;
    width: 100%;
}
.bestPropertyBox .propertySec .suggestBox .rightBar {
    width: 70%;
    display: flex;
    align-items: center;
    gap: 5px;
}
.bestPropertyBox .propertySec .suggestBox .rightBar h5 {
    margin-bottom: 0;
    color: var(--green-color);
    font-weight: 600;
}
.bestPropertyBox .propertySec .suggestBox .rightBar .progress {
    width: 100%;
    background-color: #d9d9d9;
    border-radius: 10px;
    height: 10px;
}
.bestPropertyBox .propertySec .suggestBox .rightBar .progress .progress-bar {
    background-color: var(--green-color);
    border-radius: 10px;
}
.bestPropertyBox .exploreMore {
    text-align: center;
    margin-top: 30px;
}
.findIdeal {
    background-color: var(--offwhite-color);
}
.findIdeal .sectionTitleBox {
    margin-bottom: 60px;
}
.findIdeal .findIdealBox .idealBoxCom {
    background-color: var(--white-color);
    padding: 30px 30px 50px;
    border-radius: 30px;
    border: 1px solid var(--border-color);
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 4px 20px #00000007;
}
.findIdeal .findIdealBox .idealBoxCom .imgBox img {
    width: 100%;
    max-width: 120px;
}
.findIdeal .findIdealBox .idealBoxCom .imgBox {
    margin-bottom: 30px;
    min-height: 130px;
}
.findIdeal .findIdealBox .idealBoxCom .textBox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.findIdeal .findIdealBox .idealBoxCom .textBox p {
    color: var(--gray-color);
    font-weight: 400;
    font-size: 18px;
    width: 100%;
    max-width: 94%;
    margin: 0 auto;
}
.findIdeal .findIdealBox .idealBoxCom .textBox .btn {
    width: 100%;
    max-width: 180px;
    margin: 30px auto 0;
}
.about {
    background: linear-gradient(to bottom, #fff 50%, #f0f0f0 50%);
}
.about .aboutBox .aboutImg img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.about .aboutBox .aboutText .aboutInfo .boxbox {
    width: calc(40%);
}
.about .aboutBox .aboutText .aboutInfo .boxbox h4 {
    margin-bottom: 0;
    font-weight: 700;
}
.about .aboutBox .aboutText .aboutInfo .boxbox p {
    margin-bottom: 0;
    color: #212529;
    font-size: 16px;
    font-weight: 400;
}
.about .aboutBox .aboutText .aboutInfo {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding-top: 30px;
}
.about .aboutBox .aboutText .btn {
    margin-top: 40px;
}
.latesNews {
    background: linear-gradient(to bottom, #f0f0f0 60%, #fff 40%);
    padding-top: 20px;
}
.latesNews .latesNewsBox .item .imgbox img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}
.latesNews .latesNewsBox .item {
    padding: 20px 20px 30px;
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 20px #00000014;
    border-radius: 5px;
    background-color: var(--white-color);
}
.latesNews .latesNewsBox .item .sliderText {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.latesNews .latesNewsBox .item .sliderText span.date {
    color: var(--orange-color);
    font-size: 16px;
    margin-bottom: 20px;
    font-family: "Inter", serif;
    font-weight: 400;
}
.latesNews .latesNewsBox .item .sliderText h5 {
    font-weight: 500;
    font-family: "Inter-Medium";
    min-height: 60px;
}
.latesNews .latesNewsBox .item .sliderText p {
    font-weight: 400;
    min-height: 108px;
}
.latesNews .latesNewsBox .item .sliderText ul {
    display: flex;
    align-items: center;
    gap: 20px;
}
.latesNews .latesNewsBox .item .sliderText ul li {
    color: var(--gray-color);
    font-size: 14px;
    font-weight: 400;
}
.latesNews .latesNewsBox .item .sliderText ul li i {
    margin-right: 5px;
    font-size: 18px;
    vertical-align: middle;
}
.latesNews .latesNewsBox .item .sliderText ul li span {
    color: var(--gray-dark);
}
.latesNews .latesNewsBox .owl-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -70px;
}
.latesNews .latesNewsBox .owl-nav .owl-prev {
    margin-right: 15px;
}
.latesNews .latesNewsBox .owl-nav .owl-prev img,
.latesNews .latesNewsBox .owl-nav .owl-next img {
    max-width: 45px;
}
.question .faqSection {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
}
.question .sectionTitleBox {
    text-align: center;
}
.question .accordion-item {
    border: none !important;
    background: #fff0;
    box-shadow: 0 7px 25px #00000025;
}
.question .accordion-item:not(:last-child) {
    margin-bottom: 15px;
}
.question .accordion-button {
    background: transparent !important;
    box-shadow: none !important;
    color: var(--black-color) !important;
    font-size: 20px;
    font-weight: 500;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}
.question .accordion-body p {
    color: var(--gray-color);
    font-weight: 400;
}
.question .accordion-button::after {
    background: url(../images/plusimg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 25px;
    height: 25px;
}
.question .accordion-button:not(.collapsed)::after {
    background: url(../images/minusimg.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
footer {
    padding: 50px 0 20px;
    background: var(--blue-color);
    position: relative;
}
footer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/layer-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
footer .footer-part {
    position: relative;
    z-index: 500;
}
footer .footer-part .footer-box h5 {
    color: #de773e;
    font-size: 16px;
}
footer .footer-part .footer-box p,
.footer-part .copyRight .reservText p {
    color: var(--white-color);
    font-size: 16px;
}
footer .footer-box .ft-logo a {
    margin-bottom: 20px;
}
footer .footer-box .ft-logo a img {
    max-width: 110px;
}
footer .footer-box .quickLinks ul li:not(:last-child) {
    margin-bottom: 5px;
}
footer .footer-box .quickLinks ul li a,
footer .footer-box .getInTouch ul li a,
.footer-part .copyRight .privacy ul li a {
    color: var(--white-color);
    font-size: 16px;
    font-family: "Inter", serif;
    font-weight: 400;
}
footer .footer-box .getInTouch ul li:nth-child(2) {
    margin: 12px 0;
}
.footer-part .copyRight {
    padding: 20px 0;
    border-top: 1px solid #ffffff81;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    gap: 15px;
}
.footer-part .copyRight .privacy ul,
.footer-part .copyRight .iconBox ul {
    display: flex;
    align-items: center;
}
.footer-part .copyRight .privacy ul li {
    padding: 0 12px;
}
.footer-part .copyRight .privacy ul li:not(:last-child) {
    border-right: 1px solid var(--white-color);
}
.footer-part .copyRight .iconBox ul li a i,
.footer-part .copyRight .iconBox ul li a {
    color: var(--white-color);
    font-size: 18px;
}
.footer-part .copyRight .iconBox ul {
    gap: 20px;
}
.ft-subscribe .searcFt {
    position: relative;
    width: 100%;
    /* max-width: 380px; */
}
.ft-subscribe .searcFt input {
    width: 100%;
    /* max-width: 380px; */
    min-height: 52px;
    padding: 10px 60px 10px 10px;
    border-radius: 5px;
    border: none;
    box-shadow: none;
    outline: none;
}
.ft-subscribe .searcFt .btnSend {
    color: var(--blue-color);
    border: 1px solid var(--blue-color);
    position: absolute;
    font-size: 20px;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    padding: 0;
    height: 38px;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sign_in {
    background-color: var(--light-blue);
    padding: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 20px 0;
}
.sign_in_box .rightBox {
    position: relative;
    width: 100%;
    max-width: 600px;
}
.sign_in_box .rightBox img {
    width: 100%;
    margin: 0 auto;
    display: block;
    border-radius: 5px;
}
.sign_in_box .rightBox .textBox {
    position: absolute;
    top: 10%;
    left: 7%;
    padding-right: 40px;
}
.sign_in_box .leftBox {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}
.sign_in_box .leftBox .logoBox {
    margin-bottom: 50px;
    text-align: center;
}
.sign_in_box .leftBox .logoBox img {
    width: 100%;
    max-width: 120px;
    margin: 0 auto;
    display: block;
}
.sign_in_box .leftBox .mainWhiteBox {
    background-color: var(--white-color);
    padding: 30px;
    border-radius: 5px;
}
.sign_in_box .rightBox .textBox h5,
.sign_in_box .rightBox .textBox p {
    color: var(--white-color);
}
.sign_in_box .rightBox .textBox p {
    font-size: 14px;
    font-weight: 400;
}
.sign_in_box .leftBox .mainWhiteBox .title {
    margin-bottom: 30px;
}
.sign_in_box .leftBox .mainWhiteBox .title h5 {
    margin-bottom: 0;
    font-family: "Archivo", serif;
    font-weight: 600;
    font-size: 24px;
    color: #1c1d22;
}
.sign_in_box .leftBox .mainWhiteBox .title p {
    font-size: 16px;
    color: var(--gray-color);
    font-weight: 400;
}
.labelClass {
    font-size: 18px;
    font-family: "Inter", serif;
    font-weight: 500;
    font-family: "Inter-Medium";
    color: var(--heading-text);
    width: 100%;
    margin-bottom: 5px;
}
.inputClass {
    width: 100%;
    box-shadow: none;
    outline: none;
    border: 1px solid var(--blue-color);
    border-radius: 4px;
    height: 50px;
    padding: 5px 15px;
}
.inputClass::placeholder {
    font-size: 16px;
    font-family: "Inter", serif;
    font-weight: 400;
    color: var(--gray-color);
}
.sign_in_box .leftBox .mainWhiteBox .form-group {
    margin-bottom: 10px;
}
.sign_in_box .checkReminder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.sign_in_box .checkReminder .forgot a {
    font-size: 14px;
    font-family: "Inter", serif;
    font-weight: 400;
    color: var(--blue-color);
}
.sign_in_box .checkReminder .clickTo {
    position: relative;
    padding-left: 30px;
}
.sign_in_box .checkReminder .clickTo input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    margin-right: 0;
    left: 0;
    top: 0;
    height: 16px;
    width: 16px;
    border-radius: 2px;
    border: 1px #7f8ba5;
    z-index: 55;
    cursor: pointer;
}
.sign_in_box .checkReminder .clickTo input[type="checkbox"] + .keyword-label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    cursor: pointer;
    height: 16px;
    border: 1px solid #7f8ba5;
    background-color: var(--white-color);
    border-radius: 2px;
}
.sign_in_box .checkReminder .clickTo input[type="checkbox"]:checked + .keyword-label::after {
    content: "\f00c";
    position: absolute;
    font-family: "fontawesome";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    color: var(--white-color);
    background-color: var(--blue-color);
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 4px;
}
.sign_in_box .checkReminder .clickTo .keyword-label {
    font-size: 14px;
    color: var(--heading-text);
    font-weight: 400;
    font-family: "Inter", serif;
}
.sign_in_box .signIn .btnsignIn {
    font-size: 18px;
    color: var(--white-color);
    font-weight: 400;
    font-family: "Inter", serif;
    width: 100%;
    background-color: var(--blue-color);
    border-radius: 5px;
    min-height: 50px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sign_in_box .leftBox .mainWhiteBox .divider {
    position: relative;
    margin: 10px 0;
    border-top: 1px solid var(--gray-color);
}
.sign_in_box .leftBox .mainWhiteBox .divider::after {
    content: "OR";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 15px;
    color: var(--gray-color);
    font-weight: 400;
    font-family: "Inter", serif;
    background-color: #fff;
    padding: 0 10px;
}
.sign_in_box .googleBtn .google {
    font-size: 18px;
    color: var(--heading-text);
    font-weight: 400;
    font-family: "Inter", serif;
    width: 100%;
    border: 1px solid var(--blue-color);
    border-radius: 5px;
    min-height: 50px;
    margin: 20px 0;
    text-align: center;
    padding: 10px 20px;
}
.sign_in_box .googleBtn .google img {
    float: left;
}
.sign_in_box .account p {
    font-size: 14px;
    color: #030712;
    font-weight: 400;
    font-family: "Inter", serif;
    text-align: center;
}
.sign_in_box .account p a {
    color: var(--blue-color);
}
.sign_in_box .checkReminder .clickTo .keyword-label a {
    font-size: 12px;
    color: var(--blue-color);
}
.passwordShow {
    position: relative;
}
.passwordShow a {
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    line-height: 1;
}
.passwordShow a i {
    color: var(--heading-text);
}
body.matchProperty {
    overflow: hidden;
}
.checkProperty {
    padding: 0;
    min-height: 100vh;
    overflow-y: scroll;
    scrollbar-width: none;
    z-index: 0;
}
.checkProperty .container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.checkProperty .main_property {
    display: flex;
    gap: 20px;
}
.checkProperty .main_property .left_propertyBox {
    width: 55%;
}
.checkProperty .main_property .right_propertyBox {
    width: 45%;
}
.checkProperty .checkPropertyBox .topFilterBar {
    padding: 15px 0;
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 10px;
}
.checkProperty .checkPropertyBox .topFilterBar .searchBar {
    width: 95%;
    position: relative;
    border: 1px solid var(--blue-color);
    border-radius: 5px;
    height: 100%;
    padding-right: 40px;
    min-height: 45px;
    display: flex;
    align-items: center;
}
.checkProperty .checkPropertyBox .topFilterBar .searchBar input {
    width: auto;
    border: none;
    border-radius: 5px;
    box-shadow: none;
    outline: none;
    padding: 5px 40px 5px 15px;
}
.checkProperty .checkPropertyBox .topFilterBar .searchBar a.iconClick {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: auto;
}
.checkProperty .checkPropertyBox .topFilterBar .searchBar i {
    color: var(--blue-color);
    font-size: 22px;
}
.checkProperty .checkPropertyBox .topFilterBar .filterBox a {
    color: var(--blue-color);
    border: 1px solid var(--blue-color);
    border-radius: 5px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-shadow: none;
}
.checkProperty .checkPropertyBox .topFilterBar .filterBox a i {
    font-size: 22px;
}
.checkProperty .checkPropertyBox .proertyMapBox {
    width: 100%;
    height: calc(100vh - 170px);
    position: relative;
}
.checkProperty .checkPropertyBox .proertyMapBox #map {
    width: 100%;
    height: 100%;
}
.checkProperty .rightListSec .toptabSec .tabflex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    margin-bottom: 25px;
    border-bottom: 2px solid #696970;
}
.checkProperty .rightListSec .toptabSec .nav-pills .nav-link {
    color: var(--heading-text) !important;
    font-weight: 500;
    font-family: "Inter-Medium";
    font-family: "Inter", serif;
    font-size: 18px;
}
.checkProperty .rightListSec .toptabSec .nav-pills .nav-link i {
    color: #d9d9d9;
}
.checkProperty .rightListSec .toptabSec .nav-pills .nav-link.active {
    color: var(--blue-color) !important;
    border-radius: 0 !important;
    border-color: var(--blue-color);
    background-color: transparent !important;
}
.checkProperty .rightListSec .toptabSec .nav-pills .nav-link.active i {
    color: var(--blue-color) !important;
}
.checkProperty .rightListSec .toptabSec .heartBox {
    position: relative;
}
.checkProperty .rightListSec .toptabSec .heartBox i {
    font-size: 26px;
    color: var(--red-color);
    cursor: pointer;
}
.checkProperty .rightListSec .toptabSec .heartBox span {
    height: 16px;
    width: 16px;
    font-size: 11px;
    color: var(--white-color);
    background-color: var(--black-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -5px;
    right: -10px;
}
.checkProperty .rightListSec .toptabSec .tab-content {
    overflow-y: scroll;
    height: calc(100vh - 170px);
    scrollbar-width: none;
}
.checkProperty .rightListSec .toptabSec .tab-content .row {
    row-gap: 20px;
}
.checkPropertyBox .propertyCard {
    cursor: pointer;
}
.propertyCard {
    padding: 15px;
    border: 2px solid var(--border-color);
    border-radius: 5px;
    transition: 0.3s all;
}
.propertyCard:hover {
    /* border-color: var(--blue-color); */
    border: 2px solid #de773e;
}
.propertyCard .imgBox {
    position: relative;
    margin-bottom: 10px;
}
.propertyCard .imgBox picture {
    display: block;
    width: 100%;
}
.propertyCard .imgBox img,
.propertyCard .imgBox picture img {
    width: 100%;
    height: 200px;
    border-radius: 5px;
    object-fit: cover;
}
.propertyCard .imgBox .imgheader {
    position: absolute;
    top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 15px;
}
.propertyCard .imgBox .imgheader span {
    background-color: #de773e;
    color: var(--white-color);
    font-size: 12px;
    font-weight: 500;
    font-family: "Inter-Medium";
    font-family: "Inter", serif;
    padding: 3px 6px;
    border-radius: 5px;
}
.propertyCard .imgBox .imgheader i {
    position: relative;
    font-size: 20px;
    cursor: pointer;
}
.propertyCard .imgBox .imgheader i.fa-solid {
    color: var(--red-color) !important;
}

/* Heart Icon Badge */
.propertyCard .imgBox .imgheader i .heart-count-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    border: 2px solid #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 10;
}

.propertyCard .priceBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.propertyCard .priceBox .boxLogo img {
    width: 100%;
    max-width: 100px;
}
.propertyCard .priceBox .price h5 {
    margin-bottom: 0;
    font-size: 20px;
}
.propertyCard .priceBox .boxLogo span {
    font-size: 20px;
    margin-bottom: -2px;
    color: var(--green-color);
    font-weight: 600;
    vertical-align: bottom;
}
.propertyCard .propertyName h5 {
    font-size: 20px;
    margin-bottom: 15px;
}
.propertyCard .locationProperty {
    padding: 10px 0;
    border-top: 1px solid var(--orange-color);
    border-bottom: 1px solid var(--orange-color);
    justify-content: space-between;
    margin-bottom: 10px;
}
.propertyCard .locationProperty .comBox {
    display: flex;
    align-items: center;
}
.propertyCard .locationProperty .comBox img {
    width: 100%;
    max-width: 30px;
}
.propertyCard .locationProperty .comBox p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", serif;
    color: var(--heading-text);
}
.propertyCard .addressBox {
    display: flex;
    align-items: center;
}
.propertyCard .addressBox img {
    width: 100%;
    max-width: 30px;
    vertical-align: middle;
    margin-right: 5px;
}
.propertyCard .addressBox p {
    color: var(--heading-text);
    font-size: 18px;
    font-weight: 400;
    font-family: "Inter", serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    width: 100%;
    max-width: 320px;
}
.propertyCard .addressBox span {
    color: var(--blue-color);
    margin-left: 5px;
}
.detail_Sec {
    padding: 30px 0;
    background-color: var(--light-blue);
}
.detailmainSec .imageGallery {
    display: flex;
    height: 100%;
    gap: 15px;
}
.detailmainSec .imageGallery .leftVideo {
    width: 55%;
}
.detailmainSec .imageGallery .leftVideo .videoCoverImage {
    position: relative;
    max-height: 375px;
}
.detailmainSec .imageGallery .leftVideo .videoCoverImage img,
.detailmainSec .imageGallery .leftVideo .videoCoverImage #map {
    width: 100%;
    border-radius: 5px;
    height: 100%;
    object-fit: cover;
} /*.detailmainSec .imageGallery .leftVideo .videoCoverImage video{height:375px}*/
.detailmainSec .imageGallery .leftVideo .videoCoverImage .playIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.detailmainSec .imageGallery .leftVideo .videoCoverImage .playIcon img {
    width: 100%;
    max-width: 60px;
}
.detailmainSec .imageGallery .rightImg {
    width: 45%;
}
.detailmainSec .imageGallery .rightImg .boxImg {
    width: calc(50% - 10px);
    height: 205px;
}
.detailmainSec .imageGallery .rightImg {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.detailmainSec .imageGallery .rightImg .boxImg a {
    height: 100%;
    width: 100%;
}
.detailmainSec .imageGallery .rightImg .boxImg picture {
    display: block;
    width: 100%;
    height: 100%;
}
.detailmainSec .imageGallery .rightImg .boxImg img,
.detailmainSec .imageGallery .rightImg .boxImg picture img {
    width: 100%;
    border-radius: 5px;
    height: 100%;
    object-fit: cover;
}
.detailmainSec .imageGallery .rightImg .boxImg.fourBox {
    position: relative;
}
.detailmainSec .imageGallery .rightImg .boxImg.fourBox .moreBnt {
    position: absolute;
    bottom: 10px;
}
.detailmainSec .imageGallery .rightImg .boxImg.fourBox .moreBnt a {
    background-color: var(--white-color);
    padding: 3px 6px;
    border-radius: 5px;
    font-size: 14px;
    color: var(--heading-text);
    font-weight: 400;
    font-family: "Inter", serif;
}
.detailmainSec .detailsTextSec {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-top: 20px;
}
.detailmainSec .detailsTextSec .siteDetails {
    display: flex;
    gap: 20px;
    width: 70%;
}
.detailmainSec .detailsTextSec .siteDetails.siteDetailsMobile {
    display: none;
}
.detailmainSec .detailsTextSec .siteDetails .logoMain img {
    width: 100px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
}
.detailmainSec .detailsTextSec .siteDetails .textBox .heading24 {
    margin-bottom: 0 !important;
}
.detailmainSec .detailsTextSec .locationProperty {
    margin-top: 5px;
}
.detailmainSec .detailsTextSec .siteDetails .textBox span {
    color: var(--gray-color);
    font-weight: 400;
    font-family: "Inter", serif;
    font-size: 16px;
    margin: 5px 0;
}
.detailmainSec .detailsTextSec .siteDetails .textBox .comBox {
    display: flex;
    align-items: center;
}
.detailmainSec .detailsTextSec .siteDetails .textBox .comBox img {
    width: 100%;
    max-width: 25px;
}
.detailmainSec .detailsTextSec .siteDetails .textBox .comBox p {
    color: var(--heading-text);
    font-weight: 400;
    font-family: "Inter", serif;
    font-size: 16px;
}
.detailmainSec .detailsTextSec .priceShare ul {
    display: flex;
    gap: 15px;
    justify-content: end;
    margin-bottom: 15px;
}
.detailmainSec .detailsTextSec .priceShare ul li a {
    color: var(--heading-text);
    font-size: 15px;
    font-weight: 400;
    font-family: "Inter", serif;
}
.detailmainSec .detailsTextSec .priceShare ul li a i {
    color: var(--gray-color);
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
.detailmainSec .endText p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", serif;
    margin-top: 20px;
}
.detailmainSec .endText p i {
    margin-right: 10px;
}
.detailmainSec .endText p span.line {
    margin: 0 15px;
}
.overview .stickyTabpanel {
    border-top: 1px solid var(--orange-color);
    border-bottom: 1px solid var(--orange-color);
    position: sticky;
    top: 81px;
    background-color: var(--white-color);
    z-index: 55;
}
.overview .stickyTabpanel ul {
    display: flex;
    gap: 10px;
    align-items: center;
}
.overview .stickyTabpanel ul li a {
    color: var(--gray-color);
    font-size: 18px;
    font-weight: 500;
    font-family: "Inter-Medium";
    font-family: "Inter", serif;
    padding: 12px 30px;
    border-bottom: 1px solid #fff0;
}
.overview .stickyTabpanel ul li a.active {
    color: var(--blue-color);
    border-bottom: 1px solid var(--blue-color);
}
.leftScrollSection {
    padding: 30px 0;
}
#overView {
    margin-bottom: 30px;
}
#overView .overViewBox {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-bottom: 20px;
}
#overView .overViewBox .overBox {
    background-color: #eef6ff;
    width: 210px;
    height: 68px;
    padding: 10px;
}
#overView .overViewBox .overBox span {
    font-size: 12px;
    color: var(--gray-color);
    font-family: "Inter-Regular";
    margin-bottom: 8px;
}
#overView .overViewBox .overBox h6 {
    color: var(--black-color);
    font-family: "Inter-SemiBold";
}
#overView .textBox h6 {
    margin-bottom: 10px;
}
#overView .textBox p {
    font-size: 16px;
    color: var(--heading-text);
    font-family: "Inter-Regular";
}
#master_plan .tabBox nav,
#floor_paln .tabBox nav {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--orange-color);
    align-items: center;
}
#master_plan .tabBox nav h5,
#floor_paln .tabBox nav h5 {
    margin-bottom: 0;
}
#floor_paln .tabBox nav p {
    font-size: 16px;
    color: var(--heading-text);
    font-family: "Inter-Regular";
}
#master_plan .tabBox .nav {
    gap: 10px;
}
#master_plan .tabBox nav .nav-tabs .nav-link,
#floor_paln .tabBox nav .nav-tabs .nav-link {
    color: var(--gray-color);
    font-size: 18px;
    font-family: "Inter-Medium";
    border-radius: 0;
    border: none;
    padding: 10px 30px;
}
#master_plan .tabBox nav .nav-tabs .nav-link.active,
#floor_paln .tabBox nav .nav-tabs .nav-link.active {
    background: #fff0;
    color: var(--blue-color);
    position: relative;
}
#master_plan .tabBox nav .nav-tabs .nav-link.active::after,
#floor_paln .tabBox nav .nav-tabs .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--blue-color);
}
#master_plan .tabBox .tab-content .tab-pane .innerViewBox {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin: 20px 0;
}
#master_plan .tabBox .newMaster {
    display: flex;
    gap: 20px;
}
#master_plan .tabBox .viewText {
    width: 35%;
    margin: 20px 0;
}
#master_plan .tabBox .tab-content {
    width: 65%;
}
#master_plan .tabBox .tab-content .tab-pane .masterImg {
    width: 100%;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 6px;
}
#master_plan .tabBox .tab-content .tab-pane .masterImg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
#master_plan .tabBox .tab-content .tab-pane .viewText ul li:not(:last-child) {
    margin-bottom: 15px;
}
#master_plan .tabBox .tab-content .tab-pane .viewText ul li span {
    font-size: 12px;
    color: var(--gray-color);
    font-family: "Inter-Regular";
    margin-bottom: 8px;
}
#master_plan .tabBox .tab-content .tab-pane .viewText ul li h6 {
    color: var(--black-color);
    margin-bottom: 0;
}
#floor_paln {
    padding-bottom: 50px;
}
#floor_paln .tabBox nav {
    align-items: end !important;
}
#floor_paln .sliderImgSec {
    margin-top: 20px;
}
#floor_paln .sliderImgSec .item {
    border: 1px solid #cdcdd3;
    padding: 10px;
    border-radius: 5px;
    max-height: 100%;
    height: 402px;
}
#floor_paln .sliderImgSec .item .imgBox img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 5px;
    height: 320px;
}
#floor_paln .sliderImgSec .item .imgBoxFloorPlan img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 5px;
    height: 320px;
}
#floor_paln .sliderImgSec .item .textSlider {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
#floor_paln .sliderImgSec .item .textSlider .imgText {
    width: calc(48%);
}
#floor_paln .sliderImgSec .item .textSlider .imgText h6 {
    color: var(--black-color);
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#floor_paln .sliderImgSec .item .textSlider .imgText span,
#locality .localityBox .localityItem .textBox span {
    font-size: 12px;
    color: var(--gray-color);
    font-family: "Inter-Regular";
    margin-bottom: 8px;
}
#floor_paln .sliderImgSec .owl-nav {
    position: absolute;
    right: 0;
    bottom: -50px;
}
#floor_paln .sliderImgSec .owl-nav .owl-prev {
    margin-right: 15px;
}
#floor_paln .sliderImgSec .owl-nav .owl-prev img,
#floor_paln .sliderImgSec .owl-nav .owl-next img {
    max-width: 35px;
}
#amenites,
#master_plan {
    margin: 30px 0;
}
#amenites .amenitesBox .title {
    border-bottom: 1px solid var(--orange-color);
}
#amenites .amenitesBox .title h5 {
    margin-bottom: 0;
}
#amenites .amenitesBox .title p {
    margin-bottom: 5px;
    font-size: 16px;
    color: var(--heading-text);
    font-family: "Inter-Regular";
}
#amenites .amenitesBox .amenitiesItem {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: start;
}
#amenites .amenitesBox .amenitiesItem .itemsBox {
    width: calc(90px);
    text-align: center;
}
#amenites .amenitesBox .amenitiesItem .itemsBox.more {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 92px;
    background-color: var(--light-blue);
    border-radius: 5px;
    height: 100%;
}
#amenites .amenitesBox .amenitiesItem .itemsBox.more .iconText {
    display: flex;
    align-items: center;
    gap: 5px;
}
#amenites .amenitesBox .amenitiesItem .itemsBox .iconImg {
    border-radius: 50%;
    background-color: var(--light-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    margin: 0 auto;
}
#amenites .amenitesBox .amenitiesItem .itemsBox .iconImg img {
    width: auto;
}
#amenites .amenitesBox .amenitiesItem .itemsBox .iconText p {
    font-size: 14px;
    color: var(--heading-text);
    font-family: "Inter-Regular";
    margin-top: 10px;
    color: var(--blue-color);
}
#amenites .amenitesBox .amenitiesItem .itemsBox .iconText i {
    font-size: 12px;
    color: var(--blue-color);
}
#propert_document,
#documents {
    margin: 50px 0;
}
#propert_document .title,
#locality .title,
#documents .title,
#map_view .title {
    border-bottom: 1px solid var(--orange-color);
    margin-bottom: 20px;
}
#propert_document .title h5,
#locality .title h5,
#documents .title h5,
#map_view .title h5 {
    margin-bottom: 5px;
}
#propert_document .browser_get a {
    font-size: 16px;
    font-family: "Inter-Regular";
    color: var(--heading-text);
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 30px 15px;
    background-color: var(--light-blue);
    transition: 0.2s all;
}
#propert_document .browser_get a:hover {
    border-color: var(--blue-color);
    color: var(--blue-color);
}
#propert_document .browser_get a i {
    color: var(--blue-color);
    margin-right: 10px;
}
#locality .localityBox {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}
#locality .localityBox .localityItem {
    width: calc(210px);
    display: flex;
    align-items: center;
    gap: 10px;
}
#locality .localityBox .localityItem .imgIcon img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}
#locality .localityBox .localityItem .textBox span {
    margin-bottom: 0;
}
#locality .localityBox .localityItem .textBox h6 {
    margin-bottom: 0;
}
#locality .localityBox .localityItem a {
    background-color: var(--light-blue);
    border-radius: 5px;
    padding: 10px 10px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: var(--blue-color);
}
#locality .localityBox .localityItem a i {
    font-size: 12px;
    margin-left: 5px;
}
#documents .documentBox {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    text-align: center;
}
#documents .documentBox .boxBox {
    width: calc(210px);
    border: 1px solid var(--border-color);
    border-radius: 5px;
    height: 125px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#documents .documentBox .boxBox p {
    font-size: 14px;
    font-family: "Inter-Regular";
    color: var(--black-color);
    margin-top: 10px;
}
#documents .documentBox .boxBox i {
    font-size: 18px;
    color: var(--black-color);
}
#map_view .mapMianbox .mapText {
    margin-bottom: 20px;
}
#map_view .mapMianbox .mapText h6 {
    margin-bottom: 5px;
}
#map_view .mapMianbox .mapText p,
#map_view .aboutGlory .aboutUs p {
    color: var(--heading-text);
    font-family: "Inter-Regular";
}
#map_view .mapMianbox .mapmain #map {
    width: 100%;
    min-height: 440px;
    border: 1px solid var(--border-color);
}
#map_view .aboutGlory {
    margin-top: 60px;
}
#developers .developersProprty {
    margin: 40px 0;
}
#developers .title {
    margin-top: 30px;
    border-bottom: 1px solid var(--border-color);
}
#developers .title h4 {
    margin-bottom: 5px;
}

/* Exio Audit FAQ (property detail — AEO block) */
#exio-audit-faq {
    margin: 50px 0 40px;
    padding-top: 10px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
#exio-audit-faq .title {
    border-bottom: 1px solid var(--orange-color);
    margin-bottom: 24px;
    padding-bottom: 4px;
}
#exio-audit-faq .title h4 {
    margin-bottom: 6px;
    font-size: clamp(20px, 2.6vw, 24px);
    line-height: 1.25;
    font-family: "Inter-SemiBold", "Inter", sans-serif;
    font-weight: 600;
    color: var(--heading-text);
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}
#exio-audit-faq .title .exio-audit-faq-subtitle {
    margin-bottom: 10px;
    font-size: clamp(14px, 1.8vw, 16px);
    line-height: 1.4;
    font-family: "Inter-Regular", "Inter", sans-serif;
    color: var(--gray-color);
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}
#exio-audit-faq .exio-audit-faq-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}
#exio-audit-faq .exio-audit-faq-item {
    padding: 22px 24px;
    background-color: var(--light-blue);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    border-left: 4px solid var(--orange-color);
}
#exio-audit-faq .exio-audit-faq-q {
    margin: 0 0 12px;
    font-size: clamp(16px, 2.1vw, 18px);
    line-height: 1.35;
    font-family: "Inter-SemiBold", "Inter", sans-serif;
    font-weight: 600;
    color: var(--blue-color);
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}
#exio-audit-faq .exio-audit-faq-a {
    margin: 0;
    font-size: clamp(15px, 1.9vw, 16px);
    line-height: 1.6;
    font-family: "Inter-Regular", "Inter", sans-serif;
    color: var(--heading-text);
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}
#exio-audit-faq .exio-audit-faq-a strong {
    font-family: "Inter-SemiBold", "Inter", sans-serif;
    font-weight: 600;
    color: var(--blue-color);
}
#exio-audit-faq .exio-audit-faq-meta {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: var(--gray-color);
    font-family: "Inter-Regular", "Inter", sans-serif;
}

#rightStickySection {
    padding: 30px 0;
    height: 100%;
}
#rightStickySection .topReportBtn a {
    font-size: 20px;
    color: var(--white-color);
    background-color: var(--orange-color);
    border-radius: 5px;
    font-family: "Inter-Bold";
    width: 100%;
    text-align: center;
    padding: 18px 15px;
    border: 2px solid var(--orange-color);
    transition: 0.2s all;
}
#rightStickySection .topReportBtn a:hover {
    color: var(--orange-color);
    background-color: #fff0;
}
#rightStickySection .topReportBtn a:hover i {
    color: var(--orange-color);
}
#rightStickySection .topReportBtn a i {
    color: var(--white-color);
    margin-right: 5px;
}
#rightStickySection .progress {
    background-color: #d9d9d9;
    border-radius: 5px;
    width: 100%;
    height: 7px;
}
#rightStickySection .progress-bar.green {
    background-color: #00ae3b !important;
}
#rightStickySection .progress-bar.brown {
    background-color: #d47a0c !important;
}
#rightStickySection .progress-bar.yellow {
    background-color: #ffa436 !important;
}
#rightStickySection .progress-bar.yellowLight {
    background-color: #ffbe0a !important;
}
#rightStickySection .StickyBox {
    position: sticky;
    top: 60px;
}
#rightStickySection .insightReport {
    border: 1px solid var(--border-color);
    padding: 20px;
    border-radius: 5px;
    margin-top: 20px;
    background-color: var(--white-color);
}
.insightReport .reportTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--orange-color);
}
.insightReport .reportTitle img {
    width: 100%;
    max-width: 160px;
}
.insightReport .reportTitle span {
    font-size: 36px;
    margin-bottom: 0;
    color: var(--green-color);
    font-weight: 600;
    vertical-align: bottom;
}
.insightReport .ourReportdetail .comBoxPersantage {
    margin-bottom: 20px;
}
.insightReport .ourReportdetail .comBoxPersantage .topBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.insightReport .ourReportdetail .comBoxPersantage .topBar h5 {
    margin-bottom: 0;
    font-size: 20px;
}
.insightReport .ourReportdetail .comBoxPersantage .topBar span {
    font-size: 20px;
    font-family: "Inter-Regular";
    color: var(--gray-color);
}
.insightReport .ourReportdetail .comBoxPersantage .barBox p {
    font-size: 16px;
    margin-top: 10px;
}
.insightReport .contactBtn .linkBtn {
    font-size: 18px;
    padding: 12px 20px;
    width: 100%;
    text-align: center;
    font-weight: 400;
}
header.removeHeader.show {
    display: none;
}
.startProperty {
    height: calc(100vh - 82px);
    background-color: var(--light-blue);
    padding: 50px 0;
}
.startProperty .container {
    max-width: 1320px;
}
.startProperty .leftVideoSec .videoCoverImage {
    position: relative;
    height: 100%;
}
.startProperty .leftVideoSec .videoCoverImage video {
    width: 100%;
    border-radius: 5px;
    object-fit: cover;
    height: calc(100vh - 150px);
    border: 1px solid var(--blue-color);
}
.startProperty .rightvideoText {
    background-color: var(--white-color);
    height: 100%;
    border: 1px solid var(--blue-color);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
}
.startProperty .rightvideoText .centerBox .img img {
    width: 100%;
    max-width: 120px;
}
.startProperty .rightvideoText .centerBox .bottext {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 10px;
    margin: 20px 0;
}
.startProperty .rightvideoText .centerBox .bottext img {
    width: 100%;
    max-width: 120px;
}
.startProperty .rightvideoText .centerBox .bottext h4 {
    margin-bottom: 0;
}
.startProperty .rightvideoText .centerBox p {
    font-size: 14px;
    color: var(--heading-color);
    width: 100%;
    max-width: 350px;
}
.startProperty .rightvideoText .centerBox a {
    min-height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.startProperty.mapProprty {
    padding: 20px 0 !important;
    background: var(--white-color);
}
.startProperty.mapProprty .container {
    max-width: 1430px;
}
.check_propertheader .menuBread span {
    font-size: 12px;
    font-family: "Inter-Regular";
    color: var(--gray-color);
    font-weight: 400;
}
.check_propertheader .menuBread .breadcrumb .breadcrumb-item,
.check_propertheader .menuBread .breadcrumb .breadcrumb-item a {
    color: var(--heading-text) !important;
    font-size: 16px;
}
.check_propertheader .menuBread .breadcrumb {
    margin-bottom: 0;
}
.check_propertheader .menuBread nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.check_propertheader .menuBread nav .linkBtn {
    font-weight: 400;
}
.check_propertMap .mapProView #map {
    width: 100%;
    height: calc(100vh - 200px);
    border: 1px solid var(--gray-color);
}
.bannerSky {
    background-color: var(--light-blue);
}
.bannerSky .bannerSkyText .heading36 {
    margin-bottom: 10px;
}
.bannerSky .bannerSkyText p {
    font-size: 16px;
    font-family: "Inter-Regular";
}
.compare_project .compareComBox {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
.compare_project .compareComBox .leftBoxSmall {
    width: 100%;
    border: 1px solid #7f8ba5;
    border-radius: 5px;
    padding: 20px;
    max-width: 300px;
}
.compare_project .compareComBox .leftBoxSmall .lableBox h5 {
    font-size: 20px;
    margin-bottom: 0;
    word-break: break-all;
}
.compare_project .compareComBox .leftBoxSmall .lableBox img {
    width: 100%;
    max-width: 150px;
}
.compare_project .compareComBox .detailSameBox {
    width: 100%;
    max-width: 535px;
    border: 1px solid #7f8ba5;
    border-radius: 5px;
    padding: 20px;
    background-color: var(--white-color);
}
.compare_project .compareComBox .detailSameBox.skyBg {
    background-color: var(--light-blue);
}
.compare_project .siteDetails {
    display: flex;
    align-items: center;
    gap: 20px;
}
.compare_project .siteDetails .logoMain img {
    width: 90px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
}
.compare_project .siteDetails .textBox h5 {
    margin-bottom: 0;
}
.compare_project .siteDetails .textBox span {
    color: var(--gray-color);
    font-weight: 400;
    font-family: "Inter", serif;
    font-size: 16px;
    margin: 5px 0;
}
.compare_project .siteDetails .textBox .locationProperty {
    margin-top: 5px;
}
.compare_project .siteDetails .textBox .comBox {
    display: flex;
    align-items: center;
}
.compare_project .siteDetails .textBox .comBox img {
    width: 100%;
    max-width: 25px;
}
.compare_project .siteDetails .textBox .comBox p {
    color: var(--heading-text);
    font-weight: 400;
    font-family: "Inter", serif;
    font-size: 16px;
}
.compare_project .borderBox .priceBox p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", serif;
    margin-top: 20px;
}
.compare_project .borderBox .reportTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.compare_project .borderBox .priceBox p i {
    margin-right: 10px;
}
.compare_project .borderBox .priceBox h5 {
    margin-bottom: 0;
}
.compare_project .borderBox .reportTitle img {
    width: 100%;
    max-width: 160px;
}
.compare_project .borderBox .reportTitle span {
    font-size: 36px;
    margin-bottom: 0;
    color: var(--green-color);
    font-weight: 600;
    vertical-align: bottom;
}
.compare_project .borderBox .progressBox:not(:last-child) {
    margin-bottom: 15px;
}
.compare_project .borderBox .topBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.compare_project .borderBox .topBar h5 {
    margin-bottom: 0;
    font-size: 20px;
}
.compare_project .borderBox .topBar span {
    font-size: 20px;
    font-family: "Inter-Regular";
    color: var(--gray-color);
}
.compare_project .borderBox .progress {
    background-color: #d9d9d9;
    border-radius: 5px;
    width: 100%;
    height: 7px;
}
.compare_project .borderBox .progress-bar.green {
    background-color: #00ae3b !important;
}
.compare_project .borderBox .progress-bar.brown {
    background-color: #d47a0c !important;
}
.compare_project .borderBox .progress-bar.yellow {
    background-color: #ffa436 !important;
}
.compare_project .borderBox .progress-bar.yellowLight {
    background-color: #ffbe0a !important;
}
.compare_project .borderBox .discriptP p {
    font-size: 16px;
    font-family: "Inter-Regular";
}
.compare_project .borderBox .overViewBox {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}
.compare_project .borderBox .overViewBox .overBox {
    background-color: #eef6ff;
    width: 210px;
    height: 68px;
    padding: 10px;
    border-radius: 5px;
}
.compare_project .borderBox .overViewBox .overBox span {
    font-size: 12px;
    color: var(--gray-color);
    font-family: "Inter-Regular";
    margin-bottom: 8px;
}
.compare_project .borderBox .overViewBox .overBox h6 {
    color: var(--black-color);
    font-family: "Inter-SemiBold";
    margin-bottom: 0;
}
.compare_project .borderBox p.titleSlide {
    font-size: 16px;
    font-family: "Inter-Regular";
    color: var(--heading-text);
}
.compare_project .borderBox .owl-carousel {
    max-width: 330px;
    width: 100%;
    margin: 0 auto;
}
.compare_project .borderBox .item {
    max-width: 330px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #cdcdd3;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.compare_project .borderBox .item .imgBox img {
    width: 100%;
    object-fit: cover;
    height: 320px;
    border-radius: 5px;
}
.compare_project .borderBox .item .textSlider {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.compare_project .borderBox .item .textSlider .imgText {
    width: calc(48%);
}
.compare_project .borderBox .item .textSlider .imgText span {
    font-size: 12px;
    color: var(--gray-color);
    font-family: "Inter-Regular";
    margin-bottom: 8px;
}
.compare_project .borderBox .item .textSlider .imgText h6 {
    color: var(--black-color);
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.compare_project .borderBox .owl-nav .owl-prev,
.compare_project .borderBox .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.compare_project .borderBox .owl-nav .owl-prev {
    left: -50px;
}
.compare_project .borderBox .owl-nav .owl-next {
    right: -50px;
}
.compare_project .borderBox .owl-nav .owl-prev img,
.compare_project .borderBox .owl-nav .owl-next img {
    max-width: 35px;
}
.compare_project .borderBox .amenitiesItem {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: start;
}
.compare_project .borderBox .amenitiesItem .itemsBox {
    width: calc(100px);
    text-align: center;
}
.compare_project .borderBox .amenitiesItem .itemsBox .iconImg {
    border-radius: 50%;
    background-color: var(--light-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 37px;
    width: 37px;
    margin: 0 auto;
}
.compare_project .borderBox .amenitiesItem .itemsBox .iconImg p {
    font-size: 14px;
    color: var(--heading-text);
    font-family: "Inter-Regular";
    margin-top: 10px;
    color: var(--blue-color);
}
.compare_project .borderBox .amenitiesItem .itemsBox.more {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 92px;
    background-color: var(--light-blue);
    border-radius: 5px;
    /* height: 100%; */
}
.compare_project .borderBox .amenitiesItem .itemsBox.more .iconText {
    display: flex;
    align-items: center;
    gap: 5px;
}
.compare_project .borderBox .amenitiesItem .itemsBox .iconText p {
    font-size: 14px;
    color: var(--heading-text);
    font-family: "Inter-Regular";
    margin-top: 10px;
    color: var(--black-color);
}
.compare_project .borderBox .amenitiesItem .itemsBox .iconText i {
    font-size: 12px;
    color: var(--blue-color);
}
.compare_project .borderBox .browser_get a {
    font-size: 16px;
    font-family: "Inter-Regular";
    color: var(--heading-text);
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 30px 15px;
    background-color: var(--light-blue);
}
.compare_project .borderBox .browser_get a i {
    color: var(--blue-color);
    margin-right: 10px;
}
.compare_project .borderBox .localityBox {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
}
.compare_project .borderBox .localityBox .localityItem {
    width: calc(210px);
    display: flex;
    align-items: center;
    gap: 10px;
}
.compare_project .borderBox .localityBox .localityItem .imgIcon img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}
.compare_project .borderBox .localityBox .textBox span,
.compare_project .borderBox .localityBox .textBox h6 {
    margin-bottom: 0;
}
.compare_project .borderBox .localityBox .localityItem a {
    background-color: var(--light-blue);
    border-radius: 5px;
    padding: 10px 10px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: var(--blue-color);
}
.compare_project .borderBox .documentBox {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    text-align: center;
}
.compare_project .borderBox .documentBox .boxBox {
    width: calc(210px);
    border: 1px solid var(--border-color);
    border-radius: 5px;
    height: 125px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.compare_project .borderBox .documentBox .boxBox i {
    font-size: 18px;
    color: var(--black-color);
}
.compare_project .borderBox .documentBox .boxBox p {
    font-size: 14px;
    font-family: "Inter-Regular";
    color: var(--black-color);
    margin-top: 10px;
}
.compare_project .compareBtn {
    text-align: center;
    margin-top: 50px;
}
.bannerSky .filterSec {
    margin-top: 40px;
}

/* Sticky state for home filter (desktop) */
.filterSec.is-sticky {
    margin-top: 0;
    /* background-color: var(--white-color); */
    /* box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12); */
}
.filterSec-placeholder {
    display: block;
}
.bannerSky .filterSec .container {
    padding: 0 !important;
}
.bannerSky .filterSec .bannerFilterBox {
    margin: 0 !important;
}
.site_traking_box .propertyCard,
.liked_properties_box .propertyCard {
    margin-bottom: 25px;
}
.liked_properties_box .propertyCard {
    cursor: pointer;
}
.site_traking_box .locationProperty {
    border-bottom: none;
    margin-bottom: 0;
}
.site_traking_box .moreBtn {
    text-align: center;
}
.site_traking_box .moreBtn .btn {
    margin: 30px auto 0;
    width: 100%;
    max-width: 180px;
}
.liked_properties_box .addtocompareBtn a {
    width: 100%;
    font-size: 15px;
    color: var(--heading-text);
    font-family: "Inter", serif;
    font-weight: 500;
    font-family: "Inter-Regular";
    border-radius: 5px;
    padding: 14px 24px;
    border: 1px solid var(--blue-color);
    transition: 0.3s all;
    box-shadow: none;
    outline: none;
    text-align: center;
}
.liked_properties_box .addtocompareBtn a:hover {
    background-color: #eef6ff;
}
.liked_properties_box .addtocompareBtn {
    margin-top: 15px;
}
.liked_properties_box .addtocompareBtn input[type="checkbox"] {
    margin-right: 5px;
    height: 16px;
    width: 16px;
    border-radius: 2px;
    border: 1px solid #7f8ba5;
    cursor: pointer;
    box-shadow: none;
    outline: none;
}
.liked_properties_box .addtocompareBtn .form-check-input:checked {
    background-color: var(--blue-color);
}
.paginationBox {
    margin-top: 30px;
}
.paginationBox .pagination {
    justify-content: center;
    gap: 10px;
}
.paginationBox .pagination .page-item a.page-link {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--heading-text);
    box-shadow: none;
    outline: none;
}
.paginationBox .pagination .page-item a.page-link.active {
    border-color: #ff7042;
    background-color: var(--orange-color);
    color: var(--white-color);
}
.paginationBox .pagination .page-item span.page-link {
    border: 1px solid transparent !important;
    box-shadow: none;
    outline: none;
    color: var(--heading-text);
}
.site_traking_detail_page .bannerSky {
    padding: 20px 0 40px;
}
.left_traking_details .chartBox {
    margin-bottom: 70px;
}
.left_traking_details .chartBox canvas {
    height: 400px !important;
}
.left_traking_stepSec .stepallBox {
    display: flex;
    align-items: center;
    gap: 30px;
}
.left_traking_stepSec .stepallBox:not(:last-child) {
    margin-bottom: 70px;
}
.left_traking_stepSec .stepallBox .stepText {
    display: grid;
    align-items: center;
    gap: 30px;
    width: 90%;
    grid-template-columns: 180px 50px 1fr;
}
.left_traking_stepSec .stepallBox .stepText .howtoStep h5 {
    margin-bottom: 0;
}
.left_traking_stepSec .stepallBox .stepText .howtoStep p {
    font-size: 16px;
    font-family: "Inter-Regular";
    color: var(--heading-text);
}
.left_traking_stepSec .stepallBox .stepText span {
    font-size: 16px;
    font-family: "Inter-Regular";
    color: var(--heading-text);
}
.left_traking_stepSec .stepallBox .stepText .checkImg img {
    width: 45px;
}
.left_traking_stepSec .stepallBox .stepimg {
    width: 95px;
    height: 85px;
    position: relative;
}
.left_traking_stepSec .stepallBox .stepimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.left_traking_stepSec .stepallBox .stepimg .moreimg a {
    background-color: var(--white-color);
    color: #000;
    border-radius: 5px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 5px 5px;
    cursor: pointer;
    font-size: 14px;
}
.downloaded_certificates .downloaded_certificates_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 20px;
    gap: 30px;
    transition: 0.3s all;
}
.downloaded_certificates .downloaded_certificates_box:hover {
    border-color: var(--blue-color);
    box-shadow: 0 0 10px #ccc;
}
.downloaded_certificates .downloaded_certificates_box:not(:last-child) {
    margin-bottom: 20px;
}
.downloaded_certificates .certificates_box {
    width: 85%;
}
.downloaded_certificates .detailsTextSec,
.compare_reports .detailsTextSec {
    margin-top: 0;
}
.downloaded_certificates .download_box {
    width: 15%;
    text-align: center;
    border-left: 1px solid var(--border-color);
    min-height: 133px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.downloaded_certificates .download_box a {
    height: 100%;
    width: 100%;
    color: #1c3c6e;
    font-size: 15px;
}
.downloaded_certificates .download_box a img {
    width: 100%;
    max-width: 42px;
    margin-bottom: 5px;
}
.downloaded_certificates .siteDetails .textBox h5 > span {
    font-size: 20px !important;
    margin-bottom: 0;
    color: var(--green-color) !important;
    font-weight: 600 !important;
    vertical-align: bottom;
}
.downloaded_certificates .siteDetails .textBox h5 img {
    width: 100%;
    max-width: 110px;
}
.compare_reports .compare_reports_box {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.compare_reports .certificates_box {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 85%;
}
.compare_reports .certificates_box_three {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr) 64px minmax(0, 1fr);
    align-items: center;
    gap: 15px;
    width: 85%;
}
.compare_reports .certificates_box_three .detailmainSec {
    /* max-width: 280px; */
}
.compare_reports .compare_reports_box .download_box {
    width: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.compare_reports .detailmainSec {
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 20px;
    width: 100%;
    max-width: 540px;
}
.compare_reports .detailmainSec .innerPriceBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.compare_reports .detailmainSec .innerPriceBox .priceShare h5 {
    margin-bottom: 0;
    font-size: 18px;
}
.compare_reports .detailmainSec .innerPriceBox .boxLogo img {
    width: 100%;
    max-width: 110px;
}
.compare_reports .detailmainSec .innerPriceBox .boxLogo span {
    font-size: 20px !important;
    margin-bottom: 0;
    color: var(--green-color) !important;
    font-weight: 600 !important;
    vertical-align: bottom;
}
.compare_reports .detailmainSec .endText p {
    margin: 10px 0;
}
.compare_reports .certificates_box .compareVs {
    height: 64px;
    width: 100%;
    border-radius: 50%;
    font-size: 20px;
    background-color: var(--light-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 64px;
}
.compare_reports .compare_reports_box .download_box a {
    height: 100%;
    width: 100%;
    color: #1c3c6e;
    font-size: 15px;
    text-align: center;
}
.compare_reports .compare_reports_box .download_box a img {
    width: 100%;
    max-width: 42px;
    margin-bottom: 5px;
}
.bannerImg {
    padding: 50px 0;
    position: relative;
    background: var(--blue-color);
}
.bannerImg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/layer-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
.bannerImg .bannerImgtext h3 {
    color: var(--white-color);
}
.contactUs {
    background-color: var(--light-blue);
}
.contactUs .mainWhiteBox {
    background-color: var(--white-color);
    padding: 30px;
    border-radius: 5px;
}
.contactUs .mainWhiteBox .title {
    margin-bottom: 30px;
}
.contactUs .mainWhiteBox .title h5 {
    margin-bottom: 0;
    font-family: "Archivo", serif;
    font-weight: 600;
    font-size: 24px;
    color: #1c1d22;
}
.contactUs .mainWhiteBox .title p {
    font-size: 16px;
    color: var(--gray-color);
    font-weight: 400;
}
.contactUs .mainWhiteBox .btnsignIn {
    font-size: 18px;
    color: var(--white-color);
    font-weight: 400;
    font-family: "Inter", serif;
    width: 100%;
    background-color: var(--blue-color);
    border-radius: 5px;
    min-height: 50px;
    margin-bottom: 20px;
}
.contactUs .mainWhiteBox .form-group {
    margin-bottom: 10px;
}
.contactUs .terms p {
    font-size: 14px;
    color: var(--gray-color);
    font-weight: 400;
    font-family: "Inter", serif;
    text-align: center;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
}
.contactUs .terms p a {
    color: var(--blue-color);
}
textarea.inputClass {
    min-height: 120px;
    resize: none;
}
.contentBox .toptextBox {
    margin-bottom: 60px;
}
.contentBox .toptextBox p {
    font-size: 20px;
    color: #030712;
    font-family: "Inter-Regular";
}
.contentBox .centerTextbox {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.contentBox .centerTextbox .box-box {
    width: calc(33% - 10px);
}
.contentBox .centerTextbox .box-box h6 {
    font-family: "Inter-SemiBold";
    color: #030712;
}
.contentBox .centerTextbox .box-box p {
    font-family: "Inter-Regular";
    font-size: 16px;
    color: #030712;
}
.contentBox .endtextBox p {
    font-family: "Inter-Regular";
    font-size: 16px;
    color: #030712;
}
.termsOfpolicy .termsTextBox p {
    font-family: "Inter-Regular";
    font-size: 16px;
    color: #030712; /* margin-bottom: 30px; */
}
.termsOfpolicy .termsTextBox h6 {
    margin-bottom: 30px;
}
.aboutUs .contentAbout .toptextBox {
    margin-bottom: 30px;
}
.aboutUs .contentAbout p {
    font-size: 16px;
    color: var(--gray-color);
    font-family: "Inter-Regular";
}
.aboutUs .countourView {
    display: flex;
    gap: 10px;
    margin-bottom: 40px;
}
.aboutUs .countourView .box {
    text-align: center;
    width: calc(25%);
}
.aboutUs .countourView .box h4 {
    margin-bottom: 10px;
}
.aboutUs .countourView .box span {
    font-size: 18px;
    color: #212529;
}
.aboutUs .centerTextbox {
    margin-top: 50px;
}
.aboutUs .centerTextbox h3 {
    font-size: 40px;
}
.aboutUs .centerTextbox .box-about {
    border: 1px solid #cdcdd3;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 20px;
    display: flex;
    gap: 20px;
}
.aboutUs .centerTextbox .box-about .left-img img {
    width: 160px;
}
.aboutUs .centerTextbox .box-about .right-text h5 {
    margin-bottom: 10px;
    font-family: "Inter-Bold";
}
.aboutUs .endtextBox {
    margin-top: 40px;
}
.aboutUs .endtextBox ul {
    display: flex;
    align-items: center;
    gap: 15px;
}
.aboutUs .endtextBox ul li a i {
    font-size: 20px;
    color: var(--blue-color);
}
.propertyModal .modal-dialog {
    max-width: 1180px;
    width: 100%;
}
.modelSize .modal-content {
    border: 2px solid var(--blue-color) !important;
    border-radius: 5px;
}
.propertyModal .modalgallery .top-img {
    margin-bottom: 10px;
    height: 280px;
}
.propertyModal .modalgallery .multyimg {
    display: flex;
    gap: 10px;
}
.propertyModal .modalgallery .multyimg .box {
    width: calc(150px);
    height: 165px;
}
.propertyModal .modalgallery .comImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.propertyModal .modalTextBox .priceAndshare {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-bottom: 10px;
}
.propertyModal .modalTextBox .priceAndshare .price h5 {
    margin-bottom: 5px;
}
.propertyModal .modalTextBox .priceAndshare .price h5:nth-child(2) {
    font-weight: 500;
}
.propertyModal .modalTextBox .priceAndshare ul {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}
.propertyModal .modalTextBox .priceAndshare ul li a {
    color: var(--heading-text);
    font-size: 15px;
    font-weight: 400;
    font-family: "Inter", serif;
}
.propertyModal .modalTextBox .priceAndshare ul li a i {
    color: var(--gray-color);
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
.propertyModal .modalTextBox .locationProperty {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-top: 1px solid var(--orange-color);
    border-bottom: 1px solid var(--orange-color);
    margin-bottom: 10px;
}
.propertyModal .modalTextBox .locationProperty .comBox {
    display: flex;
    align-items: center;
}
.propertyModal .modalTextBox .locationProperty .comBox img {
    width: 100%;
    max-width: 30px;
}
.propertyModal .modalTextBox .locationProperty .comBox p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", serif;
    color: var(--heading-text);
}
.propertyModal .modalTextBox .discriptBox p {
    color: var(--heading-text);
    font-size: 16px;
    font-family: "Inter", serif;
    font-weight: 400;
}
.propertyModal .overViewBox {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.propertyModal .overViewBox .overBox {
    background-color: #eef6ff;
    width: 210px;
    height: 68px;
    padding: 10px;
}
.propertyModal .overViewBox .overBox span {
    font-size: 12px;
    color: var(--gray-color);
    font-family: "Inter-Regular";
    margin-bottom: 8px;
}
.propertyModal .overViewBox .overBox h6 {
    color: var(--black-color);
    font-family: "Inter-SemiBold";
}
.btn-container {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}
.btn-container .btn {
    width: calc(50%);
    min-height: 54px !important;
    font-weight: 400;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-container .btnWp {
    border-radius: 5px;
    padding: 14px 24px;
    border: 1px solid var(--blue-color);
    color: var(--heading-text);
}
.btn-container .btnWp img {
    width: 100%;
    max-width: 30px;
    vertical-align: middle;
    margin-right: 5px;
}
.lookingProperty .feetSelectBox {
    display: flex;
    gap: 40px;
    justify-content: center;
}
.lookingProperty .feetSelectBox .clickTo {
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
}
.lookingProperty .feetSelectBox .clickTo .keyword-label {
    font-size: 18px;
    color: var(--heading-text);
    font-family: "Inter-Regular";
}
.lookingProperty .feetSelectBox .clickTo input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    margin-right: 0;
    left: 0;
    top: 0;
    height: 22px;
    width: 100%;
    border-radius: 50%;
    border: 1px solid var(--blue-color);
    z-index: 55;
    cursor: pointer;
}
.lookingProperty .feetSelectBox .clickTo input[type="checkbox"] + .keyword-label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    cursor: pointer;
    height: 22px;
    border: 1px solid var(--blue-color);
    background-color: #fff;
    border-radius: 50%;
}
.lookingProperty .feetSelectBox .clickTo input[type="checkbox"]:checked + .keyword-label::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    background-color: var(--blue-color);
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 50%;
    padding-top: 2px;
}
.lookingProperty .feetSelectBox .clickTo input[type="radio"] {
    position: absolute;
    opacity: 0;
    margin-right: 0;
    left: 0;
    top: 0;
    height: 22px;
    width: 100%;
    border-radius: 50%;
    border: 1px solid var(--blue-color);
    z-index: 55;
    cursor: pointer;
}
.lookingProperty .feetSelectBox .clickTo input[type="radio"] + .keyword-label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    cursor: pointer;
    height: 22px;
    border: 1px solid var(--blue-color);
    background-color: #fff;
    border-radius: 50%;
}
.lookingProperty .feetSelectBox .clickTo input[type="radio"]:checked + .keyword-label::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    background-color: var(--blue-color);
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 50%;
    padding-top: 2px;
}
.feetSelectBox .clickTo a {
    color: var(--blue-color);
    font-size: 18px;
    font-family: "Inter-Medium";
}
.modelSize .modal-dialog {
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
}
.modelSize .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    box-shadow: none;
    outline: none;
}
.modelSize .modal-body {
    padding: 55px;
}
.modelSize .modal-body .title {
    text-align: center;
    margin-bottom: 40px;
}
.modelSize .modal-body .title h4 {
    font-size: 28px;
}
.feetSelectBox {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
}
.feetSelectBox .input-group {
    display: grid;
    gap: 0.75em;
}
.feetSelectBox .checkbox {
    background-color: var(--white-color);
    border-radius: 5px;
    border: 1px solid var(--blue-color);
    cursor: pointer;
    display: flex;
    gap: 0.75em;
    align-items: center;
    padding: 10px 15px;
    position: relative;
    min-width: 0;
}
.feetSelectBox .checkbox__input {
    background-color: var(--light-gray1);
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    appearance: none;
    display: none;
}
.feetSelectBox .checkbox__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    color: var(--heading-text);
    font-family: "Inter-Regular";
}
.feetSelectBox .checkbox__input:before {
    content: "\f00c";
    position: absolute;
    font-family: "fontawesome";
    display: block;
    opacity: 0;
    color: var(--blue-color);
    background-color: var(--white-color);
    font-size: 12px;
    border: 1px solid;
    padding: 0 3px;
    border-radius: 2px;
    height: 18px;
    width: 18px;
}
.feetSelectBox .checkbox__input:checked {
    position: relative;
    display: block;
}
.feetSelectBox .checkbox__input:checked:before {
    opacity: 1;
}
.feetSelectBox .checkbox__input:checked + .checkbox__label {
    background-color: var(--blue-color);
    color: var(--white-color);
    border-radius: 5px;
}
.feetSelectBox .checkbox:has(.checkbox__input:checked) {
    background-color: var(--blue-color);
    color: var(--white-color);
}
.modelSize .footerBtn {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modelSize .footerBtn .btn {
    width: calc(50%);
}
.modelSize .footerBtn .btnPreview {
    text-align: left;
    color: #030712;
    font-size: 18px;
    font-family: "Inter-Regular";
}
.modelSize .footerBtn .btnPreview i {
    margin-right: 15px;
    vertical-align: middle;
}
.modelSize .footerBtn .btnNext {
    font-size: 18px;
    min-height: 52px;
    background-color: var(--blue-color);
    padding: 10px 35px;
    border-radius: 5px;
    color: var(--white-color);
    font-family: "Inter", serif;
    font-weight: 400;
    transition: 0.3s all;
    border: 1px solid var(--blue-color);
    box-shadow: none;
    outline: none;
}
.selectArea .dropBox:not(:last-child) {
    margin-bottom: 25px;
}
.selectArea .dropBox label {
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
    color: var(--gray-color);
    font-family: "Inter", serif;
    font-weight: 500;
}
.selectArea .dropBox select {
    width: 100%;
    min-height: 52px;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid var(--blue-color);
    outline: none;
}
.porpertyFilter {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background: var(--white-color);
    border: 1px solid var(--blue-color);
    border-radius: 5px;
    padding: 20px;
    width: 100%;
    max-width: 500px;
    z-index: 5;
    max-height: 480px;
    overflow-y: auto;
}
.porpertyFilter.open {
    display: block;
}
.porpertyFilter .lookingProperty .feetSelectBox {
    justify-content: start;
    gap: 20px;
}
.porpertyFilter .filterTitle h5 {
    margin-bottom: 10px;
}
.porpertyFilter .feetSelectBox .checkbox {
    padding: 8px 15px;
}
.filterContent .comViewBox:not(:last-child) {
    margin: 10px 0;
}
.porpertyFilter .linkBtn {
    font-weight: 400;
    font-size: 18px;
    font-family: "Inter", serif;
    width: calc(50%);
}
.porpertyFilter .resstBtn {
    display: flex;
    justify-content: space-between;
    gap: 5px;
}
.filterContent .comViewBox p {
    margin-bottom: 5px;
    font-size: 16px;
    font-family: "Inter", serif;
    font-weight: 500;
}
.porpertyFilter .comViewBox.five .selectArea {
    display: flex;
    width: 100%;
    gap: 20px;
}
.porpertyFilter .comViewBox.five .selectArea .dropBox {
    width: calc(50%);
    margin-bottom: 0;
    font-size: 18px;
    color: var(--heading-text);
    font-family: "Inter-Regular";
}
.filterContent .range-slider {
    position: relative;
    width: 100%;
    padding: 15px 0;
}
.filterContent .range-slider input[type="range"] {
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px;
    border-radius: 5px;
    background: var(--blue-color);
    outline: none;
    cursor: pointer;
}
.filterContent .range-slider input[type="range"]::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    appearance: none;
    height: 20px;
    width: 20px;
    background-color: var(--blue-color);
    border-radius: 50%;
    border: none;
    outline: 4px solid var(--white-color) !important;
    transition: 0.2s ease-in-out;
}
.filterContent .range-slider input[type="range"]::-moz-range-thumb {
    pointer-events: all;
    height: 20px;
    width: 20px;
    background-color: var(--blue-color);
    border-radius: 50%;
    border: none;
    outline: 4px solid var(--white-color) !important;
    transition: 0.2s ease-in-out;
}
.left_traking_details .site_track_bar {
    padding: 10px 0 60px;
}
.site_traking_section.site_traking_section_new #rightStickySection {
    padding-top: 0;
}
.site_traking_section.site_traking_section_new #rightStickySection .insightReport {
    margin-top: 0;
}
.site_traking_section.site_traking_section_new .topReportBtn {
    margin-top: 20px;
}
.site_track_bar .projectbarText {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.site_track_bar .projectbarText h6 {
    font-family: "Inter", serif;
    font-weight: 400;
    margin-bottom: 0;
}
.site_track_bar .projectbarText h6.left {
    text-align: left;
}
.site_track_bar .projectbarText h6.right {
    text-align: right;
}
.site_track_bar .barDiscp p {
    font-size: 16px;
    color: var(--heading-color);
    font-family: "Inter", serif;
    font-weight: 400;
    padding-top: 40px;
}
.site_track_bar .progress-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px auto 20px;
    position: relative;
    width: 100%;
}
.site_track_bar .progress-line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #ddd;
    transform: translateY(-50%);
    z-index: -1;
}
.site_track_bar .progress-line-fill {
    position: absolute;
    top: 50%;
    left: 0;
    height: 6px;
    background-color: var(--green-color);
    transform: translateY(-50%);
    width: 100%;
    transition: 0.2s all;
}
.site_track_bar .progress-step {
    background-color: var(--green-color);
    border: 3px solid var(--green-color);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    position: relative;
}
.site_track_bar .progress-step::after {
    content: "✔";
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
.site_track_bar .progress-step span {
    color: var(--gray-color);
    position: absolute;
    bottom: -35px;
    font-size: 16px;
    font-family: "Inter", serif;
    font-weight: 400;
}
.downloadBrochure .modal-content {
    border: none;
}
.downloadBrochure .modal-dialog {
    max-width: 580px;
}
.downloadBrochure .modal-body {
    padding: 50px;
}
.downloadBrochure .gloryImg img {
    width: 80px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
}
.downloadBrochure .glorybox {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}
.downloadBrochure .gloryText h6 {
    font-size: 20px;
    font-family: "Inter", serif;
    font-weight: 500;
    color: var(--heading-text);
    margin-bottom: 10px;
}
.downloadBrochure .gloryText p,
.downloadBrochure .brochureBox p {
    font-size: 16px;
    font-family: "Inter", serif;
    font-weight: 400;
    color: var(--gray-color);
}
.downloadBrochure .brochureBox .form-group {
    margin-bottom: 15px;
}
.downloadBrochure .btnDown .btnDownload,
#contactExioAgentForm .btnDown .btnDownload {
    width: 100%;
    margin-top: 15px;
    font-size: 18px;
    color: var(--white-color);
    font-weight: 400;
    font-family: "Inter", serif;
    background-color: var(--blue-color);
    border-radius: 5px;
    min-height: 50px;
}
.comparePorjectModal {
    background-color: var(--white-color) !important;
    border: 2px solid var(--blue-color);
    border-radius: 5px;
    max-width: 1200px;
    width: 100%;
    padding: 15px;
    position: fixed;
    bottom: -100%;
    z-index: 999;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.3s all;
}
.comparePorjectModal.show {
    bottom: 0;
}
.comparePorjectModal .compareMain {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: end;
    position: relative;
}
.comparePorjectModal .compareMain .closeModal {
    position: absolute;
    top: -5px;
    right: -5px;
}
.comparePorjectModal .compareMain .closeModal a img {
    width: 100%;
    max-width: 22px;
    filter: grayscale(1);
}
.comparePorjectModal .comparePorjectCard {
    display: flex;
    gap: 10px;
}
.comparePorjectModal .detailmainSec .detailsTextSec {
    margin-top: 0 !important;
    position: relative;
}
.comparePorjectModal .detailmainSec .detailsTextSec .closeMark {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 55;
}
.comparePorjectModal .detailmainSec .detailsTextSec .closeMark a img {
    width: 100%;
    max-width: 22px;
}
.comparePorjectModal .detailmainSec {
    background-color: var(--light-blue);
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #7f8ba5;
    width: 100%;
    max-width: 485px;
}
.comparePorjectModal .detailmainSec .detailsTextSec .siteDetails {
    gap: 15px;
}
.comparePorjectModal .btnCompare {
    font-size: 16px;
    background-color: var(--blue-color);
    padding: 10px 25px;
    border-radius: 5px;
    color: var(--white-color) !important;
    font-family: "Inter", serif;
    font-weight: 400;
    transition: 0.3s all;
    border: 1px solid var(--blue-color);
    box-shadow: none;
    outline: none;
}
.imageLightBox .modal-dialog {
    max-width: 650px;
}
.imageLightBox .img_view_section img {
    width: 100%;
}
.imageLightBox .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    box-shadow: none !important;
    outline: none;
}
.share_property .modal-content {
    border: none;
    border-radius: 0.6rem;
}
.share_property .modal-body {
    border-radius: 10px;
    padding: 20px 30px 50px 30px;
}
.share_property .modal-body .btn-close {
    margin-left: auto;
    display: block;
    box-shadow: none;
    outline: none;
}
.share_property .titlebox {
    margin: 20px 0;
}
.share_property .titlebox p {
    color: var(--gray-color);
    font-weight: 400;
    font-family: "Inter", serif;
    font-size: 24px;
    margin: 5px 0;
    text-align: center;
}
.share_property .modal-body .iconBox ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin: 30px 0;
}
.share_property .modal-body .iconBox ul li a {
    border-radius: 50%;
}
.share_property .modal-body .iconBox ul li a i {
    font-size: 25px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
}
#whatsapp-link {
    background-color: #25d366;
}
#facebook-link {
    background-color: #3b5998;
}
#linkedin-link {
    background-color: #007bb5;
}
#twitter-link {
    background-color: #55acee;
}
.share_property .modal-body .input-group {
    position: relative;
}
.share_property .modal-body .input-group input {
    border: 1px solid #d7d7d7;
    padding: 10px 60px 10px 10px;
    border-radius: 30px !important;
}
.share_property .modal-body .input-group .btn-outline-secondary {
    font-weight: 600;
    font-family: "Inter", serif;
    color: #d8232a;
    font-size: 14px;
    border: none;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    box-shadow: none;
    outline: none;
}
.share_property .modal-body .input-group .btn-outline-secondary:hover {
    background-color: #fff0;
}
.propertyCard.propertyCardMap:hover {
    border-color: #fff0;
}
.propertyCard.propertyCardMap .addressBoxMap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.propertyCard.propertyCardMap .addressBoxMap .boxLogo {
    display: flex;
    align-items: center;
}
.propertyCard.propertyCardMap .addressBoxMap .boxLogo img {
    width: 100%;
    max-width: 110px;
}
.propertyCard.propertyCardMap .addressBoxMap .boxLogo span {
    font-size: 20px;
    margin-bottom: 0;
    color: var(--green-color);
    font-weight: 600;
    vertical-align: bottom;
}
.propertyCard.propertyCardMap .locationProperty p {
    font-size: 16px;
    color: #111116;
    font-weight: 400;
    font-family: "Inter", serif;
}
.propertyCard.propertyCardMap .clickTo input[type="checkbox"] {
    margin-right: 5px;
    height: 16px;
    width: 16px;
    border-radius: 2px;
    border: 1px solid #7f8ba5;
    cursor: pointer;
    box-shadow: none;
    outline: none;
    margin-top: 0;
}
.propertyCard.propertyCardMap .addressBoxMap .clickTo {
    display: flex;
    align-items: center;
}
.propertyCard.propertyCardMap .clickTo .form-check-input:checked {
    background-color: var(--blue-color);
}
.propertyCard.propertyCardMap .addressBoxMap .clickTo label {
    font-size: 12px;
}
.propertyCardMap .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}
.propertyCardMap .owl-dots .owl-dot.active span {
    background-color: #b3b3b3;
}
.propertyCardMap .owl-dots .owl-dot span {
    background-color: #e2e2e2;
    height: 8px;
    width: 8px;
    margin-right: 8px;
    border-radius: 50%;
}
.gm-style .gm-style-iw-c {
    padding-left: 0;
}
.gm-style-iw-ch {
    display: none;
}
.gm-style-iw-chr button.gm-ui-hover-effect {
    position: absolute !important;
    z-index: 55;
    right: 0;
    top: -10px;
    width: 38px !important;
    height: 34px !important;
}
.gm-style .gm-style-iw-d {
    padding: 0 !important;
    overflow: hidden !important;
}
.bannerSky .forumBoxSky {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bannerSky .forumText h4 {
    margin-bottom: 0;
}
.bannerSky .forumText .heading36 {
    margin-bottom: 0;
}
.bannerSky .askQuestion a {
    font-size: 24px;
    color: #111116;
    font-weight: 600;
    font-family: "Inter", serif;
    border: 1px solid #de773e;
    border-radius: 5px;
    padding: 10px 20px;
    background-color: #fff;
}
.leftQueBox .topSearch {
    position: relative;
    margin-bottom: 55px;
}
.leftQueBox .topSearch input {
    width: 100%;
    border: 1px solid var(--blue-color);
    border-radius: 5px;
    box-shadow: none;
    outline: none;
    padding: 5px 40px 5px 15px;
    min-height: 45px;
}
.leftQueBox .topSearch input::placeholder {
    font-size: 16px;
    color: var(--gray-color);
    font-weight: 400;
}
.leftQueBox .topSearch i {
    color: var(--blue-color);
    font-size: 22px;
}
.leftQueBox .searchBtn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    margin: 0;
    box-shadow: none;
    background: #fff0;
    height: 30px !important;
    width: 30px !important;
    font-size: 0;
    outline: none;
    border: none;
}
.forumBoxMain .comQuebox {
    border: 1px solid #cdcdd3;
    border-radius: 5px;
    padding: 20px;
}
.forumBoxMain .comQuebox:not(:last-child) {
    margin-bottom: 15px;
}
.forumBoxMain .comQuebox span {
    font-size: 16px;
    color: #005395;
    font-weight: 700;
    font-family: "Inter", serif;
}
.forumBoxMain .comQuebox a.title {
    color: #111116;
}
.forumBoxMain .comQuebox p {
    color: #6a6a71;
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", serif;
    margin-bottom: 10px;
}
.forumBoxMain .comQuebox .moreBtn {
    font-weight: 500;
    font-family: "Inter", serif;
    color: #6a6a71;
}
.forumBoxMain .comQuebox .answerMore {
    font-size: 16px;
    color: #005395;
    font-weight: 500;
    font-family: "Inter", serif;
    display: block;
    margin-bottom: 10px;
}
.forumBoxMain .comQuebox .btnAnsAdd {
    box-shadow: none;
    outline: none;
    padding: 8px 20px;
    border: 1px solid #005395;
    border-radius: 5px;
    font-weight: 500;
    font-family: "Inter", serif;
    color: #111116;
    font-size: 18px;
}
.rightQueBox .comQuebox h5 {
    font-size: 20px;
}
.rightQueBox .forumBoxMain .comQuebox {
    padding: 20px 15px;
}
.rightQueBox .topText {
    margin-bottom: 55px;
}
.rightQueBox .topText h4 {
    margin-bottom: 0;
}
.askModal .modal-body {
    padding: 50px 20px 20px;
    position: relative;
}
.askModal .modal-content {
    border: 1px solid #005395;
}
.askModal .modal-body .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    box-shadow: none;
    outline: none;
    background-size: 14px;
}
.askModal .enterQue textarea {
    min-height: 100px;
    resize: none;
    width: 100%;
    border: 1px solid var(--blue-color);
    border-radius: 5px;
    box-shadow: none;
    outline: none;
    padding: 10px;
}
.askModal .modal-footer {
    border-top: 0;
    padding-top: 0;
}
.askModal .modal-footer .btn-secondary {
    background-color: #fff;
    color: #111116;
    border: 1px solid #111116;
    box-shadow: none;
}
.askModal .modal-footer .btn-primary {
    border: 1px solid #de773e;
    background-color: #fff;
    color: #111116;
    box-shadow: none;
}
.blog_main_section .row {
    row-gap: 25px;
}
.blog_main_section .row a {
    width: 100%;
    height: 100%;
}
.blog_main_section .blog_item {
    border-radius: 5px;
    transition: 0.3s all;
    height: 100%;
}
.blog_main_section .blog_item .blog_img {
    position: relative;
}
.blog_main_section .blog_item .blog_img .addedBy {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 5;
}
.blog_main_section .blog_item .blog_img::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px;
    left: 0;
    background: #ffffff3b;
    backdrop-filter: blur(3px);
    border-top: 1px solid #ffffff38;
}
.blog_main_section .blog_item .blog_img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.blog_main_section .blog_item .blog_text {
    padding: 20px 15px;
    border: 1px solid var(--blue-color);
}
.blog_main_section .blog_item .blog_text h5,
.blog_main_section .blog_item .blog_text h6 {
    margin-bottom: 10px;
}
.blog_main_section .blog_item .addedBy p {
    margin-bottom: 10px;
    font-size: 16px;
    color: #fff;
}
.blog_main_section .blog_item .blog_text p.discript {
    font-size: 14px;
    min-height: 105px;
}
.blog_main_section .loadMore {
    text-align: center;
}
.blog_main_section .loadMore .btn {
    margin: 30px auto 0;
    width: 100%;
    max-width: 180px;
    font-size: 18px;
    font-family: "Inter", serif;
    font-weight: 500;
    font-family: "Inter-Medium";
    border-radius: 5px;
    padding: 14px 24px;
    border: 1px solid var(--blue-color);
    transition: 0.3s all;
    box-shadow: none;
    outline: none;
}
.blog_detail_section {
    background-color: var(--light-blue);
}
.blog_detail_section .details_our {
    background-color: var(--white-color);
    padding: 20px;
}
.blog_detail_box .detail_title h6 {
    margin-bottom: 0;
    color: var(--gray-color);
}
.blog_detail_box .detail_title h6 span {
    color: var(--orange-color);
    margin-right: 10px;
}
.blog_detail_box .detail_title .user_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.details_our .blogdetail_img img {
    width: 100%;
}
.details_our .blogdetail_img {
    margin-bottom: 30px;
}
.blog_detail_box .detail_title .user_box .viewer_box span {
    font-size: 16px;
    color: var(--gray-color);
}
.blog_detail_box .detail_title .user_box .viewer_box span i {
    margin-right: 5px;
    color: var(--blue-color);
}
.blog_detail_box .our_info_box .box_box {
    padding-top: 15px;
    margin-bottom: 25px;
}
.blog_detail_box .our_info_box .box_box ul li {
    padding-left: 30px;
    position: relative;
}
.blog_detail_box .our_info_box .box_box ul li::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: var(--blue-color);
    height: 7px;
    width: 7px;
    border-radius: 50%;
}
.blog_detail_box .our_info_box .box_box ul li:not(:last-child) {
    margin-bottom: 10px;
}
.blog_detail_box .right_sticky {
    height: 100%;
}
.blog_detail_box .right_sticky .popular_post {
    position: sticky;
    top: 120px;
    padding: 20px;
    background-color: var(--white-color);
}
.blog_detail_box .right_sticky .popular_post h5 {
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
    position: relative;
}
.blog_detail_box .right_sticky .popular_post h5::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    background-color: var(--orange-color);
    height: 2px;
    width: 50px;
}
.blog_detail_box .top_view_box {
    margin-bottom: 20px;
}
.blog_detail_box .top_view_box .img_box {
    position: relative;
}
.blog_detail_box .top_view_box .img_box::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: linear-gradient(0deg, rgb(0 0 0 / 75%) 0%, #fff0 100%) !important;
}
.blog_detail_box .top_view_box .img_box img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.blog_detail_box .top_view_box .img_box .text_box {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 5;
}
.blog_detail_box .top_view_box .img_box .text_box h6 {
    font-size: 16px;
    margin-bottom: 0;
    color: var(--white-color);
}
.blog_detail_box .top_view_box .img_box .text_box p {
    margin-bottom: 0;
    font-size: 14px;
    color: #fff;
}
.blog_detail_box .top_view_box .img_box .text_box p span {
    font-family: "Inter-SemiBold";
}
.blog_detail_box .other_property {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}
.blog_detail_box .other_property .left_box img {
    height: 100px;
    width: 130px;
    object-fit: cover;
}
.blog_detail_box .other_property .right_text h6 {
    margin-bottom: 10px;
}
.blog_detail_box .other_property .right_text p {
    margin-bottom: 0;
    font-size: 14px;
}
.edit_profile {
    background-color: var(--light-blue);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 20px;
}
.edit_profile .mainWhiteBox {
    max-width: 560px;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    border-radius: 5px;
}
.edit_profile .mainWhiteBox .title {
    text-align: center;
    margin-bottom: 30px;
}
.edit_profile .mainWhiteBox .btnsignIn {
    font-size: 18px;
    color: var(--white-color);
    font-weight: 400;
    font-family: "Inter", serif;
    width: 100%;
    background-color: var(--blue-color);
    border-radius: 5px;
    min-height: 50px;
    margin-top: 20px;
}
.edit_profile .mainWhiteBox .form-group {
    margin-bottom: 10px;
}
.mobile_show {
    display: none !important;
}
.responsive_user_action {
    display: none !important;
}
.heroBanner .bannerText h1,
.heroBanner .bannerText h5 {
    color: #005395;
}