html {
    scroll-behavior: smooth;
}
main .textwidget:has(.ip-banner){
    display: none;
}
.ftr-contact{
    margin-top: 0 !important;
}
#inner-page-wrapper{
    margin-bottom: 0;
}
#inner-page-wrapper > .container{
    width: 100%;
    padding: 0;
}
#inner-page-wrapper .featured-properties .section-title p{
    font-size: clamp(1.438rem, 1.974vw + 0.214rem, 2.188rem) !important;
}
#inner-page-wrapper .featured-properties .section-title span{
    font-size: clamp(35px,3.4375000000000004vw,55px) !important;
}
#inner-page-wrapper .featured-properties .section-title {
    width: fit-content;
    height: fit-content;
    margin: auto !important;
    margin-bottom: 45px !important;
}


.developments-banner{
    font-size: 0;
    position: relative;
    width: 100%;
}
.developments-banner-img{
    font-size: 0;
    position: relative;
    width: 100%;
}
.developments-banner-img::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: url(https://cdn.agentimagehosting.com/K8kDNmSIhnSZK6IvO39LZ/2025/06/banner-accent-2.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    z-index: 2;
    pointer-events: none;
    background: #000;
    opacity: 1;
    background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);
}
.developments-banner-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://cdn.agentimagehosting.com/K8kDNmSIhnSZK6IvO39LZ/2025/06/details-accent-2.png);
    background-position: bottom;
    background-size: cover;
    z-index: 3;
    pointer-events: none;
    opacity: .5;
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
}
.developments-banner-img img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.developments-banner-img canvas{
    width: 100%;
    height: 100%;
}
.developments-banner-logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: fit-content;
    height: fit-content;
    display: block;
    z-index: 10;
}
.developments-banner-logo img {
    width: 100%;
    height: auto;
    max-width: clamp(15.625rem, 20.23vw + 3.082rem, 23.313rem);
}
.developments-banner-smi {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 43px;
    margin: auto;
    width: fit-content;
    height: fit-content;
    z-index: 11;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: clamp(1.563rem, 3.289vw - 0.477rem, 2.813rem);
}
.developments-banner-smi a {
    color: white;
    font-size: clamp(1.063rem, 0.987vw + 0.451rem, 1.438rem);
    transition: all ease-in-out 0.35s;
}
.developments-banner-smi a:hover{
    opacity: 0.7;
}

.development-details-logo{
    margin-bottom: 30px;
}
.development-details-logo img{
    max-width: 250px;
    height: auto;
}
.development-details-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: clamp(1.25rem, 2.467vw - 0.28rem, 2.188rem);
}
.development-details-title span{
    font-size: clamp(3.75rem, 4.934vw + 0.691rem, 5.625rem);
    font-size: clamp(35px,3.4375000000000004vw,55px) !important;
    font-weight: 500;
    font-family: var(--poppins);
    text-transform: uppercase;
    color: #515151;
    position: relative;
    display: block;
    height: fit-content;
    width: fit-content;
    z-index: 2;
}
.development-details-title p::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -25px;
    width: 50px;
    height: 2px;
    background: #a33038;
    z-index: 1;
    transform: translateY(-50%);
}
.development-details-title p::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -25px;
    width: 50px;
    height: 2px;
    background: #a33038;
    z-index: 1;
    transform: translateY(-50%);
}
.development-details-title p {
    font-size: clamp(1.438rem, 1.974vw + 0.214rem, 2.188rem);
    font-weight: 400;
    font-family: var(--poppins);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #a33038;
    padding: 0px clamp(1.875rem, 0.822vw + 1.365rem, 2.188rem);
    background: white;
    position: relative;
    display: block;
    height: fit-content;
    width: fit-content;
    z-index: 3;
    margin-top: 10px;
}
.development-details-subtitle {
    font-size: clamp(0.938rem, 1.316vw + 0.122rem, 1.438rem);
    font-weight: 500;
    font-family: var(--poppins);
    color: #515151;
    margin-bottom: clamp(2.813rem, 5.757vw - 0.757rem, 5rem);
    margin-bottom: 40px;
}
.development-details-text-title {
    font-size: clamp(1.875rem, 0.987vw + 1.263rem, 2.25rem);
    font-weight: 500;
    font-family: var(--poppins);
    text-transform: uppercase;
    color: #515151;
    margin-bottom: clamp(1.563rem, 2.467vw + 0.033rem, 2.5rem);
}
.development-details-text {
    /* font-size: clamp(0.75rem, 0.987vw + 0.138rem, 1.125rem); */
    font-weight: 300;
    font-family: var(--poppins);
    letter-spacing: 0.02em;
    line-height: clamp(1.438rem, 1.151vw + 0.724rem, 1.875rem);
    color: #565656;
    max-width: 1165px;
    font-size: 15px;
}
.development-details-text p:last-child {
    margin-bottom: 0;
}
.development-details-text p {
    margin-bottom: clamp(1.25rem, 1.645vw + 0.23rem, 1.875rem);
}
.development-details-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: flex-start;
    max-width: 95%;
    margin: auto;
    text-align: center;
    bottom: clamp(5.625rem, 11.02vw - 1.207rem, 9.813rem);
    z-index: 3;
    position: relative;
}

.development-details-cta {
    max-width: 1600px;
    margin: auto;
    font-size: 0;
    width: 100%;
    position: relative;
    bottom: clamp(2.188rem, 5.757vw - 1.382rem, 4.375rem);
}
.dd-cta-flex{
    width: 88.4375%;
    max-width: 1415px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.dd-cta{
    display: block;
    position: relative;
    font-size: 0;
    width: calc(100%/4 - 5px);
}
.dd-cta .cta-img{
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 0;
    opacity: 100% !important;
}
.dd-cta .cta-img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all ease-in-out 0.35s;
}
.dd-cta .cta-img canvas{
    width: 100%;
    height: 100%;
}
.dd-cta .cta-img::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 22%;
    transition: all ease-in-out 0.35s;
}
.dd-cta:nth-child(odd) .cta-img::after{
    content: '';
    background: #a33038;
    opacity: 60%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.dd-cta .cta-name {
    font-size: clamp(1.25rem, 1.645vw + 0.23rem, 1.875rem);
    font-weight: 500;
    font-family: var(--poppins);
    line-height: clamp(1.563rem, 0.822vw + 1.053rem, 1.875rem);
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: auto;
    padding-bottom: clamp(0.938rem, 0.822vw + 0.428rem, 1.25rem);
    color: white;
    width: fit-content;
    height: fit-content;
    text-align: center;
}
.dd-cta .cta-name::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #a33038;
    width: 69px;
    height: 3px;
    margin: auto;
}
.dd-cta:nth-child(odd) .cta-name::after{
    background: white;
}
.dd-cta:hover .cta-img::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #515151;
    opacity: 50%;
}
.dd-cta:hover .cta-img img{
    filter: grayscale(1);
}

.development-details-contact{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 95%;
    margin: auto;
}
.dd-contact-contents{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: clamp(2.188rem, 4.934vw - 0.872rem, 4.063rem);
    margin-bottom: 50px;
}
.dd-contact-title{
    font-size: clamp(1.875rem, 0.987vw + 1.263rem, 2.25rem);
    font-weight: 500;
    font-family: var(--poppins);
    text-transform: uppercase;
    color: #a33038;
    margin-bottom: clamp(1.563rem, 3.289vw - 0.477rem, 2.813rem);
    margin-bottom: 40px;
}
.dd-contact-paragraph{
    /* font-size: clamp(0.75rem, 0.987vw + 0.138rem, 1.125rem); */
    font-weight: 300;
    font-family: var(--poppins);
    letter-spacing: 0.02em;
    line-height: clamp(1.438rem, 1.151vw + 0.724rem, 1.875rem);
    color: #565656;
    max-width: 1145px;
    font-size: 15px;
}
.dd-contact-contents:nth-child(2){
    margin-bottom: 0;
}
.dd-contact-btn {
    width: clamp(12.5rem, 6.414vw + 8.523rem, 14.938rem);
    height: clamp(3.125rem, 1.645vw + 2.105rem, 3.75rem);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #767676;
    border: 2px solid #767676;
    font-size: clamp(0.75rem, 0.493vw + 0.444rem, 0.938rem);
    font-weight: 500;
    font-family: var(--poppins);
    letter-spacing: 0.35em;
    margin-top: 45px;
    text-transform: uppercase;
    transition:  all ease-in-out 0.35s;
}
.dd-contact-btn:hover{
    background: #a33038;
    border: 2px solid #a33038;
    color: white;
}

.aiosp-bg {
    height: 10500px !important;
}
.mfp-bg {
    z-index: 5001 !important;
}
.mfp-wrap {
    z-index: 5001 !important;
}

#popupFAQ ol{
    padding-left: 1rem;
    list-style-type: auto;
}
#popupFAQ ul{
    padding-left: 1rem;
    list-style-type: disc;
}

#popupFAQ h2 {
    font-size: clamp(1.563rem, 1.48vw + 0.645rem, 2.125rem);
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--poppins);
}
#popupFAQ p {
    font-size: clamp(0.688rem, 0.658vw + 0.28rem, 0.938rem);
    font-weight: 300;
    font-family: var(--poppins);
    line-height: clamp(1.563rem, 0.493vw + 1.257rem, 1.75rem);
    letter-spacing: 0.04em;
    margin-left: clamp(0.625rem, 1.645vw - 0.395rem, 1.25rem);
}

.featured-properties{
    width: 100%;
    position: relative;
    font-size: 0;
}
.fp-wrap{
    max-width: 1600px;
    width: 100%;
    position: relative;
    font-size: 0;
    margin: auto;
    padding: clamp(5rem, 4.934vw + 1.941rem, 6.875rem) 0px;
    padding: 70px 0;
}
.fp-container{
    width: 84.625%;
    max-width: 1354px;
    margin: auto;
    position: relative;
    font-size: 0;
}
.fp-container .section-title{
    margin: auto;
    width: fit-content;
}
.featured-properties-slick-container{
    width: 100%;
    position: relative;
    font-size: 0;
}
.featured-properties-slick{
    width: 100%;
    position: relative;
    font-size: 0;
}
.fp-listing-item{
    position: relative;
    font-size: 0;
    display: block;
    /* max-width: 450px; */
    /* width: calc(100% / 3); */
}

.fp-listing-item:nth-child(n+10){
    display: none;
}

.fp-listing-item a{
    position: relative;
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.fp-listing-img{
    position: relative;
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: black;
}
.fp-listing-img img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 88%;
    transition:  all ease-in-out 0.35s;
    object-fit: cover;
}
.fp-listing-img canvas{
    width: 100%;
    height: 100%;
}
.fp-listing-hover,.fp-listing-title{
    position: absolute;
    bottom: clamp(1.563rem, 2.467vw + 0.033rem, 2.5rem);
    left: clamp(1.563rem, 2.467vw + 0.033rem, 2.5rem);
    transition: all ease-in-out 0.35s;
}
.fp-listing-hover{
    opacity: 0;
    transition: all ease-in-out 0.35s;
}
.fp-listing-title span,.fp-listing-title-hover span,.fp-listing-price span{
    font-size: clamp(1.125rem, 1.151vw + 0.411rem, 1.563rem);
    font-weight: 600;
    font-family: var(--poppins);
    color: white;
    text-transform: uppercase;
}
.fp-listing-title p,.fp-listing-title-hover p,.fp-listing-info p{
    font-size: clamp(0.688rem, 1.151vw - 0.026rem, 1.125rem);
    font-weight: 400;
    font-family: var(--poppins);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: white;
}
.fp-listing-title p,.fp-listing-title-hover p{
    margin-top: clamp(0.313rem, 0.822vw - 0.197rem, 0.625rem);
}
.fp-listing-info{
    margin-top: clamp(0.625rem, 1.645vw - 0.395rem, 1.25rem);
    display: flex;
}
.fp-listing-info p:nth-child(2){
    margin: 0px clamp(0.625rem, 1.645vw - 0.395rem, 1.25rem);
    padding: 0px clamp(0.625rem, 1.645vw - 0.395rem, 1.25rem);
    border: 1px solid white;
    border-top: 0;
    border-bottom: 0;
}
.fp-listing-price{
    margin-bottom: 10px;
}
.fp-listing-item:hover .fp-listing-img img{
    opacity: 70%;
    filter: grayscale(1);
}
.fp-listing-item:hover .fp-listing-hover{
    opacity: 1;
}
.fp-listing-item:hover .fp-listing-title{
    opacity: 0;
}
.featured-properties-slick .slick-slide{
    margin: 0px 1px;
}

.featured-properties-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.featured-properties-button a {
    text-align: center;
    width: clamp(15.5rem, 6.414vw + 11.523rem, 17.938rem);
}

.development-details-sliders {
    width: 100%;
    position: relative;
    font-size: 0;
    margin: 30px 0px 60px;
    background: black;
    margin-top: 0;
}
#fp-slick-new{
    width: 100%;
    position: relative;
    font-size: 0;
}
.fp-items{
    width: 100%;
    position: relative;
    font-size: 0;
}
.fp-item{
    width: 100%;
    position: relative;
    font-size: 0;
}
.fp-item img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.fp-item canvas{
    width: 100%;
    height: 100%;
}
.slider-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: clamp(2.5rem, 3.289vw + 0.461rem, 3.75rem);
    left: 0;
    right: 0;
    margin: auto;
    gap: clamp(1.875rem, 3.289vw - 0.164rem, 3.125rem);
    z-index: 5;
}
.slider-btns a {
    width: clamp(9.375rem, 8.224vw + 4.276rem, 12.5rem);
    height: clamp(3.125rem, 1.645vw + 2.105rem, 3.75rem);
    border: 2px solid white;
    font-size: clamp(0.688rem, 0.822vw + 0.178rem, 1rem);
    font-weight: 400;
    font-family: var(--poppins);
    letter-spacing: 0.34em;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all ease-in-out 0.35s;
    color: white;
}
.slider-btns a:hover{
    background: #a33038;
    border: 2px solid #a33038;
    color: white;
}
.fp-btn.fp-active{
    background: #a33038;
    border: 2px solid #a33038;
    color: white;
}
.fp-items:not(.fp-active) {
    display: none;
}

#fp-slick-vertical {
    position: absolute;
    height: fit-content;
    width: clamp(9.375rem, 4.934vw + 6.316rem, 11.25rem);
    right: 70px;
    bottom: clamp(1.875rem, 9.868vw - 4.243rem, 5.625rem);
    font-size: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 7;
}
.fp-items-vertical{
    width: 100%;
    position: relative;
    font-size: 0;
}
.fp-item-vertical{
    width: 100%;
    position: relative;
    font-size: 0;
}
.fp-item-vertical img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.fp-item-vertical canvas{
    width: 100%;
    height: 100%;
}
.fp-items-vertical .slick-slide {
    display: block;
    height: auto;
    border: none;
    margin: 10px 0px;
}
.slick-btn{
    background: none;
    border: none;
    font-size: 30px;
    color: #dad5d2;
    padding: 0;
}
.slick-btn.prev{
    margin: 0px 0px clamp(0.625rem, 4.112vw - 1.924rem, 2.188rem);
    transform: rotate(270deg);
}
.slick-btn.next {
    margin: clamp(0.625rem, 4.112vw - 1.924rem, 2.188rem) 0px 0px;
    transform: rotate(90deg);
}
.fp-items-vertical:not(.fp-vertical-active) {
    display: none;
}
.fp-items[data-target="video"] .slick-slide.slick-active{
    opacity: 1 !important;
}
.development-breadcrumbs{
    margin-bottom: 25px;
}
#devt-breadcrumbs{
    font-size: 18px;
    color: #515151;
}
.popup-faq-logo {
    text-align: center;
}
.aiosp-ref-\#popupFAQ .aios-popup-body .aiosp-close{
    font-size: 40px;
    background: var(--primary);
    color: #ffffff;
    opacity: 1;
    top: 0 !important;
    transition: var(--default-transition);
}
.aiosp-ref-\#popupFAQ .aios-popup-body .aiosp-close:hover{
    background: #000
}
@media only screen and (max-width: 1199px) {
    .development-details-title p {
        margin-top: 17px;
    }
    #fp-slick-vertical {
        width: 120px;
    }
}
@media only screen and (max-width: 991px) {
    .development-details-content {
        bottom: 0;
    }
    .developments-banner-smi{
        display: none;
    }

    .dd-cta-flex {
        gap: 5px;
        width: 95%;
        max-width: 1415px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .dd-cta {
        width: calc(100% / 2 - 5px);
    }
    .development-details-cta {
        bottom: 0;
        margin: 20px 0px;
    }

    .slider-btns a {
        width: 150px;
        height: 50px;
        font-size: 11px;
    }
    .slider-btns {
        bottom: 40px;
        gap: 30px;
    }
    #fp-slick-vertical{
        display: none;
    }
    .development-details-title p::before,
    .development-details-title p::after{
        opacity: 0;
    }
}
@media only screen and (max-width: 767px) {
    .development-details-title span {
        font-size: 34px;
    }
    .development-details-title p {
        margin-top: 22px;
        font-size: 14px;
        padding: 0px 15px;
    }
    .development-details-text-title {
        font-size: 20px;
    }
    .fp-listing-item {
        max-width: 100%;
    }
    .development-details-sliders {
        background: white;
    }
    .slider-btns {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        gap: 30px;
        z-index: 5;
        flex-direction: column;
        margin-top: 30px;
    }
    .slider-btns a {
        border: 2px solid black;
        color: black;
    }
}
@media only screen and (max-width: 480px) {
    .development-details-title span::after {
        bottom: -16px;
    }
    .development-details-title span {
        font-size: 25px;
    }
    .development-details-title p {
        margin-top: 10px;
        font-size: 11px;
        padding: 0px 15px;
    }
    .dd-cta {
        display: block;
        position: relative;
        font-size: 0;
        width: 100%;
    }
    .dd-cta-flex {
        gap: 5px;
        width: 95%;
        max-width: 300px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    #inner-page-wrapper .featured-properties .section-title span {
        font-size: 35px !important;
    }
}