@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&display=swap');

.heading {
    font-family: 'Playfair Display', serif;
}

.heading {
    font-family: 'Cormorant Garamond', serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 1.2;
    color: #fff;
}



body {
    background-color: #09090B;
    font-family: "Roboto", sans-serif;
}
@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/QGYvz_MVcBeNP4NJuktqQ4E.woff2") format('woff2');
}

@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/QGYvz_MVcBeNP4NJtEtq.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkC3kaWzU.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkAnkaWzU.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCnkaWzU.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBXkaWzU.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkenkaWzU.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkaHkaWzU.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCXkaWzU.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCHkaWzU.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBnka.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2") format('woff2');
}

:root {
    --primaryColor: #000000;
    --blackColor: #282a2b;
    --headerColor: #b8b8b8;
    --whiteColor: #ffffff;
    --borderColor: #767676;
    --titleColor: #414141;
    --outerBorderColor: #e5e5e5;
    --neutralColor: #535353;
    --darkBlackColor: #000000;
    --backgroundColor: #f5f5f5;
    --btnBgColor: #e9e9e9d9;
    --btnHoverColor: #e1e1e1;
    --tabHoverColor: #ececec;
    --textColor: #b0813a;
    --btn-bg-color: #B7873D;
    --color-black: #141110;
    --color-black-soft: #1c1815;
    --color-gold: #d4a94a;
    --color-gold-bright: #e8c064;
    --color-gold-dark: #b5872f;
    --color-white: #f5f3ef;
    --color-gray: #b9b3ab;
    --radius-card: 24px;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

p {
    margin-bottom: 0;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background: #3c3c3c;
}

::-webkit-scrollbar {
    width: 4px;
    background-color: #0c0c0c;
    height: 2px;
}

html,
body {
    height: 100%;
    scroll-behavior: smooth;
    background-color: #09090B;
    overflow-y: auto;
    overflow-x: hidden;
    font-family: "Roboto", sans-serif;
}

.container {
    width: 100%;
    max-width: 1500px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
}

.whatsapp-info span {
    color: #ffffff;
    font-weight: 700;
    padding-bottom: 7px;
    display: flex;
}

.whatsapp-info a {
    box-shadow: 0 .557334px 1.44907px -.625px #00000021, 0 1.69015px 4.3944px -1.25px #00000020, 0 4.46786px 11.6164px -1.875px #00000020, 0 14px 36.4px -2.5px #00000020;
    right: 30px;
    width: 55px;
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    border-radius: 50%;
    height: 55px;
    padding: 0px;
    bottom: 30px;
}

.whatsapp-info {
    position: fixed;
    right: 24px;
    z-index: 9;
    bottom: 29px;

}

.whatsapp-info a svg {
    width: 66px !important;
    height: 68px !important;
}

.max-container {
    width: 100%;
    max-width: 1400px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0 !important;
}

a {
    text-decoration: none;
}

header {
    position: sticky;
    z-index: 1;
    top: 0px;
    width: 100%;
    background: #000000d6;
    backdrop-filter: blur(6px);
    transition: background .3s ease, box-shadow .3s ease;
}

header.is-sticky {
    background: #000000f0;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .35);
}

.swiper {
    z-index: 0 !important;
}

.header-sec {
    padding: 4px 0;
}

.main-header-data {
    width: 100%;
}


.header-top-sec {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
}

.header-info,
.header-inner-sec {
    align-items: center;
    display: flex;
    gap: 6px;
}

.header-inner-sec {
    gap: 30px;
}

.header-info i {
    color: #B0813A;
}

.header-info a {
    color: var(--whiteColor);
    font-size: 16px;
    font-weight: 400;
}

.header-info-right {
    display: inline-flex;
    gap: 10px;
    align-items: center;
}

.header-info span,
.header-info-right span {
    color: var(--whiteColor);
    font-size: 16px;
    font-weight: 500;
}

.header-info-right button {
    align-items: center;
    background-color: initial;
    border: none;
    color: #212121;
    color: var(--whiteColor);
    display: flex;
    font-weight: 500;
    line-height: normal;
    transition: all .3s ease;
    gap: 7px;
}

.header-info-right a img {
    transition: transform .3s ease;
    filter: invert(1);
/* height: 16px;
width: 17px; */
}

.header-info-right a {
    border: 2px solid #b0813ab0;
    border-radius: 50%;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
}

.navbar-logo {
    width: 100%;
    max-width: 300px;
}

.header-sec .container {
    padding: 0px;
}

.header-info-right a:hover img {
    transform: scale(1.2);
}

.navbar-info {
    padding: 15px 0;
    position: relative;
    background: #000000c7;
    position: relative;
    width:100%;
    transition: all .3s ease;
            border-bottom: 1px solid #252525;
}

.navbar-logo img {
    width: 108px;
}

.navbar-link-info {
    align-items: center;
    display: flex;
    justify-content: left;
    transition: all .3s ease-in-out;
    width: 100%;
}

.navbar-links ul {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 12px 27px;
    border-radius: 10px;
    width: max-content;
    border: 2px solid #f59d373d;
}

.navbar-links ul li a {
    position: relative;
    color: var(--whiteColor);
    cursor: pointer;
    font-size: 17px;
    padding: 0px 16px;
    font-weight: 400;
    text-decoration: none;
    transition: color 0.3s ease;
}

.navbar-links ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0%;
    height: 2px;
    background: var(--btn-bg-color);
    transition: width 0.3s ease;
}

.navbar-links ul li a:hover::after {
    width: 100%;
}

.hero_content img {
    width: 100%;

}

/* about-us */
.new-build-container {
    display: flex;
    gap: 59px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.our-build i {
    font-size: 20px;
    background: linear-gradient(90deg, #C79E52 0%, #CA9747 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.new-build-left,
.new-build-right {
    width: calc(50% - 10px);
}

.new-build-left {
    position: relative;
    text-align: center;
}

.new-build-left img {
    width: 100%;
}

.our-build {
    display: flex;
    gap: 5px;
    align-items: flex-start;
    margin-bottom: 5px;
}

.our-build p {
    font-size: 20px;
    font-weight: 500;
    background: linear-gradient(90deg, #C79E52 0%, #CA9747 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Playfair Display', serif;
}

.our-latest-sec .our-build {
    justify-content: center;
}

.our-latest-sec .sec-title {
    justify-content: center;
    margin-bottom: 43px;
}

.our-latest-sec .sec-title h2 {
    margin-bottom: 0px;
}

.sec-title img {
    width: 197px;
}

.sec-title {
    display: flex;
    align-items: center;
    gap: 27px;
}
.main-our-team-sec.team-sec-inner {
    max-width: 1100px;
    margin: auto;
        grid-template-columns:3fr;
}
.our-build-space h2 {
    font-size: 45px;
    font-weight: 600;
    color: var(--whiteColor);
    margin-bottom: 20px;
    font-family: 'Playfair Display', serif;
}
.about-content-title {
    font-size: 21px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 12px;
    letter-spacing: 2.5px;
}   
.our-partner-left.our-build-space h2 span {
    background: linear-gradient(90deg, #C79E52 0%, #CA9747 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mission-vision-section{
    background:#050505;
    padding:60px 20px;
    font-family:Arial, sans-serif;
}
.mission-card,
.vision-card{
    display:flex;
    align-items:center;
    overflow:hidden;
    border:1px solid #8b650099;
    border-radius:43px;
    background: linear-gradient(145deg,#111,#050505);
    box-shadow: 0 0 20px rgba(212,164,44,.15);
    margin-bottom:42px;
}
.mission-content,
.vision-content{
    width:45%;
    padding:40px;
    position:relative;
}
.sec-title span{
   color:#d6a936;
}
.mission-vision-section .sec-title{
    margin-bottom:0px;
}
.mission-vision-section .sec-title h2{
    margin-bottom:20px;
    text-align:center;
}

.mission-vision-section .our-latest-sec p{
   color: #ffffffbd;
    text-align: center;
}
.mission-vision-section .our-latest-sec{
    margin-bottom: 69px;
}
.mission-icon,
.vision-icon{
    margin-bottom: 11px;
}
.mission-icon img,
.vision-icon img{
    width: 62px;
}
.mission-label,
.vision-label{
    color:#d6a936;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
}
.mission-content h2,
.vision-content h2{
    color: white;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.1;
    font-family: 'Playfair Display', serif;
    margin: 15px 0;
}
.vision-content h2 span{
    color:#d6a936;
}
.mission-content p,
.vision-content p{
    line-height: 26px;
    font-size: 18px;
    color: #ffffffd1;
    font-weight: 300;
}
.mission-image,
.vision-image{
    width:55%;
}
.mission-image img,
.vision-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.living-space-sec p {
    font-size: 18px;
    color: #ffffffd1;
    font-weight: 300;
    margin-bottom: 20px;
}
.living-space-sec p:last-child {
    margin-bottom: 0px;
}
.living-space-sec.our-build-space h2 {
      padding-right: 80px;
}
.button {
    background: var(--btn-bg-color);
    color: var(--darkBlackColor);
    font-size: 17px;
    font-weight: 500;
    border-radius: 5px;
    border: 1px solid var(--btn-bg-color);
    padding: 9px 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    gap: 5px;
}
.button:disabled {
    background: #e4a45e;
    opacity: 0.4;
    cursor: not-allowed;
}
.button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.property-slider-sec {
    padding: 100px 20px;
    z-index: 0;
    position: relative;
}
.our-latest-sec {
    position: relative;
}

.sec-title h2 {
    font-size: 32px;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    color: var(--whiteColor);
    margin-bottom: 20px;
}

.agent-actions i {
    color: #1bd470;
    background: #fff;
    font-size: 15px;
    line-height: normal;
    border-radius: 50%;
}

.slider-body {
    background: transparent;
    border-radius: 10px;
    box-shadow: 0 3px 8px #0000003d;
    padding: 8px 8px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.slider-body::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 14px;
    padding: 2px;
    background: linear-gradient(135deg, #5f431a 0%, #b77a16 25%, #e1a635 50%, #bf8a36 75%, #5f431a 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    box-shadow: 0 0 8px rgb(212 163 79), 0 0 15px rgba(212, 163, 79, .15);
    opacity: 0.8;
    z-index: -1;
}

.agent-actions {
    padding-top: 5px;
}

.slider-card-prp {
/* display: inline-block; */
position: relative;
width: 24%;
}

.slide-card-img {
    border-radius: 5px;
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

.slide-card-img img {
    border-radius: 5px;
    height: 192px;
    object-fit: cover;
    position: relative;
    transition: transform .3s ease-in-out;
    width: 100%;
}

.slide-card-img:hover img {
    cursor: pointer;
    transform: scale(1.1);
}

/* .share-info-img:hover {
background: var(--primaryColor);
}
.share-info-img:hover i{
color: var(--whiteColor);
} */
.tag_label p {
    background: #0B0C0B;
    border-radius: 5px;
    color: #fcc869;
    font-size: 12px;
    font-weight: 500;
    left: 5%;
    line-height: normal;
    padding: 3px 8px;
    position: absolute;
    text-transform: capitalize;
    top: 18px;
    box-shadow: 0 3px 8px #0000003d;
}

.plan-label {
    left: 5%;
    position: absolute;
    top: 39px;
}

.plan-label span {
    background: #ab7a25;
    border-radius: 5px;
    color: var(--whiteColor);
    font-size: 12px;
    font-weight: 500;
    padding: 3px 6px;
    text-transform: capitalize;
}

.heading_title {
    padding: 10px 0;
}

.heading_title h3 {
    color: var(--whiteColor);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
}

.card_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.geo-location {
    align-items: center;
    display: flex;
    gap: 5px;
    margin-bottom: 0px;
}

.geo-location i {
    color: var(--textColor);
}

.geo-location span {
    color: #b9b9b9;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.property-price {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}

.property-price p {
    color: #e5b65e;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.property-price span {
    background: #ffffff14;
    border-radius: 5px;
    color: #d5a741;
    font-size: 14px;
    border: 1px solid #a482379e;
    font-weight: 500;
    padding: 3px 10px;
}

.property-data {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.property-details {
    align-items: center;
    display: flex;
    gap: 9px;
    padding: 10px 0;
}

.property-info {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.detail-item {
    border-right: 1px solid var(--outerBorderColor);
    padding-right: 6px;
}

.detail-item:last-child {
    border-right: none;
}

.detail-count {
    align-items: center;
    display: flex;
    gap: 4px;
}

.detail-count img {
    height: 18px;
    width: 18px;
    filter: brightness(0) saturate(100%) invert(55%) sepia(32%) saturate(761%) hue-rotate(357deg) brightness(90%) contrast(93%);
}

.detail-count p,
.detail-item p {
    color: #b9b9b9;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
}

.property_data_inner p {
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    padding: 3px 6px;
    text-transform: uppercase;
    width: fit-content;
}

.property_data_inner .hot {
    border: 1px solid #e92020b0;
    color: #ff3131bf;
}

.btn-close:focus {
    box-shadow: none;
}

.modal-title {
    font-size: 17px !important;
}

.register-card-title {
    margin-top: 0px;
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    color: #fff;
}

.register-card-title span {

    background: linear-gradient(180deg, #e9ba65 -3.7%, #e8b965 32.96%, #c88f37 76.47%);
    -webkit-text-fill-color: transparent;
    background-clip: text;

}

.register-card-subtitle {
    text-align: center;
    color: #8b93a5;
    font-size: 11px;
    letter-spacing: 2px;
    margin-top: 9px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.register-card-subtitle::before,
.register-card-subtitle::after {
    content: "";
    height: 1px;
    width: 28px;
    background: linear-gradient(90deg, transparent, #e8a234);
}

.modal-contact-form .button {
    width: 100%;
    background: linear-gradient(180deg, #EDB555 -3.7%, #BD7F30 76.47%);
    position: relative;
}

.modal-contact-form .button i {
    position: absolute;
    right: 19px;
    font-size: 24px;
}

.modal-contact-form .contact-form-group input {
    padding: 11px 12px;
    background: #0C1725;
    border: 1px solid #575757b5;
}

.modal-contact-form .contact-form-group input:focus {
    border-color: #414549;
    background-color: #0c1725 !important;
}

.modal-contact-form .form-select:focus {
    border-color: #414549;
    background-color: #0c1725 !important;
}

.register-card-note {
    margin-top: 22px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.register-card-note-text {
    color: #8b93a5;
    font-size: 12.5px;
    line-height: 1.5;
}

.register-card-note-badge {
    flex: none;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: rgba(246, 198, 103, 0.12);
    border: 1px solid rgba(246, 198, 103, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.acc-info-head {
    text-align: center;
    margin-bottom: 12px;
}

.acc-info-head img {
    width: 58px;
}

.register-card-note-badge svg {
    width: 29px;
    height: 21px;
    stroke: #f6c667;
    fill: none;
    stroke-width: 1.6;
}

.modal-contact-form .contact-btn {
    padding-top: 12px;
}

.modal-contact-form a {
    width: 100%;
    display: flex;
    gap: 7px;
    align-items: center;
    font-size: 16px;
    justify-content: center;
    background: #000;
    color: #fff;
    padding: 8px;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}

.modal-contact-form a:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.modal-contact-form a i {
    font-size: 19px;
}

.modal-contact-form .country-input {
    padding: 10px 12px;
}

.modal-contact-form .contact-form-group label {
    font-size: 15px;
    padding-bottom: 5px;
}

.modal-contact-form .language-dropdown {
    padding: 8px 10px;
}

.search-info {
    padding: 81px 0 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 22px;
}

.searching-sec-inner .our-build-space h2 {
    margin-bottom: 10px;
    text-align: center;
}

.searching-sec-inner .our-build-space p {
    color: #b7b7b7;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
}

.searching-sec {
    padding: 54px 20px;
    position: relative;
    margin: 100px -16px;
    z-index: 0;
}

.searching-sec::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 0px;
    padding: 2px;
    background: linear-gradient(135deg, #5f431a 0%, #b77a16 25%, #e1a635 50%, #bf8a36 75%, #5f431a 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    box-shadow: 0 0 8px rgb(212 163 79), 0 0 15px rgba(212, 163, 79, .15);
    opacity: 0.8;
    z-index: -1;
}

.search-info-inner {
    cursor: pointer;
    transition: transform .5s ease-in-out;
}

.search-info-inner:hover p,
.search-info-inner:hover span {
    color: var(--whiteColor);
}

.search-info-inner img {
    transition: transform 0.5s ease-in-out;
    margin: auto;
    display: flex;
    width: 190px;
}

.search-info-inner:hover img {
    transform: rotateY(180deg);
}

.search-property {
    padding-top: 5px;
    text-align: center;
}

.search-property p {
    color: var(--whiteColor);
    font-size: 20px;
    font-weight: 400;
}

/* news-sec */
.our-news-featured-sec {
    padding: 67px 0;
    position: relative;
    z-index: 0;
}

.blog-title-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.blog-title-info a {
    color: var(--primaryColor);
    border: 1px solid var(--primaryColor);
    padding: 7px 13px;
    border-radius: 5px;
    font-weight: 800;
    font-size: 15px;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    gap: 5px;
}

.blog-title-info a:hover {
    background: var(--btn-bg-color);
    color: var(--whiteColor);
    border-color: #9e7e35;
}

.our-blog-details {
    column-gap: 19px;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    row-gap: 23px;
}

.our-project-card.no-record img {
    width: 145px;
    margin-bottom: 19px;
    filter: brightness(0) saturate(100%) invert(47%) sepia(64%) saturate(429%) hue-rotate(4deg) brightness(78%) contrast(136%);
}

.our-project-card.no-record p {
    font-weight: 500;
}

.blog-description h6 {
    color: #fff;
}

.our-project-card.no-record {
    background: transparent;
    box-shadow: none;
}

.our-project-card {
    background: #181818;
    border-radius: 10px;
    box-shadow: rgb(59 59 59 / 24%) 0px 3px 8px;
    padding: 12px;
    width: 24%;
    border: 1px solid #393939;
}

.blog-card-img {
    height: 177px;
    overflow: hidden;
    position: relative;
    border-radius: 7px;
}

.blog-info-data h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 0px;
    color: #ffffff;
    padding: 18px 0px 9px;
    max-width: 100%;
    transition: all .5s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.blog-info-data h3:hover {
    color: #c99a3f;
}

.blog-card-img img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
    transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out;
}

.blog-card-img:hover img {
    transform: scale(1.1);
}

.blog-press {
    font-size: 14px;
    font-weight: 500;
    color: var(--whiteColor);
    background: var(--primaryColor);
    padding: 4px 12px;
    width: fit-content;
    position: absolute;
    top: 0px;
    right: 0px;
}

.news-description a {
    color: var(--primaryColor);
    font-weight: 700;
}

.news-description {
    font-size: 14px;
    font-weight: 500;
    color: #c3c3c3;
    padding: 4px 0px;
    max-width: 100%;
    height: 64px;
    margin: 0 auto;
    line-height: 19px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.news-date-time {
    display: flex;
    align-items: center;
    margin-top: 14px;
    border-top: solid 1px #c7c6c65c;
    gap: 10px;
    padding-top: 7px;
    justify-content: space-between;
    color: #ffffff;
    font-size: 15px;
}

.read-more-btn {
    color: #c99a3f;
    font-size: 13px;
    cursor: pointer;
}

.blog-ftr-details {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-ftr-details span {
    font-size: 13px !important;
}

.news-date-time span {
    font-size: 13px;
    font-weight: 500;
    color: #cbcbcb;
}

/* confidence-market-sec-start */
.confidence-market-sec {
    padding: 200px 0px 0px;
    background: var(--whiteColor);
}

.confidence-market-inner {
    background: var(--backgroundColor);
    padding: 0 50px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
}

.confidence-market-left,
.confidence-market-right {
    width: calc(50% - 10px);
}

.confidence-market-left img {
    width: 96%;
    margin-top: -129px;
}

.confidence-market-right h2 {
    font-size: 36px;
    font-weight: 700;
    color: var(--whiteColor);
}

.confidence-market-right p {
    padding: 20px 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--titleColor);
}

.agent-btn {
    padding-top: 15px;
}

/* why-choose-sec-start */
.why-choose-sec {
    padding: 100px 20px;
}

.why-choose-sec .our-build-space {
    text-align: center;
}

.why-choose-sec .our-build-space h2 {
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
}

.why-choose-sec .our-build-space p {
    color: var(--titleColor);
    font-size: 20px;
    font-weight: 500;
}

.choose-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: stretch;
    justify-content: center;
    padding-top: 50px;
}

.choose-info {
    background: var(--backgroundColor);
    border-radius: 20px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 340px;
    min-height: 320px;
    transition: transform 0.5s ease-in-out;
}

.choose-info img {
    background: var(--whiteColor);
    padding: 15px 17px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px #00000040;
    align-self: flex-start;
    transition: transform 0.5s ease-in-out;
    filter: grayscale(1);
}

.choose-info:hover img {
    transform: rotateY(180deg);
}

.choose-info-inner h3 {
    font-size: 20px;
    color: var(--whiteColor);
    font-weight: 700;
    padding: 20px 0px;
    padding-right: 74px;
    margin-bottom: 0;
}

.choose-info-inner p {
    font-size: 16px;
    color: var(--titleColor);
    font-weight: 500;
}

.choose-info:hover {
    background: var(--primaryColor);
    cursor: pointer;
}

.choose-info:hover h3,
.choose-info:hover p {
    color: var(--whiteColor);
}

/* client-feedback */
.client-feedback-sec {
    padding: 118px 20px;
    width: 100%;
    background-image: url('../img/client-bg1.png');
    background-position: center;
    background-size: cover;
}

.output-img.company_info {
    height: 64px;
    object-fit: cover;
    width: 165px;
    margin: auto;
}

.output-img img {
    width: 100%;
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.client-feedback-inner {
    text-align: center;
    display: flex;
}

.company_info img {
    filter: grayscale(100%);
    object-fit: contain;
}

.client-feedback-inner .our-build {
    justify-content: left;
    margin-bottom: 10px;
}

.client-data-info {
    max-width: 541px;
    width: 75%;
    text-align: left;
}

.client-slider .swiper-wrapper {
    margin-bottom: 10px;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.client-slider-inner {
    border-radius: 10px;
    padding: 20px 17px;
    background-color: #121112;
    position: relative;
    z-index: 1;
}

.client-slider-inner::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 14px;
    padding: 2px;
    background: linear-gradient(135deg, #5f431a 0%, #b77a16 25%, #e1a635 50%, #bf8a36 75%, #5f431a 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    box-shadow: 0 0 8px rgb(212 163 79), 0 0 15px rgba(212, 163, 79, .15);
    opacity: 0.8;
    z-index: -1;
}

.client-slider-left {
    display: flex;
    align-items: center;
    gap: 20px;
}

.client-slider-left img {
    max-width: 100%;
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 100%;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.client-slider-left-inner h3 {
    font-size: 20px;
    font-weight: 500;
    color: var(--whiteColor);
    margin-bottom: 0;
}

.client-slider-left-inner span {
    color: var(--primaryColor);
    font-size: 14px;
    font-weight: 400;
}

.client-info p {
    color: var(--titleColor);
    font-size: 18px;
    font-weight: 400;
    padding-top: 13px;
}

.client-slider-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.client-slider {
    gap: 50px;
    width: 64%;
    display: flex;
    align-items: center;
    position: relative;
}

/* team-sec */
.our-team {
    padding: 100px 0px;
    position: relative;
    z-index: 0;
}

.team-info img {
    width: 100px;
}

.our-team-details {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 17px;
    padding: 0px 0px;
    width: 100%;
    justify-content: center;
       padding-top: 14px;
    margin: auto;
}
.main-our-team-sec .sec-title img {
    width: 80px;
}
.slider-section {
    padding-top: 15px;
}

.team-info {
    position: relative;
    border-radius: 20px;
    background: #1F1E1E;
    transition: transform 0.3s ease;
    text-align: center;
    overflow: hidden;
    border: 1px solid #ba8345;
}
.team-content .read-more:hover{
    color:#fff;
}
.team-content .read-more {
    margin: auto;
    margin-top: 13px;
    text-decoration: underline;
}
.team-profile {
    position: relative;
    overflow: hidden;
}


.company_info img {
    filter: invert(1);
    object-fit: contain;
}

.team-info img {
    width: 100%;
      height: 449px;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
    transition: transform 0.4s ease;
}

.team-info:hover img {
    transform: scale(1.1);
}

.team-content h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 7px;
    transition: color 0.3s ease;
}

.team-info:hover .team-content h3 {
    opacity: 1;
    transform: translateY(0);
}

.team-content p {
    font-size: 15px;
    margin: 0;
    color: #ffffffd6;
    transition: all 0.4s ease;
}

.our-team-title {
    text-align: center;
}

.our-team-title .sec-title {
    justify-content: left;
    margin-bottom: 19px;
}
.our-team-title .sec-title h2{
    margin-bottom: 0px;
}

.our-team-title h2 {
    font-size: 32px;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
    color: var(--whiteColor);
}
.main-our-team-sec {
    display: grid;
    grid-template-columns: 380px 1fr;
    align-items: center;
    gap: 62px;
}
.our-team-title p {
    color: #b7b7b7;
    font-size: 17px;
    font-weight: 400;
    text-align: left;
}

.team-info:hover .team-content p {
    opacity: 1;
    color: #fff;
    transform: translateY(0);
}

.team-content {
    background: #09090b;
    position: relative;
    color: #e5b65e;
    padding: 15px 3px;
    height: 100%;
}

.about-us-sec {
    background-image: url("../img/consult-bg.png?1770275815");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 107px 8px;
    position: relative;
    z-index: 0;
}

.about-us-sec::after {
    position: absolute;
    background: #00000082;
    content: '';
    left: 0;
    top: 0;
    z-index: -1;
    filter: blur(51px);
    height: 100%;
    width: 100%;
    max-width: 878px;

}

.about-state {
    border-radius: 10px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 1290px;
    z-index: 0;
}

.about-state-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 150px 0px 50px;
}

.about-left h4 {
    color: var(--whiteColor);
    font-size: 20px;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    margin-bottom: 6px;
}

.about-left p {
    font-size: 38px;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    color: var(--whiteColor);
    margin-bottom: 0px;
}

.about-left span {
    color: var(--whiteColor);
    font-size: 20px;
    font-weight: 400;
}

.about-right img {
    margin-top: -95px;
}

.get-btn button {
    border: none;
    background: var(--btn-bg-color);
    color: #fff;
    border: 1px solid #b7873d;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 34px;
    border-radius: 5px;
    margin-top: 40px;
}

/* footer */
.footer-sec {
    background: var(--primaryColor);
    padding: 23px 0 50px;
}

.footer-inner img {
    width: 100%;
    max-width: 140px;
}

.contact-info {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-bottom: 13px;
}

.contact-info:last-child {
    padding-bottom: 0px;
}

.contact-info p {
    padding: 0;
    color: var(--whiteColor);
    font-size: 16px;
    font-weight: 400;
}

.footer-inner p {
    color: #d7d7d7;
    font-size: 16px;
    font-weight: 400;
    padding: 18px 0px;
    padding-bottom: 0px;
}

.footer-info {
    padding: 74px 34px 51px;
    border-bottom: 1px solid #b8b8b85c;
}

.footer-link-sec {
    display: flex;
    justify-content: space-around;
    align-items: baseline;
}
.footer-info .row{
    align-items: end;
}

.footer-link li {
    margin-bottom: 15px;
    list-style-type: disc;
    color: #d7d7d7;
}
.footer-link li:last-child {
    margin-bottom: 0px;
}

.footer-link li a {
    font-size: 16px;
    font-weight: 400;
    color: #d7d7d7;
    margin-bottom: 15px;
}

.footer-link li a:hover {
    color: var(--whiteColor);
}

.contact-info-title {
    font-size: 20px;
    color: var(--whiteColor);
    font-weight: 600;
    padding: 20px 0;
}

.contact-info-inner .country-img {
    max-width: 200px !important;
}

.policy-link {
    display: flex;
    gap: 25px;
}

.policy-link a {
    color: var(--whiteColor);
    font-size: 16px;
    font-weight: 400;
}

.copyright-text p {
    color: #d7d7d7;
    font-size: 16px;
    font-weight: 500;
}

.footer-link p {
    color: #d7d7d7;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}

.footer-text-box input {
    background: transparent;
    border: 1px solid #745b25b5;
    border-radius: 5px;
    padding: 10px 15px;
    width: -webkit-fill-available;
/* margin-bottom: 15px; */
color: #adadad;
}

.footer-btn {
    margin-top: 15px;
}

.footer-btn .button.sub_btn {
    padding: 12px 0px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.error {
    color: #c61212 !important;
    font-size: 14px !important;
    margin-top: 3px;
    display: inline-block;
    font-weight: 400 !important;
}

.is-invalid {
    border: 1px solid #c923239e !important;
}

.footer-text-box input::placeholder {
    font-size: 16px;
    font-weight: 400;
}

.footer-text-box input::-webkit-input-placeholder {
    color: #adadad;
}

.footer-btn button {
    width: -webkit-fill-available;
}

.button.sub_btn {
    line-height: normal;
}

.policy-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 35px 20px 0 20px;
}

.footer-social-icon {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 40px;
}

.footer-social-icon span {
    font-size: 16px;
    color: var(--whiteColor);
    font-weight: 500;
}

.contact-info i {
    color: var(--whiteColor);
}

.footer-social-icon a img {
    filter: brightness(0) invert(1);
    transition: transform 0.3s ease;
}

.footer-social-icon a:hover img {
    transform: scale(1.2);
}

/* contact-us */
.contact-form {
    margin: auto;
    padding: 88px 0px;
    background: #161410;
    position: relative;
    margin: 0px -15px;
}

.contact-form::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 14px;
    padding: 2px;
    background: linear-gradient(135deg, #5f431a 0%, #b77a16 25%, #e1a635 50%, #bf8a36 75%, #5f431a 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    box-shadow: 0 0 8px rgb(212 163 79), 0 0 15px rgba(212, 163, 79, .15);
    opacity: 0.8;
    z-index: -1;
}

.contact-form-inner {
    margin-top: 41px;
    position: relative;
    /* z-index: 0; */

}

.contact-form .sec-title {
    justify-content: center;
}

.section-title {
    color: var(--whiteColor);
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 35px;
    text-align: center;
    text-transform: capitalize;
}

.contact-us-inner {
    background: #161410;
    border-radius: 17px;
    margin: auto;
    max-width: 752px;
    padding: 35px;
    width: 100%;
}

.contact-form-group {
    margin-bottom: 14px;
}

.contact-form-group label {
    color: #ffffffde;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 7px;
}

.contact-form-group input,
.contact-form-group textarea {
    border: 1px solid #745b25b5;
    border-radius: 8px;
    background-color: transparent;
    font-size: 14px;
    color: #fff;
    outline: none;
    padding: 12px;
    transition: border-color .3s ease-in-out;
    width: 100%;
}

.contact-btn {
    display: flex;
    justify-content: center;
    margin: auto;
    padding-top: 23px;
}

.contact-form-group input:focus,
.contact-form-group textarea:focus {
    border-color: #745b25b5;
    background-color: #0b0b0b !important;
    color: #ffffff;
}

.contact-box {
    background: #09090b;
    padding: 27px 24px 24px;
    width: 100%;
    border-radius: 18px;
        border: 1px solid #ba8345;
    /* z-index: 0; */
    position: relative;
}

.location-info {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 12px 20px;
    border-radius: 10px;
    margin-bottom: 13px;
}

.location-icon {
    border: 1px solid #926a2bcc;
    width: 52px;
    height: 55px;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 6px;
    background-color: #09090b;
    padding: 0 20px;
}

.location-icon i {
    font-size: 37px;
    color: #fff;
}

.location-add {
    text-align: start;
}

.location-add span {
    font-size: 18px;
    font-weight: 500;
    color: #e5b65e;
}

.location-add p {
    font-size: 16px;
    font-weight: 400;
    color: #d5d5d5;
}

.map-sec iframe {
    width: 100%;
    height: 100%;
    border-radius: 9px;
    filter: invert(90%) hue-rotate(180deg) brightness(95%) contrast(90%);
}

.map-sec {
    height: 394px;
}

.address-data-info {
    position: relative;
        border: 1px solid #ba8345;
    height: 100%;
    padding: 30px 1px;
    border-radius: 16px;
    background-color: #141413;
}

.agent-actions button {
    background: #09090b;
    border: none;
    border-radius: 5px;
    padding: 4px 8px;
    border: 1px solid #725a33;
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    color: var(--whiteColor);
}

.agent-actions button:hover {
    background-color: transparent;
    color: #e5b65e;
}

.page-section {
    background-image: url("../img/bg-img.png?1770275815");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.page-header {
    padding: 100px 0;
    display: flex;
    align-items: center;
    gap: 27px;
    justify-content: center;
}

.page-header img {
    width: 197px;
}

.page-header h1 {
    color: var(--whiteColor);
    font-size: 46px;
    font-weight: 600;
    margin-bottom: 0px;
    font-family: 'Playfair Display', serif;
    text-align: center;
}

.read-more {
    color: var(--primaryColor);
    display: flex;
    font-size: 15px;
    font-weight: 600;
    margin-top: 6px;
    width: max-content;
    margin-left: auto;
}

.read-more:hover {
    text-decoration: underline;
}

.our-blog-box {
    padding: 89px 0;

}

.main-blog-content {
    background: #141414;
    border-radius: 10px;
    box-shadow: 0 2px 6px 1px #312f2f33;
    padding: 20px;
}

.blog-info-inner {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 16px;
}

.blog-info-inner span {
    color: #cdcdcd;
    font-size: 17px;
    font-weight: 400;
}

.blog-social h3 {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 17px;
}

.blog-content.blog-content-data .blog-img img {
    border-radius: 8px;
    height: 387px;
    margin-bottom: 28px;
    object-fit: cover;
    width: 100%;
}

.blog-description p {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #cacaca;
}

.blog-share {
    display: flex;
    justify-content: end;
    gap: 9px;
    margin: 0px 10px 10px 10px;
}

.blog-share img {
    width: 29px;
    transition: 0.6s;
}

.blog-share img:hover {
    transform: scale(1.2);
}

.news-featured-items-sec {
    background: #1d1d1d;
    border-radius: 10px;
    box-shadow: 0 2px 6px 1px #312f2f33;
    padding: 16px;
}

img.whatsaap-icon {
    border-radius: 50%;
    background: #fff;
}

img.twitter-icon,
.mail-icon {
    filter: invert(1);
}

.featured-items-inner {
    align-items: center;
    border-bottom: 1px solid #dadada2e;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: left;
    margin-top: 18px;
    padding-bottom: 17px;
}

.featured-items-inner:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}

.featured-items-img {
    width: 100%;
}

.featured-items-img img {
    border-radius: 5px;
    height: 140px;
    object-fit: cover;
    width: 100%;
}

.featured-items {
    width: 100%;
}

.featured-items h3 {
    font-size: 16px;
    margin-bottom: 4px;
    text-transform: capitalize;
    font-weight: 400;
    color: #ececec;
}

.featured-items-info {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
    padding-top: 5px;
}

.blog-ftr-details {
    align-items: center;
    display: flex;
    gap: 6px;
}

.blog-ftr-details span {
    font-size: 13px !important;
    color: #fff;
}

.blog-title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.read-more-btn:hover {
    text-decoration: underline;
}

/* about-us-page */
.new-build-sec {
    padding: 81px 0px;
    padding-bottom: 100px;
}

.ceo-profile-section{
    background:#090909;
    padding:80px 0;
    font-family:'Poppins',sans-serif;
}

.ceo-profile-container{
    margin: auto;
    display: flex;
    max-width: 1300px;
    align-items: center;
    justify-content: space-between;
    background: #0d0d0d;
    border: 1px solid rgba(214, 169, 91, .45);
    border-radius: 28px;
    overflow: hidden;
    position: relative;
}


.ceo-profile-container::after{
    content: '';
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 60px;
    height: 57px;
    filter: blur(65px);
    border-radius: 50%;
    background: #e8bf73;
    box-shadow: 0 0 18px #e8bf73, 0 0 35px #d7a046;
}

.ceo-profile-content{
    width: 82%;
    padding: 1px 44px;
}

.ceo-profile-role{
    color: #fff;
    font-size: 27px;
    font-weight: 500;
    display: block;
    font-family: 'Playfair Display', serif;
    margin-bottom: 0px;
}

.ceo-profile-title{
    font-size: 45px;
    line-height: normal;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(90deg, #C79E52 0%, #CA9747 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 14px;
    font-family: 'Playfair Display', serif;
}

.ceo-profile-description{
 color: #d8d8d8;
    font-size: 22px;
    line-height: 32px;
    font-weight: 300;
    margin-bottom: 14px;
}

.ceo-profile-image{
    width: 38%;
    height: 100%;
    overflow: hidden;
    border-left: 1px solid rgba(214, 169, 91, .35);
}

.ceo-profile-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}


.new-build-left.new-build-img img {
    width: 100%;
    max-width: 312px;
}

.client-data-info h2 {
    margin-bottom: 0px;
    font-family: 'Playfair Display', serif;
}

.new-build-sec.new-inner-info {
    padding-top: 90px;
    padding-bottom: 58px;
}

.new-build-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.new-build-left {
    position: relative;
    text-align: center;
}

.new-build-left,
.new-build-right {
    width: calc(50% - 10px);
}

.new-build-right {
    position: relative;
    border-top: 1px solid rgb(201 140 92);
    border-right: 1px solid rgb(229 167 110 / 65%);
    border-top-right-radius: 18px;
    padding: 20px;
    padding-left: 0;
}

.new-build-right::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -3px;
    filter: blur(2px);
    width: 14px;
    height: 14px;
    background: #b2812d;
    border-radius: 50%;
    box-shadow: 0 0 10px #d4a34f, 0 0 20px #d4a34f, 0 0 35px #d4a34f;
}

.our-team.our-team-inner {
    padding-top: 197px;
}

.blog-description h2 {
    color: #c99a3f;
    font-size: 21px;
    margin-top: 20px;
}

.blog-description h3 {
    color: #fff;
    font-size: 19px;
    margin-top: 20px;
    margin-bottom: 3px;
}

.blog-description p br {
    display: none;
}

.blog-description ul li {
    color: #fff;
}

.blog-description strong li {
    color: #b7b7b7;
}

.blog-description ol li {
    color: #b7b7b7;
}
.living-space-sec.our-build-space h2 span {
      color: #d6a936;
}
.blog-description ol li strong {
    color: #ffffff;
    font-weight: 400;
}

.our-partner-sec {
    padding: 100px 20px;
    position: relative;
    background: #000000;
    border-top: 1px solid rgb(201 140 92);
    background-position: center;
    border-bottom: 1px solid rgb(201 140 92);
    background-size: cover;

}

.our-partner-left {
    width: 50%;
}

.our-partner-left.our-build-space h2 {
    padding-right: 198px;
}

.our-build-space .sec-title {
    justify-content: center;
}

.our-partner-left p {
    color: #ffffffad;
    font-weight: 400;
    font-size: 18px;
        margin-bottom: 20px;
}

.about-btn {
    display: flex;
    gap: 11px;
    align-items: center;
    margin-top: 50px;
}

.partner-build-right {
     width: 41%;
}

.partner-build-right img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 15px;
}

/* contact-page */
.contact-us-sec {
    padding: 100px 0px;
}

.contact-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 32px;
}

.contact-us-left {
    width: 44%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    row-gap: 0;
}

.contact-map-sec iframe {
    border-radius: 9px;
    filter: invert(90%) hue-rotate(180deg) brightness(95%) contrast(90%);
}

.contact-data-info {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 25px 20px;
    border-radius: 15px;
    border: 1px solid #422e13;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.contact-data-info::after {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #c0a9327a;
    height: 105px;
    filter: blur(53px);
    opacity: 0.5;
    width: 193px;
    content: '';
}

.contact-icon {
    border: 1px solid #865f07;
    width: 55px;
    height: 55px;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 6px;
    background: linear-gradient(217deg, #d2ce00 -3.7%, #af9719 32.96%, #cd7000 76.47%);
    padding: 0 19px;
}

.contact-icon img {
    width: 25px;
    filter: invert(1);
}

.contact-text {
    text-align: start;
}

.contact-text span {
    font-size: 16px;
    font-weight: 500;
    color: #C89A45;
}

.contact-text p {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
}

.tbl_loader_bg {
    height: 200px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.loader-message {
    color: #cd964a;
    font-size: 37px;
    font-weight: 700;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.5, 1.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

.mob-num-info {
    width: 100%;
    position: relative;
    white-space: nowrap;
}

.modal-inner-data .language-dropdown {
    background: #0C1725;
    border: 1px solid #575757b5;
}

.modal-inner-data .dropdown-menu {
    background: #06101c;
}

.language-dropdown {
    position: relative;
    display: inline-block;
    width: 113px;
    color: #ffffffc9;
    border: 1px solid #745b25b5;
    border-radius: 8px;
    padding: 10px 10px;
    vertical-align: middle;
    cursor: pointer;
}

.language-dropdown .selected-language {
    display: inline-block;
    font-size: 15px;
}

.language-dropdown img {
    width: 20px;
    height: 14px;
    margin-right: 5px;
    object-fit: cover;
    vertical-align: middle;
}

.language-dropdown i {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    transition: transform 0.3s ease;
}

.language-dropdown i.rotate {
    transform: translateY(-50%) rotate(180deg);
}

.dropdown-menu {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background: #0f0e0e;
    border: 1px solid #e5e5e542;
    border-radius: 6px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 10;
    padding: 0px !important;
}

.search-dropdown {
    padding: 10px 6px;
    border-bottom: 1px solid #eeeeee29;
}

.search-box {
    width: 100%;
    padding: 8px !important;
    background: #f9f9f9;
    border: 1px solid #00000066 !important;
}

.search-box:focus {
    border: 1px solid #99999966 !important;
}

.language-options {
    list-style: none;
    max-height: 150px;
    overflow-y: auto;
    margin: 0;
    padding: 5px 0;
}

.language-options li {
    display: flex;
    color: #fffffffa;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.language-options li:hover {
    background: #f2f2f208;
}

.form-control::placeholder {
    color: rgb(158 158 158 / 75%);
}

.country-input {
    display: inline-block;
    width: calc(100% - 118px) !important;
    padding: 12px 12px;
    border-radius: 6px;
    font-size: 15px;
    vertical-align: middle;
    margin-left: 3px;
}

button.btn-close {
    position: absolute;
    right: 15px;
    border: 1px solid #ffffff5c;
    opacity: 1;
    top: 15px;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    height: 30px;
    align-items: center;
    background: #08101B;
    width: 30px;
    color: #ffffff !important;
    font-size: 24px;
    padding: 0;
    background-image: none;
}

button.btn-close:hover {
    opacity: 1;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    box-shadow: none;
}

.form-control:focus {
    box-shadow: none;
    border-color: var(--primaryColor);
    background: none !important;
}

.active>.page-link,
.page-link.active {
    background: var(--btn-bg-color) !important;
    border-color: #8a6d2d !important;
}

/*  */
.menu-icon {
    font-size: 21px;
    color: #fff;
    cursor: pointer;
    background: #000;
    border: 1px solid #ffffff8f;
    width: 33px;
    display: none;
    height: 33px;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 4px;
}

.closebtn {
    display: none;
}

.menu-inner-icon {
    display: none;
}

.contact-map-sec {
    width: 100%;
}

.footer-text-box span {
    color: red;
    margin-top: 7px;
    display: inline-block;
}

.ri-loader-line {
    animation: 2s linear infinite ri-spin;
    display: inline-block;
    font-size: 17px;
}

@keyframes ri-spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.search-input {
    display: flex;
    max-width: 725px;
    margin-left: auto;
    margin-bottom: 26px;
    position: relative;
}

.search-input .form-control {
    padding: 10px 12px;
    border: 1px solid #745b25b5;
    border-radius: 8px;
    background-color: transparent;
    font-size: 14px;
    color: #fff;
    outline: none;
    transition: border-color .3s ease-in-out;
    width: 100%;

}

.footer-text-box .form-control:focus {
    color: #fff;
    background: var(--whiteColor);
    border: 1px solid #55441d;
}

.search-input button {
    position: absolute;
    right: 0;
    border-radius: 0px 5px 5px 0px;
    padding: 7px 20px;
}

.search-input button:hover {
    transform: translateY(0px);
    box-shadow: none;
}

.search-input .form-control:focus {
    border-color: #745b25b5;
    background-color: #0b0b0b !important;
    color: #ffffff;
}

.our-blog-details.no-record {
    margin: auto;
    justify-content: center;
    text-align: center;
    margin-top: 73px;
}

/* pagination */
.custom_pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    list-style: none;
    padding: 43px 0 10px;
    margin: 0;
}

.custom_pagination li a {
    width: 38px;
    height: 38px;
    font-size: 17px;
    text-decoration: none;
    color: var(--primaryColor);
    font-weight: 500;
    border: 1px solid #00000052;
    border-radius: 50px;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom_pagination li a:hover {
    border-color: transparent;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

a.page-link.next {
    background: #ba8345;
    color: #ffd;
}

a.preview.page-link {
    background: #ba8345;
    color: #ffd;
}

.custom_pagination li a.active {
    background: var(--primaryColor);
    color: var(--whiteColor);
    border-color: transparent;
    pointer-events: none;
}

.custom_pagination li a.prev,
.custom_pagination li a.next {
    font-weight: 600;
}

.custom_pagination li a i {
    font-size: 21px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}

.page-item:first-child .page-link {
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
}

.disabled>.page-link,
.page-link.disabled {
    color: #999 !important;
    border-color: #6a6a6a !important;
    background: #444444 !important;
    cursor: not-allowed !important;
    pointer-events: initial !important;
    box-shadow: none !important;
    opacity: 0.7 !important;
}

.custom_pagination li a.disabled {
    color: #999 !important;
    border-color: #6a6a6a !important;
    background: #444444 !important;
}

.rating-star {
    background: #232323;
    padding: 20px;
    position: absolute;
    right: 23%;
    text-align: center;
    top: 10%;
    transform: translate(50px, 50px);
}

.rating-star p {
    color: #fff;
    color: var(--whiteColor);
    font-size: 20px;
    font-weight: 600;
    margin-top: 5px;
}

.marketing-info-popup .hero_floating {
    height: 100%;
}

.marketing-info-popup .swiper.eventSwiper {
    height: 100%;
    border-radius: 13px 0px 0px 13px;
}

.marketing-info-popup .modal-img img {
    width: 100%;
    height: 100%;
    border-radius: 15px 0px 0px 15px;
}

.marketing-info-popup .swiper-wrapper {
    border-radius: 15px 0px 0px 15px;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: scale(0.2);
}

.modal.fade.show .modal-dialog {
    transform: scale(1);
    z-index: 11111111;
}

.modal-backdrop {
    z-index: -1;
}

.modal {
    background: #000000ba;
}

.marketing-info-popup .hero_content {
    height: 100%;
}

.modal-contact-form .contact-form-group {
    margin-bottom: 15px;
}

.modal-body.modal-contact-form {
    padding: 0px 0px;
    border: 1px solid #564736;
    border-radius: 13px;
}

.modal-inner-data {
    width: 72%;
    padding: 31px 26px;
    padding-bottom: 20px;
    background: radial-gradient(circle at top left, #122746 0%, transparent 55%), linear-gradient(180deg, #091321, #020811);
    align-items: center;
    border: 1px solid #ffffff4f;
    border-radius: 18px 15px 15px 18px;
    z-index: 99;
    box-shadow: 0 81px 87px rgb(0 0 0);
    border-right: none;
}

.modal-contact-form .modal-form {
    background: radial-gradient(circle at top left, #122746 0%, transparent 55%), linear-gradient(180deg, #091321, #020811);
    border-radius: 15px;
}

.modal-inner-data::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle, #ffffff10 1px, transparent 1px);
    background-size: 24px 24px;
    opacity: .25;
    pointer-events: none;
}

.modal-img {
    width: 56%;
    margin-right: -11px;
    background: #040b15;
    border-radius: 15px 0px 0px 15px;
}

.col-lg-5.col-xs-12.ps-0 .contact-form-group .form-control {
    padding: 11px;
}

.modal-form {
    display: flex;

}

.marketing-modal .modal-content {
    border-radius: 19px;
}

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.modal-lg,
.modal-xl {
    --bs-modal-width: 1000px;
}

.marketing-info-popup select {
    appearance: auto;
    padding: 11px 12px;
    color: #fff;
    cursor: pointer;
    background: #0C1725;
    border: 1px solid #575757b5;
    background-image: none;


}

.form-select:focus {
    border: 1px solid #745b25b5;
    box-shadow: none;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: none;
}

.contact-left-panel {
    width: 30%;
    padding: 28px 28px;
    position: relative;
    border-radius: 20px 0px 0px 20px;
    background: #070604;
    border-right: 1px solid #422e13;
    overflow: hidden;
    color: #fff;
}

.contact-main-box {
    display: flex;
    background: #070604;
    border-radius: 20px;
}


.contact-small-title {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 35px;
}

.contact-small-title p {
    color: #C89A45;
    font-size: 14px;
    letter-spacing: 4px;
    font-weight: 600;
}

.contact-small-title span {
    width: 65px;
    height: 2px;
    background: #C89A45;
}

.contact-main-title {
    font-size: 36px;
    font-weight: 500;
    font-family: 'Playfair Display', serif;
    margin-bottom: 15px;
}

.contact-main-title span {
    color: #C89A45;
}

.contact-divider {
    width: 90px;
    height: 2px;
    background: #C89A45;
    margin-bottom: 35px;
}

.contact-description {
    color: #d3d3d3cc;
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 2px;
}

.contact-city-image {
    position: relative;
    margin-bottom: 35px;
}

.contact-city-image img {
    width: 100%;
    position: relative;
}

.contact-help-box {
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid rgba(200, 154, 69, .45);
    border-radius: 18px;
    padding: 13px;
    background: rgba(255, 255, 255, .02);
    backdrop-filter: blur(15px);
}

.help-icon {
    width: 45px;
    height: 46px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(200, 154, 69, .18);
    border: 1px solid rgba(200, 154, 69, .4);
    color: #C89A45;
    font-size: 30px;
}

.help-content h4 {
    margin: 0;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
}

.help-content a {
    display: block;
    margin: 4px 0;
    color: #C89A45;
    text-decoration: none;
    font-size: 19px;
    font-weight: 600;
}

.help-content p {
    margin: 0;
    font-size: 18px;
}


.modal-dialog.modal-lg.modal-dialog-centered {
    max-width: 972px;
}

/*@media (max-width : 420px) {*/
/*        .modal-img {*/
/*        height: 228px;*/
/*    }*/
/*}*/

.news-wrapper {
    display: grid;
    grid-template-columns: 260px 2fr 1.3fr;
    gap: 18px;
    align-items: stretch;
}

.news-left {
    border-right: 1px solid rgba(201, 154, 63, .5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 27px;
}

.news-left h2 {
    color: #fff;
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 40px;
    font-family: serif;
}

.news-left span {
    color: #c99a3f;
}

.view-news-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #c99a3f;
    border: 1px solid #c99a3f;
    padding: 12px 22px;
    text-decoration: none;
    border-radius: 6px;
    width: max-content;
    transition: .3s;
}

.view-news-btn:hover {
    background: #c99a3f;
    color: #000;
}

.featured-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    height: 100%;
    min-height: 430px;
}

.featured-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

.featured-card:hover img {
    transform: scale(1.08);
}

.overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .95), rgba(0, 0, 0, .2));
}

.featured-content {
    position: absolute;
    left: 25px;
    bottom: 25px;
    right: 25px;
    z-index: 5;
}

.category {
    display: inline-block;
    color: #c99a3f;
    border: 1px solid #c99a3f;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 18px;
}

.featured-content h2 {
    font-size: 34px;
    line-height: 1.3;
    margin-bottom: 18px;
}

.featured-content h2 a {
    color: #fff;
    text-decoration: none;
}

.read-more {
    color: #c99a3f;
    text-decoration: none;
}

.news-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.small-news-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    min-height: 205px;
}

.small-news-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .4s;
}

.small-news-card:hover img {
    transform: scale(1.08);
}

.small-content {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    z-index: 5;
}

.small-content h4 {
    font-size: 16px;
    line-height: 1.4;
    margin: 12px 0;
}

.small-content h4 a {
    color: #fff;
    text-decoration: none;
}

.privacy-section {
    padding: 60px 0;
}

.privacy-card {
    background: #1d1d1d;
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
}

.privacy-section h1 {
    font-size: 2.4rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}

.privacy-section h2 {
    font-size: 1.35rem;
    font-weight: 600;
    color: #fff;
    margin-top: 35px;
    margin-bottom: 15px;
    border-left: 4px solid #be8240;
    padding-left: 12px;
}

.privacy-section p {
    margin-bottom: 15px;
    color: #ffffffb3;
}

.privacy-section b {
    color: #fff;
}

.privacy-section p span {
    color: #be8240;
}

.privacy-section ul {
    list-style: disc;
    padding-left: 20px;
}

.privacy-section ul li {
    margin-bottom: 8px;
    color: #ffffffcf;
}

.effective-date {
    color: #dadada;
    margin-bottom: 30px;
}

.privacy-section .contact-box {
    background: #f1f7ff;
    border-left: 4px solid #000;
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
}

.new-build-sec.about-inner-info {
    padding-bottom: 16px;
}

.right-header-side {
    display: flex;
    justify-content: space-between;
    align-items: center;

}
/* ---------------------team page----------- */
.team-profile.team-profile-inner img{
            height: 395px;
            object-fit: contain ;
}
.team-tree-card-body .read-more {
    margin: 0px;
    margin-top: 13px;
    text-decoration: underline;
}
.team-tree-card-body .read-more:hover {
    color: #fff;
}
  .profile-card {
    position: relative;
    width: 100%;
    max-width: 1200px;
    background: linear-gradient(155deg, var(--color-black) 0%, var(--color-black-soft) 100%);
    border-radius: 0px 20px 20px 0px;
    padding: 6px;
    margin: 0 auto;
    margin-top: -147px;
    margin-bottom: 98px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.55);
        border: 1px solid #a97c1fb8;
  }
.profile-card-media img {
    width: 100%;
}

  .profile-card::before {
   content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 8px;
    background: linear-gradient(180deg, var(--color-gold-bright), var(--color-gold-dark));
  }

  .profile-card::after {
    content: "";
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--color-gold) 50%, transparent);
    opacity: 0.6;
  }

  .profile-card-inner {
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 24px;
    align-items: stretch;
    padding: 40px 36px 40px 44px;
    margin: auto;
  }

.page-section.page-inner-team{
    background-image:url("../img/team/team-inner-bg.png");
     background-repeat: no-repeat;
    background-size: cover;
    padding: 69px 0px;
    background-position: center;
}
.page-section.page-inner-team .page-header{
        padding: 174px 0;
    padding-top: 33px;
}
  /* ---------- Left column ---------- */
  .profile-card-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .profile-card-name {
    margin: 0;
    font-weight: 800;
    font-size: clamp(36px, 5vw, 56px);
    line-height: 1.05;
    background: linear-gradient(180deg, var(--color-gold-bright), var(--color-gold-dark));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 0.5px;
  }

  .profile-card-title {
    margin: 10px 0 6px;
    color: var(--color-white);
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 3px;
    text-transform: uppercase;
  }

  .profile-card-title-rule {
    width: 90px;
    height: 2px;
    background: var(--color-gold);
    margin: 10px 0 22px;
  }

  /* ---------- Contact buttons ---------- */
  .profile-card-actions {
    display: flex;
    gap: 14px;
    margin-bottom: 26px;
    flex-wrap: wrap;
  }
.profile-card-btn.profile-card-btn--whatsapp {
    background: #006f2a;
    border-color: #ffffff2b;
}
.profile-card-btn.profile-card-btn--email {
    background: #004681;
    border-color: #eaeaea29;
}
  .profile-card-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 20px;
    border: 1.5px solid var(--color-gold);
    border-radius: 6px;
    background: transparent;
    color: var(--color-white);
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.2s ease;
  }

  .profile-card-btn:hover {
    transform: translateY(-2px);
  }

  .profile-card-btn-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    stroke: var(--color-gold);
  }

  /* ---------- Stats row ---------- */
  .profile-card-stats {
    display: flex;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(212, 169, 74, 0.25);
  }

  .profile-card-stat {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .profile-card-stat-icon {
    width: 49px;
    height: 49px;
    flex-shrink: 0;
    font-size: 25px;
    border-radius: 50%;
    color: #dfb65a;
    background: radial-gradient(circle at 35% 25%, #3a3a3a 0%, #171717 35%, #050505 75%, #000 100%);
    border: 1px solid #d99b24;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .profile-card-stat-label {
    display: block;
    color: var(--color-gray);
    font-size: 12.5px;
    font-weight: 400;
    margin-bottom: 2px;
  }

  .profile-card-stat-value {
     display: block;
    color: #d0a64c;
    font-weight: 500;
    font-size: 14.5px;
  }

  .profile-card-stat-divider {
    width: 1px;
    height: 32px;
    background: rgba(212, 169, 74, 0.25);
  }

  /* ---------- Quote ---------- */
  .profile-card-quote {
    position: relative;
    padding: 0 6px;
  }

  .profile-card-quote-mark {
    display: block;
    font-size: 44px;
    font-weight: 800;
    color: var(--color-gold);
    line-height: 0.5;
    margin-bottom: 8px;
  }

  .profile-card-quote-mark--close {
    text-align: right;
    margin-top: 10px;
    margin-bottom: 0;
  }

  .profile-card-quote-text {
    margin: 0;
    color: #d9d4cc;
    font-size: 16.5px;
    line-height: 1.7;
    font-weight: 400;
  }

  /* ---------- Right column / photo ---------- */
  .profile-card-media {
    position: relative;
    border-radius: 16px 90px 16px 16px;
    overflow: hidden;
    background: radial-gradient(circle at 30% 20%, #cfa233, #a97c1f 70%);
    border: 2px solid var(--color-gold);
        height: 619px;
  }

  .profile-card-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }





/* ---------------------- */
.team-profile img {
    width: 100%;
    display: block;
    transition: .4s;
}
.team-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-height: 77%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 16px 14px 14px;
    text-align: center;
    color: #fff;
    background: linear-gradient(180deg, rgba(9, 9, 11, 0) 0%, rgba(9, 9, 11, .82) 30%, rgba(9, 9, 11, .97) 100%);
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .35s ease, transform .35s ease;
    overflow-y: auto;
    pointer-events: none;
    scrollbar-width: thin;
    scrollbar-color: #b0813a transparent;
}

.team-overlay::-webkit-scrollbar {
    width: 4px;
}

.team-overlay::-webkit-scrollbar-thumb {
    background: #b0813a;
    border-radius: 4px;
}

.team-overlay h4 {
    font-size: 20px;
    color: #f7b733;
    margin-bottom: 6px;
    font-weight: 700;
}

.team-overlay p {
    font-size: 12.5px;
    line-height: 16px;
    color: #eaeaea;
    margin: 0;
}

.team-info:hover .team-overlay,
.team-info:focus-within .team-overlay {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.team-info:hover img,
.team-info:focus-within img {
    transform: scale(1.02);
}
.team-tree {
    --team-bg: #0a0a0b;
    --team-panel: #141414;
    --team-gold: #c9a24d;
    --team-gold-soft: rgba(201, 162, 77, .35);
    --team-gold-dim: rgba(201, 162, 77, .18);
    --team-text: #f1ede4;
    --team-muted: #a7a29a;
    --team-radius: 4px;
    --team-card-w: 208px;
    background: var(--team-bg);
    color: var(--team-text);
    padding: 54px 20px;
    overflow: hidden;
    background-image: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)), url('../img/team/team-bg.png');
    background-position: center;
    background-size: cover;
}

.team-tree-container {
/* max-width: 1240px; */
margin: 0 auto;
}

.team-tree-header {
    text-align: center;
    margin-bottom: 37px;
}

.team-tree-eyebrow {
    display: block;
    font-size: 13px;
    letter-spacing: .28em;
    text-transform: uppercase;
    color: var(--team-gold);
    margin-bottom: 18px;
}

.team-tree-title {
    font-weight: 600;
    font-size: clamp(34px, 5vw, 54px);
    margin: 0 0 18px;
    font-family: 'Playfair Display', serif;
    letter-spacing: .01em;
}

.team-tree-subtitle {
    max-width: 640px;
    margin: 0 auto;
    color: var(--team-muted);
    font-size: 16px;
    line-height: 1.8;
    font-weight: 300;
}

.team-tree-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.team-tree-level {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 1501px;
}

.team-tree-connector {
    width: 1px;
    height: 48px;
    background: var(--team-gold-soft);
    position: relative;
}

.team-tree-connector::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 7px;
    height: 7px;
    background: var(--team-gold);
    transform: translate(-50%, 50%) rotate(45deg);
}

.team-tree-connector-branch {
    height: 48px;
}

/* ============================
   Our Team page — clean hierarchy
   CEO -> Head of Sales -> Department heads -> Members
   ============================ */
.team-org {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.team-org-tier {
    display: flex;
    justify-content: center;
    width: 100%;
}

.team-org-tier-departments {
    margin-top: 6px;
}

.team-org-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    background: var(--team-panel);
    border: 1px solid var(--team-gold-dim);
    border-radius: 10px;
    padding: 16px 26px 16px 16px;
    text-align: left;
}

.team-org-card-lead {
    max-width: 480px;
}

.team-org-photo {
    flex-shrink: 0;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--team-gold-soft);
}

.team-org-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.team-org-badge {
    display: inline-block;
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--team-gold);
    font-weight: 600;
    margin-bottom: 4px;
}

.team-org-name {
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 6px;
    font-family: 'Playfair Display', serif;
    color: var(--team-text);
}

.team-org-bio {
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--team-muted);
    margin: 0;
    font-weight: 300;
}

/* Department heads row */
.team-org-departments {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.team-org-department {
    background: var(--team-panel);
    border: 1px solid var(--team-gold-dim);
    border-radius: 10px;
    padding: 18px;
}

.team-org-department-flat {
    align-self: start;
}

.team-org-dept-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid var(--team-gold-dim);
}

.team-org-department-flat .team-org-dept-head {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.team-org-mini-photo {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--team-gold-soft);
}

.team-org-mini-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.team-org-dept-head h4 {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 2px;
    color: var(--team-text);
}

.team-org-dept-head span {
    font-size: 12px;
    color: var(--team-gold);
    font-weight: 500;
}

.team-org-members {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.team-org-members li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.team-org-members img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid var(--team-gold-dim);
}

.team-org-members span {
    font-size: 13px;
    color: var(--team-muted);
    font-weight: 300;
}

@media (max-width: 991px) {
    .team-org-departments {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 720px) {
    .team-org-departments {
        grid-template-columns: 1fr;
    }

    .team-org-card {
        flex-direction: column;
        text-align: center;
        max-width: 320px;
    }
}

.team-tree-card {
    position: relative;
    display: block;
    background: var(--team-panel);
    border: 1px solid var(--team-gold-dim);
    border-radius: var(--team-radius);
    transition: border-color .3s ease, transform .3s ease;
        border-color: var(--team-gold);
}



.team-tree-card-photo {
    overflow: hidden;
/* background: #000; */
}

.team-tree-card-image {
    margin: auto;
    display: block;
    width: 100%;
    object-fit: contain;
/* background: #0c0c0c; */
height: 100%;
transition: filter .4s ease, transform .5s ease;
}

.team-tree-card:hover .team-tree-card-image,
.team-tree-card:focus-within .team-tree-card-image {
    filter: grayscale(0%);
    transform: scale(1.04);
}

.team-tree-card-badge {
    display: inline-block;
    font-size: 11px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--team-gold);
    border: 1px solid var(--team-gold-soft);
    padding: 4px 10px;
    border-radius: 2px;
    margin-bottom: 10px;
}

.team-tree-card-name {
    font-weight: 600;
    margin: 0 0 4px;
    line-height: 1.2;
}

.team-tree-card-role {
    color: var(--team-gold);
    font-size: 13px;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin: 0 0 0px;
    font-weight: 400;
}

.team-tree-card-bio {
    color: var(--team-muted);
 font-size: 19.5px;
    line-height: 1.7;
    font-weight: 300;
    margin: 8px 0 0;
}
.sales-title{
    background: #181106;
    color: #ffffff;
    position: absolute;
    gap: 7px;
    display: flex;
    left: 50%;
    width: 100%;
    justify-content: center;
    top: -52px;
    z-index: 9;
    transform: translateX(-50%);
    font-size: 14px;
    padding: 3px 14px;
    border-radius: 8px;
    border: 1px solid #7b582fc2;
    text-align: center;
}
.team-tree-card-body {
    padding: 18px;
    padding-right: 124px;
}
.team-tree-card-member {
    display: flex;
    text-align: center;
    justify-content: center;
    flex-direction: column;
}
.team-tree-grid.team-second-row::before {
    display: none;

}
.team-tree-card-member.team-tree-info .team-tree-card-photo {
    width: 88px;
    background: #000;
    height: 70px;
/* border-radius: 50%; */
}
.team-tree-card-member.team-tree-info::before {
    top: -72px;
    left: 50%;
    width: 1px;
    z-index: 0;
    height: 70px;
}
.team-tree-grid.team-second-row {
    padding-top: 71px;
}
.team-tree-card-exec {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 26px;
}

.team-tree-card-exec .team-tree-card-photo {
     flex: 0 0 309px;
    height: 384px;
    border-radius: 3px;
}

.team-tree-card-exec .team-tree-card-name {
    font-size: 36px;
    margin-bottom: 0;
        color: #e5b65e;
}

.team-tree-department {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 44px;
    color: var(--team-gold);
    font-size: 18px;
    letter-spacing: .24em;
    margin-top: 13px;
    text-transform: uppercase;
}

.team-tree-department::before,
.team-tree-department::after {
    content: '';
    width: 60px;
    height: 1px;
    background: var(--team-gold-soft);
}

.team-tree-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 28px 24px;
    justify-content: center;
    padding-top: 40px;
    width: 100%;
}

.team-tree-grid::before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(var(--team-card-w) / 2);
    right: calc(var(--team-card-w) / 2);
    height: 1px;
    background: var(--team-gold-soft);
}


.team-tree-card-member::before {
    content: '';
    position: absolute;
    top: -40px;
    left: 50%;
    width: 1px;
    height: 40px;
    background: var(--team-gold-soft);
    transform: translateX(-50%);
}

.team-tree-card-member::after {
    content: '';
    position: absolute;
    top: -1px;
    left: 50%;
    width: 6px;
    height: 6px;
    background: var(--team-gold);
    transform: translate(-50%, -50%) rotate(45deg);
}
article.team-tree-card.team-tree-card-member .team-tree-card-body{
    background: #000000;
}
.team-tree-mob{
    display: none;
}
.team-tree-card-member .team-tree-card-photo {
    width: 100%;
    height: 151px;
    padding-top: 7px;
    aspect-ratio: 3 / 3.4;
    border-radius: var(--team-radius) var(--team-radius) 0 0;
}
.team-inner-box{
    background: transparent;
    border:none;
}
.team-tree-card-member.team-tree-info {
    border: 1px solid #3a3a3a;
    background: #141414;
    margin-bottom: 10px;
    flex-direction: row;
    justify-content: left;
    border-radius: 4px;
}
.team-tree-card-member .team-tree-card-body {
    padding: 6px 16px 6px;
    display: flex;
    background: #141414;
    flex-direction: column;
    justify-content: center;
}

.team-tree-card-member .team-tree-card-name {
    font-size: 19px;
    margin-bottom: 1px;
}

.team-tree-card-member.team-tree-info .team-tree-card-name{
    font-size: 17px;
    margin-bottom: 3px;
    color: #d6d6d6;
    font-weight: 500;
}
.team-tree-card-photo.tree-card-photo-main img {
    object-fit: cover;
}

@media (max-width: 1100px) {
    .team-tree-grid {
        grid-template-columns: repeat(3, 1fr);
        max-width: 720px;
        gap: 11px 9px;
    }

    .team-tree-grid::before,
    .team-tree-card-member::before,
    .team-tree-card-member::after {
        display: none;
    }
    .team-tree-grid{
        grid-template-columns: repeat(3, 1fr);
        gap: 21px 11px;
    }

    .team-tree-grid {
        padding-top: 0;
    }

    .team-tree-connector-branch {
        height: 40px;
    }
}

@media (max-width: 720px) {
    #teams {
        padding: 64px 16px;
    }

    .team-tree-card-exec {
        flex-direction: unset;
        text-align: center;
        max-width: 100%;
        padding: 24px 20px;
    }

    .team-tree-grid {
        gap: 20px;
        position: relative;
        padding-left: 0px;
        grid-template-columns: repeat(2, 1fr);
    }


    .team-tree-grid::after {
        display: none;
    }
    .team-tree-card-member::after{
        display: none;
    }

    .team-tree-card-member {
        margin-left: 6px;
    }

    .team-tree-card-member::before {
        display: none; 
    }


}

@media (prefers-reduced-motion: reduce) {

    .team-tree-card,
    .team-tree-card-image {
        transition: none !important;
    }
}

@media(max-width:1600px) {

    .container {
        width: 100%;
        max-width: 1300px;
    }

    .our-team-details {
        gap: 11px;
    }

    .property-slider-sec {
        padding-top: 0px;
    }

    .new-build-sec.about-inner-info {
        padding-bottom: 70px;
    }

    .about-state {
        width: auto;
    }

    .why-choose-sec {
        padding: 60px 0px;
    }

    .choose-info {
        max-width: 302px;
        padding: 24px;
    }

    .our-project-card {
        width: 23%;
    }

    .our-blog-details {
        column-gap: 33px;
    }

    .choose-info-inner h3 {
        padding-right: 0px;
    }

    .living-space-sec.our-build-space h2 {
        padding-right: 88px;
    }

    .navbar-logo {
        width: 100%;
        max-width: 208px;
    }

    .our-team.our-team-inner {
        padding-top: 175px;
    }

    .team-content h3 {
        font-size: 18px;
    }

    .news-wrapper {
        grid-template-columns: 257px 1.5fr 1.3fr;
    }

    .our-news-featured-sec {
        padding-bottom: 0px;
    }

    .search-info-inner img {
        width: 148px;
    }

    .searching-sec {
        margin: 61px -16px;
        margin-bottom: 12px;
    }

    .footer-info {
        padding: 32px 12px 46px;
    }
    .team-info img{
            height: 333px;
    }
    .partner-build-right {
    width: 47%;
}
.our-partner-left p{
        font-size: 16px;
    margin-bottom: 16px;
}
   .mission-image {
        padding: 20px;
    }
    .vision-image{
     padding: 20px;
    }
}

@media(max-width:1400px) {
    .container {
        width: 100%;
        max-width: 1200px;
    }

    .news-wrapper {
        display: grid;
        grid-template-columns: 226px 1.5fr 1.3fr;
    }

    .featured-content h2 {
        font-size: 30px;
    }

    .navbar-logo {
        max-width: 176px;
    }

    .our-blog-details {
        column-gap: 31px;
    }

    .living-space-sec.our-build-space h2 {
        padding-right: 116px;
    }

    .our-build-space h2 {
        font-size: 30px;
    }

    .contact-us-sec {
        padding: 70px 0px;
    }

    .new-build-sec {
        padding: 70px 0px;
    }

    .our-team {
        padding: 70px 0px;
    }

    .page-header {
        padding: 70px 0px;
    }

    .choose-info {
        max-width: 276px;
        padding: 19px;
    }

    .choose-info img {
        width: 76px;
        padding: 9px 17px;
    }

    .modal-contact-form .contact-form-group input {
        padding: 9px 12px;
    }

    .marketing-info-popup select {
        appearance: auto;
        padding: 9px 12px;
    }

    .team-info img {
          height: 270px;
    }

    .location-icon {
        width: 46px;
        height: 46px;
    }
    .team-tree-card-member.team-tree-info .team-tree-card-name{
        text-align: left;
    }
    article.team-tree-card.team-tree-card-exec img{
        object-fit: cover;
    }
    .team-tree-card-member.team-tree-info .team-tree-card-photo{
        width: 65px;
        height: 59px;
    }

    .location-icon i {
        font-size: 28px;
    }
    .team-tree-grid{
        gap: 21px 13px;
    }
    .team-tree-card-bio{
        font-size: 13.5px;
    }
    .team-tree-card-role{
        margin: 2px 0 1px
    }
    .team-tree-card-bio{
        line-height:normal;
    }
    .team-tree-card-member .team-tree-card-body {
        padding: 11px 11px 12px;
    }
    .mission-image {
        padding-right: 20px;
    }
    .vision-image{
     padding-left: 20px;
    }
    .partner-build-right{
               width: 60%;
    }
}

@media(max-width:1200px) {
    .policy-footer {
        padding-top: 30px;
    }

    .search-info {
        gap: 9px;
    }
    .main-our-team-sec{
            gap: 14px;
    }

    .slider-card-prp {
        width: 31.33%;
    }
    .header-info-right{
        display: none;
    }

    .living-space-sec.our-build-space h2 {
        padding-right: 0px;
    }

    .our-build-space h2 {
        margin-bottom: 14px;
    }

    .team-info img {
        height: 145px;
        object-fit: contain;
    }
    .our-team-title p{
        text-align: center;
    }
    .main-our-team-sec{
        grid-template-columns: 1fr;
    }
    .our-team-title .sec-title {
    justify-content: center;
    }
    .mt-4.text-start {
    text-align: end !important;
}

    .our-partner-left.our-build-space h2 {
        padding-right: 0;
    }

    .about-left p {
        font-size: 30px;
    }

    .living-space-sec p {
        margin-bottom: 10px;
    }

    .get-btn button {
        padding: 8px 20px;
        font-size: 14px;
    }

    .our-blog-box {
        padding: 44px 0px;
    }

    .contact-wrapper {
        gap: 19px;
    }

    .contact-data-info {
        padding: 20px 20px;
    }

    .row.search-info {
        row-gap: 20px;
    }

    .our-news-featured-sec {
        padding: 56px 15px;
    }

    .searching-sec {
        padding: 59px 20px;
    }

    .confidence-market-right h2 {
        font-size: 25px;
    }

    .confidence-market-inner {
        padding: 11px 50px 11px 0px;
    }

    .blog-card-img {
        height: 121px;
    }

    .our-project-card {
        width: 24%;
    }

    .our-blog-details {
        column-gap: 9px;
    }

    .search-info-inner img {
        width: 114px;
    }

    .living-space-sec.our-build-space h2 {
        padding-right: 0;
    }

    .new-build-left,
    .new-build-right {
        width: calc(56% - 6px);
    }

    .confidence-market-right p {
        padding: 10px 0px;
    }

    .our-team-details {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .team-info img {
        height: 249px;
    }
    .profile-card{
            max-width: 1027px;
    }
    .profile-card-media{
         height: 473px;
    }
    .profile-card-name{
            font-size: 40px;
    }
    .profile-card-inner{
            padding: 29px 29px 30px 29px;
    }

    .contact-us-inner {
        max-width: 515px;
    }
    .contact-left-panel {
        width: 36%;
    }
    .contact-main-box {
        border-radius: 0;
    }
    .page-section.page-inner-team .page-header{
            padding-top: 33px;
    }
    .page-section.page-inner-team{
            padding: 44px 0px;
    }
}

@media(max-width:991px) {
    .page-header {
        padding: 64px 0px;
    }
    .sales-title{
        position: static;
        transform: none;
        margin-bottom: 10px;
    }

    .modal-lg,
    .modal-xl {
        --bs-modal-width: 487px;
    }

    .our-project-card {
        width: 32%;
    }

    .contact-form {
        padding-bottom: 30px;
    }

    .slider-card-prp {
        width: 48%;
    }

    .contact-main-box {
        flex-direction: column;
    }

    .contact-divider {
        display: none;
    }

    .contact-city-image img {
        display: none;
    }

    .contact-help-box {
        display: none;
    }

    .contact-left-panel {
        padding: 19px 17px;
        border-radius: 20px 0px 0px 20px;
    }

    .contact-main-title {
        font-size: 28px;
    }

    .search-info {
        grid-template-columns: repeat(3, 1fr);
        gap: 9px;
    }

    .our-team-details {
        gap: 14px;
    }

    .modal-img {
        width: 100%;
/*height:330px;*/
}

.modal-img img {
    height: auto;
}

.our-partner-sec {
    margin: 0px -5px;
}

.new-build-sec.new-inner-info {
    padding-top: 44px;
}
.mission-content, .vision-content{
        padding: 25px;
}
.mission-content h2, .vision-content h2{
        font-size: 28px;
            line-height: 34px;
}
.ceo-profile-description{
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 14px;
}
.ceo-profile-image {
    width: 38%;
}
.ceo-profile-container{
    flex-direction: column-reverse;
}
.ceo-profile-role{
    font-size: 21px;
}

.ceo-profile-content {
    width: 100%;
    padding: 17px 23px;
}
.ceo-profile-container{
        border-radius: 11px;
}
.ceo-profile-title {
    font-size: 33px;
        margin-bottom: 8px;
}
.mission-card, .vision-card{
          border-radius: 9px;

}
.ceo-profile-section{
        padding: 39px 0;
}
.mission-vision-section{
    padding-bottom: 0px;
}
.modal-contact-form .contact-form-group {
    margin-bottom: 16px;
}

.our-partner-sec::after {
    border-radius: 0px;
}

.modal-form {
    display: block;
}

.col-lg-6.col-xs-12.ps-0 {
    padding-left: 11px !important;
}

.modal-inner-data {
    width: 100%;
    padding: 17px;
    border-radius: 0px 0px 9px 9px;
}

.page-header h1 {
    font-size: 36px;
}

.contact-left-panel {
    text-align: center;
    width: 100%;
    padding: 16px 5px;
    padding-bottom: 0px;
}

.contact-main-box {
    padding-bottom: 23px;
}

.contact-form {
    padding: 25px 0px;
}


.contact-description {
    font-size: 14px;
}

.help-content a {
    font-size: 22px;
}

.menu-icon {
    display: block;
}

.section-title {
    font-size: 26px;
    margin-bottom: 14px;
}

.navbar-logo {
    text-align: left;
}

.navbar-logo img {
    max-width: 90px;
}

.header-sec {
    padding: 0px 0;
}

.navbar-info-inner {
    position: fixed;
    top: 0;
    z-index: 9999;
    left: -100%;
    width: 260px;
    height: 100vh;
    background: #000000;
    box-shadow: -2px 0 10px rgb(0 0 0 / 68%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: left 0.4s ease;
    overflow-y: auto;
}

.navbar-links ul li a:hover::after {
    width: 0;
}

.navbar-info-inner.open {
    left: 0;
}

.navbar-links ul {
    flex-direction: column;
    width: 100%;
    gap: 10px;
    padding: 20px 20px;
}

.navbar-links {
    width: 100%;
}


.navbar-links ul li {
    width: 100%;
}

.navbar-links ul li a {
    display: block;
    width: 100%;
    text-align: start;
    border: 1px solid #b8b8b86e;
    border-radius: 5px;
    padding: 8px 12px;
    font-size: 16px;
}

.closebtn {
    font-size: 20px;
    cursor: pointer;
    background: var(--primaryColor);
    display: block;
    width: 30px;
    color: var(--whiteColor);
    border-radius: 50px;
    height: 30px;
    text-align: center;
}
.mission-image, .vision-image {
    display: none;
}
.mission-content, .vision-content{
    width: 100%;
}

.menu-inner-icon {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #dedede80;
    padding: 20px;
    padding-right: 0px;
}

.navbar-links ul {
    border: none;
}

.header-inner-sec {
    gap: 14px;
}

.new-build-sec {
    padding: 50px 0px;
}

.new-build-container {
    display: block;
}

.new-build-right {
    width: calc(100% - 2px);
}

.new-build-left img,
.partner-build-right {
    display: none;
}

.our-partner-left {
    width: 100%;
}

.our-partner-sec {
    padding: 50px 0px;
}

.contact-us-sec {
    padding: 50px 0px;
}

.about-btn {
    margin-top: 29px;
}

.about-state-inner {
    padding: 20px 15px;
    margin-bottom: 25px;
    margin-top: 22px;
}

.about-right img {
    display: none;
}

.about-us-sec {
    padding-top: 23px;
    padding-bottom: 24px;
}

.get-btn button {
    margin-top: 13px;
    padding: 7px 15px;
    font-size: 14px;
}

.our-build-space h2 {
    font-size: 27px;
}

.col-lg-5.col-xs-12.ps-0 {
    padding-left: 14px !important;
}

.main-blog-content {
    margin-bottom: 20px;
}

.blog-social h3 {
    font-size: 20px;
}

.contact-wrapper {
    display: block;
}

.contact-us-left {
    width: 100%;
}

.contact-map-sec iframe {
    width: 100%;
}

.new-build-sec {
    padding: 73px 0px;
}

.property-slider-sec {
    padding: 70px 20px;
}

.confidence-market-inner {
    padding: 14px 50px 2px 17px;
}

.confidence-market-left img {
    margin-top: -40px;
}

.confidence-market-right h2 {
    font-size: 22px;
}

.confidence-market-right p {
    font-size: 16px;
}

.agent-btn {
    padding-top: 15px;
    margin-bottom: 32px;
}

.our-build-space h2 {
    font-size: 25px;
}

.our-build p {
    font-size: 17px;
}

.our-build i {
    font-size: 16px;
}

.location-info {
    margin-bottom: 22px;
    margin-top: 19px;
    gap: 10px;
}

.choose-inner {
    justify-content: center;
}

.choose-info {
    max-width: 355px;
    min-height: 289px;
}

.client-feedback-sec {
    padding: 66px 20px;
}

.confidence-market-sec {
    padding: 100px 0px 0px;
}

.team-info:hover {
    transform: translateY(-1px) scale(1.03);
}

.footer-info {
    padding: 37px 34px 20px;
}

.footer-inner img {
    max-width: 100px;
}

button.btn-close {
    filter: invert(1);
    opacity: 1;
    z-index: 999;
    right: 9px;
    top: 13px;
}

.marketing-info-popup .modal-img img {
    border-radius: 9px 9px 0px 0px;
    height: 376px;
    background: #0d1d36;
    object-fit: contain;
}

.marketing-info-popup .swiper-wrapper {
    border-radius: 0px;
}

.modal-img,
.marketing-info-popup .swiper.eventSwiper {
    border-radius: 9px 9px 0px 0px;
}

.sec-title h2 {
    font-size: 23px;
}

.news-left h2 {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.searching-sec {
    padding: 54px 20px;
    margin: 40px -16px;
}

.news-left h2 br {
    display: none;
}

.main-header-info {
    text-align: end;
    width: 100%;
    display: flex;
    justify-content: end;
    margin-top: 8px;
}

.property-slider-sec {
    padding: 7px 6px;
}

.news-wrapper {
    grid-template-columns: 1fr;
}

.news-grid {
    grid-template-columns: 1fr;
}

.featured-card {
    min-height: 350px;
}

.news-left {
    text-align: center;
    align-items: center;

}

.contact-form {
    margin: 0px 6px;
}

.contact-box {
    margin-bottom: 15px;
}

.news-left h2 {
    font-size: 39px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.news-left {
    border-right: 0px;
}
.profile-card{
        margin-bottom: 49px;
}
.team-profile.team-profile-inner img {
    height: 269px;
    object-fit: contain;
}
.footer-social-icon{
        margin-bottom: 14px;
    margin-top: 37px;
}

}

@media(max-width:768px) {
    .modal-dialog.modal-lg.modal-dialog-centered {
        max-width: 494px;
    }

    .searching-sec-inner .our-build-space p {
        font-size: 16px;
    }

    .why-choose-sec .our-build-space p {
        font-size: 16px;
    }
        .team-tree-card-exec {
        padding: 0px;
        gap: 0px;
        flex-direction: column;
    }   
     .team-tree-card-body {
        padding: 9px;
    }
    .team-tree-card-body .read-more{
        margin:auto;
        margin-top: 10px;
    }

    .detail-count p,
    .detail-item p {
        font-size: 13px;
    }

    .blog-content.blog-content-data .blog-img img {
        height: 170px;
    }

    .blog-info-inner span {
        font-size: 14px;
    }

    .header-info a {
        display: none;
    }
    .profile-card-inner{
            grid-template-columns: 1fr;
    }

    .about-state {
        width: auto;
        margin: 0;
    }

    .about-left span {
        font-size: 16px;
    }

    .marketing-info-popup .modal-img img {
        object-fit: cover;
    }
        .profile-card-media {
        height: 601px;
    }
    .page-section.page-inner-team .page-header{
        padding: 140px 0;
                padding-top: 1px;
    }

    .about-left p {
        font-size: 22px;
    }

    .about-left h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .our-build-space h2 {
        font-size: 22px;
    }

    .our-build p {
        font-size: 18px;
    }

    .new-build-sec.about-inner-info {
        padding-bottom: 0px;
    }

    .footer-info {
        padding: 0px 0px 0px;
    }

    .new-build-sec {
        padding: 30px 0px;
    }

    .contact-us-sec {
        padding: 30px 0px;
    }

    .our-partner-sec {
        padding: 30px 0px;
    }

    .our-partner-left p {
        font-size: 16px;
    }

    .new-build-left {
        display: none;
    }

    .new-build-left,
    .new-build-right {
        width: 100%;
    }

    .new-build-sec {
        padding: 47px 0px;
    }

    .our-project-card {
        width: 48%;
    }

    .confidence-market-left {
        display: none;
    }

    .confidence-market-left,
    .confidence-market-right {
        width: 100%;
    }

    .choose-info {
        max-width: 48%;
    }

    .client-slider {
        padding: 16px 0px 0px;
    }

    .confidence-market-sec {
        padding: 42px 0px 0px;
    }


    .sec-title h2 {
        font-size: 26px;
    }

    .client-feedback-sec {
        padding: 28px 20px;
    }

    .client-slider-inner {
        padding: 25px 17px;
    }

    .property-slider-sec {
        padding: 42px 14px;
    }

    .blog-title-info {
        align-items: baseline;
        flex-direction: column;
    }

    .blog-title-info a {
        margin-left: auto;
    }

    .our-blog-details {
        column-gap: 6px;
        row-gap: 13px;
    }

    .our-project-card {
        width: 49%;
    }

    .our-team {
        padding: 50px 0px;
    }


    .our-team-title p {
        font-size: 16px;
    }

    .our-team-details {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
        padding: 0px 6px;
        padding-top: 43px;
        margin: auto;
    }

    .team-info img {
        width: 100%;
        height: 173px;
    }

    .team-content h3 {
        font-size: 16px;
        margin-bottom: 4px;
    }

    .main-blog-content {
        padding: 9px;
    }

    .news-left {
        margin-right: 0px;
    }

    .contact-box {
        padding: 28px 22px 30px;
    }

    .page-header img {
        display: none;
    }

    .row.search-info {
        row-gap: 16px;
    }

    .confidence-market-right p {
        padding-top: 4px;
    }

    .page-header {
        padding: 39px 0px;
    }

    .contact-us-inner {
        padding: 26px;
    }

    .our-blog-details.no-record {
        margin-top: 35px;
    }

    .header-inner-sec .header-info {
        display: none;
    }

    .sec-title img {
        display: none;
    }

    .client-feedback-inner {
        flex-direction: column;
    }

    .client-slider {
        width: 100%;
    }

    .search-info {
        padding: 43px 0 0;
    }
    .team-tree-grid.team-second-row {
        padding-top: 34px;
    }
    

}

@media(max-width:575px) {
    .about-state {
        margin-bottom: 20px;
    }
    .profile-card-inner {
            padding: 10px 5px 7px 7px;
    }
    .profile-card-stats{
            gap: 11px;
    }

    .register-card-subtitle {
        font-size: 10px;
        gap: 4px;
    }
    .profile-card-title{
            font-size: 13px; 
               margin: 8px 0 6px;
    }
    .profile-card-media {
        height: auto;
    }
    .profile-card-title-rule{
            margin: -1px 0 18px;
    }

    .register-card-title {
        font-size: 20px;
    }
        .profile-card-name {
        font-size: 30px;
    }
    .profile-card-stat-divider{
        display: none;
    }
    .profile-card-stat{
        width: 100%;
    }

    .page-section {
        padding-top: 0px;
    }
    .about-state-inner {
        padding: 0px 0px;
    }

    .search-input button {
        padding: 9px 20px;
    }
    .team-tree-grid{
        grid-template-columns: repeat(1, 1fr);
    }

    .search-info {
        grid-template-columns: repeat(2, 1fr);
    }

    .hero_content img {
        height: auto;
    }
    .team-tree-card-role{
        margin: 5px 0 3px;
    }
    .team-tree-card-member .team-tree-card-name {
        font-size: 20px;
    }

    .footer-sec {
        background: var(--primaryColor);
        padding: 23px 0 31px;
    }
    .team-tree-grid {
        gap: 9px;
    }

    .header-top-sec {
        display: none;
    }

    .navbar-logo img {
        max-width: 65px;
    }

    .navbar-info {
        padding: 10px 0;
    }

    .menu-icon {
        width: 43px;
        height: 39px;
        font-size: 24px;
    }

    .contact-box {
        padding: 20px 18px 20px;
    }

    .location-icon i {
        font-size: 20px;
    }

    .our-blog-box {
        padding: 44px 0px;
        padding-top: 19px;
    }

    .error {
        font-size: 13px !important;
    }

    .new-build-sec.new-inner-info {
        padding-top: 34px;
    }
        .team-info img {
        width: 100%;
        height: 350px;
        object-fit: contain;
    }
        .mt-4.text-start {
        text-align: center !important;
    }

    .team-tree-card-exec .team-tree-card-photo {
        width: 112px;
        height: 112px;
    }


    .featured-content h2 {
        font-size: 24px;
    }

    .contact-form {
        padding: 22px 0px;
    }

    .contact-form-group {
        margin-bottom: 7px;
    }
    .team-tree-card-exec .team-tree-card-photo{
        width: 100%;
        height: auto;
    }
    .about-us-sec {
        padding-top: 6px;
        padding-bottom: 3px;
    }
    #teams {
        padding: 35px 0px;
        padding-top: 0px;
    }
    .team-tree-title{
        font-size: 27px;
        margin: 0 0 12px;
        letter-spacing: normal;
    }
    .team-tree-department{
        justify-content: center;
        text-align: center;
        font-size: 15px;
        margin-bottom: 17px;
    }
    .team-tree-eyebrow{
        margin-bottom: 3px;
    }
    .team-tree-subtitle{
        font-size: 15px;
        line-height: normal;
    }
    .container.team-tree-container {
        padding: 20px 10px;
    }
    .team-tree-card-exec{
        padding: 0px;
        gap: 0px;
        flex-direction: column;
    }
    .main-our-team-sec{
            gap: 0px;
    }
    .team-tree-card-body .read-more {
            margin: auto;
            margin-top: 8px;
    }
    .team-tree-card-body {
        padding: 9px;
    }
    .team-tree-card-exec .team-tree-card-name{
        font-size: 26px;
    }
    .team-tree-grid.team-second-row {
        padding-top: 0px;
    }
    .sales-title {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .team-tree-card-photo.tree-card-photo-info img {
        object-position: 35% 10%;
    }
    .team-tree-card-exec img {
        object-fit: cover;
        object-position: 35% 22%;
    }

    .team-tree-card-bio{
        font-size: 13.5px;
        line-height: 19px;
    }

    .map-sec {
        height: 357px;
        margin-top: 14px;
    }

    .contact-form-inner {
        margin-top: 4px;
    }

    .loader-message {
        font-size: 21px;
    }

    .tbl_loader_bg {
        height: 100px;
    }

    .location-icon {
        width: 40px;
        height: 40px;
    }

    .address-data-info {
        padding: 11px 1px;
    }

    .location-info {
        padding: 6px 12px;
    }

    .privacy-section {
        padding: 29px 0;
    }

    .privacy-card {
        padding: 19px 15px;
    }

    .location-info {
        margin-bottom: 0px;
        margin-top: 0px;
        gap: 10px;
    }

    .search-property p {
        font-size: 16px;
    }

    .privacy-section h2 {
        font-size: 18px;
    }

    .contact-btn {
        padding-top: 11px;
    }

    .contact-text p {
        font-size: 16px;
    }

    .custom_pagination li a {
        padding: 8px 12px;
        font-size: 14px;
    }

    .location-add p {
        font-size: 16px;
    }

    .slider-card-prp {
        width: 100%;
    }

    .header-info span,
    .header-info-right span {
        display: none;
    }

    .header-inner-sec .header-info {
        display: none;
    }

    .section-title {
        font-size: 23px;
        margin-bottom: 14px;
    }

    .whatsapp-info a {
        width: 47px;
        height: 47px;
    }
    .whatsapp-info span{
        padding-bottom: 3px;
    }
    .whatsapp-info{
        right: 18px;
        bottom: 9px;
    }
    .whatsapp-info a svg {
        width: 45px !important;
        height: 45px !important;
    }

    .contact-form-group input,
    .contact-form-group textarea {
        padding: 10px 14px;
    }

    .contact-form-group label {
        padding-bottom: 4px;
        font-size: 16px;
    }

    .country-input {
        padding: 10px 12px !important;
    }

    .language-dropdown {
        padding: 8px 10px;
    }

    .contact-info-title {
        font-size: 16px;
        padding: 10px 0;
    }


    .page-header h1 {
        font-size: 28px;
    }

/* .about-state-inner {
margin-bottom: 21px;
margin-top: 19px;
} */

.blog-social h3 {
    font-size: 16px;
}

.contact-icon img {
    width: 17px;
}

.contact-data-info {
    gap: 12px;
    padding: 13px 15px;
}

.contact-icon {
    width: 42px;
    height: 42px;
}

.footer-info .row> :nth-child(1) {
    order: 3;
    padding-bottom: 9px;
}

.footer-info .row> :nth-child(2) {
    order: 1;
}

.footer-info .row> :nth-child(3) {
    order: 2;
}

.footer-inner {
    margin-top: 23px;
}

.footer-inner p {
    padding: 19px 0px;
}

.footer-link li a {
    font-size: 14px;
}

.policy-footer {
    padding: 15px 0px 0px 0px;
    justify-content: left;
    display: flex;
    text-align: left;
    row-gap: 11px;
    align-items: baseline;
    flex-direction: column-reverse;
}

.copyright-text p {
    margin-bottom: 5px;
}

.footer-link li {
    margin-bottom: 8px;
}

.page-header {
    padding: 30px 0px;
}

.new-build-sec {
    padding: 34px 0px;
}

.our-build-space h2 {
    font-size: 20px;
}

.our-build p {
    font-size: 16px;
}

.contact-main-box {
    background-color: transparent;
    padding-bottom: 0px;
}

.contact-left-panel {
    background-color: transparent;
    border-right: 0px;
    padding-top: 0px;
}

.contact-us-inner {
    padding: 5px;
}

.living-space-sec p {
    font-size: 16px;
    margin-bottom: 11px;
}

.property-slider-sec {
    padding: 34px 0px;
}

.sec-title h2 {
    font-size: 21px;
    margin-bottom: 12px;
}

.searching-sec {
    padding: 29px 0px;
}

.search-info {
    padding: 26px 0 0;
}

.search-info-inner {
    padding: 9px 8px;
    border: 1px solid #ffffff2b;
    border-radius: 6px;
}

.search-property {
    padding-top: 9px;
}

.search-info-inner img {
    width: 52px;
}

.our-project-card {
    width: 100%;
}

.our-news-featured-sec {
    padding: 33px 0px;
}

.agent-btn {
    padding-top: 0px;
    margin-bottom: 7px;
}

.confidence-market-right h2 {
    font-size: 21px;
}

.confidence-market-sec {
    padding: 29px 0px 0px;
}

.confidence-market-right p {
    font-size: 16px;
}

.why-choose-sec {
    padding: 37px 0px;
}

.choose-info {
    max-width: 100%;
    min-height: auto;
}

.choose-info img {
    width: 68px;
    border-radius: 13px;
}

.our-team {
    padding: 29px 0px;
    padding-top: 9px;
}

.our-team-details {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
    padding: 0px;
    padding-top: 21px
}
    .team-content h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }

.our-team-title h2 {
    font-size: 22px;
}

.choose-inner {
    gap: 11px;
}

.output-img.company_info {
    height: 62px;
    object-fit: cover;
    display: flex;
    width: 55%;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.button {
    padding: 7px 15px;
    font-size: 15px;
}

.searching-sec {
    padding: 40px 0px;
    margin: 0px -3px;
}
.team-tree-level.team-tree-level-grid.team-tree-desk{
    display: none;
}

.news-left h2 {
    font-size: 23px;
}

.view-news-btn {
    font-size: 12px;
    padding: 6px 12px;
}

.property-info {
    gap: 9px;
}

.new-build-sec {
    padding-bottom: 2px;
}

.client-feedback-sec {
    padding: 28px 0px;
    background-image:none;
}
.about-us-sec::after{
        filter: blur(57px);
            background: #000000c2;
            left: -50px;
}
.team-tree-mob{
    display: block;
}
  .profile-card::before {
  width: 1px;
  }
  .footer-social-icon{
        margin-bottom: 15px;
    margin-top: 27px;
  }
  .about-content-title{
    font-size: 12px;
  }
  .mission-vision-section{
        padding: 19px 7px;
  }
  .mission-vision-section .our-latest-sec {
    margin-bottom: 28px;
}
.mission-content, .vision-content {
    padding: 14px;
}
.ceo-profile-title {
    font-size: 26px;
    margin-bottom: 8px;
}
.mission-content h2, .vision-content h2 {
    font-size: 23px;
    line-height: 28px;
}
.ceo-profile-content {
        width: 100%;
        padding: 15px 13px;
    }
    .ceo-profile-role {
    font-size: 16px;
}
    .ceo-profile-description {
        font-size: 17px;
        line-height: 23px;
        margin-bottom: 9px;
    }
.mission-vision-section{
    padding: 19px 0px;
}
.mission-icon img, .vision-icon img {
width: 49px;
}
.mission-card, .vision-card{
        margin-bottom: 22px;
}
.mission-content p, .vision-content p{
        line-height: 23px;
    font-size: 16px;
}

}