:root {
    --Navy: #060821;
    --Warm: #FF4A45;
    --Maroon: #6E0029;
    --Maroon-900: #900B40;
    --Green: #D3DA5F;
    --Ecru: #E4DAC6;
    --Ecru-50: #F9F7F3;
    --Orange: #E6A765;
    --White: #FFFFFF;
    --Black: #1D1D1B;
    --Text-White: #fff;
    --Text-Black: #000000;
    --btn-hover: #ECC085;
    --btn-warm-hover: #FF6864;
    --warm-green: #EEF3CE;
    --warm-green-50: #F8FAEC;
    --Ecru-950: #30221A;
    --Black-300: #A7A6A1;
    --Ecru-400: #BEA179;
    --Ecru-100: #F2EDE2;
    --Ecru-600: #A47952;
    --Ecru-700: #886246;
}

/* News Pagination Styles */

/* No Posts Message */
.no-posts {
    text-align: center;
    padding: 3rem;
    color: var(--Black-300);
    font-style: italic;
    grid-column: 1 / -1;
}

section {
    position: relative;
    z-index: 1;
}

.post,
.page {
    margin-bottom: 0;
}

html {
    scroll-behavior: smooth;
}

#page {
    z-index: 0;
    position: relative;
}

body.no-scroll,
html.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

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

a:focus {
    outline: none;
}

@font-face {
    font-family: 'SeasonMix';
    src: url('../fonts/SeasonMix-Light.woff2') format('woff2'),
        url('../fonts/SeasonMix-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SeasonMix';
    src: url('../fonts/SeasonMix-Regular.woff2') format('woff2'),
        url('../fonts/SeasonMix-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SeasonSans';
    src: url('../fonts/SeasonSans-Bold.woff2') format('woff2'),
        url('../fonts/SeasonSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SeasonSans';
    src: url('../fonts/SeasonSans-Medium.woff2') format('woff2'),
        url('../fonts/SeasonSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'SeasonSans';
    src: url('../fonts/SeasonSans-Regular.woff2') format('woff2'),
        url('../fonts/SeasonSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SeasonSans';
    src: url('../fonts/SeasonSans-Light.woff2') format('woff2'),
        url('../fonts/SeasonSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'SeasonSans' !important;
    font-size: 18px;
    line-height: 150%;
    color: var(--Navy);
    font-weight: 400;
    letter-spacing: 2%;
}

h1,
.h1 {
    color: var(--Navy);
    font-size: 86px;
    line-height: 110%;
    font-family: 'SeasonMix';
    font-weight: 300;
    margin: 0;
}

h2,
.h2 {
    font-size: 55px;
    line-height: 110%;
    font-family: 'SeasonMix';
    font-weight: 300;
    margin: 0;
    margin-bottom: 24px;
}

h3,
.h3 {
    color: var(--Text-Black);
    font-size: 35px;
    line-height: 110%;
    font-family: 'SeasonMix';
    font-weight: 300;
}

h4,
.h4 {
    color: var(--Text-Black);
    font-size: 28px;
    line-height: 110%;
    font-family: 'SeasonMix';
    font-weight: 400;
}

h5,
.h5 {
    color: var(--Text-Black);
    font-size: 23px;
    line-height: 110%;
    font-family: 'SeasonMix';
    font-weight: 400;
}

h6,
.h6 {
    color: var(--Text-Black);
    font-size: 18px;
    line-height: 110%;
    font-family: 'SeasonMix';
    font-weight: 400;
}


p {
    margin-bottom: 16px;
}

div p:last-child {
    margin-bottom: 0;
}

.w-100 {
    width: 100%;
}

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

@media only screen and (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media only screen and (min-width:992px) {
    .container {
        max-width: 960px
    }

}

@media only screen and (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

@media only screen and (min-width:1400px) {
    .container {
        max-width: 1300px
    }
}



/* Basic Flex */
.flex {
    display: flex !important;
}

.inline-flex {
    display: inline-flex;
}

/* Direction */
.flex-row {
    flex-direction: row;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-col {
    flex-direction: column;
}

.flex-col-reverse {
    flex-direction: column-reverse;
}

/* Wrap */
.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

/* Justify Content */
.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

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

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-evenly {
    justify-content: space-evenly;
}

/* Align Items */
.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.items-stretch {
    align-items: stretch;
}




.fill-btn a,
.outline-btn a,
footer .newsletter-form input[type="submit"] {
    background-color: var(--Orange);
    color: var(--Navy);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px 32px;
    display: block;
    width: fit-content;
    box-shadow: none;
    cursor: pointer;
    font-family: 'SeasonSans';
    transition: all 0.3s ease-in-out;
    border-radius: 100px;
    text-decoration: none;
    outline: none !important;
}

.fill-btn a:hover,
footer .newsletter-form input[type="submit"]:hover {
    background-color: var(--btn-hover);
}

.outline-btn a,
.campus-overview-section.bg-green .campus-overview-wrapper .btn a {
    border: 1px solid #fff;
    color: var(--Text-White);
    background-color: transparent;
}

.outline-btn a:hover {
    background-color: #fff;
    color: var(--Navy);
}

.outline-btn.border-orange a,
.campus-overview-section.bg-green .campus-overview-wrapper .btn a {
    border-color: var(--Orange) !important;
    color: var(--Navy) !important;
}

.outline-btn.border-orange a:hover,
.campus-overview-section.bg-green .campus-overview-wrapper .btn a:hover {
    background-color: var(--Orange);
}

img {
    display: block;
}

/* site-header */

.site-header {
    background-color: var(--Navy);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    transition: top 0.3s ease-in-out;
}

body.logged-in .site-header {
    top: 32px;
}

#masthead.scroll-up {
    /* backdrop-filter: saturate(180%) blur(20px); */
    width: 100%;
    /* background: #060821ad; */
}

.site-header .container {
    max-width: 1406px;
}

.site-header .site-branding {
    width: 267px;
    max-width: 267px;
    height: 34px;
}

.site-header .header-btn {
    width: 121px;
}

.site-header .main-menu {
    width: calc(100% - 388px);
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.site-header .main-menu ul.nav-menu>li>a {
    color: #fff;
    padding: 26.5px 0;
    position: relative;
}

.banner-icon img{
    width: 48px;
    height: 48px;
}

.site-header .main-menu ul.nav-menu>li>a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background-color: var(--Orange);
    left: 50%;
    bottom: 25px;
    transform: translate(-50%, 0);
    transition: all 0.3s ease-in-out;
}

.site-header .main-menu ul.nav-menu>li>a:hover::after,
.site-header .main-menu ul.nav-menu>li.current_page_item>a::after {
    width: 100%;
}

.site-header .main-menu ul.nav-menu>li.menu-item-has-children>a {
    padding-right: 22px;
}

.site-header .main-menu ul.nav-menu>li.menu-item-has-children>a::before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../images/menu-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    top: 50%;
    transform: translate(0, -50%) rotate(180deg);
    transition: all 0.3s ease-in-out;
    position: absolute;
    filter: brightness(0) saturate(100%) invert(99%) sepia(88%) saturate(234%) hue-rotate(163deg) brightness(116%) contrast(97%);
}

/* .site-header .main-menu ul.nav-menu>li.menu-item-has-children>a:hover::before,
.site-header .main-menu ul.nav-menu>li.current_page_item.menu-item-has-children>a::before {
    transform: translate(0, -50%) rotate(180deg) scale(-1);
} */

.site-header .main-menu ul.nav-menu {
    gap: 32px;
    justify-content: flex-end;
    padding-right: 77px;

}


ul.menu .sub-menu {
    background: rgba(6, 8, 33, 0.85);
    padding: 24px 48px 32px;
    display: flex;
    /* gap: 0 75px; */
    flex-wrap: wrap;
    min-width: 520px;
}

ul.menu .sub-menu > li {
    margin-right: 60px !important;
}

ul.menu .sub-menu > li:nth-child(2n) {
    margin-right: 0 !important;
}

/* Submenu list items */
ul.menu .sub-menu li {
    list-style: none;
    margin: 0;
    position: relative;
    width: calc(50% - 34.5px);
}

/* Submenu links */
ul.menu .sub-menu li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 8px 0 16px;
    transition: all 0.3s ease;
    border-top: 1px solid var(--Orange);
    width: 100%;
}

ul.menu .sub-menu li a:hover {
    color: var(--Orange);
}


.heading-block {
    text-align: center;
    z-index: 1;
    position: relative;
}

.heading-block h3 {
    color: var(--Maroon);
}

.menu-toggle {
    display: none !important;
}

.mobile {
    display: none;
}

@media(max-width:1199px) {
    
    .site-header .main-menu {
        width: calc(100% - 308px);
    }

    .site-header .site-branding {
        width: 187px;
        max-width: 187px;
        height: 24px;
    }

    .site-header .main-menu ul.nav-menu {
        gap: 26px;
        padding-right: 30px;

    }

    .site-header .main-menu ul.nav-menu>li>a {
        font-size: 16px;
    }


}

@media screen and (max-width:992px) {
    .site-header .main-menu ul.nav-menu {
        max-width: 743px !important;
    }

    #humburger-menu {
        width: 23px;
        height: 23px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #humburger-menu span {
        display: block;
        position: absolute;
        height: 1px;
        width: 100%;
        background: #fff;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #humburger-menu span:nth-child(1) {
        top: 0px;
    }

    #humburger-menu span:nth-child(2),
    #humburger-menu span:nth-child(3) {
        top: 9px;
    }

    #humburger-menu span:nth-child(4) {
        top: 18px;
    }

    #humburger-menu.open span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
    }

    #humburger-menu.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #humburger-menu.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #humburger-menu.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }

    .mobile {
        display: block !important;
    }

    .desktop {
        display: none;
    }

    .site-header .site-branding {
        width: 194px;
        max-width: 194px;
        height: 26px;
    }

    .site-header {
        padding: 18px 9px;
    }

    .mobile-menu {
        position: fixed;
        right: -150%;
        width: 100%;
        min-height: calc(100vh - 62px);
        background: var(--Navy);
        top: 62px;
        overflow: hidden;
        max-height: calc(100vh - 62px);
        padding-bottom: 36px;
        display: flex;
        flex-direction: column;
        /* justify-content: space-between; */
        transition: all 0.3s ease-in-out;
    }

    .mobile-menu.menu-active {
        right: 0;
    }

    .site-header .main-menu ul.nav-menu>li.menu-item-has-children>a:hover::before,
    .site-header .main-menu ul.nav-menu>li.current_page_item.menu-item-has-children>a::before {
        transform: translate(0, -32%) rotate(180deg) scale(-1);
    }

    .site-header .main-menu ul li {
        position: unset;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .site-header .main-menu ul li .expand-arrow {
        width: 16px;
        height: 16px;
        background-image: url(../images/menu-arrow.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer;
        transform: rotate(180deg);
        transition: all 0.3s ease-in-out;
    }

    .site-header .main-menu ul li.active .expand-arrow {
        transform: scale(1);
    }

    .site-header .main-menu ul.nav-menu {
        display: flex !important;
        gap: 28px;
        flex-direction: column;
        padding: 24px 47px 36px 24px;
        position: relative;
        max-width: 562px !important;
        margin: auto;
        margin-bottom: 51px;
    }

    .site-header .main-menu ul.nav-menu>li>a {
        padding: 0;
        width: fit-content;
    }

    body.logged-in .mobile-menu {
        top: 92px
    }

    .site-header .main-menu ul.nav-menu>li>a::after,
    .site-header .main-menu ul.nav-menu>li.menu-item-has-children>a::before {
        display: none;
    }

    .site-header .main-menu ul.nav-menu>li.menu-item-has-children>a {
        padding-right: 0;
    }

    ul.menu .sub-menu {
        background: transparent;
        padding: 0 0 0 42px;
        display: block;
        box-shadow: none;
        top: 24px;
        left: 250px !important;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease-in-out;
        width: 215px !important;
        min-width: auto;
    }
ul.menu .sub-menu.sub-menu-open{
    display: flex !important;
}
ul.menu .sub-menu.sub-menu-open li:first-child{
    order: 1;
}
ul.menu .sub-menu.sub-menu-open li:nth-child(3){
 order: 2;
}
ul.menu .sub-menu.sub-menu-open li:nth-child(5){
 order: 3;
}
ul.menu .sub-menu.sub-menu-open li:nth-child(7){
 order: 4;
}
ul.menu .sub-menu.sub-menu-open li:nth-child(2){
 order: 5;
}
ul.menu .sub-menu.sub-menu-open li:nth-child(4){
 order: 6;
}
ul.menu .sub-menu.sub-menu-open li:nth-child(6){
 order: 7;
}
ul.menu .sub-menu.sub-menu-open li:nth-child(8){
 order: 8;
}
    ul.menu .sub-menu li {
        width: 100%;
    }

    ul.menu .sub-menu.sub-menu-open {
        left: 160px !important;
        opacity: 1;
        visibility: visible;
    }

    .site-header .main-menu ul.nav-menu>li>a {
        font-size: 26px;
        line-height: 120%;
    }

    .site-header .header-btn {
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
    }

    .site-header .main-menu {
        width: calc(100% - 238px);
    }
}

@media(max-width:800px) {
    body.logged-in .mobile-menu {
        top: 94px
    }
}

@media(max-width:375px) {
    .site-header .main-menu ul.nav-menu>li>a {
        font-size: 18px;
    }

    ul.menu .sub-menu {
        padding: 0 0 0 30px;
        width: 177px !important;
    }

    ul.menu .sub-menu.sub-menu-open {
        left: 120px !important;
    }
}

/* site-footer */

.site-footer {
    background-color: var(--Navy);
    padding: 80px 0;
    position: sticky;
    bottom: 0;
    z-index: -1;
}
.site-footer.halfway-scrolled{
    z-index: 0;
}
.single-post .site-footer.halfway-scrolled,.single-campus .site-footer.halfway-scrolled{
    z-index: -1;
}

.site-footer .footer-logo img {
    max-width: 59px;
    margin-bottom: 24px;
}

.site-footer .watermark-block {
    padding: 48px 0 51px;
}

.site-footer .watermark-block img {
    width: 100%;
}

.site-footer .footer-bottom-block {
    padding-top: 32px;
    border-top: 1px solid #fff;
}

.site-footer ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 32px;
    padding: 0;
    margin: 0;
}

.site-footer ul li a {
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

.site-footer ul li a:hover {
    color: var(--Orange);
}

.site-footer .bottom-links ul {
    gap: 24px;
}

.site-footer .bottom-links ul li a {
    text-decoration: underline;
}

.site-footer .copyright-text p {
    color: var(--Text-White);
    font-size: 16px;
}

.site-footer .copyright-text a {
    color: var(--Text-White);
    transition: all 0.3s ease-in-out;
}

.site-footer .copyright-text a:hover {
    color: var(--Orange);
}

.slick-dots li button {
    padding: 0 !important;
    width: 8px !important;
    height: 8px !important;
    background-color: rgba(6, 8, 33, 0.20) !important;
    border-radius: 10px !important;
    transition: background-color 1.5s ease; 
}
.specification-slide-wrapper .slick-dots li button{
    transition: opacity 1.5s ease; 
}


.slick-dots li {
    width: 8px !important;
    height: 8px !important;
    margin: 0 4.5px !important;
}

.slick-dots li.slick-active button {
    background-color: var(--Navy) !important;
}

.slick-dots li button::before {
    display: none !important;
}

.slick-prev,
.slick-next {
    top: auto !important;
    bottom: -4.5px !important;
    width: 24px !important;
    height: 24px !important;
    background: url(../images/arrow.svg) !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.slick-prev:before,
.slick-next:before {
    display: none !important;
}

.slick-prev {
    left: 0 !important;
    transform: rotate(-180deg) !important;
}

/* Home pgae GYM slider Geeting  distributing FIXED - Right 0 Hide */
.slick-next {
    /* right: 0 !important; */
    transform: unset !important;
}

/* .gym-slider-wrapper .slick-next{
    right: auto !important;
} */
 
.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

.read-more a {
    color: var(--Navy);
    font-size: 14px;
    font-weight: 300;
    padding-right: 25px;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.read-more a::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 1px;
    background: var(--Navy);
    top: 54%;
    right: 0;
    transform: translate(0, -50%);
    transition: all 0.3s ease-in-out;
}

.read-more a:hover {
    /* color: var(--Orange); */
    padding-right: 54px;
}

.read-more a:hover::after {
    /* background: var(--Orange); */
    width: 48px;
}


/* img-grid-text */

.img-grid-text {
    padding: 106px 0 80px;
    background-color: #fff;
}

.img-grid-text .text-with-img {
    display: flex;
    gap: 89px;
    padding-top: 64px;
    position: relative;
}

.img-grid-text .text-with-img .text-block {
    width: calc(56% - 44.5px);
    padding-left: 151px;
    overflow: hidden;
}

.img-grid-text .text-with-img .img-block {
    width: calc(44% - 44.5px);
    justify-content: flex-end;
}

.img-grid-text .text-with-img .img-block img {
    max-width: 408px;
    max-height: 568px;
    min-height: 568px;
    object-fit: cover;
    /* opacity: 0;
    transform: translateX(-100%);
    transition: all 1s ease-out; */

}

/* .img-grid-text .text-with-img .img-block.reveal img {
    opacity: 1;
    transform: translateX(0);
} */

.img-grid-text .text-with-img .line-top-bottom {
    position: absolute;
    left: 98px;
    top: -210px;
    overflow: hidden;
    width: 5px;
    height: 464px;
}

.img-grid-text .text-with-img .line-top-bottom img {
    height: 100%;
}

.img-grid-text .bottom-img {
    margin-top: -111px;
}

.img-grid-text .bottom-img img {
    max-width: 263px;
    max-height: 235px;
    object-fit: cover;
    /* opacity: 0;
    transform: translateY(-100%);
    transition: all 1s ease-out; */
}

.img-grid-section .image-wrapper {
    position: relative;
    overflow: hidden;
}

.img-grid-section .image-wrapper img {
    /* opacity: 0; */
    /* transform: translateY(-100%); */
    /* transition: all 1s ease-out; */
}

/* .img-grid-section .image-wrapper.reveal img {
    opacity: 1;
    transform: translateY(0);
} */

.img-grid-section .right-col .image-wrapper:last-child img {
    /* transform: translateX(-100%); */
}
/* 
.img-grid-section .right-col .image-wrapper.reveal:last-child img {
    transform: translateX(0);
} */

.full-with-img,
.bottom-img,
.img-grid-text .text-with-img .img-block {
    position: relative;
    overflow: hidden;
}


.full-with-img img {
    width: 100%;
    height: auto;
    display: block;
    min-height: 664px;
    max-height: 664px;
    object-fit: cover;
    /* opacity: 0;
    transform: translateY(-100%);
    transition: all 1s ease-out; */
}
/* 
.full-with-img.reveal img,
.bottom-img.reveal img {
    opacity: 1;
    transform: translateY(0);
} */

@media(min-width:1200px) {
    .img-grid-text .container {
        max-width: 1056px;
    }
}


/* where-are-we */

.where-are-we {
    padding: 244px 0 256px;
    background-color: var(--warm-green);
    overflow: hidden;
}

.where-are-we .heading-block {
    max-width: 566px;
    margin: auto;
}

.where-are-we-content-wrapper {
    gap: 55px;
    z-index: 0;
    position: relative;
    margin-top: -20px;
    flex-wrap: nowrap;
}

.where-are-we-content-wrapper .col-sm {
    width: calc(29% - 36.66px);
}

.where-are-we-content-wrapper .col-md {
    width: calc(42% - 36.66px);
}

.where-are-we-content-wrapper .two-col-img {
    gap: 6px;
}

.where-are-we-content-wrapper .two-col-img .img,
.middle-img {
    position: relative;
    overflow: hidden;
}

.where-are-we-content-wrapper .two-col-img>* {
    width: calc(50% - 3px);
}

.where-are-we-content-wrapper .two-col-img>* img {
    width: 100%;
    object-fit: cover;
    min-height: 212px;
    max-height: 212px;
    /* opacity: 0;
    transform: translateY(-100%);
    transition: all 1s ease-out; */
}


/* .where-are-we-content-wrapper .two-col-img .img:nth-child(2) img {
    transition-delay: 0.5s;
} */

/* .where-are-we-content-wrapper .two-col-img .img.reveal img {
    opacity: 1;
    transform: translateY(0);
} */

.middle-img img {
    min-height: 704px;
    max-height: 704px;
    width: 100%;
    object-fit: cover;
    /* opacity: 0;
    transform: translateY(-100%);
    transition: all 1s ease-out; */
}

/* .middle-img.reveal img {
    opacity: 1;
    transform: translateY(0);
} */


.reveal {
  visibility: hidden;
  position: relative;
  width: 100%;
  /* height: 100%; */
  max-width: 100%;
  overflow: hidden;
}

.where-are-we-content-wrapper .stamp-animation {
    max-width: 264px;
    margin-left: auto;
    top: -110px;
    position: relative;
    z-index: 2;
}

.where-are-we-content-wrapper .bottom-content p {
    font-size: 16px;
}

.where-are-we-content-wrapper .right-content p {
    font-size: 23px;
}






/* inner-banner */

.inner-banner {
    overflow: hidden;
    overflow: hidden;
    min-height: calc(100vh - 80px);
    max-height: calc(100vh - 80px);
    position: relative;
    z-index: 0;
}

body.logged-in .inner-banner {
    min-height: calc(100vh - 102px);
    max-height: calc(100vh - 102px);
}
body.logged-in .inner-banner.bigbanner {
    min-height: calc(100vh - 32px) !important;
    max-height:calc(100vh - 32px) !important;
}
body .inner-banner.bigbanner:not(.about-banner) {
    min-height: 100vh;
    max-height: 100vh;
}
body .inner-banner.bigbanner.about-banner{
    min-height: 100vh;
    max-height: 100vh;
}
.inner-banner .banner-image {
    overflow: hidden;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
}

.inner-banner h1,
.inner-banner h2,
.inner-banner p {
    color: var(--Text-White);
}
.inner-banner h2{
    margin-bottom: 6px;
}
.inner-banner::after {
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42.78%, #060821 87%);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;

}

.inner-banner .banner-image img {
    width: 100%;
    height: 100%;
    /* transition: transform 0.3s ease; */
    will-change: transform;
    object-fit: cover;

}

/* .inner-banner.bigbanner .banner-image img {
    min-height: calc(100vh - 80px);
    max-height: calc(100vh - 80px);
}
body.logged-in .inner-banner.bigbanner .banner-image img,body.logged-in .inner-banner .banner-image img {
 min-height: calc(100vh - 102px);
    max-height: calc(100vh - 102px);
} */

/* .inner-banner.bigbanner.about-banner .banner-image img {
    min-height: 71.458vw;
    max-height: 71.458vw;

} */

.inner-banner .banner-image img.mobile {
    display: none;
}

/* .inner-banner .banner-text {
    z-index: 1;
    position: absolute;
    bottom: 93px;
    width: 100%;
} */


/* .inner-banner.bigbanner .banner-text {
    bottom: 112px;
    } */
    /* .inner-banner.bigbanner .container{
        bottom: 112px;    
    } */
    .inner-banner .container{
        z-index: 1;
        position: absolute;
        bottom: 93px;
        width: 100%;
        left: 50%;
        transform: translate(-50%,0);
    }

.inner-banner.bigbanner::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 52.86%, rgba(0, 0, 0, 0.80) 89.58%);

}
.inner-banner.bigbanner.about-banner .banner-text{
    position: relative;
    bottom: 60px;
}
.inner-banner.bigbanner.about-banner::after {
    background: linear-gradient(178.8deg, rgba(0, 0, 0, 0) 56.68%, #060821 83.73%);
}

.inner-banner.bigbanner.location-banner {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 39.76%, rgba(0, 0, 0, 0.5) 94.21%);
}

.inner-banner.bigbanner.developer-banner::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50.53%, #060821 74.05%);
}

.three-park-place.inner-banner::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 76.11%, #060821 99.22%);
}

.inner-banner.bigbanner.location-banner .banner-text h1 span {
    padding-left: 100px;
}

.inner-banner .banner-text .title {
    max-width: 650px;
}
.page-id-1581 .inner-banner .banner-text .title{
    max-width: 850px;
}
.page-id-13 .inner-banner .banner-text .title{
    max-width: 650px;
}

.inner-banner .description {
    max-width: 514px;
    margin-left: auto;
}
.page-id-15 .inner-banner .banner-text,.page-id-19 .inner-banner .banner-text{
    transform: translateY(100px);

}

.inner-banner .banner-text .description img {
    max-width: 60px;
    margin-bottom: 26px;
}

.inner-banner .banner-text .description h3 {
    color: var(--Text-White);
}
.inner-banner:not(.about-banner) .banner-text .description h3{
    margin-top: -37px;
}

.inner-banner .banner-text .description p {
    font-size: 23px;
    line-height: 120%;
    font-weight: 300;
}
.page-id-15 .inner-banner .banner-text,.page-id-19 .inner-banner .banner-text{
    position: relative;
    top: 80px;
}
@media(max-width:1199px){
    .page-id-15 .inner-banner .banner-text, .page-id-19 .inner-banner .banner-text{
        top: 50px;
    }
    .inner-banner .banner-text .description p{
        font-size: 18px;
    }
}
@media(max-width:1024px){
    .inner-banner .banner-text .description h3{
        margin-top: 0;
    }
    body .inner-banner.bigbanner.about-banner{
        min-height: calc(100vh - 80px) !important;
        max-height:calc(100vh - 80px) !important;
    }
}
@media(max-width:767px) {
    .inner-banner .banner-image img.desktop {
        display: none;
    }

    .inner-banner .banner-image img.mobile {
        display: block;
    }
}


/* located-city */

.located-city {
    padding: 160px 0;
    background-color: var(--Navy);
}

.located-city.bg-maroon {
    background-color: var(--Maroon);
}

.located-city.bg-maroon .icon-with-text img {
    filter: brightness(0) saturate(100%) invert(54%) sepia(66%) saturate(4188%) hue-rotate(332deg) brightness(100%) contrast(102%);
}

.located-city blockquote {
    color: var(--Ecru);
    padding: 0;
    margin-top: 33px;
    margin-left: 0;
    font-size: 69px;
    line-height: 110%;
    font-family: 'SeasonMix';
    font-weight: 300;
}

.located-city .icon-with-text img {
    width: 78px;
}

.located-city blockquote p {
    position: relative;
    /* for absolute span inside */
    overflow: hidden;
    z-index: 1;
}

.located-city blockquote span.word {
    display: inline;
    white-space: nowrap;
}

.located-city blockquote span.letter {
    display: inline-block;
    color: #131428;
    transition: color 0.2s linear;
}

.located-city.bg-maroon blockquote span.letter {
    color: #900B40;
}

.located-city blockquote p:not(:last-child) {
    margin-bottom: 50px;
}

@media(min-width:1200px) {
    .located-city .container {
        max-width: 1190px;
    }
}


/* future-work */

.future-work {
    padding: 100px 0;
    background-color: var(--Navy);
}

.future-work .future-work-content {
    gap: 90px;
    align-items: flex-start;
}

.future-work .future-work-content .col-sm {
    width: calc(44% - 45px);
    padding-top: 40px;
    border-top: 1px solid #fff;
}

.future-work .future-work-content .col-sm h3 {
    color: var(--Orange);
    margin-bottom: 43px;
}

.future-work .future-work-content .col-sm .btn {
    margin-top: 56px;
}

.future-work .future-work-content .col-sm p {
    color: var(--Text-White);
}

.future-work .future-work-content .col-md {
    width: calc(56% - 45px);
    padding-left: 42PX;
    position: relative;
}

.future-work .future-work-content .col-md .caption-text p {
    color: var(--Text-White);
}

.future-work .future-work-content .col-md .caption-text {
    position: absolute;
    left: 0px;
    bottom: 0;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    padding-top: 112px;
    ;
}

.future-work .future-work-content .col-md .caption-text::after {
    content: "";
    width: 1px;
    height: 104px;
    background: #fff;
    left: 7px;
    top: 0;
    position: absolute;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
}

.future-work .future-work-content .future-img img {
    min-height: 688px;
    max-height: 688px;
    object-fit: cover !important;
    width: 100%;
}
@media(min-width:1301px){
    .futred-campus-section .future-work-content .future-img img{
    min-height: 542px;
    max-height: 542px;
}
}

@media(max-width:1300px){
    .futred-campus-section .future-work-content .future-img img{
    min-height:41.692vw;
    max-height: 41.692vw;
}
}
@media(max-width:991px){
    .futred-campus-section .future-work-content .future-img img{
        min-height: 712px;
        max-height: 712px;
    }
}
@media(max-width:575px){
    .futred-campus-section .future-work-content .future-img img{
        min-height: 363px;
        min-height: 363px;
    }
}


/* full width img */
.full-width-img img {
    width: 100%;
    min-height: calc(100vh - 80px);
    max-height: calc(100vh - 80px);
    object-fit: cover;
}
.full-width-img .pp-mobile{
    display: none;
}


/* img-grid-section */


.img-grid-section {
    padding: 282px 0 200px;
    box-shadow: inset 0 414px 00px var(--Navy);
}

.img-grid-section.navy-white-bg {
    background-color: #fff;
}

.img-grid-section.bg-shape {
    padding-bottom: 319px;
    background-image: url('/wp-content/uploads/2025/11/3PP_Numeral.svg');
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto;
    background-attachment: fixed;
}

.img-grid-section.white-bg {
    box-shadow: none;
    padding-top: 200px;
    background-color: #fff;
}

.img-grid-section .grid-wrapper {
    gap: 64px
}

.img-grid-section .grid-wrapper>* {
    width: calc(50% - 32px);
    gap: 64px;
}
.img-grid-section .grid-wrapper .left-bottom-images-wrapper{
    display: flex;
  flex-wrap: wrap;
  margin-top: -272px;
}
.img-grid-section .grid-wrapper .left-col img {
    min-height: 740px;
    max-height: 740px;
    object-fit: cover;
}

.img-grid-section.bg-shape .grid-wrapper .left-col img,.img-grid-section .grid-wrapper .right-col .image-wrapper:nth-child(3) img {
    min-height: 645px;
    max-height: 645px;
}
.img-grid-section.left-bottom-image-bg .right-col{
    margin-top: 515px;
    gap: 136px;
}

.img-grid-section .grid-wrapper .right-col .image-wrapper:first-child img {
    max-width: 260px;
    min-height: 260px;
    max-height: 260px;
    object-fit: cover;
}

.page-id-1581 .img-grid-section .grid-wrapper .right-col .image-wrapper:first-child img {
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
}

.page-id-1581.img-grid-section .grid-wrapper .right-col .image-wrapper:nth-child(2) img,.page-id-1581 .img-grid-section .grid-wrapper .left-bottom-images-wrapper img{
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
    width: 100%;
}




/* historic-character */

.historic-character {
    padding: 112px 0;
    background-color: var(--Maroon);
}

.historic-character .historic-character-wrapper {
    gap: 80px;
    padding-top: 80px;
}

.historic-character .historic-character-wrapper>* {
    width: calc(50% - 40px);
}

.historic-character .heading-block h2 {
    color: var(--Warm);
}

.historic-character .heading-block p {
    font-size: 23px;
    font-weight: 300;
    line-height: 120%;
    color: var(--Ecru);
    max-width: 768px;
    margin: auto;
}

.historic-character .historic-character-wrapper .left-col .title-text-box {
    padding-left: 32px;
    padding-top: 16px;
    border-top: 1px solid var(--Maroon-900);
}

.historic-character .historic-character-wrapper .left-col .btn {
    margin-left: 32px;
}

.historic-character .historic-character-wrapper .left-col .img img {
    min-height: 640px;
    max-height: 640px;
    object-fit: cover;
    display: block;
    width: 100%;
}

.historic-character .historic-character-wrapper .left-col .title-text-box h3 {
    font-size: 28px;
    color: var(--Ecru);
    margin-bottom: 16px;
}

.historic-character .historic-character-wrapper .left-col .title-text-box p {
    color: var(--Ecru);
    font-weight: 300;
}

.historic-character .historic-character-wrapper .left-col .title-text-box {
    margin-bottom: 40px;
}

.historic-character .historic-character-wrapper .left-col .btn a {
    background-color: var(--Warm);
}

.historic-character .historic-character-wrapper .left-col .btn a:hover {
    background-color: var(--btn-warm-hover);
}



/* full-img-with-text */

.full-img-with-text {
    padding-bottom: 213px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}

.full-img-with-text .animation-text {
    width: 264px;
    height: 262px;
    position: absolute;
    top: 76px;
    left: 80px;
    z-index: 1;
}

.full-img-with-text .img-wrapper {
    margin-bottom: 120px;
}

.full-img-with-text .img-wrapper img {
    width: 100%;
    min-height: 100vh;
    max-height: 100vh;
    object-fit: cover;
}

.full-img-with-text .text-wrappper {
    padding-left: 104px;
    position: relative;
}

.full-img-with-text .text-wrappper .line-top-bottom {
    position: absolute;
    left: -107px;
    bottom: 0;
}

.line-up.full-img-with-text .text-wrappper .line-top-bottom {
    bottom: 80px;
}

.full-img-with-text.line-up {
    padding-bottom: 43px;
}

.full-img-with-text .text-wrappper .btn {
    margin-top: 58px;
}

.full-img-with-text .text-wrappper .title h2:not(:first-child) {
    margin-top: 42px;
}

.full-img-with-text .text-wrappper h3 {
    margin-top: 34px;
    max-width: 586px;
}

@media(min-width:1200px) {
    .full-img-with-text .container {
        max-width: 900px;
    }
}


/* future-work.gym-slider */


.future-work.gym-slider {
    padding: 160px 0;
    background-color: var(--warm-green-50);
}

.future-work.gym-slider.rtl {
    padding: 100px 0;
}

.future-work.p-160 {
    padding: 160px 0;
}

.future-work.white-text .future-work-content .col-sm h3 {
    color: var(--Text-White);
}
.future-work.orange-title .future-work-content .col-sm h3{
    color: var(--Orange);
}

.future-work.gym-slider .future-work-content .future-img img {
    min-height: 528px;
    max-height: 528px;
    object-fit: cover;
    width: 100%;
}

/* .future-work.gym-slider.rtl .future-work-content .future-img img {
    min-height: 648px;
    max-height: 648px;
} */
.community-first-slider.future-work.gym-slider.rtl .future-work-content .future-img img{
    min-height: 536px;
    max-height: 536px;
}

.future-work.white-text .future-work-content .future-img img {
    min-height: 568px;
    max-height: 568px;
}

.future-work.rtl .future-work-content {
    flex-direction: row-reverse;
}

.future-work.rtl .col-md {
    padding-left: 0;
    padding-right: 42px;
}

.future-work.rtl .col-md .caption-text {
    right: 0;
    left: auto;
}

.future-work.rtl .col-md .caption-text::after {
    bottom: -34px;
}

.gym-slider.future-work .future-work-content .col-sm {
    border-top-color: var(--Navy);
}

.gym-slider.future-work .future-work-content .col-sm h3,
.gym-slider.future-work .future-work-content .col-sm .gym-content p,
.gym-slider.future-work .future-work-content .col-md .caption-text p {
    color: var(--Navy);
}

.gym-slider .future-work-content .col-md .caption-text::after {
    background-color: var(--Navy);
}

.gym-slider.future-work .future-work-content .col-sm .gym-content {
    margin-bottom: 56px;
}

.gym-slider.future-work .slick-dots {
    text-align: right;
    width: fit-content;
    margin-left: auto;
    margin-right: -4.5px;
    position: unset;
}

.gym-slider.future-work.rtl .slick-dots {
    text-align: left;
    margin-left: -4.5px;
}

.gym-slider.future-work .slick-prev {
    left: auto !important;
}

.gym-slider.future-work .future-work-content .col-md .caption-text {
    bottom: 34px;
}

.gym-slider.future-work.rtl .slick-dots {
    margin-left: 0;
    margin-left: 112px;
}

body .gym-slider.future-work.rtl .slick-prev {
    left: 0 !important;
}

body .gym-slider.future-work.rtl .slick-next {
    left: 36px !important;
    right: auto !important;
}



/* plateform-section */

.plateform-section {
    padding: 108px 0 100px;
    background-color: var(--Navy);
    overflow: hidden;
}

.plateform-section .heading-block {
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 24px;
}

.plateform-section h2 {
    color: var(--Text-White);
    margin: 0;
}

.plate-form-item .read-more a {
    color: var(--Text-White);
}

.plate-form-item .read-more a::after {
    background-color: var(--White);
}
/*
.plate-form-item .read-more a:hover {
    color: var(--Orange);
}

.plate-form-item .read-more a:hover::after {
    background-color: var(--Orange);
}*/

.plateform-section .aerrows-btn-block {
    display: flex;
    align-items: center;
    gap: 27px;
}

.plateform-section .aerrows-btn-block svg {
    cursor: pointer;
}

.plateform-section .aerrows-btn-block .btn.outline-btn.border-orange a {
    color: var(--Text-White) !important;
}

.plateform-section .aerrows {
    height: 25px;
}

.plateform-section .description-block p {
    font-size: 23px;
    color: var(--Text-White);
    font-family: 'SeasonMix';
    font-weight: 300;
}

.plateform-section .line {
    width: 50.139vw;
    height: 1px;
    background: #fff;
    display: block;
}

.plateform-section .plate-form-item .meta-box p {
    color: var(--Text-White);
    font-size: 16px;
    margin-bottom: 24px;
}

.plateform-section .plate-form-item .featurd-img img {
    width: 100%;
    min-height: 316px;
    max-height: 316px;
    object-fit: cover;
    margin-bottom: 24px;
}

.plateform-section .plate-form-item .title .h5 {
    color: var(--Text-White);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-weight: 300;
}
.plate-form-item a {
    text-decoration: none;
}

.plateform-section .plate-form-item .read-more {
    margin-top: 24px;
}

.plateform-slider {
    padding-top: 80px;
}

.plateform-slider:not(.slick-initialized) {
    display: flex;
    gap: 24px;
}

.plateform-section .slick-slide {
    margin: 0 12px;
}

.plateform-section .slick-list {
    margin: 0 -12px;
}

.plateform-slider.slick-initialized.slick-slider {
    margin-right: calc(-100vw / 2 + 359px / 2);
    margin-left: calc(-100vw / 2 + 359px / 2);
}

@media(min-width:1500px) {
    .plateform-section .line {
        width: 722px;
    }
}


/* everthing-you-need */

.everthing-you-need {
    padding: 112px 0 0;
    background-color: var(--Maroon);
}

.everthing-you-need.white-bg {
    background-color: var(--Ecru-50);
}

.everthing-you-need.bg-navy {
    background-color: var(--Navy);
}


.everthing-you-need .container {
    padding-bottom: 112px;
    background-image: url('/wp-content/uploads/2025/11/PP_Maroon_Pattern.svg');
    background-position: left bottom;
    background-size: 272px;
    background-repeat: no-repeat;
}

.everthing-you-need.white-bg .container {
    background-image: url('/wp-content/uploads/2025/11/PP_Ecru_Pattern-1.svg');
}

.everthing-you-need.bg-navy .container {
    background-image: url('/wp-content/uploads/2025/11/PP_Colour_Pattern.svg');
}

.everthing-you-need .heading-block {
    max-width: 518px;
    text-align: left;
}

.everthing-you-need .heading-block h2 {
    color: var(--Warm);
    margin-bottom: 0;
}

.everthing-you-need .heading-block p {
    margin-top: 32px;
    font-size: 23px;
    line-height: 120%;
    color: var(--Ecru);
    font-weight: 300;
}

.everthing-you-need .everthing-block-wrapper {
    padding-top: 80px;
    max-width: 838px;
    margin-left: auto;
    gap: 80px 48px;
}

.everthing-you-need .everthing-block-wrapper .icon-box {
    width: calc(50% - 24px);
    padding-top: 24px;
    border-top: 1px solid var(--Maroon-900);
}

.everthing-you-need .everthing-block-wrapper .icon-box .icon {
    width: 64px;
    margin-bottom: 24px;
}

.everthing-you-need .everthing-block-wrapper .icon-box .content h3,
.everthing-you-need .everthing-block-wrapper .icon-box .content p {
    color: var(--Ecru);
    font-weight: 300;
}

.everthing-you-need .everthing-block-wrapper .icon-box .content p {
    margin-top: 24px;

}

.everthing-you-need.white-bg .everthing-block-wrapper .icon-box .content h3,
.everthing-you-need.white-bg h2,
.everthing-you-need.white-bg .everthing-block-wrapper .icon-box .content p,
.everthing-you-need.white-bg p {
    color: var(--Ecru-950);
}

.everthing-you-need.bg-navy .heading-block p,
.everthing-you-need.bg-navy .everthing-block-wrapper .icon-box .content h3,
.everthing-you-need.bg-navy .everthing-block-wrapper .icon-box .content p {
    color: var(--Text-White);
}

.everthing-you-need.bg-navy .everthing-block-wrapper .icon-box {
    border-top-color: var(--Orange);
}

.everthing-you-need.bg-navy .heading-block h2 {
    color: var(--Orange);
}

.everthing-you-need.white-bg .everthing-block-wrapper .icon-box {
    padding-top: 32px;
    border-top-color: var(--Ecru-400);
}


/* maping */

.maping-section {
    padding: 100px 0;
    background-color: #fff;
}

.maping-section .heading-block {
    text-align: left;
}

.maping-section .heading-block p {
    width: 50%;
    margin-left: auto;
    color: var(--Ecru-950);
}

.maping-section .heading-block h2 {
    color: var(--Ecru-950);
}

.maping-section .maping-overview .maping-tab-content {
    gap: 108px;
    padding-top: 54px;
}

.maping-section .maping-overview .tab-wrapper {
    width: calc(50% - 108px);
    padding-top: 8px;
    border-top: 1px solid var(--Ecru-950);
    gap: 0px 54px;
}

.map-title h3,
.maping-section .maping-tab-content-bottom .content p {
    color: var(--Ecru-950);
}

.maping-section .maping-overview .maping-img {
    width: 50%;
}

.maping-section .maping-overview .maping-img img {
    width: 100%;
}

.maping-section .map-tab {
    width: calc(53% - 27px);
}

.maping-section .maping-tab-content-bottom {
    width: calc(43% - 27px);
}

.maping-section .maping-tab-content-bottom h6 {
    font-weight: 500;
    font-family: 'SeasonSans' !important;
    line-height: 150%;
}

.maping-section .maping-tab-content-bottom strong {
    font-weight: 500;
    display: block;
}

.maping-section .maping-tab-content-bottom .content p:not(:last-child) {
    margin-bottom: 24px;
}

.maping-section .maping-tab-content-bottom .content table thead tr td {
    font-weight: 400 !important;
    font-family: 'SeasonMix';
    color: var(--Ecru-950);
    line-height: 110%;
}

.maping-section  .content table tbody tr td {
    font-size: 16px;
    color: var(--Ecru-950);
}

.maping-section .content table tr {
    padding: 14px 0;
    display: flex;
    border-top: 1px solid var(--Ecru-950);
    justify-content: space-between;
}

.maping-section  .content table tbody tr {
    padding: 12px 0 !important;
    position: relative;
    padding-left: 16px !important;
}

.maping-section  .content table tbody tr::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: var(--Green);
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    border-radius: 50px;
}

.maping-section .maping-tab-content-bottom .content table:last-child {
    margin-bottom: 0;
}

.maping-section .maping-tab-content-bottom .content table {
    margin-bottom: 43px;
    border-collapse: collapse;
}

.map-tab h6 {
    cursor: pointer;
    transition: 0.3s ease-in-out;
    padding: 14px 0;
    border-top: 1px solid var(--Ecru-950);
    color: var(--Black-300);
    display: flex;
    justify-content: space-between;
}

.map-tab h6.active {
    color: var(--Ecru-950);
}
.map-tab h6.active img{
    width: 18px;
}

.maping-tab-content .content,
.maping-img .img {
    display: none;
}


/* future-work white-bg */

.future-work.white-bg {
    background-color: #fff;
    padding: 160px 0;
}

.future-work.white-bg .future-work-content .col-sm {
    border-top-color: var(--Navy);
}

.future-work.white-bg .future-work-content .col-sm h3,
.future-work.white-bg .future-work-content .col-sm p,
.future-work.white-bg .future-work-content .col-md .caption-text p {
    color: var(--Navy);
}

.future-work.white-bg .future-work-content .col-md .caption-text::after {
    background-color: var(--Navy);
}

.future-work.white-bg .future-work-content .future-img img {
    min-height: 568px;
    max-height: 568px;
}

.future-work.white-bg.orange-title .future-work-content .col-sm h3 {
    color: var(--Orange);
}

.future-work.white-bg.orange-title {
    padding: 100px 0;
}

/* workspace */

.workspace {
    padding: 112px 0;
    background-color: var(--warm-green-50);
}

.workspace .workpace-item {
    max-width: 976px;
    padding: 40px 0;
}

.workspace .workpace-wrapper .workpace-item:first-child {
    padding-top: 0;
}

.workspace .workpace-wrapper .workpace-item:last-child {
    padding-bottom: 0;
}

.workspace .workpace-wrapper .workpace-item:nth-child(2n) {
    margin-left: auto;
}

.workspace .workpace-wrapper .workpace-item .featured-img img {
    min-height: 549px;
    max-height: 549px;
    object-fit: cover;
    margin-bottom: 24px;
}

.workspace .workpace-wrapper .workpace-item h2 {
    color: var(--Orange);
    margin-bottom: 8px;
}

.workspace .workpace-wrapper .workpace-item p {
    /* color: var(--Text-Black); */
    color: var(--Navy);
}

.workpace-item a,
.explore-item a{
    text-decoration: none;
}


.workspace .workpace-wrapper .workpace-item .read-more {
    margin-top: 24px;
}


/* company-logo */

.company-logo {
    padding: 100px 0;
    background-color: var(--warm-green-50);
    overflow: hidden;
}

.company-logo.bg-white {
    background-color: var(--White);
}

.company-logo .logo-wrapper {
    padding-top: 24px;
    gap: 48px 25px;
    margin-right: calc(-100vw / 2 + 389px / 2);
    margin-left: calc(-100vw / 2 + 389px / 2);
}

.company-logo .logo-wrapper .slick-slide {
    margin: 0 80px;
}

.company-logo .logo-wrapper .logo-item {
    /* width: calc((100% - (25px * 4)) / 5); */
}

.company-logo .logo-wrapper .logo-item img {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 104px;
    height: auto;
}



/* take look around */

.take-look-around.plateform-section {
    background-color: var(--warm-green);
}

.take-look-around.plateform-section .heading-block {
    display: block;
    max-width: 601px;
    padding-bottom: 40px;

}

.take-look-around.plateform-section .heading-block h2,
.take-look-around.plateform-section .heading-block p {
    color: var(--Navy);
}

.take-look-around.plateform-section .heading-block p {
    margin-top: 24px;
    font-size: 23px;
    line-height: 23px;
    font-weight: 300;
}

.take-look-around.plateform-section .plate-form-item .title h5 {
    color: var(--Text-Black);
}

.take-look-around.plateform-section .aerrows svg path {
    stroke: var(--Navy);
}

.take-look-around.plateform-section .slick-slide {
    margin: 0 16px;
    /* width: auto !important; */
}

.take-look-around.plateform-section .slick-list {
    margin: 0px;
}

.take-look-around .take-look-slider.slick-initialized.slick-slider.slick-dotted {
    margin-right: calc(-100vw / 2 + -70px / 2);
}

.take-look-around.plateform-section .plate-form-item .featurd-img img {
    min-height: 560px;
    max-height: 560px;
    width: 100%;
    max-width: 996px;
}
@media(min-width:1401px){
    /* .take-look-around.plateform-section .plate-form-item .featurd-img img {
    min-width: 996px;
} */
}

.take-look-around.plateform-section .custom-dots {
    width: auto;
    height: auto;
}

.take-look-around.plateform-section .aerrows-btn-block {
    justify-content: space-between;
    padding-bottom: 24px;
}

.take-look-around.white-bg {
    background-color: var(--White);
    padding: 100px 0 155px;
}

.take-look-around.white-bg .heading-block h2 {
    color: var(--Orange);
}


/* left-right-text */

.left-right-text {
    padding: 112px 0 112px;
    background-color: var(--Navy);
    overflow: hidden;
}

.left-right-text .container {
    max-width: 1110px;
}

.left-right-text h2,
.left-right-text p {
    color: var(--Text-White);
}

.left-right-text h2 {
    font-size: 146px;
    line-height: 90%;
    margin-bottom: 9px;
}

.left-right-text p {
    font-size: 30px
}

.left-right-text .content-wrapper .text-block {
    width: fit-content;
    position: relative;
    
}

.left-right-text .content-wrapper .text-block:nth-child(odd) {
    margin-left: auto;
}

.left-right-text .content-wrapper .text-block:nth-child(2) p {
    position: absolute;
    right: 60px;
    max-width: 176px;
    bottom: 30px;
}

.left-right-text .content-wrapper .text-block:not(:last-child) {
    margin-bottom: 50px;
}


/* google-map */

.google-map {
    padding: 100px 0;
    background-color: #fff;
}

.google-map .map-links {
    text-align: center;
    padding-top: 24px;
}

.google-map .map-links a {
    color: var(--Ecru-950);
    font-weight: 700;
}

.google-map .map-links a:hover {
    text-decoration: none;
}


.google-map .map-wrapper {
    padding-top: 67px;
}

.google-map .map-info-block {
    width: 34%;
    background-color: var(--Ecru-100);
    padding: 16px 78px 36px;
}

.google-map .map-info-block .map-info:first-child .info-list:nth-child(2) .list-content {
    display: block;
}

.google-map .map-block {
    width: 66%;
}
.google-map .map-block .img {
    height: 100%;
}

.google-map .map-block img{
    object-fit: cover;
    height: 100%;
}

.google-map .map-info-block .map-info .info-title {
    margin-top: 42px;
}

.google-map .info-title {
    margin-bottom: 16px;
}

.google-map .info-list {
    padding-top: 10px;
    padding-bottom: 22px;
    border-top: 1px solid var(--Ecru-600);
}

.google-map .list-title {
    gap: 18px;
    /* cursor: pointer; */

}

.google-map .list-info {
    gap: 18px;
}

.google-map .map-wrapper .title {
    width: calc(100% - 130px);
}

.google-map .map-wrapper .reading-time {
    width: 62px;
}

/* .google-map .list-content {
    display: none;
} */

.google-map .map-wrapper .icon {
    width: 32px;
}

.google-map .map-wrapper h6 {
    color: var(--Ecru-950);
}

.google-map .list-content .title,
.google-map .list-content .reading-time {
    font-size: 14px;
    color: var(--Ecru-700);
}

.google-map .reading-time {
    text-align: center;
}

.google-map .list-content .dot {
    position: relative;
}

.google-map .list-content .dot::after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--Green);
    border-radius: 8px;
}

.single-post-content .heading-block ul li:first-child a {
    color: var(--Navy);
}

.single-post-content .heading-block ul li:first-child a:hover {
    color: var(--Orange);
}

.google-map .list-content .list-info:nth-child(1)  .dot::after {
    animation: slowGlow 2s ease-in-out infinite;
}

/* .maping-section .maping-tab-content-bottom tbody tr:nth-child(1)::after, */
.maping-section tbody tr:nth-child(1)::after {
    animation: slowGlow 2s ease-in-out infinite;
}


@keyframes slowGlow {
  0%, 100% {
    background-color: #C1BD31;
    box-shadow: 0 0 6px #C1BD31;
  }
  50% {
    background-color: #E2E99F;
    box-shadow: 0 0 16px #E2E99F;
  }
}

/* contact-setion */

.contact-setion {
    padding: 104px 0 184px;
    background-color: var(--Navy);
}

.contact-setion .heading-block {
    text-align: left;
}

.contact-setion .heading-block h1 {
    color: var(--Text-White);
}

.contact-setion .heading-block img {
    max-width: 78px;
    margin-bottom: 28px;
}

.contact-setion .address-row {
    padding-top: 36px;
}

.contact-setion .address-row .description {
    max-width: 516px;
    color: var(--Text-White);
}

.contact-setion .address-row .description p {
    font-size: 23px;
    line-height: 120%;
    font-weight: 300;
}

.contact-setion .address-row .description p,
.contact-setion .address-row .address-box .address-content h5,
.contact-setion .address-row .address-box .address-content p,
.contact-setion .contact-info .cta-col .mf-b h5 {
    color: var(--Text-White);
}

.contact-setion .address-row .address-box {
    gap: 16px;
}

.contact-setion .address-row .address-box .icon {
    width: 32px;
}

.contact-setion .address-row .address-box .icon img {
    width: 100%;
}

.contact-setion .address-row .address-box .address-content {
    width: calc(100% - 48px);
}

.contact-setion .address-row .address-box .address-content p {
    margin: 8px 0;
}

.contact-setion .address-row .address-box .address-content a,
.contact-setion .contact-info .cta-col .mf-b a {
    font-size: 16px;
    color: var(--Orange);
}

.contact-setion .address-row .address-box .address-content a:hover,
.contact-setion .contact-info .cta-col .mf-b a:hover {
    text-decoration: none;
}

.ct-google-map {
    padding-top: 72px;
}

.ct-google-map img {
    width: 100%;
}

.ct-google-map iframe {
    width: 100%;
    height: 715px;
    /* min-height: 49.653vw;
    max-height: 49.653vw; */
    display: block;
}

.contact-setion .contact-info {
    margin-top: 88px;
    padding-top: 64px;
    border-top: 1px solid #fff;
    gap: 156px;
}

.contact-setion .contact-info .cta-col:first-child {
    max-width: 385px;
}

.contact-setion .contact-info .cta-col p {
    color: var(--Text-White);
}

.contact-setion .contact-info .cta-col:last-child {
    display: flex;
    gap: 80px 148px;
    flex-wrap: wrap;
    width: calc(100% - 541px);
}

.contact-setion .contact-info .cta-col:last-child>* {
    width: calc(50% - 74px);
}

.contact-setion .contact-info .cta-col .mf-b h5:first-child {
    color: var(--Orange);
    margin-bottom: 8px;
}

.contact-setion .contact-info .cta-col .mf-b h5:last-child {
    margin-bottom: 24px;
}

.contact-setion .contact-info .cta-col .mf-b p {
    margin-bottom: 0;
}
@media(max-width:1199px){
    .ct-google-map iframe{
        height: 500px;
    }
}
@media(max-width:575px){
    .ct-google-map iframe{
        height: 348px;
    }
}


/* news-banner*/

.news-banner.marquee-section {
    padding: 104px 0 109px;
    overflow: hidden;
    min-height: unset !important;
    max-height: unset !important;
}

.news-banner.marquee-section .marquee-item:not(:last-child) {
    padding-bottom: 41px;
}

.news-banner.marquee-section .marquee-item {
    margin-left: -540px;
}

.news-block {
    padding: 80px 0 112px;
    background-color: #fff;
}

.news-block .heading-block {
    max-width: 630px;
    margin: auto;
}

.news-block .heading-block p {
    font-size: 23px;
    font-weight: 300;
    line-height: 120%;
}

.news-block .news-cat-list {
    padding-top: 80px;
}

.news-block .news-cat-list ul {
    gap: 16px;
    list-style: none;
    margin: 0;
    margin-bottom: 64px;
}

.news-block .news-cat-list ul a {
    color: var(--Navy);
    padding: 8px;
    position: relative;
    text-decoration: none;
}

.news-block .news-cat-list ul a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--Orange);
    left: 0;
    bottom: 0;
    opacity: 0;
}

.news-block .news-cat-list ul li.active a {
    font-weight: 500;
}

.news-block .news-cat-list ul li.active a::after,
.news-block .news-cat-list ul a:hover::after {
    opacity: 1;
}

.news-block .new-listing {
    gap: 64px 32px;
}

.news-block .new-listing>* {
    width: calc((100% - (32px * 2)) / 3);
    display: flex;
    flex-direction: column;
}

.news-block .new-listing .news-item img {
    min-height: 248px;
    max-height: 248px;
    object-fit: cover;
    margin-bottom: 24px;
    width: 100%;
}

.news-block .new-listing .news-item a {
    text-decoration: none;
    color: var(--Navy);
}
/*
.news-block .new-listing .news-item .read-more a:hover {
    color: var(--Orange);
}*/

.news-block .new-listing .news-item h5 {
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-block .new-listing .news-item p {
    font-size: 16px;
    margin-bottom: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* error-404 */

.error-404 {
    background-color: var(--Ecru-50);
    padding-top: 194px;
}

.error-404 p {
    margin: 24px 0 !important;
}

.error404 .site-main {
    min-height: calc(100vh - 80px);
    background-color: var(--Ecru-50);
}


/* default page-banner */

.default-page-banner .container {
    background-image: url('../images/default-page-shape.png');
    background-position: 30px top;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 128px 0 112px;
}

.default-page-banner,
.page-content {
    background-color: #fff;
    margin: 0 !important;
}

.page-content .entry-content {
    margin: 0;
}

.default-page-banner h1 {
    margin-bottom: 24px;
}

.page-content .container {
    max-width: 878px;
}

.page-content h2 {
    margin-bottom: 16px;
    color: var(--Orange);
}

.page-content h3 {
    margin-bottom: 24px;
}

.page-content h4 {
    margin-bottom: 20px;
}

.page-content h5,
.page-content h6 {
    margin-bottom: 16px;
}

.page-content h3,
.page-content h5,
.page-content h6,
.page-content h4 {
    color: var(--Orange);
    margin-top: 40px;
}

.page-content blockquote {
    margin-top: 40px !important;
    margin: 0;
    padding-left: 24px;
    border-left: 1px solid var(--Orange);
}

.page-content {
    padding-bottom: 144px;
}

.page-content ul {
    margin-top: 40px;
    margin-left: 48px;
    margin-bottom: 0;
}


/* single-post-content */

.single-post-content {
    padding: 100px 0 112px;
    background-color: #fff;
}

.single-post-content .heading-block {
    padding-bottom: 80px;
}

.single-post-content .heading-block,
.single-post-content .post-content,
.single-post-content .share-post {
    max-width: 768px;
    text-align: left;
    margin: auto;
}

.single-post-content .heading-block ul {
    margin: 0;
    list-style: none;
    gap: 8px;
    margin-bottom: 24px;
}

.single-post-content .heading-block ul li {
    display: flex;
    align-items: center;
}

.single-post-content .heading-block ul li a {
    font-weight: 500;
    color: var(--Orange);
    text-decoration: none;
}

.single-post-content .featured-img img {
    width: 100%;
    min-height: 600px;
    max-height: 600px;
    object-fit: cover;
}

@media (min-width: 1200px) {
    .single-post-content .featured-img img {
        min-height: 700px;
        max-height: 700px;
    }
    .plateform-section .plate-form-item .featurd-img img {
    width: 100%;
    min-height: 316px;
    max-height: 392px;
    object-fit: cover;
    margin-bottom: 24px;
    }

}

.single-post-content .post-content {
    padding: 104px 0 80px;
}

.single-post-content .post-content h2,
.single-post-content .post-content h3 {
    margin-bottom: 20px;
    margin-top: 44px;
}

.single-post-content .post-content h2,
.single-post-content .post-content h3,
.single-post-content .post-content h4,
.single-post-content .post-content h5,
.single-post-content .post-content h6 {
    color: var(--Orange);
}

.single-post-content .post-content h4,
.single-post-content .post-content h5,
.single-post-content .post-content h6 {
    margin-bottom: 20px;
}

.single-post-content .post-content img {
    margin-top: 64px;
}

.single-post-content .wp-caption-text {
    text-align: left;
    margin: 16px 0 48px;
    font-size: 14px;
    padding-left: 8px;
    border-left: 2px solid var(--Orange);
}

.single-post-content blockquote {
    margin-left: 0;
    margin-top: 36px;
    margin-bottom: 32px;
    padding-left: 26px;
    border-left: 2px solid var(--Orange);
    font-size: 23px;
}

.single-post-content ul {
    margin-top: 40px;
    margin-left: 48px;
    margin-bottom: 0;
}

.single-post-content .post-content ul li:not(:last-child) {
    margin-bottom: 8px;
}

.single-post-content .wp-video {
    width: 100% !important;
    margin: 80px 0;
}

.single-post-content .share-post {
    padding-bottom: 48px;
    border-bottom: 1px solid var(--Navy);
}

.single-post-content .share-post ul {
    list-style: none;
    gap: 8px;
    margin: 0;
}

.single-post-content .share-post p {
    font-weight: 500;
    color: var(--Orange);
    margin-bottom: 16px;
}

.single-post-content .share-post ul li img {
    margin-top: 0;
}

.related-post .read-more a {
    display: flex;
    align-items: center;
    width: fit-content;
}

.related-post .read-more a:hover svg {
    transition: all 0.3s ease-in-out;
}

.related-post .read-more a:hover svg path {
    fill: var(--Orange);
}

.related-post .read-more a::after {
    display: none;
}

.related-post .plateform-slider.slick-initialized.slick-slider {
    margin: 0;
}

.related-post .plateform-slider a {
    text-decoration: none;
}

.related-post .plateform-slider h4 {
    color: var(--Text-White);
}

.related-post .plateform-slider .plate-form-item {
    width: calc((100% - (32px * 2)) / 3);
}

.related-post .plateform-slider {
    gap: 32px;
    flex-wrap: wrap;
}

.related-post.plateform-section .plate-form-item .featurd-img img {
    min-height: 17.222vw;
    max-height: 17.222vw;
}

@media (min-width: 1500px) {
    .related-post.plateform-section .line {
        width: 783px;
    }
}

/* excellence-architecure */

.excellence-architecure {
    padding: 120px 0 120px;
    background-color: var(--Navy);
}

.excellence-architecure .excellence-wrapper {
    gap: 32px;
}

.excellence-architecure .excellence-wrapper .left-col,
.excellence-architecure .excellence-wrapper .right-col {
    width: calc((100% - (32px)) / 2);
    color: var(--Text-White);
}

.excellence-architecure.three-park-place-number .excellence-wrapper .left-col .number-text-block:nth-child(2) p:not(.number p) {
    position: absolute;
    max-width: 204px;
    right: 110px;
    bottom: -20px;
    left: auto;
}

.excellence-architecure .excellence-wrapper .heading-block {
    max-width: 408px;
    text-align: left;
}

.excellence-architecure .excellence-wrapper .heading-block p {
    font-size: 23px;
    line-height: 120%;
    font-weight: 300;
}

.excellence-architecure .excellence-wrapper .number-text-block .number p {
    font-size: 146px;
    font-weight: 300;
    line-height: 90%;
    font-family: 'SeasonMix';
}

.excellence-architecure .excellence-wrapper .number-text-block p:not(.number p) {
    font-size: 30px;
    line-height: 150%;
}

.excellence-architecure .excellence-wrapper .left-col .number-text-block {
    margin-top: 177px;
    position: relative;
}

.excellence-architecure .excellence-wrapper .left-col .number-text-block .number p {
    margin-bottom: 17px;
}

.excellence-architecure .excellence-wrapper .right-col .number-text-block .number p {
    margin-bottom: 10px;
}

.excellence-architecure .excellence-wrapper .right-col .number-text-block:first-child {
    max-width: 292px;
    margin-bottom: 105px;
    margin-left: -100px;
}

.excellence-architecure .excellence-wrapper .right-col .number-text-block:nth-child(2) {
    max-width: 404px;
    margin-bottom: 129px;
    margin-left: 50px;

}

.excellence-architecure .excellence-wrapper .right-col .number-text-block:nth-child(3) {
    max-width: 326px;
    margin-left: 150px;
}


/* specification-section */

.specification-section.navy-bg {
    background-color: var(--Navy);
}

.specification-slide-wrapper.mobile-view {
    display: none;
}

.specification-section .heading-block h2 {
    color: var(--Orange);
    max-width: 624px;
}

.specification-section .heading-block .btn.outline-btn.border-orange {
    width: 50%;
    margin-left: auto;
    margin-top: 24px;
}

.specification-section .heading-block .btn.outline-btn.border-orange a {
    color: var(--Text-White) !important;
}

.specification-section .heading-block .btn.outline-btn.border-orange a:hover {
    color: var(--Navy) !important;
}

.specification-section .heading-block p,
.specification-section .maping-overview .tab-wrapper h3 {
    color: var(--Text-White);
}

.specification-section .maping-overview .tab-wrapper {
    border-top-color: var(--Orange);
    color: var(--Text-White);
}

.specification-section .maping-overview .tab-wrapper p {
    margin-bottom: 3px;
}

.specification-section .maping-overview .specification-slide-wrapper {
    width: calc(50% + 43px);
    position: relative;
}

.specification-section .maping-overview .specification-slider .slick-slide {
    padding-left: 43px;
}

.specification-section .maping-overview .specification-slider .slick-slide>div {
    display: block !important;
}

.specification-section .tab-item,
.specification-section .key-item {
    padding: 14px 0;
    border-top: 1px solid var(--Orange);
}

.specification-section .key-item a {
    color: var(--Text-White);
    display: flex;
    justify-content: space-between;
    text-decoration: none;
}

.specification-section.maping-section .maping-overview .maping-tab-content {
    gap: 65px;
    align-items: flex-start;
}

.specification-section .tab-item .title {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.specification-section .tab-item .title p,
.specification-section .tab-item,
.specification-section .key-item {
    font-family: 'SeasonMix';
}

.specification-section .tab-item .title span {
    color: var(--Orange);
    font-size: 40px;
    width: 24px;
    font-weight: 300;

}

.specification-section .tab-item .title p {
    line-height: 110%;
}

.specification-section .tab-item .content {
    padding-top: 24px;
}

.specification-section .tab-item .content p {
    font-size: 16px;
    font-family: 'SeasonSans';
}

.specification-section .tab-item .content p:not(:last-child) {
    margin-bottom: 24px;
}

.specification-section .map-title {
    padding-bottom: 32px;
}

.specification-section .specification-tab-wrapper {
    padding-top: 8px;
    gap: 0px 54px;
    width: 100%;
}

.specification-section .specification-tab {
    width: calc(53% - 27px);
}

.specification-section .specification-tab.key-specification-tab {
    width: 100%;
}

.specification-section .key-download {
    width: calc(43% - 27px);
}

.specification-section .slick-prev {
    left: 43px !important;
    bottom: -34px !important;
}

.specification-section .slick-next {
    left: 70px;
    bottom: -34px !important;
}

.specification-section .slick-prev,
.specification-section .slick-next {
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(17%) hue-rotate(357deg) brightness(109%) contrast(100%);
    /* display: none; */
}

.specification-section .gym-slider-wrapper .slick-progress span {
    background: #fff;
}

.specification-section .slick-dots li button {
    background-color: var(--White) !important;
    opacity: 20%;
}

.specification-section .slick-dots li.slick-active button {
    background-color: var(--White) !important;
    opacity: 1;
}

.specification-section .specification-slider img {
    width: 100%;
    min-height: 559px;
    max-height: 559px;
    object-fit: contain;
    background: #EAF3FF;
}

.specification-section .main-caption {
    position: absolute;
    left: 0px;
    bottom: 6px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    overflow: hidden;
    color: var(--Text-White);
}

.specification-section .caption {
    padding-top: 112px;
    /* opacity: 0; */
}

.specification-section .caption::after {
    content: "";
    width: 1px;
    height: 104px;
    background: #fff;
    background-color: rgb(255, 255, 255);
    left: 7px;
    top: 0;
    position: absolute;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
}

.specification-section .slick-dots {
    text-align: right;
    bottom: -23px;
    left: auto;
    right: 0;
}

.specification-custom-arrow {
    padding-left: 43px;
    padding-top: 9px;
    position: relative;
    z-index: 1;
    width: fit-content;
}

.specification-custom-arrow svg {
    cursor: pointer;

}


/* floor-fit-out */

.floor-fit-out {
    background-color: var(--Ecru-50);
    padding: 80px 0 170px;
}

.floor-fit-out .heading-block {
    text-align: left;
}

.floor-fit-out .heading-block h2 {
    margin-bottom: 32px;
}

.floor-fit-out ul {
    margin: 0;
    list-style: none;
}

.floor-fit-out .services-tab {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--Ecru-700);
}

.floor-fit-out .services-tab ul {
    gap: 16px;
}

.floor-fit-out .services-tab ul li {
    color: var(--Ecru-700);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.floor-fit-out .services-tab ul li.active {
    color: var(--Navy);
    font-weight: 500;
    text-decoration: underline;
}

.floor-fit-out .services-tab-wrapper {
    padding-top: 32px;
}

.floor-fit-out .services-tab-wrapper .services-content {
    gap: 69px;
    display: none !important;
}

.floor-fit-out .services-tab-wrapper .services-content.active {
    display: flex !important;
}

.floor-fit-out .services-tab-wrapper .services-content .left-col {
    width: 28.5%;
}

.floor-fit-out .services-tab-wrapper .services-content .right-col {
    width: calc(71.5% - 69px);
}

.floor-fit-out .services-tab-wrapper .services-content .right-col img {
    min-height: 565px;
    max-height: 565px;
    object-fit: contain;
}

.floor-fit-out .services-tab-wrapper .services-content h6 {
    margin-bottom: 10px;
    color: var(--Navy);
}

.floor-fit-out .services-tab-wrapper .services-content .left-col .services-item:not(:last-child) {
    margin-bottom: 30px;
}

.floor-fit-out .services-tab-wrapper .services-content ul li {
    padding-left: 24px;
    font-size: 14px;
    color: var(--Ecru-700);
    position: relative;
}

.floor-fit-out .services-tab-wrapper .services-content ul li::after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 5px;
    transition: transform 0.3s ease;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'><path d='M13.575 8.25H2V8.75H13.575V8.25Z' fill='%23886246'/><path d='M13.925 8.49922L8 13.9242V13.2492L12.925 8.74922L13.2 8.49922L12.925 8.24922L8 3.74922V3.07422L13.925 8.49922Z' fill='%23886246'/></svg>");
}

.floor-fit-out .services-tab-wrapper .services-content ul li:not(:last-child) {
    margin-bottom: 4px;
}

.floor-fit-out .services-tab-wrapper .services-content .services-item p {
    font-size: 14px;
    color: var(--Ecru-700);
}

.explore-park-place {
    padding: 112px 0;
    background-color: var(--warm-green);
}

.explore-park-place .heading-block {
    text-align: left;
    color: var(--Text-Black);
}

.explore-park-place .explore-wrapper {
    gap: 80px 48px;
    padding-top: 80px;
}

.explore-park-place .explore-wrapper .explore-item {
    width: calc((100% - 48px) / 2);
    display: flex;
    flex-direction: column;
}

.explore-park-place .explore-wrapper .explore-item .read-more {
    margin-top: auto;
}

.explore-park-place .explore-wrapper .explore-item .e-img img {
    min-height: 346px;
    max-height: 346px;
    object-fit: cover;
    margin-bottom: 24px;
}

.explore-park-place .explore-wrapper .explore-item h4 {
    color: var(--Text-Black);
    margin-bottom: 8px;
}

.explore-park-place .explore-wrapper .explore-item p {
    margin-bottom: 16px;
    color: var(--Text-Black);
}



/* .excellence-architecure.three-park-place-number */

.excellence-architecure.three-park-place-number .excellence-wrapper .left-col .number-text-block:first-child {
    max-width: 562px;
}

.excellence-architecure.three-park-place-number .excellence-wrapper .left-col .number-text-block:nth-child(3) {
    max-width: 150px;
    margin-top: 209px;
    margin-left: auto;
    margin-right: auto;
}

.excellence-architecure.three-park-place-number .right-col .number-text-block:first-child {
    margin-left: 0;
    margin-bottom: 110px;
}

.excellence-architecure.three-park-place-number .right-col .number-text-block:nth-child(2) {
    max-width: 244px;
    margin-left: 100px;
    margin-bottom: 294px;
}

.excellence-architecure.three-park-place-number .right-col .number-text-block:nth-child(3) {
    margin-left: -100px;
}

/* Loading Overlay for News Filtering */
.new-listing {
    position: relative;
}

.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    backdrop-filter: blur(2px);
    width: 100% !important;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid var(--Ecru-100);
    border-top: 4px solid var(--Orange);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

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

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

.pagination-list {
    margin: 0;
    margin-top: 0px;
    list-style: none;
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 48px;
}

.page-numbers.dots {
    background: transparent;
    padding: 0;
    width: auto;
    height: auto;
}

.pagination-list span.current {
    color: var(--Navy);
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    border-bottom: 1px solid var(--Orange);
}

.pagination-list a {
    padding: 8px 12px;
    text-decoration: none;
    color: var(--Navy);
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}

.news-block .read-more {
    margin-top: auto;
}

/* responsive */

@media(max-width:1400px) {
    .google-map .info-list {
        padding-top: 8px;
        padding-bottom: 16px;
    }

    .google-map .map-info-block {
        padding: 0px 36px 16px;
    }

    .excellence-architecure.three-park-place-number .excellence-wrapper .left-col .number-text-block:nth-child(2) p:not(.number p) {
        right: 30px;
    }
}

@media(max-width:1199px) {
    
    .excellence-architecure .excellence-wrapper .number-text-block .number p{
        font-size: 100px;
    }
    .explore-park-place .explore-wrapper .explore-item .e-img img{
        min-height: 250px;
        max-height: 250px;
    }
    .take-look-around.plateform-section .plate-form-item .featurd-img img{
        min-height: 416px;
        max-height: 416px;
    }
    body .inner-banner.bigbanner:not(.about-banner){
        min-height: 100vh;
  max-height: 100vh;
    }
    .everthing-you-need.bg-navy .container{
        padding-bottom: 215px;
  background-position: 95% 100%;
  background-size: 132px;
    }
    .everthing-you-need .container{
        background-position: 95% 114%;
        background-size: 125px;
        padding-bottom: 225px;
    }
    .excellence-architecure.three-park-place-number .excellence-wrapper .left-col .number-text-block:nth-child(2) p:not(.number p) {
        position: unset;
        max-width: unset;
    }
    .everthing-you-need.white-bg .container{
        background-position: 95% 105.5%;
  padding-bottom: 330px;
  background-size: 152px;
    }
    .specification-section .specification-slider img ,.future-work .future-work-content .future-img img{
  min-height: 420px;
  max-height: 420px;
    }
    .main-caption p{
        font-size: 14px;
    }
    .maping-section .maping-overview .maping-img{
  width: 44%;
}
.specification-section .specification-tab,.specification-section .key-download{
    width: 100%;
}
.maping-section .maping-overview .tab-wrapper,.specification-section .maping-overview .specification-slide-wrapper  {
  width: calc(50% - 15px);
}
.maping-section .maping-overview .maping-tab-content{
    gap: 30px !important;
}
.map-title{
    margin-bottom: 20px;
}
.full-width-img img{
    min-height: 100%;
    max-height: 100%;
    
}
    .excellence-architecure.three-park-place-number .excellence-wrapper .left-col .number-text-block:nth-child(3) {
        margin-top: 150px;
    }

    .contact-setion .contact-info {
        gap: 50px;
    }

    .contact-setion .contact-info .cta-col:first-child {
        max-width: 200px;
    }

    .contact-setion .contact-info .cta-col:last-child {
        width: calc(100% - 250px);
    }

    .news-block .news-cat-list {
        padding-top: 48px;
    }

    .news-block .news-cat-list ul {
        margin-bottom: 40px;
    }
   

    .located-city {
        padding: 100px 0;
    }

    .located-city blockquote {
        font-size: 50px;
    }

    .img-grid-section {
        padding: 150px 0;
    }


    .inner-banner .description {
        margin-top: 24px;
        max-width: 404px;
    }
  .page-id-21 .inner-banner .description {
        max-width: 404px;
        margin-top: 0;
    }
    .google-map .info-list {
        padding-bottom: 10px;
        padding-top: 6px;
    }

    .google-map .map-wrapper h6 {
        font-size: 16px;
    }

    .google-map .map-wrapper .info-title {
        font-size: 20px;
    }

    .google-map .map-info-block .map-info .info-title {
        margin-top: 16px;
    }

    .google-map .map-info-block {
        width: 30%;
        padding: 16px 16px 24px;
    }

    .google-map .map-block {
        width: 70%;
    }

    .full-img-with-text .animation-text {
        width: 150px;
        height: 150px;
    }

    .welcome-callout-section .contact-info .content a {
        font-size: 15px;
    }

    .company-logo .logo-wrapper .slick-slide {
        margin: 0 50px;
    }

    .news-block .new-listing .news-item img {
        min-height: 195px;
        max-height: 195px;
    }
    .plateform-section .plate-form-item .featurd-img img{
        min-height: 237px;
        max-height: 237px;
    }
    .future-work.gym-slider .future-work-content .future-img img {
  min-height: 450px;
  max-height: 450px;
}
/* .future-work.gym-slider.rtl .future-work-content .future-img img {
  min-height: 500px;
  max-height: 500px;
} */
.full-img-with-text .text-wrappper .line-top-bottom{
    left: 0;
}
.middle-img img {
  min-height: 550px;
  max-height: 550px;
}
.where-are-we-content-wrapper .two-col-img > * img {
    min-height: 150px;
  max-height: 150px;
}
.future-work .future-work-content {
  gap: 30px;
}
.future-work .future-work-content .col-sm {
  width: calc(44% - 15px);
}
.future-work .future-work-content .col-md {
  width: calc(56% - 15px);
}

}

@media(max-width:1024px) {
    .maping-section .map-tab p strong {
        display: block;
    }
    .full-img-with-text {
        padding-bottom: 150px;
    }

    .excellence-architecure.three-park-place-number .right-col .number-text-block:nth-child(2) {
        margin-bottom: 210px;
    }

    .future-work.p-160,
    .take-look-around.white-bg,
    .campus-overview-wrapper {
        padding: 100px 0;
    }

    .left-right-text h2,
    .excellence-architecure .excellence-wrapper .number-text-block .number p {
        font-size: 80px;
    }

    .left-right-text .container {
        max-width: 960px;
    }

    .left-right-text .content-wrapper .text-block:nth-child(2) p {
        position: unset;
    }

    .excellence-architecure .excellence-wrapper .right-col .number-text-block:first-child {
        margin-left: -20px;
    }   
    .take-look-around.plateform-section .plate-form-item .featurd-img img{
        min-height: 400px;
        max-height: 400px;
    }
}

@media(max-width:991px) {
    .page-id-15 .inner-banner .description, .page-id-19 .inner-banner .description{
    transform: unset;
    display: flex;
    flex-direction: column;
}

.page-id-15 .inner-banner .description .title, .page-id-19 .inner-banner .description .title{
    order: 2;
    margin-bottom: 16px;
}
.page-id-15 .inner-banner .description  p:first-child, .page-id-19 .inner-banner .description p:first-child{
    order: 1;
}
.page-id-15 .inner-banner .description p:last-child, .page-id-19 .inner-banner .description p:last-child{
    order: 3;
}
.page-id-15 .inner-banner .banner-text, .page-id-19 .inner-banner .banner-text{
    top:60px;
}
    .news-banner.marquee-section .marquee-item:not(:last-child) {
  padding-bottom: 11px;
}
    .inner-banner .description{
        transform: translateY(0);
    }
    .where-are-we-content-wrapper .two-col-img > * img{
        min-height: 115px;
        max-height: 115px;
    }
    .middle-img img{
        min-height: 450px;
        max-height: 450px;
    }
  .plateform-section .plate-form-item .featurd-img img {
  min-height: 210px;
  max-height: 210px;
  }
  .workspace .workpace-wrapper .workpace-item .featured-img img{
    min-height: 390px;
    max-height: 390px;
  }
    .site-footer {
        position: static;
    }

    .welcome-callout-section .contact-info {
        gap: 32px;
    }

    .welcome-callout-section .contact-info .info-item {
        width: calc((100% - 32px) / 2);
    }

    .page-id-199 .maroon-cta-content {
        width: 100%;
    }

    .related-post .line,
    .related-post .aerrows-btn-block {
        display: none;
    }

    .related-post .plateform-slider {
        gap: 16px;
        padding-top: 48px;
    }

    .related-post .plateform-slider h4 {
        font-size: 20px;
    }

    .contact-setion .address-row .address-box {
        padding-top: 32px;
    }

    .news-block .new-listing>* {
        width: calc((100% - (32px * 1)) / 2);
    }



    .full-img-with-text .animation-text {
        top: 23px;
        left: auto;
        right: 27px;
    }

    .google-map .map-wrapper {
        flex-direction: column-reverse;
    }

    .google-map .map-block,
    .google-map .map-info-block {
        width: 100%;
    }

    .google-map .map-block .img {
        margin-left: -3px;
    }

    .google-map .map-wrapper {
        padding-top: 54px;
    }

    .excellence-architecure .excellence-wrapper .number-text-block p:not(.number p) {
        font-size: 20px;
    }

    .excellence-architecure .excellence-wrapper .number-text-block .number p {
        font-size: 70px;
    }

    .excellence-architecure .excellence-wrapper .left-col .number-text-block {
        margin-top: 88px;
    }

    .marquee-item {
        gap: 16px;
    }

    .future-work .future-work-content .col-sm {
        width: calc(44% - 24px);
    }

    .future-work .future-work-content .col-md {
        width: calc(56% - 24px);
    }

    .img-grid-text .text-with-img .line-top-bottom {
        left: 38px;
    }

    .full-img-with-text .text-wrappper .line-top-bottom {
        height: 430px;
        left: 0;
    }

    .img-grid-section,
    .future-work.p-160,
    .img-grid-section.white-bg,
    .news-block,
    .contact-setion,
    .floor-fit-out,
    .explore-park-place {
        padding: 100px 0;
    }

    .historic-character .historic-character-wrapper>* {
        width: 100%;
    }

    .historic-character .historic-character-wrapper .left-col .title-text-box {
        padding-left: 10px;
    }

    .everthing-you-need .container {
        background-position: 95% 114%;
        background-size: 125px;
    }

    .everthing-you-need.white-bg .container {
        background-position: 95% 105.5%;
    }

    .everthing-you-need {
        padding-bottom: 0;
        padding-top: 80px;
    }

    .everthing-you-need .container {
        padding-bottom: 239px;
    }

    .everthing-you-need.bg-navy .container {
        padding-bottom: 215px;
        background-position: 95% 100%;
    }

    .historic-character {
        padding: 80px 0;
    }

    /* .inner-banner .description p:not(:first-child) {
        display: none;
    } */

    .inner-banner .description {
        margin: 0;
    }

    .inner-banner.bigbanner:not(.about-banner) .banner-text {
        display: flex;
        flex-direction: column-reverse;
        gap: 16px;
    }

    .inner-banner.bigbanner .banner-text img {
        margin-bottom: 0;
    }

    /* .inner-banner.bigbanner .container {
        bottom: 36px;
    } */

    .inner-banner.bigbanner.about-banner .description {
        padding-top: 18px;
    }

    .inner-banner.bigbanner.about-banner .banner-text {
        bottom: 15px;

    }

    .inner-banner.bigbanner.location-banner .banner-text h1 span {
        padding-left: 0px;
    }

    .single-post-content .heading-block {
        padding-bottom: 58px;
    }

    .single-post-content .post-content {
        padding: 72px 0 72px;
    }

    .single-post-content .post-content h2,
    .single-post-content .post-content h3 {
        margin-bottom: 24px;
        margin-top: 24px;
    }

    .single-post-content .post-content img {
        margin-top: 58px;
    }

    .future-work.white-bg.orange-title .caption-text p {
        font-size: 16px;
    }

    .specification-slide-wrapper.mobile-view {
        display: block;
    }

    .specification-slide-wrapper.desktop-view {
        display: none;
    }

    .specification-section .specification-slider img {
        min-height: 72.786vw;
        max-height: 72.786vw;
    }

    .specification-section .maping-overview .tab-wrapper,
    .specification-section .maping-overview .specification-slide-wrapper {
        width: 100%;
    }

    .specification-section .maping-overview .specification-slider .slick-slide .img {
        display: flex !important;
        flex-direction: column-reverse;
        gap: 8px;
    }

    .specification-custom-arrow {
        padding-left: 0;
        left: 43px;
    }

    .specification-section .specification-tab-wrapper {
        padding-top: 68px;
    }

    .specification-section .map-title {
        padding-bottom: 24px;
    }

    .specification-section .heading-block p,
    .specification-section .heading-block .btn.outline-btn.border-orange {
        margin-left: 0;
        width: 100%;
    }

    .explore-park-place .explore-wrapper {
        gap: 48px;
        padding-top: 48px;
    }

    .maping-section .maping-overview .tab-wrapper,
    .maping-section .maping-overview .maping-img {
        width: 100%
    }

    .maping-section .maping-overview .maping-tab-content {
        gap: 48px;
        flex-direction: column-reverse;
    }

    .maping-section .map-tab {
        margin-top: 24px;
        width: 100%;
    }

    .maping-section .maping-overview .maping-img .img {
        margin-top: 24px;
    }

    .maping-section .maping-overview .maping-img .img:first-child {
        display: block;
    }

    .maping-section .tab-arrow {
        display: none;
    }

    .maping-section .accordion-icon {
        color: #A7A6A1 !important;
        font-size: 34px !important;
        font-weight: 300 !important;
    }

    .maping-tab-content .content {
        display: flex;
        gap: 24px;
        padding-bottom: 32px;
        flex-wrap: wrap;
    }

    .maping-section .map-tab .content:last-child {
        padding-bottom: 0;
    }

    .maping-tab-content .content>*:not(table) {
        flex: calc(50% - 12px);
    }

    .maping-tab-content .content p {
        font-size: 14px;
    }

    .maping-tab-content .content h6 {
        display: none;
    }

    .maping-tab-content .content table {
        width: 100%;
        flex: 100%;
        margin-bottom: 0 !important;
    }

    .maping-tab-content .content p {
        margin-bottom: 0 !important;
    }

    .take-look-around.plateform-section .plate-form-item .featurd-img img {
       max-height: 316px;
    min-height: 316px;
    }
 
}


@media(max-width:767px) {
    .news-block .news-cat-list{
        position: relative;
        right: -20px;
    }
      .page-id-15 .inner-banner .banner-text, .page-id-19 .inner-banner .banner-text {
    top: 120px;
  }
.page-id-15 .inner-banner .description p:last-child br, .page-id-19 .inner-banner .description p:last-child br{
  display: none;
}
    .full-width-img .pp-mobile{
    display: block;
}
.full-width-img .pp-desktop{
    display: none;
}
    body .specification-section .main-caption {
        position: unset;
        writing-mode: unset;
        text-orientation: unset;
        transform: unset;
        display: block !important;
    }

    body .specification-section .main-caption .caption {
        padding: 0;
    }

    body .specification-section .main-caption .caption::after {
        display: none;
    }

    .specification-section .future-img {
        display: flex !important;
        flex-direction: column-reverse;
        gap: 8px;
    }

    .specification-section .maping-overview .specification-slider .slick-slide {
        padding-left: 0;
    }

    .specification-section .main-caption {
        display: none !important;
    }

    .specification-custom-arrow {
        left: 0;
    }

    .floor-fit-out .services-tab-wrapper .services-content .right-col img {
  min-height: 300px;
  max-height: 300px;
    }
    .maping-section .maping-overview .tab-wrapper {
        gap: 0px;
        padding-top: 16px;
    }

    .img-grid-text .text-with-img .line-top-bottom {
        left: 0;
        top: -240px;
        width: 2px;
    }

    .maping-section .maping-tab-content-bottom {
        width: calc(43% - 8px);
    }

    .page-id-199 .welcome-callout-section {
        background-position: left 840px;
    }

    .welcome-callout-section .contact-info .info-item,
    .explore-park-place .explore-wrapper .explore-item {
        width: 100% !important;
    }

    .explore-park-place .explore-wrapper .explore-item .e-img img {
        min-height: 346px !important;
        max-height: 346px !important;
    }

    .excellence-architecure.three-park-place-number .excellence-wrapper .left-col .number-text-block:nth-child(3) {
        margin-top: 32px;
    }

    .specification-section .tab-item .title p {
        font-size: 18px;
    }

    .specification-section .tab-item .content p {
        font-size: 14px;
    }

    .news-block .new-listing>* {
        width: 100%;
    }

    .related-post .plateform-slider .plate-form-item,
    .specification-section .specification-tab,
    .specification-section .key-download,
    .floor-fit-out .services-tab-wrapper .services-content .left-col,
    .floor-fit-out .services-tab-wrapper .services-content .right-col {
        width: 100%;
        max-width: 100%;
    }

    .floor-fit-out .services-tab-wrapper .services-content {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .floor-fit-out .services-tab ul li {
        font-weight: 500;
    }

    .related-post .plateform-slider {
        gap: 24px;
    }

    .single-post-content blockquote {
        font-size: 20px;
    }


    .related-post.plateform-section .plate-form-item .featurd-img img {
        min-height: 250px;
        max-height: 250px;
        margin-bottom: 16px;
    }

    .news-block .new-listing .news-item p {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .full-img-with-text .animation-text {
        width: 100px;
        height: 100px;
        top: 19px;
        right: 12px;
    }

    .news-block .new-listing {
        gap: 24px;
    }

    .news-banner.marquee-section {
        padding: 122px 0 60px;
    }

    .pagination-list {
        margin-top: 30px;
        gap: 10px;
    }

    .campus-overview-section.bg-green .campus-overview-wrapper .btn a,
    .historic-character .historic-character-wrapper .left-col .btn a {
        font-size: 14px;
        padding: 9.5px 26px;
    }

    .full-img-with-text.big-line .text-wrappper img {
        height: 394px;
    }

    .line-up.full-img-with-text .text-wrappper .line-top-bottom {
        bottom: 50px;
        height: 434px;
    }

    .news-block .heading-block p {
        font-size: 20px;
        font-weight: 400;
        line-height: 110%;
    }

    .google-map .map-block .img {
        margin-left: -1.5px;
    }

    .google-map .heading-block,
    .news-block .heading-block {
        text-align: center;
    }

    .google-map .heading-block h2,
    .specification-section .heading-block h2 {
        margin-bottom: 24px;
    }

    .google-map .heading-block p {
        font-size: 20px;
    }

    .google-map .map-info-block {
        padding: 8px 24px 14px;
    }

    .google-map .map-wrapper h6 {
        font-size: 18px;
    }

    .left-right-text h2 {
        font-size: 72px;
    }

    .left-right-text p,
    .specification-section .heading-block p {
        font-size: 16px !important;
    }

    .specification-section .heading-block .btn.outline-btn.border-orange,
    .specification-section .key-download {
        margin-top: 40px;
    }

    .specification-section .heading-block .btn.outline-btn.border-orange a {
        font-size: 14px;
        padding: 9.2px 26px;
    }

    .heading-block h3 {
        margin-bottom: 12px;
    }

    .inner-banner .banner-text .description h3 {
        font-size: 23px;
    }

    .three-park-place.inner-banner .banner-text h2 {
        font-size: 23px;
        margin-bottom: 8px;
    }

    .excellence-architecure .excellence-wrapper .left-col,
    .excellence-architecure .excellence-wrapper .right-col {
        width: 100%;
    }

    .excellence-architecure .excellence-wrapper .left-col .number-text-block,
    .excellence-architecure .excellence-wrapper .right-col .number-text-block {
        width: fit-content;
    }

    .excellence-architecure .excellence-wrapper .left-col .number-text-block,
    .excellence-architecure .excellence-wrapper .right-col .number-text-block:nth-child(2n) {
        margin-left: auto;
        margin-bottom: 0;
    }
    .excellence-architecure .excellence-wrapper .left-col .number-text-block:last-child{
      margin-left: 0;
    }

    .excellence-architecure .excellence-wrapper .right-col .number-text-block:first-child,
    .excellence-architecure .excellence-wrapper .right-col .number-text-block:nth-child(3) {
        margin-left: 0;
        margin-bottom: 0;
    }
    .excellence-architecure .excellence-wrapper .left-col .number-text-block {
      margin-top: 60px;
    }
    .excellence-architecure .excellence-wrapper .right-col {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

    .floor-fit-out .services-tab-wrapper {
        padding-top: 16px;
    }
    .excellence-architecure .excellence-wrapper .right-col{
        margin-top: 30px;
    }
    .excellence-architecure .excellence-wrapper .right-col .number-text-block:first-child{
        max-width: 50%;
    }
.excellence-architecure .excellence-wrapper .right-col .number-text-block:nth-child(n){
    margin-left:auto !important;
}
.excellence-architecure .excellence-wrapper .right-col .number-text-block:nth-child(2n){
    margin-left: 0 !important;
}


    .img-grid-section {
        padding: 64px 0;
        box-shadow: inset 0 152px 00px var(--Navy);
    }

    .img-grid-section .grid-wrapper>*,
    .img-grid-section .grid-wrapper .image-wrapper {
        width: 100%;
    }

    .img-grid-section .grid-wrapper,
    .img-grid-section .grid-wrapper .right-col {
        gap: 24px;
    }

    .img-grid-section .grid-wrapper>* {
        flex-direction: row-reverse;
    }

    .img-grid-section .grid-wrapper .left-col img {
        width: 100%;
        min-height: 400px !important;
        max-height: 400px !important;
    }

    .img-grid-section .grid-wrapper .right-col .image-wrapper {
        width: calc(50% - 12px);
    }

    .img-grid-section .grid-wrapper .right-col .image-wrapper:nth-child(2) img {
        width: 100%;
        max-width: 100%;
        min-height: 227px !important;
        max-height: 227px !important;
    }

    .img-grid-section .grid-wrapper .right-col .image-wrapper:first-child img {
        min-height: 151px !important;
        max-height: 151px !important;
        width: 100%;
        max-width: 100%;
    }

    .where-are-we-content-wrapper .col-sm,
    .where-are-we-content-wrapper .col-md {
        width: 100%;
    }

    .where-are-we-content-wrapper .col-md {
        order: 1;
    }

    .where-are-we-content-wrapper .col-sm:first-child {
        order: 3;
    }

    .where-are-we-content-wrapper .col-sm:last-child {
        order: 2;
    }

    .where-are-we-content-wrapper {
        margin-top: 0;
        padding-top: 91px;
        gap: 32px;
    }

    .everthing-you-need.white-bg .heading-block p {
        margin-top: 16px;
    }

    .where-are-we-content-wrapper .col-md img {
        min-height: 400px !important;
        max-height: 400px !important;
        object-fit: cover;
    }

    .where-are-we-content-wrapper .stamp-animation {
        max-width: 154px !important;
        position: absolute;
        top: 2px;
        right: -10px;
    }

    .where-are-we-content-wrapper .bottom-content {
        padding-top: 32px;
        display: flex;
        flex-direction: row-reverse;
        gap: 24px;
    }

    .where-are-we-content-wrapper .bottom-content>* {
        width: calc(50% - 12px);
    }

    .where-are-we-content-wrapper .bottom-content p {
        font-size: 14px;
    }

    .where-are-we-content-wrapper .two-col-img {
        gap: 16px;
    }

    .where-are-we-content-wrapper .two-col-img img {
        min-height: 200px !important;
        max-height: 200px !important;
        object-fit: cover;
    }

    .where-are-we-content-wrapper .two-col-img>* {
        width: 100%;
    }

    /* .full-width-img img {
        min-height: calc(100vh - 62px) !important;
        max-height: calc(100vh - 62px) !important;
    } */

    /* .inner-banner .banner-image img {
        min-height: 603px !important;
        max-height: 603px !important;
    } */
.inner-banner{
    min-height: 604px;
    max-height: 604px;
}
body.logged-in .inner-banner,body .inner-banner.bigbanner:not(.about-banner),body .inner-banner.bigbanner.about-banner{
    min-height: 604px !important;
    max-height: 604px !important;
}
body.logged-in .inner-banner .banner-image{
    top: 46px;
}
    .inner-banner .banner-text {
        bottom: 33px;
    }
    .inner-banner .banner-image{
        height: 604px;
    }

    .located-city,
    .future-work,
    .historic-character,
    .everthing-you-need,
    .maping-section,
    .workspace,
    .company-logo,
    .future-work.p-160,
    .left-right-text,
    .take-look-around.white-bg,
    .excellence-architecure,
    .google-map,
    .img-grid-section.white-bg,
    .news-block,
    .single-post-content .post-content,
    .single-post-content,
    .floor-fit-out,
    .explore-park-place {
        padding: 64px 0;
    }
    .page-id-17 .inner-banner.bigbanner.about-banner + .future-work{
        padding-top: 0 !important;
    }
    .page-id-17 .inner-banner .container{
        bottom: 60px;
    }

    .single-post-content {
        padding-top: 122px;
    }

    .contact-setion {
        padding-top: 122px;
        padding-bottom: 0;
    }

    .contact-setion .heading-block img {
        margin-bottom: 24px;
    }

    .contact-setion .address-row {
        padding-top: 24px;
    }

    .ct-google-map {
        padding-top: 32px;
    }

    .ct-google-map img {
        min-height: 348px !important;
        max-height: 348px !important;
        width: 100%;
        object-fit: cover;
    }

    .contact-setion .address-row .description p {
        font-size: 20px;
        line-height: 110%;
        font-weight: 400;
    }

    .contact-setion .contact-info {
        margin-top: 32px;
        padding-top: 32px;
    }

    .contact-setion .contact-info {
        gap: 48px;
    }

    .contact-setion .contact-info .cta-col:last-child {
        gap: 40px;
    }

    .contact-setion .contact-info .cta-col:last-child>*,
    .contact-setion .contact-info .cta-col {
        width: 100% !important;
        max-width: 100% !important;
    }

    .contact-setion .address-row .address-box .address-content a,
    .contact-setion .contact-info .cta-col .mf-b a {
        font-size: 14px;
    }

    .contact-setion .address-row .info-block {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .future-work {
        padding-top: 0;
    }

    .everthing-you-need {
        padding-bottom: 0;
    }

    .future-work.navy-bg .future-work-content .col-sm {
        padding-top: 24px;
    }

    .future-work.rtl .col-md {
        padding-right: 0;
    }

    .future-work:not(.navy-bg) .future-work-content .col-sm {
        padding-top: 64px;
    }

    .future-work.white-bg .future-work-content .col-sm {
        padding-top: 24px;
    }

    .future-work.gym-slider .future-work-content .future-img img,
    .future-work .future-work-content .future-img img {
        min-height: 298px !important;
        max-height: 298px !important;
    }

    .located-city .icon {
        width: 63px;
    }

    .located-city blockquote {
        margin-top: 40px;
        margin-right: 0;
        font-size: 36px;
        font-weight: 400;
    }

    .future-work .future-work-content .col-sm h3 {
        margin-bottom: 16px;
    }

    .heading-block {
        text-align: left;
    }

    .historic-character .heading-block p {
        font-size: 20px;
        font-weight: 400;
        line-height: 150%;
    }

    .historic-character .historic-character-wrapper {
        padding-top: 64px;
        gap: 64px;
    }

    .historic-character .historic-character-wrapper .left-col .title-text-box {
        padding-left: 8px;
    }

    .historic-character .historic-character-wrapper .left-col .title-text-box h3 {
        font-size: 23px;
    }

    .historic-character .historic-character-wrapper .left-col .btn {
        margin-left: 0;
    }

    .historic-character .historic-character-wrapper img {
        min-height: 348px !important;
        max-height: 348px !important;
        object-fit: cover;
    }

    body {
        font-size: 16px;

    }

    .everthing-you-need .heading-block p {
        margin-top: 20px;
        font-size: 20px;
        line-height: 150%;
        font-weight: 400;
    }

    .everthing-you-need:not(.white-bg) .everthing-block-wrapper .icon-box {
        padding-top: 0;
    }

    .everthing-you-need:not(.white-bg) .everthing-block-wrapper .icon-box {
        border-top: 0;
    }

    .everthing-you-need.white-bg .everthing-block-wrapper .icon-box {
        padding-top: 16px;
    }

    .everthing-you-need .everthing-block-wrapper .icon-box .icon {
        width: 56px;
        margin-bottom: 16px;
    }

    .everthing-you-need .everthing-block-wrapper {
        padding-top: 48px;
    }

    .everthing-you-need .everthing-block-wrapper .icon-box .content p {
        margin-top: 16px;
    }


    .everthing-you-need .everthing-block-wrapper {
        gap: 48px;
    }

    .maping-section .heading-block p {
        width: 100%;
    }

    .maping-section .heading-block p {
        font-size: 20px;
    }

    .workspace .workpace-wrapper .workpace-item .read-more {
        margin-top: 20px;
    }

    .workspace .workpace-wrapper .workpace-item .featured-img img {
        margin-bottom: 20px;
    }

    .workspace .workpace-item {
        padding: 28px 0;
    }

    .company-logo .heading-block,
    .default-page-banner .heading-block {
        text-align: center;
    }

    .default-page-banner .container {
        background-size: 81px;
        padding: 122px 0 60px;
    }

    .entry-content,
    .page-content {
        margin-top: 0;
    }

    .page-content h3,
    .page-content h4 {
        margin-bottom: 16px;
        margin-top: 24px;
    }

    .page-content ul {
        margin-top: 24px;
        margin-left: 18px;
    }

    .page-content blockquote {
        margin-top: 24px !important;
    }

    .company-logo .logo-wrapper {
        padding-top: 16px;
        margin: 0;
    }

    .company-logo .logo-wrapper .logo-item {
        width: calc((100% - (25px * 1)) / 2);
        display: flex;
        justify-content: center;
    }

    .take-look-around .take-look-slider.slick-initialized.slick-slider.slick-dotted {
        margin-right: 0;
    }

    .take-look-around .container {
        display: flex;
        flex-direction: column;
    }

    .take-look-around .container .heading-block {
        order: 1;
    }

    .take-look-around .container .naviation-block {
        order: 3;
    }

    .take-look-around .container .take-look-slider {
        order: 2;
    }

    .take-look-around.plateform-section .aerrows-btn-block {
        padding-bottom: 0;
        margin-top: 16px;
    }

    .everthing-you-need.white-bg .container {
        padding-bottom: 176px;
        background-position: 95% 109.5%;
    }

    .excellence-architecure .excellence-wrapper .number-text-block .number p {
        font-size: 60px;
    }

    .news-block .news-cat-list ul {
        gap: 8px;
    }

    .news-block .heading-block h2 {
        margin-bottom: 24px;
    }

    .single-post-content .wp-caption-text {
        margin-bottom: 32px;
    }

    .single-post-content ul {
        margin-top: 32px;
        margin-left: 18px;
    }

    .single-post-content .wp-video {
        margin: 48px 0;
    }

    body .slick-progress {
        margin-top: -7px !important;
    }
    .specification-section .tab-item .content{
        padding-top: 10px;
        padding-bottom: 0;
    }


}

@media(max-width:575px) {
      .page-id-19 .inner-banner .banner-text {
    top: 140px;
  }
  .page-id-15 .inner-banner .banner-text{
    top: 120px;
  }
    .inner-banner.bigbanner.about-banner .banner-text {
        max-width: 345px;
    }

    .campus-overview-section .slick-slide {
        margin: 0 8px;
    }

    .specification-section .specification-slider img {
        min-height: 293px !important;
        max-height: 293px !important;
    }

    .news-block .news-cat-list ul {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        /* smooth scroll on iOS */
        scrollbar-width: none;
        /* hide scrollbar for Firefox */
        padding-left: 150px;
        padding-bottom: 13px;
    }

    .news-block .news-cat-list ul::-webkit-scrollbar {
        display: none;
        /* hide scrollbar for Chrome/Safari */
    }

    .news-block .news-cat-list ul li {
        flex: 0 0 auto;
        /* prevent shrinking */
        margin-right: 10px;
        /* space between items */
    }


    .everthing-you-need .everthing-block-wrapper .icon-box {
        width: 100%
    }

    .workspace .workpace-wrapper .workpace-item .featured-img img,
    .explore-park-place .explore-wrapper .explore-item .e-img img,
    .take-look-around.plateform-section .plate-form-item .featurd-img img {
        min-height: 184px !important ;
        max-height: 184px !important;
    }

    .news-block .new-listing .news-item img ,.related-post.plateform-section .plate-form-item .featurd-img img{
        min-height: 195px !important;
        max-height: 195px !important;
    }

    .read-more a {
        font-size: 14px;
    }

    .excellence-architecure .excellence-wrapper .right-col .number-text-block:nth-child(2n),
    .excellence-architecure .excellence-wrapper .left-col .number-text-block {
        max-width: 280px;
    }

    .single-post-content .featured-img img {
        min-height: 312px;
        max-height: 312px;
    }
}

@media(max-width:375px){
    .page-id-15 .inner-banner .banner-text, .page-id-19 .inner-banner .banner-text {
    top: 170px;
  }
}





/* animation css */

.stamp-animation img,
.animation-text img {
    animation: spin 14s linear infinite;
    /* adjust 3s–4s as desired */
}

@keyframes spin {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.slick-dots li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: #fff;
    transition: width 0s linear;
}

/* when active, animate fill */
.slick-progress {
    width: 100%;
    height: 1px;
    background: transparent;
    border-radius: 2px;
    overflow: hidden;
    margin-top: -8px !important;
    position: relative;
    left: -12px;
}

.slick-progress span {
    display: block;
    height: 100%;
    width: 0%;
    background: #fff;
    transition: width 0.05s ease;
}

.gym-slider.rtl .slick-progress {
    position: absolute !important;
}

.gym-slider.rtl .slick-progress {
    left: 108px;
}

.gym-slider:not(.rtl) .future-work-content .col-md {
    padding-bottom: 7px;
}

.gym-slider:not(.rtl) .slick-prev,
.gym-slider:not(.rtl) .slick-next {
    bottom: -11.5px !important;
}

.gym-slider-wrapper .slick-progress span,
.testimonial-section .slick-progress span,
.take-look-around .slick-progress span,
.campus-overview-section.bg-green .slick-progress span {

    background-color: var(--Navy);
}

.testimonial-section .slick-dots {
    /*width: 86px;*/
    width: auto;
    margin: auto;
    left: 50%;
    transform: translate(-50%, 0);
}

.workspace .featured-img {
    position: relative;
    overflow: hidden;
}

/* .workspace .featured-img img {
    opacity: 0;
    transform: translateX(-100%);
    transition: all 1s ease-out;
}

.workspace .featured-img.reveal img {
    opacity: 1;
    transform: translateX(0);
} */

/* .about_history .slick-progress {
    display: none;
} */

/* .full-img-with-text .text-wrappper img{
    max-height: 706px;
} */


@media(max-width:767px) {
    .future-work.gym-slider .slick-progress {
        margin-top: -7px !important;
        left: -4px;
    }
    .img-grid-section.bg-shape {
        background-size: 70%;
        background-position: center;
        background-repeat: no-repeat;
        /* height: 100vh; */
        width: 100%;
    }
    
}

.line-top-bottom {
    overflow: hidden;
}

.gym-slider .main-caption,.future-work.no-slider .future-work-content .future-img .main-caption,.future-work.about-future-slider .future-work-content .future-img .main-caption{
    position: absolute;
    left: 0px;
    bottom: 6px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    color: #000;
    overflow: hidden;

}
.future-work.no-slider .future-work-content .future-img .main-caption,.future-work.about-future-slider .future-work-content .future-img .main-caption{
    color: var(--Text-White);
}

.gym-slider .main-caption .caption,.future-work .future-work-content .future-img .caption {
    padding-top: 112px;
    /* opacity: 0; */
    /* transform: translateX(-50px);
  position: relative;
  left: 50px; */
}
/* .gym-slider .main-caption .caption p {
    display: none;
}
.gym-slider .main-caption .caption p.is-active {
    display: block !important;
} */

/* 
.gym-slider .main-caption .caption {
    display: none;
}

.slick-slide.slick-current.slick-active:not(.slick-cloned) .caption {
    display: block;
} */




.gym-slider.rtl .main-caption .caption,.future-work.about-future-slider .future-work-content .future-img .main-caption .caption,.future-work.rtl.no-slider .future-work-content .future-img .main-caption .caption,.future-work.gym-slider.rtl.no-slider .future-work-content .future-img .main-caption .caption {
    padding-bottom: 112px;
    /* opacity: 0; */
    padding-top: 0;
}

.gym-slider.rtl .main-caption .caption::after,.future-work.about-future-slider .future-work-content .future-img .main-caption .caption::after,.future-work.rtl.no-slider .future-work-content .future-img .main-caption .caption::after,.future-work.gym-slider.rtl.no-slider .future-work-content .future-img .main-caption .caption::after {
    top: auto !important;
    bottom: 0;
}

.gym-slider.rtl .main-caption,.future-work.about-future-slider .future-work-content .future-img .main-caption,.future-work.rtl.no-slider .future-work-content .future-img .main-caption,.future-work.gym-slider.rtl.no-slider .future-work-content .future-img .main-caption {
    transform: none;
}

.gym-slider.rtl .main-caption p,.future-work.about-future-slider .future-work-content .future-img .main-caption p,.future-work.rtl.no-slider .future-work-content .future-img .main-caption p,.future-work.gym-slider.rtl.no-slider .future-work-content .future-img .main-caption p {
    transform: rotate(180deg);
}

.gym-slider.rtl .main-caption .caption {
    /* transform: translateX(50px); */
}

.gym-slider.rtl .main-caption .caption,.future-work.about-future-slider .future-work-content .future-img .main-caption .caption,.future-work.rtl.no-slider .future-work-content .future-img .main-caption .caption,.future-work.gym-slider.rtl.no-slider .future-work-content .future-img .main-caption .caption {
    left: auto;
    right: 0px;
}

.gym-slider.rtl .main-caption,.future-work.about-future-slider .future-work-content .future-img .main-caption,.future-work.rtl.no-slider .future-work-content .future-img .main-caption,.future-work.gym-slider.rtl.no-slider .future-work-content .future-img .main-caption {
    left: auto;
    right: 0px;
}

.gym-slider .caption::after,.future-work.no-slider .future-work-content .future-img .caption::after,.future-work.about-future-slider .future-work-content .future-img .main-caption .caption::after {
    content: "";
    width: 1px;
    height: 104px;
    background-color: #000;
    left: 7px;
    top: 0;
    position: absolute;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
}
.future-work.no-slider .future-work-content .future-img .caption::after,.future-work.about-future-slider .future-work-content .future-img .caption::after{
    background-color: var(--Text-White) !important;
}
.gym-slider.rtl .caption::after,.future-work.about-future-slider .future-work-content .future-img .main-caption .caption::after,.future-work.rtl.no-slider .future-work-content .future-img .main-caption .caption::after,.future-work.gym-slider.rtl.no-slider .future-work-content .future-img .main-caption .caption::after {
    left: auto;
    right: 7px;
}
.future-work.about-future-slider .col-md{
    padding-right: 0;
}

.gym-slider .future-img,.future-work.no-slider .future-work-content .future-img {
    padding-left: 43px;
}



.gym-slider.rtl .future-img,.future-work.about-future-slider .future-work-content .future-img , .future-work.white-bg.rtl .future-img{
    padding-left: 0;
    padding-right: 43px;
    position: relative;
}
 .future-work.no-slider.white-bg .future-work-content .future-img .main-caption p{
        background-color: #fff !important;
        color: var(--Navy);
    }
    .future-work.no-slider.white-bg .future-work-content .future-img .main-caption .caption::after{
  background-color: var(--Navy) !important;
    }
.gym-slider-wrapper .caption p {
    opacity: 1 !important;
    transition: none !important;
}
@media(max-width:991px){
    .gym-slider .main-caption .caption, .future-work .future-work-content .future-img .caption{
        font-size: 16px;
    }
    .gym-slider .main-caption, .future-work.no-slider .future-work-content .future-img .main-caption, .future-work.about-future-slider .future-work-content .future-img .main-caption{
    left: 10px;
}
.future-work.about-future-slider .future-work-content .future-img .main-caption .caption::after{
    left: auto;
    right: 14px;
}
.img-grid-section .grid-wrapper .left-col img,.img-grid-section .grid-wrapper .right-col .image-wrapper:nth-child(3) img {
  min-height: 450px !important;
  max-height: 450px !important;
}
.img-grid-section.left-bottom-image-bg .right-col {
  margin-top: 375px;
  gap: 64px;
}
.img-grid-section .grid-wrapper .right-col .image-wrapper:first-child img {
  max-width: 150px;
  min-height: 150px;
  max-height: 150px;
}
.img-grid-section .grid-wrapper .right-col .image-wrapper:nth-child(2) img,.img-grid-section .grid-wrapper .left-bottom-images-wrapper img {
  max-width: 608px;
  min-height: 280px;
  max-height: 280px;
}

.future-work.about-future-slider .future-work-content .future-img .main-caption .caption{
    right: 0 !important;
}
}

@media(max-width:767px) {
    .img-grid-section .grid-wrapper .right-col .image-wrapper:nth-child(3) img,.img-grid-section .grid-wrapper .left-bottom-images-wrapper img{
          max-width: 150px;
  min-height: 150px !important;
  max-height: 150px !important;
    }
    .img-grid-section.left-bottom-image-bg .right-col{
        margin-top: 0;
    }
    .img-grid-section.left-bottom-image-bg .grid-wrapper,.img-grid-section.left-bottom-image-bg .right-col{
  gap: 40px;
    }
    .img-grid-section.left-bottom-image-bg .right-col{
        flex-direction: row;
    }
    .img-grid-section.left-bottom-image-bg .right-col>*:nth-child(2n){
        margin-left: auto;
    }
    .future-work.no-slider .future-work-content .future-img{
        padding-left: 0;
    }
    .future-work.about-future-slider .future-work-content .future-img{
        padding-right: 0;
    }

    .gym-slider.rtl .main-caption,
    .gym-slider .main-caption {
        display: none;
    }

    .gym-slider.rtl .future-img,
    .gym-slider .future-img {
        padding: 0;
    }

    .error-404 .heading-block {
        text-align: center;
    }

    .error-404 .btn a {
        padding: 9.5px 26px;
        font-size: 14px;
    }

    .specification-section .slick-next {
        left: 25px !important;
    }

    .specification-section .slick-prev {
        left: 0 !important
    }
    .future-work.no-slider .future-work-content .future-img .main-caption,.future-work.about-future-slider .future-work-content .future-img .main-caption,.future-work.white-bg.orange-title.gym-slider .main-caption{
        position: unset;
        writing-mode: unset;
        text-orientation: unset;
        transform: none;
        display: block !important;
    }
   
    .future-work.no-slider .future-work-content .future-img .main-caption .caption,.future-work.about-future-slider .future-work-content .future-img .caption,.future-work.white-bg.orange-title.gym-slider .caption{
        padding:0 !important;
        margin-top: 16px;
        position: relative;
    }
    .future-work.no-slider .future-work-content .future-img .main-caption .caption::after,body .future-work.about-future-slider .future-work-content .future-img .main-caption .caption::after,.future-work.white-bg.orange-title.gym-slider .caption::after{
        writing-mode: unset;
    text-orientation: unset;
    transform: none;
    width: 100% !important;
    height: 1px !important;
    top: 55% !important;
    z-index: -1;
    }
    .future-work.no-slider .future-work-content .future-img .main-caption .caption p,.future-work.about-future-slider .future-work-content .future-img .caption p,.future-work.white-bg.orange-title.gym-slider .caption p{
        background-color: var(--Navy);
        padding-right: 8px;
        width: fit-content;
        transform: none;
    }
    .future-work.white-bg.orange-title.gym-slider .caption p{
        background-color: var(--White);
    }
    .img-grid-section .grid-wrapper .left-bottom-images-wrapper{
        margin-top: 0;
        gap: 24px !important;
    }
    .img-grid-section .grid-wrapper .left-bottom-images-wrapper>*{
        width: calc(50% - 12px);
    }
    .single-post .post-images-slider {
  position: relative;
}
body.single-post .post-images-slider .slick-prev{
    top: 27px !important;
    left:0 !important;
}
.single-post .post-images-slider .slick-next{
    top: 27px !important;
  left: 36px;
}
.single-post .post-images-slider .slick-dots{
    bottom: auto !important;
    top: 20px !important;
}
.single-post .post-images-slider img{
    min-height: 170px !important;
    max-height: 170px !important;
}
.where-are-we-content-wrapper{
    flex-wrap: wrap;
}
.where-are-we .heading-block{
    text-align: center;
}
}



.single-post .post-images-slider {
  position: relative;
}
.single-post .post-images-slider .slick-prev{
    bottom: 50px !important;
  right: 178px !important;
  left: auto !important;
  background-color: #fff;
}
.single-post .post-images-slider .slick-next{
  bottom: 50px !important;
  right: 150px !important;
  background-color: #fff
}
.single-post .post-images-slider .slick-dots{
    bottom: 61px;
    top: auto;
    margin: 0;
    width: fit-content;
    right: 0;
    background-color: #fff
}
.single-post .post-images-slider img{
    min-height: 400px;
    max-height: 400px;
    object-fit: cover;
}
.single-post iframe,.single-post video{
    width: 100%;
}
.single-post .slick-progress span{
    background-color: var(--Navy);
}
p.anim-right-left.is-active {
    visibility: visible !important;
}


.caption p{
    font-size: 16px;
}

section.newsletter-section {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 10px 0px 88px 0px;
    background-color: #F9F7F3;
}
section.newsletter-section .top-section-image {
    padding-bottom: 88px;
}
section.newsletter-section .top-section-image img{
    width: 100%;
}
.newsletter-left-box.col-sm {
    width: calc(56% - 45px);
}
.newsletter-right-box.col-md {
    width: calc(44% - 45px);
}
.newsletter-section-description p {
    color: #1D1D1B;
}
.newsletter-section-title h2 {
    color: #6E0029;
}
.newsletter-box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.news-form-field .form-bottom-text {
    font-size: 15px;
    line-height: 150%;
    color: #1D1D1B;
}
/* Make input wrapper relative */
.newsletter-row .wpcf7-form-control-wrap {
  position: relative;
  flex: 1;
}

/* Error message styling */
.newsletter-row .wpcf7-not-valid-tip {
    position: relative;
    font-size: 12px;
    color: #dc3232;
    white-space: nowrap;
    padding-top: 8px;
}
/* Wrapper */
.newsletter-form {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
span.wpcf7-spinner {
    display: none;
}

/* Input + button row */
.newsletter-row p {
  display: flex;
  align-items: flex-start;
  gap: 3px;
}

/* Email input */
.newsletter-email-input {
    padding: 8px 24px !important;
    width: 99%;
    background: #FFFFFF;
    border: 1px solid #E4E4E3 !important;
    border-radius: 100px !important;
    height: 48px;
    outline: none !important;
}


/* Button */
.newsletter-submit {
    padding: 12px 32px !important;
    height: 48px;
    background: #E6A765 !important;
    border-radius: 48px !important;
    border: 0px !important;
    cursor: pointer;
}

/* Hover */
.newsletter-submit:hover {
  opacity: 0.9;
}

/* Error & success messages */
.newsletter-messages {
  margin-top: 8px;
}

.wpcf7-not-valid-tip {
  font-size: 13px;
  color: #dc3232;
}

.wpcf7-response-output {
  margin: 10px 0 0;
  padding: 0;
  border: none;
  font-size: 13px;
}

/* Bottom text */
.form-bottom-text {
  margin-top: 12px;
  font-size: 13px;
  color: #666;
}

.form-bottom-text a {
  color: #000;
  text-decoration: underline;
}
.form-bottom-text {
    margin-top: 13px;
    font-size: 10px;
    line-height: 150%;
    color: #1D1D1B;
}
.wpcf7 form .wpcf7-response-output{
    margin: 0px;
}

.newsletter-email-input:focus {
  border-color: #E7A15E !important;
  
}
.newsletter-email-input.wpcf7-not-valid:focus{
  border-color: #dc3232 !important;  
}

input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email.newsletter-email-input.wpcf7-not-valid {
    border: 1px solid #dc3232 !important;
}
.wpcf7-form-control-wrap {
    position: relative;
}
.wpcf7-form-control-wrap::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 54%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url("/wp-content/uploads/2026/01/Group-531.png"); /* adjust path if needed */
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    opacity: 0;
}
.wpcf7 form.sent .wpcf7-response-output {
    border: 0px;
    color: #46b450;
    margin: 0px;
    padding: 8px 0px 0px 0px;
    font-size: 12px;
}
/* Show icon only after success */
.newsletter-success + .wpcf7-form-control-wrap::after,
.wpcf7-form-control-wrap:has(.newsletter-success)::after {
    opacity: 1;
}
.newsletter-email-input.newsletter-success {
    border: 1px solid #46b450 !important;
}
@media(max-width:991px){
    .newsletter-left-box.col-sm {
    width: 100%;
}
.newsletter-right-box.col-md {
    width: 100%;
}
.newsletter-box {
    flex-direction: column;
    gap: 32px;
}
.newsletter-row p {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
section.newsletter-section {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 10px 0px 64px 0px;
    background-color: #F9F7F3;
}
section.newsletter-section .top-section-image {
    padding-bottom: 64px;
}
}
