body {
    font-family: Gilroy-Regular;
}


p {
    font-family: 'Gilroy-Regular';
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

section#about-us-banner {
    padding: 0px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

section#about-us-banner video {
    width: 110%;
    margin: auto;
}

body h2 {
    font-weight: 400;
}

header.reit-header {
    background: #2A2823F5;
    border-bottom: 1px solid rgba(109, 122, 106, 0.50);
    position: fixed;
    z-index: 20;
    width: 100%;
    background: rgba(0, 0, 0, 0.23);
    backdrop-filter: blur(2px);
}

.about-banner-video {
    position: relative;
}

.about-banner-video::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /* background-image: url("../image/Banner-Overlay.png"); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

.banner-text-wrapper-about {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section#about-us-banner .container {
    position: absolute;
    bottom: 10%;
    max-width: 100% !important;
    width: 100% !important;
    margin: auto;
    z-index: 1;
    color: #fff;
    display: block;
    padding: 0% 5%;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
li,
ul {
    /* margin: 0px;
    padding: 0px; */
}

.banner-text-wrapper-about h2 {
    font-size: 3.85vw;
    font-family: Playfair Display;
    width: 100%;
}

.banner-text-wrapper-about p {
    font-size: 1.05vw;
    width: 100%;
    margin-bottom: 0px;
    padding-left: 5%;
    padding-top: 0.5%;
    opacity: 0.95;
}

#about-us-second {
    width: 100%;
    padding: 0px;
    padding-bottom: 5%;
    overflow: hidden;
}

#about-us-second .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0px;
    margin: 0px;
}

.number-card-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.number-card-wrapper .number-card {
    padding: 5%;
    width: 25%;
    border-right: 1px solid var(--primary-100, #D4D4D3);
    border-bottom: 1px solid var(--primary-100, #D4D4D3);
    display: block;
    height: 18vw;
    margin: auto;
}

.number-card-wrapper .number-card:last-child {
    padding: 5% 3%;
}

.number-card h2 {
    font-family: 'Playfair Display';
    font-size: 3.35vw;
    padding-bottom: 4%;
    color: var(--primary-900, #282621);
    font-variant-numeric: lining-nums proportional-nums;
}

.number-card h2 span {
    font-family: 'Playfair Display';
    font-size: 1.4vw;
}

.number-card h2 span.count {
    font-size: 3.35vw;
}

.number-card h2 span.symboldol {
    font-size: 3.35vw;
    position: relative;
}

.number-card-wrapper .number-card p {
    font-size: 1.05vw;
    color: var(--tertiary-900, #778A73);
}

section#about-us-sustainable {
    padding: 0px;
    margin: 0px;
    width: 100%;
    max-width: 100%;
}

section#about-us-sustainable .container {
    padding: 0px;
    margin: 0px;
    width: 100%;
    max-width: 100%;
}

section#about-us-sustainable .sustaibility-card.col-lg-6 {
    margin: auto;
}

section#about-us-sustainable h2 {
    font-family: 'Playfair Display';
    font-size: 3.35vw;
    font-style: normal;
    font-weight: 400;
    color: var(--primary-900, #282621);
}

.sustaibility-card-container {
    padding: 5% 10%;
}

.content {
    width: 100%;
    overflow: hidden;
}


.tab-sus-wrapper {
    display: flex;
    padding-top: 10%;
}

.tab-sus-wrapper .btns {
    width: 30%;
}

.tab-sus-wrapper .btns .tab-btn {
    color: var(--secondary-500, #E1D2AF);
    font-size: 1.3vw;
    padding-left: 1.5vw;
    padding-bottom: 15%;
    border: unset;
    background-color: unset;
    position: relative;
    letter-spacing: 4.8px;
    font-weight: 600;
    transition: 0.2s linear;
}

.tab-sus-wrapper .btns .tab-btn.active {
    color: var(--secondary-900, #A69163);
}

.tab-sus-wrapper .btns .tab-btn.active::before {
    content: "";
    position: absolute;
    top: 0.4vw;
    left: 0px;
    width: 0.15vw;
    height: 1.3vw;
    background-color: var(--secondary-900, #A69163);
}

.tab-sus-wrapper .content {
    font-family: Gilroy-Regular;
    font-size: 1.05vw;
    width: 100% !important;
    height: 100% !important;
}

.tab-sus-wrapper .sus-tab-content {
    padding-left: 8%;
    width: 94%;
    min-height: 10vw;
}


section#get-intouch {
    padding: 8% 0%;
    margin: 0px;
    width: 100%;
    max-width: 100%;
    padding-bottom: 0px;
}

.img-fluid {
    width: 100%;
}

section#get-intouch .container {
    padding: 0px;
    margin: 0px;
    width: 100%;
    max-width: 100% !important;
}

section#get-intouch .container h4 {
    letter-spacing: 5.6px;
    text-transform: uppercase;
    padding-left: 5%;
    padding-bottom: 3%;
    /* font-family: Gilroy-SemiBold; */
    font-weight: 600;
    color: #717171;
    font-size: 1.5vw;
}

section#get-intouch .col-lg-6 {
    padding: 0px;
    margin: 0px;
}

section#get-intouch .row {
    padding: 0px;
    margin: 0px;
}

body h2 {
    font-family: "Playfair Display";
    font-size: 3.35vw;
}

section#get-intouch h2 {
    font-family: "Playfair Display";
    font-size: 3.35vw;
    transition: 0.35s linear;
    position: relative;
    top: 0vw;
    color: var(--primary-900, #282621);
}

section#get-intouch .inner-get-card:hover h2 {
    color: #CDB47A;
    position: relative;
    top: -1vw;
}

section#get-intouch .inner-get-card {
    padding: 10%;
    padding-bottom: 7%;
    min-height: 27vw;
    border-top: 1px solid var(--primary-200, #BEBEBC);
    border-right: 0.5px solid var(--primary-200, #BEBEBC);
    position: relative;
    transition: 0.2s linear;
}

/* section#get-intouch .inner-get-card::after {
    content: "";
    position: absolute;
    width: 9%;
    height: 9%;
    bottom: 10%;
    right: 6%;
    background-image: url("../image/About-Us/ArrowRight-Gold.png");
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    z-index: 11;
    transition: 0.2s linear;
}

section#get-intouch .inner-get-card:hover::after {
    bottom: 12%;
    right: 4.5%;
} */

section#get-intouch a.img-arrow-anchor {
    opacity: 1;
    position: absolute;
    width: 9%;
    height: 9%;
    bottom: 13%;
    right: 6%;
}

section#get-intouch .inner-get-card:hover a.img-arrow-anchor {
    bottom: 15%;
    right: 4.5%;
}

section#get-intouch .inner-get-card:hover {
    background-color: #282621;
}


section#get-intouch p.first-get-text {
    font-size: 1.05vw;
    font-family: 'Gilroy-Regular';
    width: 70%;
    padding-top: 4%;
    padding-bottom: 4%;
    margin-bottom: 0;
    opacity: 0;
    color: #fff;
    transition: 0.35s linear;
}

section#get-intouch a {
    font-family: 'Gilroy-Regular';
    display: block;
    color: #fff;
    opacity: 0;
    text-decoration: unset;
    font-size: 1.05vw;
    padding-bottom: 0;
    transition: 0.35s linear;
}

section#get-intouch .inner-get-card:hover a {
    opacity: 1;
}

section#get-intouch .inner-get-card:hover p {
    opacity: 1;
}

section#get-intouch .hover-visible-text {
    position: relative;
    top: 0px;
    transition: 0.35s linear;
}

section#get-intouch .inner-get-card:hover .hover-visible-text {
    top: -1vw;
}

section#get-intouch .hover-visible-text.hover-text-visible-second {
    top: 4vw;
}

section#get-intouch .inner-get-card:hover .hover-visible-text.hover-text-visible-second {
    top: 1vw;
}


section#get-intouch .inner-get-card:hover h2.hover-text-visible-second {
    top: 1vw;
}



section#get-intouch .container h2 {
    font-family: "Playfair Display";
    font-size: 3.35vw;
    width: 80%;
    line-height: 122%;
    margin-bottom: 0;
}

section#about-sec {
    padding-bottom: 15%;
    padding-top: 5%;
}

.container {
    /* width: 92%; */
    max-width: 92%;
}

section#about-sec .container {
    padding: 0% 2%;
    max-width: 92% !important;
}

section#about-sec .container h4 {
    color: #CDB47A;
    font-family: 'Gilroy-Regular';
    font-size: 1.3vw;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 4.8px;
}

.about-content-wrapper {
    display: flex;
    justify-content: space-between;
    padding-left: 3%;
}

.about-content-wrapper .about-content-left {
    width: 11%;
}

.about-content-wrapper .about-content-right {
    width: 89%;
}


.about-content-wrapper h3 {
    color: var(--primary-900, #282621);
    font-size: 3vw;
    font-family: 'Playfair Display';
    padding-bottom: 3%;
    margin-bottom: 1.5%;
    font-weight: 400;
}

.about-content-wrapper .pin-spacer {
    width: 8% !important;
    height: 18.6vw !important;
}

.about-content-wrapper .about-content-right {
    width: 92%;
    height: 18.6vw !important;
}

section#get-intouch .col-lg-6:last-of-type .inner-get-card h2 {
    width: 100%;
}

@media (min-width: 1400px) {
    .about-content-wrapper .pin-spacer {
        height: 18.6vw !important;
    }

    .about-content-wrapper .about-content-right {
        height: 18.6vw !important;
    }
}

#real-estate-sec {
    padding: 7% 0%;
    background: var(--primary-900, #282621);
    position: relative;
    overflow: hidden;
    padding-bottom: 10%;
    margin-top: -1px;
}


/* #real-estate-sec::before {
    content: "";
    position: absolute;
    width: 40%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: linear-gradient(270deg, #282621 0%, rgba(40, 38, 33, 0.00) 100%);
    z-index: 11;
    transform: rotate(180deg);
    pointer-events: none;
}

#real-estate-sec::after {
    content: "";
    position: absolute;
    width: 40%;
    height: 100%;
    top: 0px;
    right: 0px;
    background: linear-gradient(270deg, #282621 0%, rgba(40, 38, 33, 0.00) 100%);
    z-index: 11;
    pointer-events: none;
} */

#real-estate-sec .container {
    padding: 0px;
    margin: 0px;
    width: 100%;
    max-width: 100% !important;
}

#real-estate-sec h2 {
    font-size: 4vw;
    color: var(--secondary-900, #A69163);
    text-align: center;
}

#real-estate-sec h4 {
    font-size: 1.6vw;
    color: var(--secondary-900, #A69163);
    text-align: center;
    letter-spacing: 6.4px;
    text-transform: uppercase;
    padding-bottom: 2%;
    padding-top: 3%;
    font-weight: 600;
    margin-bottom: 0;
}

#real-estate-sec p {
    font-size: 1.05vw;
    color: var(--primary-200, #BEBEBC);
    text-align: center;
    width: 65%;
    margin: auto;
}

.real-estate-details {
    margin-top: 3%;
}

#real-estate-sec .swiper-slide img.img-fluid {
    height: 26vw;
    object-fit: cover;
    width: 100%;
}

.real-estate-swiper {
    padding-top: 4%;
}

section#real-estate-sec .swiper-button-prev img {
    width: 4vw;
    min-width: 4vw;
    min-height: unset;
}

section#real-estate-sec .swiper-button-next img {
    width: 4vw;
    min-width: 4vw;
    min-height: unset;
}



section#real-estate-sec .swiper-button-prev {
    left: 5.2%;
    margin-top: -4%;
}

section#real-estate-sec .swiper-button-next {
    right: 5.2%;
    margin-top: -4%;
}


section#real-estate-sec .swiper.mySwiper {
    padding-left: 6%;
}

section#real-estate-sec .swiper-button-prev:after,
section#real-estate-sec .swiper-button-next:after {
    display: none;
}


#our-story-sec {
    padding: 7% 0%;
    position: relative;
    overflow: hidden;
    padding-bottom: 10%;
}


#our-story-sec .container {
    padding: 0px;
    margin: auto;
    width: 80%;
    max-width: 80% !important;
}

#our-story-sec h2 {
    font-size: 4vw;
    color: var(--primary-900, #282621);
    text-align: center;
    padding-bottom: 1.5%;
}

#our-story-sec h4 {
    font-size: 1.6vw;
    color: var(--secondary-900, #A69163);
    text-align: center;
    letter-spacing: 6.4px;
    text-transform: uppercase;
    padding-bottom: 2%;
    padding-top: 3%;
    font-weight: 600;
}

#our-story-sec p {
    font-size: 1.05vw;
    color: var(--primary-200, #BEBEBC);
    text-align: center;
}

#our-story-sec p.sub-text {
    width: 51%;
    margin: auto;
    display: block;
}

#our-story-sec .our-story-swiper .row .col-lg-6:last-child {
    margin: auto;
    position: relative;
    top: -5vw;
}

#our-story-sec .our-story-swiper .swiper-wrapper {
    padding-top: 10%;
}

#our-story-sec .our-story-swiper {
    padding-top: 5%;
}

#our-story-sec .our-story-content {
    padding-left: 10%;
}

#our-story-sec .our-story-content h4 {
    text-align: left;
    padding-bottom: 3%;
}


#our-story-sec .our-story-swiper .swiper-pagination {
    top: 8%;
}

#our-story-sec .our-story-swiper .swiper-pagination::before {
    content: "";
    position: absolute;
    top: -2vw;
    width: 88%;
    left: 5vw;
    height: 0.05vw;
    background: #A69163;
}

#our-story-sec .our-story-content p {
    text-align: left;
}

#our-story-sec span.swiper-pagination-bullet {
    color: var(--primary-400, #939290);
    font-size: 1vw;
    width: 7vw;
    background-color: transparent;
    opacity: 1;
    font-family: 'Gilroy-Regular';
    position: relative;
}

#our-story-sec span.swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    content: "";
    position: absolute;
    width: 30%;
    height: 0.13vw;
    background-color: #A69163;
    left: 36%;
    bottom: -1.2vw;
}

#our-story-sec span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: var(--secondary-900, #A69163);
    font-weight: 600;
}

#our-story-sec .swiper-button-next {
    z-index: 11;
    opacity: 1;
    top: 75%;
    right: 35%;
}

#our-story-sec .swiper-button-prev {
    z-index: 11;
    opacity: 1;
    top: 75%;
    right: 41%;
    left: unset;
}

#our-story-sec .swiper-button-next::after {
    display: none;
}

#our-story-sec .swiper-button-prev::after {
    display: none;
}

#our-story-sec .swiper-button-next img.img-fluid {
    width: 3.5vw !important;
    max-width: 3.5vw !important;
}

#our-story-sec .swiper-button-prev.swiper-button-disabled img.img-fluid.disabled-one {
    display: none;
}

#our-story-sec .swiper-button-prev img.img-fluid.disabled-one {
    display: block;
    transform: rotate(180deg);
}

#our-story-sec .swiper-button-prev.swiper-button-disabled img.img-fluid {
    display: block;
}

#our-story-sec .swiper-button-next.swiper-button-disabled img.img-fluid.disabled-one {
    display: block;
    transform: rotate(180deg);
}

#our-story-sec .swiper-button-next img.img-fluid.disabled-one {
    display: none;
}

#our-story-sec .swiper-button-next.swiper-button-disabled img.img-fluid {
    display: none;
}


#our-story-sec .swiper-button-prev img.img-fluid {
    width: 3.5vw !important;
    max-width: 3.5vw !important;
    display: none;
}


#we-build-sec {
    padding: 0px;
    padding-bottom: 8%;
    padding-top: 8%;
}

#we-build-sec .container {
    width: 80%;
    max-width: 80% !important;
}

section#we-build-sec h2 {
    width: 88%;
}

p {
    font-size: 1.05vw;
}

#we-build-sec a {
    color: var(--tertiary-900, #778A73);
    font-family: 'Gilroy-Regular';
    font-size: 1.3vw;
    text-decoration: unset;
    margin-top: 4%;
}

#we-build-sec a img {
    width: 1.7vw;
    transition: 0.2s linear;
    position: relative;
    top: -0.15vw;
}

section {
    background-color: #fff;
    position: relative;
    z-index: 1;
}

section#we-build-sec p {
    padding-bottom: 5%;
    padding-top: 4%;
}

#we-build-sec a:hover img {
    transform: rotate(45deg);
}

#about-us-sixth {
    padding: 0px;
    padding-bottom: 5%;
}

#about-us-sixth .container {
    padding: 0px;
    margin: 0px;
    width: 100%;
    max-width: 100% !important;
}

#about-us-sixth .content-wrapper {
    padding-left: 11%;
    position: relative;
    z-index: 4;
}

#about-us-sixth .content-wrapper h2 {
    color: var(--primary-900, #282621);
    font-variant-numeric: lining-nums proportional-nums;
    padding-bottom: 1%;
    font-size: 3.6vw;
}

#about-us-sixth .content-wrapper p {
    width: 36%;
}


#about-us-sixth .second-row-percentage {
    padding: 4% 0%;
    position: relative;
    overflow: hidden;
    transition: 0.65s ease-in-out;
    background-color: transparent;
}


#about-us-sixth .background-animate-image {
    position: absolute;
    top: 0;
    left: -100vw;
    /* start off-screen to the left */
    width: 100vw;
    height: 100%;
    background-image: url("../image/Hover-background-image.png");
    background-size: auto 100%;
    background-position: right;
    background-repeat: no-repeat;
    transition: left 0.65s ease-in-out, opacity 0.65s ease-in-out;
    z-index: 1;
    opacity: 0;
}

#about-us-sixth .background-animate-image-two {
    position: absolute;
    top: 0;
    left: -100vw;
    /* start off-screen to the left */
    width: 100vw;
    height: 100%;
    background-image: url("../image/Hover-background-image.png");
    background-size: auto 100%;
    background-position: right;
    background-repeat: no-repeat;
    transition: left 0.65s ease-in-out, opacity 0.65s ease-in-out;
    z-index: 1;
}


#about-us-sixth .first-row-percentage {
    padding: 4% 0%;
    position: relative;
    overflow: hidden;
    transition: 0.65s ease-in-out;
    background-color: transparent;
}

#about-us-sixth .second-row-percentage {
    padding: 4% 0%;
    position: relative;
    overflow: hidden;
    transition: 0.65s ease-in-out;
    background-color: transparent;
}

#about-us-sixth .first-row-percentage:hover {
    background-color: #282621;
}

#about-us-sixth .second-row-percentage:hover {
    background-color: #282621;
}

#about-us-sixth .first-row-percentage:hover h2 {
    color: #fff;
}

#about-us-sixth .first-row-percentage:hover p {
    color: #fff;
}

#about-us-sixth .second-row-percentage:hover {
    background-color: #282621;
}

#about-us-sixth .second-row-percentage:hover h2 {
    color: #fff;
}

#about-us-sixth .second-row-percentage:hover p {
    color: #fff;
}


#vision-driven-sec {
    padding: 0px;
    padding-bottom: 5%;
}

#vision-driven-sec .container {
    width: 100%;
    max-width: 100% !important;
    padding: 0px;
    margin: 0px;
}

#vision-driven-sec h2 {
    width: 50%;
    text-align: center;
    display: block;
    margin: auto;
    padding-bottom: 1%;
}

#vision-driven-sec p {
    width: 59%;
    text-align: center;
    display: block;
    margin: auto;
}

#vision-driven-sec .tab-btns-vision {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3vw;
    padding-top: 3%;
}

#vision-driven-sec .tab-btns-vision .tab-btn-v {
    border: 0px;
    color: var(--primary-300, #8D8D8D);
    text-align: center;
    position: relative;
    background-color: transparent;
    letter-spacing: 3.5px;
    font-family: 'Gilroy-Regular';
    font-weight: 600;
    font-size: 1.05vw;
    padding: 0px;
    padding-bottom: 0.5vw;
    text-transform: uppercase;
}

#vision-driven-sec .tab-btns-vision .tab-btn-v.active {
    color: var(--secondary-900, #A69163);
    border-bottom: 1px solid #A69163;
}

#vision-driven-sec .bod-swiper {
    padding-top: 4%;
    padding-left: 4%;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    transition: 0.2 linear !important;
}

#vision-driven-sec .bod-details {
    text-align: left;
    position: absolute;
    bottom: -1;
    padding: 5%;
    padding-left: 8%;
    padding-bottom: 5.9%;
    opacity: 0;
    transition: 0.3s linear;
}

#vision-driven-sec .card-bod-wrapper:hover .bod-details {
    opacity: 1;
    bottom: 0vw;
}

#vision-driven-sec .card-bod-wrapper.card-bod-one .first-card-bod:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
}

.first-card-bod {
    position: relative;
}

#vision-driven-sec .card-bod-wrapper {
    position: relative;
    overflow: hidden;
}

#vision-driven-sec .card-bod-wrapper img.img-fluid {
    /* height: 25vw; */
    width: 100%;
    object-fit: contain;
    position: relative;
    filter: grayscale(100%);
    transition: 0.2s linear;
}

#vision-driven-sec .card-bod-wrapper:hover img.img-fluid {
    filter: grayscale(0%);
}

#vision-driven-sec .bod-details h4 {
    text-align: left;
    font-size: 1.7vw;
    font-family: 'Playfair Display';
    color: #fff;
    padding-bottom: 3%;
}

#vision-driven-sec .bod-details p {
    text-align: left;
    font-size: 1.28vw;
    color: #fff;
    width: 90%;
    margin-left: 0px;
    line-height: 1.3;
}

#vision-driven-sec .swiper-button-next::after {
    display: none;
}

#vision-driven-sec .swiper-button-prev::after {
    display: none;
}

#vision-driven-sec .swiper-button-next img,
#vision-driven-sec .swiper-button-prev img {
    width: 3.1vw;
    max-width: 3.1vw;
    opacity: 1;
}

#vision-driven-sec .swiper-button-next,
#vision-driven-sec .swiper-button-prev {
    z-index: 7;
    opacity: 1;
    left: unset;
    bottom: unset;
    top: 55%;
    transform: translateY(-55%);
    right: 1.5%;
}

#vision-driven-sec .swiper-button-prev {
    right: unset;
    left: 1.5%;
}

#vision-driven-sec .swiper.mySwiper {
    /* padding-bottom: 6%; */
    padding: 0 2%;
}

#vision-driven-sec .swiper-wrapper {
    position: relative;
}

#vision-driven-sec .swiper.mySwiper::after {
    /* content: ""; */
    position: absolute;
    z-index: 5;
    pointer-events: none;
    width: 27%;
    height: 100%;
    top: 0px;
    right: 0px;
    background-size: 100% 100%;
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    background-position: right;
    background-repeat: no-repeat;
}

#join-our-about {
    padding: 5% 0%;
    width: 100%;
}

#join-our-about .container {
    width: 100%;
    max-width: 100% !important;
    padding: 0px;
}

#join-our-about .join-our-row h2 {
    font-size: 4vw;
    color: var(--primary-900, #282621);
    position: relative;
    top: -0.6vw;
}

#join-our-about .join-our-row {
    padding: 0% 10%;
    border-bottom: 0.5px solid #BEBEBC;
    border-top: 1px solid #BEBEBC;
}

#join-our-about .join-our-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 11vw;
}

#join-our-about .img-fluid {
    max-width: 100%;
    height: auto;
    width: 100%;
}

#join-our-about .join-our-row img {
    width: 17.6vw;
}

#join-our-about .join-our-row h4 {
    color: var(--secondary-900, #A69163);
    font-size: 1.3vw;
    font-family: 'Gilroy-Regular';
}

#join-our-about .join-our-row .last-inner-row {
    width: 60%;
    display: flex;
    align-items: center;
}

#join-our-about .join-our-row .last-inner-row h2 {
    padding-right: 10%;
    position: relative;
}

#join-our-about .join-our-row .last-inner-row h2::after {
    content: "";
    position: absolute;
    top: -2.2vw;
    right: 0px;
    width: 1.2px;
    height: 228%;
    background-color: #BEBEBC;
}

section#get-intouch .col-lg-6:last-child .inner-get-card {
    transition: 0.4s linear;
}

#vision-driven-sec .swiper-button-prev.swiper-button-disabled {
    opacity: 0.5;
}


#vision-driven-sec .swiper-button-next.swiper-button-disabled {
    opacity: 0.5;
}


#join-our-about .join-our-row .last-inner-row h4 {
    padding-left: 10%;
}

#join-our-about .join-our-row.join-our-row-second:hover img.img-fluid {
    transform: rotate(45deg);
}

#join-our-about .join-our-row.join-our-row-second img {
    width: 10vw;
    transition: 0.2s linear;
}

#join-our-about .join-our-row.join-our-row-second {
    border-bottom: 1px solid #BEBEBC;
}

#our-achivement-sec {
    padding: 6% 0px;
    padding-bottom: 8%;
    background: var(--primary-900, #282621);
    z-index: 2;
}

#our-achivement-sec .container {
    width: 92%;
    max-width: 92% !important;
}

#our-achivement-sec h2 {
    color: #CDB47A;
    padding-bottom: 4%;
    font-size: 2.8vw;
}

#our-achivement-sec .achievement-line-wrp {
    display: flex;
    align-items: center;
    justify-content: left;
    cursor: pointer;
}

#our-achivement-sec .col-lg-3 {
    margin: auto;
}

#our-achivement-sec .achievement-content.wrapper {
    padding-left: 5%;
}

#our-achivement-sec h5 {
    font-size: 1.05vw;
    color: var(--primary-400, #939290);
    text-align: left;
    font-family: 'Gilroy-Regular';
    padding-bottom: 3.8%;
}

#our-achivement-sec .achievement-line-wrp h5:first-child {
    width: 23%;
}

#our-achivement-sec .achievement-line-wrp h5 {
    width: 66%;
    line-height: 150%;
}

#our-achivement-sec .achievement-content.wrapper .achievement-line-wrp:last-child h5 {
    padding-bottom: 0px;
}

#our-achivement-sec .achievement-line-wrp:hover h5,
.achievement-line-wrp.active h5 {
    color: #CDB47A !important;
    font-weight: 600 !important;
}

#achievement-image {
    opacity: 0;
    position: relative;
    width: 23.5vw;
    max-width: 23.5vw !important;
    object-fit: contain;
    height: auto;
    transition: 0.3s linear ! IMPORTANT;
    z-index: 111;
    pointer-events: none;
    left: 0% !important;
    top: 0px !important;
}


.tab-sus-wrapper .content {
    color: var(--primary-500, #747474);
}

#our-story-sec p.sub-text {
    color: var(--primary-600, #696764);
}

#our-story-sec span.swiper-pagination-bullet {
    color: var(--primary-400, #939290);
}

#our-story-sec .our-story-content h4 {
    color: var(--secondary-900, #A69163);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'Playfair Display';
    letter-spacing: 1px;
}

#our-story-sec p {
    color: var(--primary-600, #696764);
}

section#we-build-sec p {
    color: var(--primary-600, #696764);
}

#about-us-sixth .content-wrapper p {
    color: var(--primary-600, #696764);
}

#vision-driven-sec p {
    color: var(--primary-600, #696764);
}

a.view-all-btn {
    display: flex;
    align-items: center;
    border-radius: 38px;
    background: linear-gradient(82deg, #CDB47A 1.39%, #AA8D4A 94.88%);
    width: 16vw;
    padding: 1.2% 3%;
    margin: auto;
    color: var(--secondary-0, #FAF7F2);
    font-family: Gilroy-Medium;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
    margin-top: 5%;
    justify-content: space-between;
}

a.view-all-btn img {
    width: 20%;
}

.bod-details .text-sec {
    display: none;
}

@media (min-width: 767px) {
    .mobile-view-about {
        display: none !important;
    }

    section#about-sec .container h4 {
        left: -1.3vw;
        position: relative;
        position: sticky;
        top: 12vw;
    }
}



@media (max-width: 767px) {
    .banner-text-wrapper-about {
        display: block;
        align-items: center;
        justify-content: space-between;
    }

    h2 {
        font-size: 8.5vw !important;
    }

    p,
    a,
    span {
        font-size: 4.5vw !important;
        width: 100%;

    }


    #about-us-second {
        margin-top: 10%;
    }

    section#about-us-banner p {
        padding-left: 0px !important;
    }

    .about-banner-video::after {
        background-size: 100% 100%;
        background-position: center;
        background-image: url("../image/Banner-Overlay.png");
    }

    .number-card-wrapper .number-card:first-child {
        border-top: 1.5px solid #d4d4d3;
    }

    .number-card-wrapper .number-card:last-child {
        border-bottom: 1.5px solid #d4d4d3;
    }

    h3 {
        font-size: 6vw !important;
    }

    h4 {
        font-size: 5.5vw !important;
    }

    h5 {
        font-size: 5vw !important;
    }

    section#about-us-banner video {
        width: 100%;
        margin: auto;
        min-height: 450px;
        object-fit: cover;
    }

    .about-banner-video {
        position: relative;
        margin-bottom: 72%;
    }

    .banner-text-wrapper-about p {
        color: var(--primary-600, #696764);
    }

    .banner-text-wrapper-about h2 {
        padding-bottom: 22%;
    }

    .number-card-wrapper .number-card {
        border-bottom: 0.5px solid var(--primary-100, #D4D4D3);
        border-top: 1px solid var(--primary-100, #D4D4D3);
    }

    .number-card h2 span.symboldol {
        font-size: 10vw !important;
    }

    .number-card-wrapper .number-card {
        padding: 10%;
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .number-card h2 {
        width: 70%;
    }

    section#about-sec {
        padding-bottom: 30%;
        padding-top: 10%;
    }

    .about-content-wrapper h3 {
        color: var(--primary-900, #282621);
        font-size: 3.35vw;
        font-family: 'Playfair Display';
        padding-bottom: 14.7%;
        font-size: 16px !important;
    }

    body {
        overflow-x: hidden;
        width: 100%;
    }

    section#about-us-sustainable .sustaibility-card.col-lg-6 {
        padding: 0px;
    }

    .number-card-wrapper .number-card {
        padding: 10%;
        width: 100%;
        height: auto;
    }

    .number-card-wrapper {
        display: block;
    }

    .number-card-wrapper .number-card:last-child {
        padding: 10%;
    }

    .number-card h2 span.count {
        font-size: 10vw !important;
    }

    section#about-sec .container h4 {
        padding-bottom: 11%;
        color: var(--secondary-900, #A69163);
    }

    .about-content-wrapper .about-content-left {
        width: 18%;
    }

    .tab-sus-wrapper .content {
        font-size: 4.5vw;
    }

    .tab-sus-wrapper .btns .tab-btn {
        font-size: 6vw;
        padding-bottom: 5%;
    }

    .tab-sus-wrapper {
        display: block;
        padding-top: 5%;
    }

    .tab-sus-wrapper .btns {
        width: 100%;
        display: flex;
    }

    .tab-sus-wrapper .sus-tab-content {
        padding-left: 0%;
        width: 94%;
        min-height: 10vw;
    }

    section#about-us-sustainable h2 {
        font-family: 'Playfair Display';
        font-size: 3.35vw;
        font-style: normal;
        font-weight: 400;
        color: var(--primary-900, #282621);
        font-size: 6.1vw !important;
    }

    .sustaibility-card-container {
        padding: 13% 10%;
        padding-bottom: 5%;
    }

    #our-story-sec p.sub-text {
        width: 100%;
        margin: auto;
        display: block;
    }

    #our-story-sec .our-story-swiper .row .col-lg-6:last-child {
        top: 5vw;
    }

    #our-story-sec .our-story-content {
        padding-left: 0%;
        height: 63vw;
    }

    #about-us-sixth .content-wrapper p {
        width: 100%;
    }

    #about-us-sixth .first-row-percentage {
        padding: 9% 5%;
    }

    #vision-driven-sec h2 {
        width: 100%;
        padding-bottom: 4%;
        padding-top: 15%;
    }

    #vision-driven-sec p {
        width: 90%;
        text-align: center;
        display: block;
        margin: auto;
        padding-bottom: 10%;
    }

    #vision-driven-sec .tab-btns-vision .tab-btn-v {
        font-size: 5vw;
    }

    #join-our-about .join-our-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 27vw;
    }

    #join-our-about .join-our-row img {
        width: 43vw;
    }

    #achievement-image {
        opacity: 1 !important;
        position: relative;
        width: 100%;
        max-width: 100% !important;
        object-fit: contain;
        height: auto;
        transition: top 0.05s ease, opacity 0.5s ease, transform 0.2s ease;
        z-index: 111;
        pointer-events: none;
        left: 0% !important;
        top: 0px !important;
    }

    #our-achivement-sec .achievement-line-wrp:hover h5 {
        color: var(--primary-400, #939290);
        font-weight: 600;
    }

    #join-our-about .join-our-row .last-inner-row {
        width: 85%;
    }

    #join-our-about .join-our-row .last-inner-row h2 {
        padding-right: 6%;
        font-size: 5vw !important;
    }

    #join-our-about .join-our-row .last-inner-row h4 {
        padding-left: 5%;
        font-size: 4.5vw !important;
    }


    #our-achivement-sec .achievement-line-wrp h5:first-child {
        width: 15%;
    }

    #our-achivement-sec .achievement-line-wrp h5 {
        width: 30%;
        font-size: 4vw !important;
    }

    #our-achivement-sec .achievement-line-wrp h5:nth-child(2) {
        width: 50%;
    }

    #our-achivement-sec .achievement-line-wrp {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding-top: 10%;
    }

    #our-achivement-sec .achievement-content.wrapper {
        padding-left: 0%;
    }

    .desktop-view-about {
        display: none !important;
    }

    #about-us-sustainable .custom-accordion {
        max-width: 100%;
        margin: 5% auto;
    }

    #about-us-sustainable .accordion-item {
        border-top: 1.5px solid #b8aa91;
        border-right: none;
        border-left: none;
        border-bottom: none;
        background: transparent;
    }

    #about-us-sustainable .custom-accordion-btn {
        background: none;
        color: #b8aa91;
        font-size: 4vw;
        font-weight: 700;
        letter-spacing: 0.12em;
        border: none;
        box-shadow: none;
        padding: 7% 0% !important;
        padding-bottom: 7% !important;
        padding-right: 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    div#collapseVision.show .accordion-body.custom-accordion-body {
        padding-top: 0px;
    }

    #about-us-sustainable .custom-accordion-body {
        color: #898989;
        font-size: 4vw;
        font-weight: 400;
        letter-spacing: 0.01em;
        padding: 9% 0%;
        padding-top: 0%;
        background: transparent;
        transition: 0.2s linear;
    }

    #about-us-sustainable .custom-plus-icon {
        margin-left: auto;
        width: 18px;
        height: 18px;
        display: inline-block;
        background: none;
        position: relative;
    }

    #about-us-sustainable .custom-plus-icon::before,
    #about-us-sustainable .custom-plus-icon::after {
        content: '';
        display: block;
        position: absolute;
        background: #b8aa91;
    }

    #about-us-sustainable .custom-plus-icon::before {
        top: 50%;
        left: 0;
        width: 18px;
        height: 2px;
        transform: translateY(-50%);
    }

    #about-us-sustainable .custom-plus-icon::after {
        left: 50%;
        top: 0;
        width: 2px;
        height: 18px;
        transform: translateX(-50%);
    }

    #about-us-sustainable .accordion-button:not(.collapsed) .custom-plus-icon::after {
        display: none;
    }

    #about-us-sustainable .accordion-button {
        background: none !important;
        box-shadow: none !important;
    }

    #about-us-sustainable .accordion-button:not(.collapsed) {
        color: #b8aa91;
    }

    #about-us-sustainable .custom-accordion-btn .accordion-button:not(.collapsed) {
        padding-bottom: 5%;
    }

    #about-us-sustainable .accordion-button::after {
        display: none;
    }

    #about-us-sustainable .accordion-item:first-child {
        border-top: 0px;
    }

    #about-us-sustainable .accordion-item:last-child button {
        padding-top: 10%;
    }

    #we-build-sec .container {
        width: 85%;
        max-width: 85% !important;
        padding: 0px;
        margin: auto;
    }

    #our-story-sec .container {
        padding: 0px;
        margin: auto;
        width: 90%;
        max-width: 90% !important;
    }

    #we-build-sec a img {
        width: 5.7vw;
        transition: 0.2s linear;
        position: relative;
        top: -0.15vw;
        left: 2%;
    }

    .about-content-wrapper {
        padding-left: 0;
    }

    .about-content-wrapper .pin-spacer {
        width: 9% !important;
        height: 51.5vw !important;
    }

    .about-content-wrapper .about-content-right {
        width: 90%;
        height: 51.5vw !important;
    }

    #real-estate-sec .swiper-slide img.img-fluid {
        height: 70vw;
        object-fit: cover;
        width: 100%;
    }

    .swiper-wrapper {
        padding-bottom: 20%;
    }

    #real-estate-sec h2 {
        text-align: left;
        font-size: 7vw ! IMPORTANT;
        padding-left: 6%;
        padding-bottom: 5%;
    }

    #real-estate-sec {
        padding: 15% 0%;
    }

    #real-estate-sec h4 {
        text-align: left;
        padding-bottom: 2%;
        padding-top: 6%;
    }

    #real-estate-sec p {
        text-align: left;
        width: 100%;
    }

    section#real-estate-sec .swiper-button-next {
        right: 35%;
        margin-top: -4%;
        top: unset;
        bottom: 10px;
    }

    section#real-estate-sec .swiper-button-prev {
        left: 35%;
        margin-top: -4%;
        top: unset;
        bottom: 10px;
    }

    section#real-estate-sec .swiper-button-next img {
        width: 15.5vw;
        min-width: 15.5vw;
        min-height: unset;
    }

    section#real-estate-sec .swiper-button-prev img {
        width: 15.5vw;
        min-width: 15.5vw;
        min-height: unset;
    }

    #our-story-sec {
        padding: 15% 7%;
        position: relative;
        overflow: hidden;
        padding-bottom: 10%;
    }

    #our-story-sec h2 {
        text-align: left;
        font-size: 7vw ! IMPORTANT;
        padding-left: 0%;
        padding-bottom: 5%;
        width: 80%;
    }

    #about-us-sixth .first-row-percentage:hover h2 {
        color: var(--primary-900, #282621) !important;
    }

    #our-story-sec p.sub-text {
        width: 102%;
        margin: auto;
        display: block;
        text-align: left;
        color: var(--primary-600, #696764);
        opacity: 1;
    }

    #our-story-sec .container {
        width: 100%;
        max-width: 100% !important;
    }

    #our-story-sec .our-story-content h4 {
        text-align: left;
        padding-bottom: 5%;
        font-size: 6vw !important;
        font-family: 'Playfair Display';
        font-variant-numeric: lining-nums proportional-nums;
        letter-spacing: 2px;
        font-size: 7vw !important;
    }

    #our-story-sec .our-story-content p {
        text-align: left;
        color: var(--primary-600, #696764);
    }

    #our-story-sec .swiper-button-next {
        z-index: 11;
        opacity: 1;
        top: 42%;
        right: 2%;
    }

    #our-story-sec .swiper-button-prev {
        z-index: 11;
        opacity: 1;
        top: 42%;
        left: 75%;
    }

    #our-story-sec .swiper-button-next img.img-fluid {
        width: 9vw !important;
        max-width: 9vw !important;
    }

    #our-story-sec .swiper-button-prev img.img-fluid {
        width: 9vw !important;
        max-width: 9vw !important;
    }

    #our-story-sec .our-story-swiper .swiper-pagination {
        top: 0%;
        width: 100%;
        left: 0px;
        display: flex;
        position: relative;
        height: 15vw;
        padding-top: 12%;
        padding-bottom: 14%;
        top: -10vw;
    }

    #our-story-sec .our-story-swiper .swiper-wrapper {
        padding-top: 10%;
        padding-bottom: 30%;
    }

    #our-story-sec .our-story-swiper .swiper-pagination::before {
        content: "";
        position: absolute;
        top: 5.5vw;
        width: 225%;
        left: 1vw;
        height: 0.3vw;
        background: #A69163;
    }

    .pagination-outer {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .pagination-outer {
        margin-bottom: -20%;
        position: relative;
        top: -20vw;
    }

    #our-story-sec .our-story-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
        content: "";
        position: absolute;
        top: -6vw;
        width: 3vw;
        left: 3vw;
        height: 3vw;
        border-radius: 50%;
        background: #A69163;
    }

    #our-story-sec span.swiper-pagination-bullet {
        color: var(--primary-400, #939290);
        font-size: 1vw;
        width: auto;
        padding-right: 30px;
        position: relative;
    }

    section#we-build-sec h2 {
        font-size: 6.1vw !important;
        width: 100%;
    }

    section#we-build-sec p {
        padding-bottom: 5%;
        padding-top: 4%;
        color: var(--primary-600, #696764);
        padding-bottom: 10%;
    }

    #about-us-sixth .content-wrapper {
        padding-left: 0%;
        position: relative;
        z-index: 4;
        display: flex;
        justify-content: space-between;
    }

    #about-us-sixth .background-animate-image {
        display: none;
    }

    #about-us-sixth .first-row-percentage:hover {
        background-color: transparent;
    }


    #about-us-sixth .background-animate-image-two {
        display: none;
    }

    #about-us-sixth .second-row-percentage:hover {
        background-color: transparent;
    }

    #about-us-sixth .second-row-percentage:hover p {
        color: var(--primary-600, #696764);
    }

    #about-us-sixth .second-row-percentage:hover p {
        color: var(--primary-600, #696764);
    }

    #about-us-sixth .first-row-percentage:hover p {
        color: var(--primary-600, #696764);
    }

    #about-us-sixth .first-row-percentage:hover p {
        color: var(--primary-600, #696764);
    }


    #about-us-sixth .second-row-percentage p {
        color: var(--primary-600, #696764);
    }

    #about-us-sixth .second-row-percentage p {
        color: var(--primary-600, #696764);
    }

    #about-us-sixth .first-row-percentage p {
        color: var(--primary-600, #696764);
    }

    #about-us-sixth .first-row-percentage p {
        color: var(--primary-600, #696764);
    }

    #about-us-sixth .second-row-percentage {
        padding: 9% 7%;
        padding-top: 0%;
    }

    #about-us-sixth .first-row-percentage {
        padding: 9% 7%;
    }

    #about-us-sixth .content-wrapper h2 {
        width: 25%;
    }

    #about-us-sixth .content-wrapper p {
        width: 70%;
    }

    #vision-driven-sec h2 {
        width: 70%;
        text-align: left;
        margin-left: 0px;
        font-size: 6.1vw !important;
        color: var(--primary-900, #282621);
    }

    h2 {
        color: var(--primary-900, #282621);
    }

    #vision-driven-sec p {
        width: 100%;
        text-align: left;
        margin-left: 0px;
        color: var(--primary-600, #696764);
    }


    #vision-driven-sec .container {
        width: 85%;
        max-width: 85% !important;
        padding: 0px;
        margin: auto;
    }

    #vision-driven-sec .card-bod-wrapper img.img-fluid {
        height: auto;
    }

    #vision-driven-sec .swiper-wrapper {
        position: relative;
        padding-top: 10%;
    }

    #vision-driven-sec .tab-btns-vision {
        display: block;
    }

    #vision-driven-sec .tab-btns-vision .tab-btn-v.active {
        padding-bottom: 3%;
        color: var(--secondary-900, #A69163);
        border-bottom: 0px solid #A69163;
        margin-bottom: 5%;
    }

    #vision-driven-sec .bod-swiper {
        padding-top: 4%;
        padding-left: 0%;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden;
        transition: 0.2 linear !important;
    }

    #vision-driven-sec .card-bod-wrapper img.img-fluid {
        filter: grayscale(0%);
    }

    #vision-driven-sec .swiper.mySwiper::after {
        display: none;
    }

    #vision-driven-sec .card-bod-wrapper .bod-details {
        opacity: 1;
        top: 5vw;
        bottom: 0vw;
        position: relative;
    }

    #vision-driven-sec .bod-details h4 {
        color: var(--primary-900, #282621);
    }

    #vision-driven-sec .bod-details p {
        color: var(--primary-600, #696764);
    }

    .banner-text-wrapper-about h2 {
        padding-bottom: 10%;
        color: #fff;
        position: relative;
        top: 0vw;
    }

    #vision-driven-sec {
        padding: 0px;
        padding-bottom: 0%;
    }

    #join-our-about {
        padding: 5% 0%;
        width: 100%;
        margin-top: -1px;
        padding-bottom: 15%;
    }

    #join-our-about .join-our-row {
        padding: 0% 7%;
    }

    #join-our-about .join-our-row .last-inner-row h4 {
        padding-left: 5%;
        font-size: 4.5vw !important;
    }

    #our-achivement-sec {
        padding: 14% 0px;
    }

    #our-achivement-sec h2 {
        font-size: 6.1vw !important;
    }

    #our-achivement-sec .achievement-line-wrp h5:first-child {
        width: 30%;
    }

    #our-achivement-sec .achievement-line-wrp h5:nth-child(2) {
        width: 70%;
        color: var(--secondary-900, #A69163);
        font-weight: 600;
    }

    #our-achivement-sec .achievement-line-wrp h5:last-child {
        width: 70%;
        padding-left: 5%;
    }

    #our-achivement-sec .achievement-line-wrp {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding-top: 10%;
        flex-wrap: wrap;
    }

    section#get-intouch {
        padding: 15% 0%;
    }

    section#get-intouch .container h4 {
        padding-left: 7%;
        padding-bottom: 8%;
    }

    section#get-intouch .container h2 {
        font-size: 6.1vw !important;
        width: 70%;
    }

    section#get-intouch a.img-arrow-anchor {
        opacity: 1;
        position: absolute;
        width: 16%;
        height: 17%;
        bottom: 70%;
        right: 6%;
    }

    section#get-intouch p.first-get-text {
        opacity: 1;
        color: var(--primary-600, #696764);
    }

    section#get-intouch a {
        opacity: 1;
        color: var(--primary-600, #696764);
    }

    #vision-driven-sec .card-bod-wrapper:hover .bod-details {
        padding-left: 0px;
    }

    #vision-driven-sec .tab-btns-vision .tab-btn-v {
        line-height: 35px;
    }

    #vision-driven-sec .swiper-button-next img,
    #vision-driven-sec .swiper-button-prev img {
        width: 10vw;
        max-width: 10vw;
        opacity: 1;
    }

    #vision-driven-sec .swiper-button-prev {
        right: 20%;
    }

    #join-our-about {
        padding: 10% 0%;
        width: 100%;
        margin-top: -1px;
        padding-bottom: 15%;
    }

    section#get-intouch .inner-get-card {
        padding: 10% 7%;
        padding-bottom: 10%;
        min-height: 30vw;
        border-top: 1px solid var(--primary-200, #BEBEBC);
        border-right: 0.5px solid var(--primary-200, #BEBEBC);
        position: relative;
        transition: 0.2s linear;
    }

    section#get-intouch {
        padding: 15% 0%;
        padding-bottom: 0px;
        margin-bottom: -2px;
    }

    #about-us-sixth .second-row-percentage:hover h2 {
        color: var(--primary-900, #282621);
    }

    .swiper-pagination {
        display: flex !important;
        overflow-x: auto;
        scroll-behavior: smooth;
        justify-content: start;
        /* or center if you prefer */
        gap: 10px;
    }

    .swiper-pagination::-webkit-scrollbar {
        display: none;
        /* hide scrollbar for cleaner look */
    }

    section#get-intouch .row .col-lg-6:last-child .inner-get-card {
        padding-bottom: 13%;
    }

    #vision-driven-sec .bod-swiper {
        padding-bottom: 15%;
    }

    #vision-driven-sec .bod-details {
        padding-left: 0% !important;
    }

    #vision-driven-sec .swiper-wrapper {
        padding-bottom: 5%;
    }

    .tab-btn-v {
        display: none !important;
    }

    .tab-dropdown {
        display: block !important;
    }

    /* Default styles for tab buttons (desktop) */
    .tab-btns-vision {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-bottom: 30px;
    }

    .tab-btn-v {
        background: transparent;
        border: none;
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: 1px;
        padding: 10px 15px;
        border-bottom: 2px solid transparent;
        color: #282621;
        transition: all 0.3s ease;
    }

    .tab-btn-v.active {
        border-color: #282621;
        font-weight: 600;
    }

    /* Hide dropdown by default */
    .tab-dropdown {
        display: none;
        width: 100%;
        text-align: center;
    }

    .tab-dropdown select {
        width: 100%;
        max-width: 100%;
        padding: 10px;
        border: 0px;
        border-bottom: 1px solid #A69163;
        font-size: 1rem;
        border-radius: 0px;
        color: #282621;
        text-transform: uppercase;
        letter-spacing: 3px;
        padding-left: 0px;
        color: #A69163;
        font-weight: 600;
        padding-bottom: 6%;
        margin-bottom: -10%;
    }

    /* Hide inactive swipers */
    #bod-content,
    #man-content {
        display: none;
    }

    #bod-content.active,
    #man-content.active {
        display: block;
    }

    select#teamSelector:focus-visible {
        outline: -webkit-focus-ring-color auto 0px;
    }

    #teamSelector {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        /* Set the custom arrow image as background */
        background-image: url('../image/Drop-down-Icon.png');
        /* Change this to your image URL */
        background-repeat: no-repeat;
        background-position: right 5px top 15px;
        background-size: 25px auto;
    }

    #vision-driven-sec .swiper-button-next,
    #vision-driven-sec .swiper-button-prev {
        z-index: 5;
        opacity: 1;
        left: unset;
        bottom: 0%;
        top: unset;
        right: 5%;
        display: none;
    }

    a.view-all-btn {
        display: none;
    }

    header.reit-header a {
        width: auto;
    }

    section#about-us-banner .container {
        bottom: 0%;
    }

    #join-our-about .join-our-row h2 {
        font-size: 6vw !important;
        top: -0.6vw;
    }

    #join-our-about .join-our-row h4 {
        font-size: 4.5vw !important;
    }
    #we-build-sec {
        padding-top: 5%;
    }

}

@media (min-width: 767px) {
    .tab-dropdown {
        display: none;
    }

    .swiper-scrollbar {
        display: none;
    }
}