.grid-wrapper {
        display: grid;
        gap: 10px;
    }

    .grid-content-1 {
        grid-column: 1 / span 2;
        grid-row: 1 / span 3;
    }

    .grid-content-2 {
        grid-column: 3 / span 2;
        /* occupies columns 3 and 4 */
        grid-row: 1 / 2;
    }

    .grid-content-3 {
        grid-column: 5 / span 2;
        /* occupies columns 5 and 6 */
        grid-row: 1 / 2;
    }

    .grid-content-4 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column: 3 / span 4;
        gap: 10px;
    }



    .grid-content-7 {
        grid-column: 3 / 4;
        grid-row: 3 / 4;
    }

    .grid-content-8 {
        grid-column: 4 / 5;
        grid-row: 3 / 4;
    }

    .grid-content-9 {
        grid-column: 5 / 6;
        grid-row: 3 / 4;
    }

    .grid-content-10 {
        grid-column: 6 / 7;
        grid-row: 3 / 4;
    }





    .readmore img {
        width: 15px !important;
        height: 15px !important;
    }

    .readmore {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .township-villa-plots-content-colum1 .readmore,
    .township-della-adventure-text .readmore {
        justify-content: unset;
    }

    .para {
        font-size: clamp(14px, calc(0.875rem + (18 - 14) * ((100vw - 768px) / (1920 - 768))), 18px);
        color: #000000;
        font-family: 'Playfair Display', serif;
        line-height: 26px;
        opacity: 0.8;
    }

    .township-first-fashion-column2 .locationtext figcaption {
        color: #fff;
        font-size: clamp(14px, calc(0.875rem + (18 - 14) * ((100vw - 768px) / (1920 - 768))), 18px);
        font-family: 'Playfair Display', serif;
        margin-left: 6px;
        display: inline-flex;
    }

    .readmore img {
        width: auto !important;
    }

    .locationtext {
        display: flex;
    }

    .Bon-Vivant-fonts {
        font-family: "bon_vivant_family_scriptRg";
        color: #bda371;
    }

    .township-archi-enclave-content .readmore {
        justify-content: unset;
    }

    .retailexperienceslider .swiper-button-next,
    .retailexperienceslider .swiper-button-prev {
        top: auto;
        bottom: 0px;
    }

    .township-grid-banner {
        padding-bottom: 50px;
    }
    
    .box-content {
  border: 1px solid #b18f50;
}

    .township-grid-banner .box-content .inner-details::after {
        content: "";
        position: absolute;
        bottom: -64px;
        left: 0;
        height: 150px;
        width: 100%;
        background: linear-gradient(to top, black, transparent);
        z-index: -1;
    }

    .box-content .inner-details {
        position: absolute;
        bottom: 6%;
        top: auto;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 14;
        margin: 0 auto;
        cursor: pointer;
    }

    .township-archi-enclave p,
    .township-conecpt-section-title {
        padding-left: 0;
    }

    #ExistingTownships .subPara,
    #ExistingTownships .secondsubpara,
    .ExistingTownships-cards,
    .playBtn,
    .resortsVideo {
        display: none !important;
    }

    #ExistingTownships .subTitle {
        margin-top: 30px !important;
    }

    p {
        opacity: 1 !important;
    }

    .home_page_new .header .logo a img {
        opacity: 1;
        width: 100px !important;
    }

    img {
        cursor: pointer;
        position: relative;
    }

    .figtree {
        font-family: "Figtree", sans-serif !important;
    }

    .playfair {
        font-family: "Playfair Display", serif !important;
    }

    #whatsapp-button img {
        opacity: 1;
    }

    #whatweareBottom .whatweareBottomBox a .whatweareOverContent {
        padding-right: 30px !important;
    }

    .whatweareOverContent .nosinfo {
        margin-bottom: 20px;
        border-right: 2px solid #bda371;
    }

    #TownshipProjectDevelopment .ProjectDevelopmentLink {
        background: #000 !important;
        padding: 30px;
        text-align: center;
        height: 300px;
        position: relative;
        color: #fff;
        border: 1px solid #bda371;
    }

    @media only screen and (min-width: 321px) and (max-width: 768px) {
        #townshipbannerBottom .common-container {
            padding-bottom: 20px;
        }

        .retailexperienceslider {
            margin-right: auto !important;
        }
    }

    .township-grid-banner {
        padding: 90px 0 90px;
    }

    .townshipsixgrid {
        position: relative;
    }

    .township-grid-banner img {
        width: 100%;
        height: auto;
    }

    .township-grid-banner .row>* {
        padding-right: 0;
    }

    .township-grid-banner .bannerrow {
        position: relative;
    }

    .township-grid-banner .bannerrow.row>* {
        padding-right: 0;
        padding-left: 0;
    }

    .township-grid-banner .bannerrow .inner-details {
        position: absolute;
        z-index: 2;
        left: 0;
        right: 0;
        text-align: center;
        bottom: 15%;
        cursor: pointer;
    }

    .townshipsixgrid-content-list {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .townshipsixgrid-content-list li {
        margin-right: 35px;
        padding-left: 6px;
        color: #fff;
        font-size: 18px;
        position: relative;
    }

    .townshipsixgrid-content-list li::before {
        content: "";
        position: absolute;
        left: -10%;
        top: 50%;
        background-color: #bda371;
        height: 5px;
        width: 5px;
        border-radius: 50%;
    }

    .townshipsixgrid-content-list li::after {
        content: none;
        position: absolute;
        right: -7%;
        top: 45%;
        background-color: #bda371;
        height: 8px;
        width: 8px;
        border-radius: 50%;
    }

    .township-grid-banner .townshipninegrid-content-item {
        position: relative;
    }

    .township-globalfashion img {
        opacity: 0.6;
    }

    .township-encompassing-list-item,
    .township-conceptGrid {
        position: relative;
    }

    .township-grid-banner .townshipninegrid-content-item::after,
    .township-encompassing .township-encompassing-list-item::after,
    .township-conceptGrid .townshipconceptimages-content-item::after,
    .township-retailexperience .townshipconceptimages-content-item::after,
    .township-della-images-column li:after {
        content: "";
        position: absolute;
        bottom: 0;
        top: auto;
        left: 0;
        height: 80%;
        width: 100%;
        background: linear-gradient(180deg, #0000 15.12%, #000 100%);
        z-index: 0;
    }

    .township-retailexperience-content {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 4%;
        z-index: 2;
        text-align: center;
    }

    .globalfashion-list-content,
    .township-della-images-column li .text {
        z-index: 16;
    }

    .township-grid-banner .right-text {
        color: #fff;
        font-size: 14px;
        font-family: "Figtree", sans-serif;
        font-weight: 100;
    }

    .banner-list {
        display: flex;
        justify-content: center;
    }

    .township-banner-title {
        text-align: center;
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: clamp(25px, calc(1.5625rem + (50 - 25) * ((100vw - 768px) / (1920 - 768))), 50px);
        line-height: 60px;
        margin-bottom: 10px;
        width: 100%;
    }

    .township-banner-title .Bon-Vivant-fonts {
        line-height: 0;
        font-size: clamp(20px, calc(1.25rem + (40 - 20) * ((100vw - 768px) / (1920 - 768))), 40px);
    }

    .township-grid-banner .townshipsixgrid-content-list li {
        padding-left: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-right: 15px;
    }

    .township-grid-banner .townshipsixgrid-content-list li::before {
        content: "";
        left: -30%;
        top: 25%;
        position: unset;
        height: 8px;
        width: 8px;
        margin-right: 20px;
    }

    .township-grid-banner .townshipsixgrid-content-list li:last-child:before {
        left: -15%;
    }

    .township-grid-banner .townshipsixgrid-content {
        margin-bottom: 20px;
    }

    .acres {
        display: flex;
        position: relative;
    }

    .township-grid-banner .townshipninegrid-content-item img {
        height: 210px;
    }

    .townshipsixgrid-content-item {
        margin-bottom: 12px;
    }

    .township-first-fashion {
        padding-top: 50px;
    }

    .township-first-fashion .section-title {
        text-align: left;
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: clamp(20px, calc(1.25rem + (40 - 20) * ((100vw - 768px) / (1920 - 768))), 40px);
        margin-bottom: 10px;
    }

    .township-first-fashion .sub-title {
        text-align: left;
        color: #bda371;
        font-family: "Playfair Display", serif;
        font-size: 20px;
        margin-bottom: 10px;
    }

    .township-first-fashion-row {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 25px;
    }

    .township-first-fashion-column1 {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 30px;
    }

    .township-first-fashion-column1 p {
        margin-bottom: 40px;
        color: #fff;
        font-size: 14px;
        font-family: "Playfair Display", serif;
    }

    .township-first-fashion-list {
        list-style: none;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
        position: relative;
    }

    .township-first-fashion-list li {
        width: calc(30% - 0px);
        margin-right: 30px;
    }

    .township-first-fashion-list::after {
        content: "";
        position: absolute;
        left: 40%;
        top: 15px;
        border-left: 1px solid #bda371;
        width: 1px;
        height: 80%;
    }

    .township-first-fashion-list li .count {
        color: #bda371;
        font-family: "Playfair Display", serif;
        font-size: clamp(18px, calc(1.125rem + (30 - 18) * ((100vw - 768px) / (1920 - 768))), 30px);
        margin-bottom: 10px;
        display: inline-block;
        margin-right: 10px;
        font-weight: 500 !important;
        font-weight: bold;
    }

    .township-first-fashion-list li .count-text {
        color: #bda371;
        font-family: "Playfair Display", serif;
        font-size: clamp(14px, calc(0.875rem + (16 - 14) * ((100vw - 768px) / (1920 - 768))), 16px);
        display: inline-block;
        font-weight: 300;
        text-transform: uppercase;
    }

    .township-first-fashion-list li .title {
        color: #fff;
        font-family: "Figtree", sans-serif;
        font-size: 14px;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 1.4;
    }

    .township-first-fashion-column2 {
        border: 1px solid #bda371;
        padding: 20px;
        width: 40%;
       
    }

    .township-first-fashion-column2 figure {
        margin: 0;
    }

    .township-first-fashion-column2 img {
        width: 100%;
        opacity: 1;
    }

    .township-first-fashion-column2 .locationtext figcaption {
        color: #fff;
        font-size: 18px;
        font-family: "Playfair Display", serif;
        margin-left: 6px;
        display: inline-flex;
    }

    .township-first-fashion-column2 .locationtext img {
        width: auto;
    }

    .township-conceptsection {
        padding-top: 90px;
    }

    .township-conceptsection .content-layout {
        display: flex;
        justify-content: space-between;
        width: 100%;
        box-sizing: border-box;
    }

    .township-conceptsection .townshipsixgrid-content-list li {
        border: none;
        padding: 0;
        color: #fff !important;
    }

    .township-conceptsection .townshipsixgrid-content-list {
        justify-content: center;
    }

    .township-conceptsection .innertitle {
        font-size: 14px !important;
    }

    .township-conceptsection .townshipsixgrid-content-list li:nth-child(1)::before {
        content: none;
    }

    .township-conceptsection .townshipsixgrid-content-list li::before {
        left: -46%;
        top: 41%;
    }

    .township-conceptsection .townshipsixgrid-content-list li:nth-child(4) {
        margin-right: 20px;
    }

    .township-conceptsection .townshipsixgrid-content-list li:last-child::before {
        content: none;
    }

    .township-conceptsection .innercontent {
        margin-right: 10px;
        border: 1px solid #a3a3a3;
    }

    .township-conceptsection .innercontent .subtitle {
        margin-top: 0;
        text-align: center;
        color: #bda371;
        font-size: 26px;
        font-family: "Figtree", sans-serif;
        border-bottom: 1px solid #a3a3a3;
        padding: 15px 0;
        text-transform: uppercase;
    }

    .township-conceptsection .innercontent ul {
        list-style: none;
        padding-left: 0;
        margin-top: 0;
        width: 100%;
        margin-bottom: 0;
    }

    .township-conceptsection .innercontent ul ul {
        margin-left: 20px;
    }

    .township-conceptsection .innercontent li {
        color: #bda371;
        font-size: 12px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        font-family: "Figtree", light;
        white-space: nowrap;
    }

    .township-conceptsection .column1 {
        width: 55%;
        margin: 0 auto;
    }

    .township-conceptsection .column1-list {
        display: flex;
    }

    .township-conceptsection .gold {
        color: #bda371;
        font-family: "Figtree", light;
    }

    .township-conceptsection li {
        color: #fff;
        border-bottom: 1px solid #a3a3a3;
        padding: 18px 12px;
        font-size: 12px;
    }

    .township-conceptsection li:not(.column2 li):last-child {
        border: none;
    }

    .township-conceptsection li p,
    .township-conceptsection .column2 h6 {
        margin-bottom: 0;
        font-size: 12px;
        color: #fff;
        font-family: "Figtree", light;
    }

    .township-conceptsection .column2 h6 {
        display: flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        padding-top: 25px;
    }

    .township-conceptsection .column1-list .list1,
    .township-conceptsection .column2-list .list1 {
        border-right: 1px solid #a3a3a3;
    }

    .township-conceptsection .column2 {
        width: 25%;
    }

    .township-conceptsection .column2-list {
        display: flex;
    }

    .township-conceptsection .column3 {
        width: 25%;
    }

    .section-title-image {
        font-size: clamp(20px, calc(1.25rem + (32 - 20) * ((100vw - 768px) / (1920 - 768))), 32px);
        text-align: center;
        font-family: "Playfair Display", serif;
        color: #fff;
        margin-bottom: clamp(16px, calc(1rem + (30 - 16) * ((100vw - 768px) / (1920 - 768))), 30px);
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .section-title-image::before,
    .section-title-image::after {
        content: "";
        background-position: right;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/shadow-line-horizontal.svg) !important;
        width: 110px;
        height: 3px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .section-title-image::before {
        margin-right: 20px;
    }

    .section-title-image::after {
        margin-left: 20px;
    }

    .township-globalfashion {
        padding: 90px 0 30px;
    }

    .township-globalfashion .subtitle {
        margin-bottom: 20px;
        font-size: 20px;
        color: #bda371;
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .township-globalfashion .section-title,
    .township-globalfashion .second-title {
        color: #fff;
        font-size: 32px;
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .township-globalfashion .Bon-Vivant-fonts {
        font-size: 40px;
    }

    .township-globalfashion .globalfashion-list {
        display: flex;
        margin-top: 15px;
        margin-bottom: 0;
        padding: 0;
    }

    .township-globalfashion .globalfashion-list-item {
        position: relative;
        width: calc(100% - 68%);
        margin-right: 10px;
    }

    .township-globalfashion .globalfashion-list-item img {
        width: 100%;
        height: auto;
    }

    .township-globalfashion .globalfashion-list-content {
        position: absolute;
        top: 30%;
        text-align: center;
        padding: 0 22px;
        left: 0;
        right: 0;
    }

    .township-globalfashion .globalfashion-list-content span {
        font-size: 26px;
        font-family: "Playfair Display", serif;
        display: block;
        margin-bottom: 10px;
        color: #bda371;
        transition: all 0.6s ease;
    }

    .globalfashion-list-item:hover .globalfashion-list-content span {
        transform: translateY(-50px);
    }

    .township-globalfashion .globalfashion-list-content .globalfashion-list-title {
        font-size: 24px;
        margin-bottom: 50px;
        font-family: "Playfair Display", serif;
        color: #fff;
        transition: all 0.6s ease;
    }

    .township-globalfashion .globalfashion-list-item::after {
        background: linear-gradient(180deg, #0000 50%, #000 100%) !important;
    }

    .township-globalfashion .globalfashion-list-content .globalfashion-list-description {
        margin-top: -80px;
        font-size: 14px;
        font-family: "Figtree", light;
        color: #fff;
        line-height: 20px;
    }

    .globalfashion-list-item:hover .globalfashion-list-title {
        transform: translateY(-50px);
    }

    .globalfashion-list-item:hover .globalfashion-list-description {
        display: block;
        opacity: 1;
    }

    .globalfashion-list-item:hover .globalfashion-learnmore {
        display: flex;
        opacity: 1;
    }

    .globalfashion-learnmore img {
        width: 15px !important;
    }

    .globalfashion-list-description {
        display: none;
        opacity: 0;
        transition: all 0.6s ease;
    }

    .globalfashion-learnmore {
        display: none;
        opacity: 0;
        transition: all 0.6s ease;
    }

    .township-globalfashion .ViewAllBlock a {
        color: #fff;
        font-size: 14px;
        font-family: "Playfair Display", serif;
        display: block;
        margin: 0 auto;
    }

    .township-infrastructure img {
        width: fit-content !important;
        height: auto;
        margin: 0 auto;
    }

    .township-infrastructure figure {
        text-align: center;
    }

    .township-infrastructure .townshipninegrid {
        margin-top: 40px;
    }

    .township-infrastructure .townshipninegrid-content-item,
    .township-grid-banner .townshipninegrid-content-item {
        position: relative;
        margin-bottom: 15px;
        cursor: pointer;
    }

    .township-grid-banner .inner-details .count {
        color: #bda371 !important;
    }

    .township-grid-banner .inner-details span {
        font-family: "Playfair Display", serif !important;
    }

    .township-infrastructure .townshipninegrid-content-item .inner-details,
    .township-grid-banner .townshipninegrid-content-item .inner-details {
        position: absolute;
        bottom: 5%;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 2;
        margin: 0 auto;
        cursor: pointer;
    }

    .township-infrastructure .townshipninegrid-content-img7 .inner-details {
        top: 16%;
    }

    .township-infrastructure .townshipninegrid-content-img8 .inner-details,
    .township-infrastructure .townshipninegrid-content-img9 .inner-details {
        top: 20%;
    }

    .township-infrastructure .townshipninegrid-content-item .inner-details .count,
    .township-grid-banner .inner-details .count {
        color: #fafafa;
        font-size:  clamp(17px, calc(1.0625rem + (34 - 17) * ((100vw - 768px) / (1920 - 768))), 34px);
        font-family: "Playfair Display", serif;
    }

    .township-infrastructure .townshipninegrid-content-item .inner-details span,
    .township-grid-banner .inner-details span {
        display: block;
        margin-top: 0;
        color: #fafafa;
        font-size: clamp(14px, calc(0.875rem + (18 - 14) * ((100vw - 768px) / (1920 - 768))), 18px);
        font-family: "Figtree", light;
        text-transform: uppercase;
    }

    .township-infrastructure .townshipninegrid-content-img1 img {
        height: 232px;
    }

    .township-infrastructure .townshipninegrid-content-img2 img {
        height: 168px;
    }

    .township-infrastructure .townshipninegrid-content-img8 img,
    .township-infrastructure .townshipninegrid-content-img9 img {
        height: 107px;
    }

    .townshipninegrid-secondrow,
    .townshipninegrid-secondrow .col-lg-6,
    .townshipninegrid-firstrowcol {
        padding-right: 0;
    }

    .township-conceptGrid {
        padding-top: 0;
    }

    .township-conceptGrid img {
        width: 100%;
        height: auto;
    }

    .township-conceptGrid .townshipconceptimages {
        margin-top: 40px;
    }

    .township-conceptGrid .townshipconceptimages-content-item {
        position: relative;
        margin-bottom: 15px;
    }

    .township-conceptGrid .townshipconceptimages-content-item .inner-details {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        z-index: 2;
    }

    .township-conceptGrid .townshipconceptimages-content-item .inner-details .count {
        font-size:  clamp(17px, calc(1.0625rem + (28 - 17) * ((100vw - 768px) / (1920 - 768))), 28px);
        font-family: "Playfair Display", serif;
    }

    .township-conceptGrid .townshipconceptimages-content-item .inner-details span {
        display: block;
        margin-top: 0;
        color: #fff;
        font-size: clamp(14px, calc(0.875rem + (16 - 14) * ((100vw - 768px) / (1920 - 768))), 16px);
        font-family: "Figtree", light;
        text-transform: uppercase;
    }

    .township-conceptGrid .section-title-image {
        display: none;
    }

    .township-conceptGrid .subtitle {
        color: #bda371;
        font-size:  clamp(17px, calc(1.0625rem + (28 - 17) * ((100vw - 768px) / (1920 - 768))), 28px);
        margin-bottom: 20px;
        text-align: center;
        display: none;
    }

    .township-conceptGrid .townshipconceptimages-content-img3 img,
    .township-conceptGrid .townshipconceptimages-content-img4 img {
        height: 93px;
    }

    .township-conceptGrid .townshipconceptimages-content-img1 img,
    .township-conceptGrid .townshipconceptimages-content-img2 img,
    .township-conceptGrid .townshipconceptimages-content-img3 img,
    .township-conceptGrid .townshipconceptimages-content-img4 img,
    .township-conceptGrid .townshipconceptimages-content-img5 img,
    .township-conceptGrid .townshipconceptimages-content-img6 img {
        height: 200px;
    }

    .townshipconceptimages .row>* {
        padding-right: 0;
    }

    .townshipconceptimages-content-img8 .count {
        font-size: 30px !important;
    }

    .townshipconceptimages-content-img8 .count:nth-of-type(2) {
        font-size: 14px !important;
    }

    .townshipconceptimages-content-img8 .title {
        font-size: 12px !important;
    }

    .townshipconceptimages-secondrow,
    .townshipconceptimages-secondrow .col-lg-6,
    .townshipconceptimages-firstrowcol {
        padding-right: 0;
    }

    .township-fashion-district {
        padding-top: 100px;
    }

    .township-fashion-district img {
        width: 100%;
        height: auto;
    }

    .township-conecpt-section-title {
        color: #fff;
        font-family: "Playfair Display", serif;
        font-size: 35px;
        margin-bottom: 45px;
        position: relative;
        padding-left: 30px !important;
    }

    .township-conecpt-section-title::before {
        content: "";
        position: absolute;
        left: -5px;
        top: -30px;
        background-position: left;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image: url(../images/shadow-line-vertical.svg) !important;
        width: 3px;
        height: 110px;
    }

    .township-conecpt-sub-title {
        color: #bda371;
        font-size: 16px;
        line-height: 24px;
    }

    .township-fashion-district .para {
        margin: 30px 0 25px;
        font-size: 14px;
        font-family: "Figtree", light;
        color: #fff;
    }

    .township-fashion-district .townshipconceptimages-content-img1 img {
        height: 360px;
    }

    .townshipconceptimages-content-item {
        margin-bottom: 12px;
    }

    .township-fashion-district .township-fashion-district-content-colum2 .para {
        padding-left: 40px;
    }

    .township-fashion-district .township-fashion-district-content-colum2 .readmore,
    .township-art-hub .readmore,
    .township-archi-enclave .readmore,
    .township-della-resorts .readmore {
        color: #fff;
        font-weight: 300;
        font-family: "Playfair Display", serif;
        font-size: 20px !important;
    }

    .township-fashion-district .township-fashion-district-content-colum2 .ViewAllBlock {
        padding-left: 40px;
    }

    .township-fashion-district .townshipconceptimages-content-img6 img {
        height: 160px;
    }

    .township-fashion-district .townshipconceptimages-content-img4 img {
        height: 360px;
    }

    .township-art-hub,
    .township-della-resorts,
    .township-wedding-dest {
        padding-top: 100px;
    }

    .township-arthub-content-row1 {
        margin-bottom: 40px;
    }

    .township-art-hub p {
        color: #fff;
        font-size: 14px;
        font-family: "Figtree", light;
    }

    .township-art-hub .township-conecpt-sub-title {
        margin-bottom: 10px;
    }

    .township-art-hub img,
    .township-archi-enclave img,
    .township-della-resorts img,
    .township-wedding-dest img {
        width: 100%;
    }

    .township-art-hub .townshipconceptimages-content-img3 img,
    .township-art-hub .townshipconceptimages-content-img4 img {
        height: 333px;
    }

    .township-art-hub .townshipconceptimages-content-img1 img,
    .township-art-hub .townshipconceptimages-content-img2 img {
        height: 160px;
    }

    .township-art-hub .townshipconceptimages-content-img5 img {
        height: 260px;
    }

    .township-arthub-content-colum2 {
        padding-left: 40px;
    }

    .township-art-hub .row>*,
    .township-della-resorts .row>*,
    .township-wedding-dest-content .row>* {
        padding-right: 0;
    }

    .township-archi-enclave p {
        color: #fff;
        font-size: 14px;
        font-family: "Playfair Display", serif;
        max-width: 800px;
        margin: 15px auto;
        padding-left: 0;
    }

    .township-archi-enclave-content-colum1 {
        padding: 30px;
    }

    .township-archi-enclave .title {
        font-size: 18px;
        line-height: 24px;
        color: #fff;
        font-family: "Playfair Display", serif;
    }

    .township-della-resorts .text-content {
        text-align: center;
    }

    .township-della-resorts .info {
        color: #bda371;
        font-size: 12px;
        padding: 0px 16px;
        line-height: 22px;
        font-family: "Playfair Display", serif;
    }

    .township-della-resorts .para {
        color: #fff;
        font-size: 12px;
        font-family: "Figtree", light;
        margin-top: 5px;
        line-height: 20px;
        margin-bottom: 0;
    }

    .township-della-resorts .townshipconceptimages-content-img1 img,
    .township-della-resorts .townshipconceptimages-content-img2 img {
        height: 225px;
    }

    .township-della-resorts .townshipconceptimages-content-img3 img,
    .township-della-resorts .townshipconceptimages-content-img4 img {
        height: 210px;
    }

    .township-della-resorts .townshipconceptimages-content-img5 img {
        height: 450px;
    }

    .township-della-adventure {
        padding-top: 100px;
    }

    .township-della-adventure .row {
        justify-content: space-between;
    }

    .township-della-adventure .township-della-adventure-text {
        padding: 10px 0 30px;
    }

    .township-della-adventure img {
        width: 100%;
        height: auto;
    }

    .township-della-adventure li:nth-child(2) img,
    .township-della-adventure li:nth-child(5) img {
        height: 420px;
    }

    .township-della-adventure .subtitle {
        color: #bda371;
        font-size: 18px;
        margin-bottom: 20px;
        font-family: "Playfair Display", serif;
    }

    .township-della-adventure .ViewAllBlock a {
        color: #fff;
        font-size: 14px;
        font-family: "Playfair Display", serif;
    }

    .township-della-adventure .description {
        color: #fff;
        font-size: 16px;
        margin-bottom: 20px;
        font-family: "Figtree", light;
        line-height: 20px;
    }

    .township-della-images-column {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .township-della-images-column li {
           width: calc(33% - 10px);
           margin-right: 10px;
           height: 393px;
           object-fit: cover;
           margin-bottom: 15px;
           position: relative;
      }

    .township-della-images-column li .text {
        position: absolute;
        bottom: 6%;
        left: 6%;
        color: #fff;
        font-size: 16px;
        font-family: "Playfair Display", serif;
    }

    .township-wedding-dest .Bon-Vivant-fonts {
        font-size: 40px;
        padding: 0 25px;
        line-height: 40px;
    }

    .township-wedding-dest {
        padding-bottom: 0;
    }

    .township-wedding-dest .subtitle {
        margin: 30px 0;
        color: #bda371;
        font-size: 20px;
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .township-wedding-dest .section-title-image {
        margin-bottom: 15px;
    }

    .township-wedding-dest .section-title-image::after {
        right: 16%;
        top: 50%;
    }

    .township-wedding-dest .section-title-image::before {
        left: 16%;
        top: 50%;
    }

    .township-wedding-dest .description {
        max-width: 780px;
        margin: 0 auto;
        text-align: center;
        color: #fff;
        font-size: 14px;
        font-family: "Figtree", light;
    }

    .township-wedding-dest img {
        opacity: 0.7;
    }

    .township-wedding-dest-content {
        margin-top: 20px;
    }
    .township-partners {
        padding-top: clamp(50px, calc(3.125rem + (100 - 50) * ((100vw - 768px) / (1920 - 768))), 100px);
        background-color: #fff;
    }

    .township-partners .sub-title {
        margin: 15px 0;
        font-size: 18px;
        color: #bda371;
        font-family: "Playfair Display", serif;
    }

    .township-partners .description {
        color: #000;
        font-size: 16px;
        font-family: "Figtree", light;
    }

    .township-partners .ViewAllBlock a,
    .township-teamssection .ViewAllBlock a,
    .township-sustainability .ViewAllBlock a,
    .township-investment-content .ViewAllBlock a,
    .township-existing .ViewAllBlock a,
    .township-faqs-content .ViewAllBlock a,
    .township-villa-plots .ViewAllBlock a,
    .township-resturants .ViewAllBlock a {
        color: #fff;
        font-size: 14px;
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .township-partners ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .township-partners .township-partners-list {
        padding: 35px 0 0;
        width: calc(16% - 0px);
        margin-right: 10px;
    }

    .township-partners .township-partners-list:last-child {
        border-bottom: none;
    }

    .township-partners-list .township-partners-list-item figure {
        width: 100%;
        margin-right: 10px;
    }

    .township-partners-list .township-partners-list-item-text {
        width: 100%;
    }

    .township-partners-list-item-text .heading {
        margin-bottom: 40px;
        font-size: clamp(16px, calc(1rem + (20 - 16) * ((100vw - 768px) / (1920 - 768))), 20px);
        color: #111;
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .township-partners-list-item-text .para {
        color: #fff;
        font-size: 14px;
        font-family: "Figtree", light;
        margin-bottom: 20px;
        max-width: 500px;
    }

    .township-partners-list-item-text .inner-content {
        display: flex;
    }

    .township-partners-list-item-text .inner-content .inner-left,
    .township-partners-list-item-text .inner-content .inner-right {
        width: calc(48% - 50px);
        margin-right: 50px;
    }

    .township-partners-list-item-text .inner-content li {
        color: #fff;
        font-size: 18px;
        font-family: "Figtree", light;
        margin-bottom: 5px;
        font-weight: 100;
    }

    .township-partners-list .ViewAllBlock {
        text-align: right;
        margin-top: -55px;
    }

    .township-teamssection {
        padding-top: 90px;
        background-color: #fff;
    }

    .township-teamssection-content {
        display: block;
    }

    .township-teamssection figure img {
        width: auto;
        margin: 0 auto;
    }

    .township-teamssection .designation {
        margin: 15px 0 20px;
        font-size: 16px;
        color: #bda371;
        font-family: "Figtree", light;
        text-align: center;
    }

    .township-teamssection .description {
        color: #111;
        font-size: 16px;
        font-family: "Figtree", light;
        max-width: 700px;
        margin: 0 auto;
        text-align: center;
    }

    .township-teamssection .section-title-image,
    .township-partners .section-title-image {
        color: #111;
    }

    .township-teamssection .name {
        color: #111;
        font-size: 22px;
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .township-teamssection figure {
        text-align: center;
        margin: 30px 0 20px;
    }

    .township-teamssection .ViewAllBlock a,
    .township-partners .ViewAllBlock a {
        color: #111;
        justify-content: center;
    }

    .township-sustainability {
        background-color: #fff;
    }

    .township-sustainability .common-container {
        padding: 80px 0;
        background-image: url(../images/como-sustainability.webp);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .township-sustainability-content {
        text-align: center;
        position: relative;
        z-index: 2;
    }

    .township-sustainability .common-container::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff80;
        z-index: 1;
        pointer-events: none;
    }

    .township-sustainability-content figure {
        margin: 0;
    }

    .township-sustainability-content .title {
        padding-bottom: 10px;
        color: #000;
        font-size: clamp(18px, calc(1.125rem + (30 - 18) * ((100vw - 768px) / (1920 - 768))), 30px);
        font-family: "Playfair Display", serif;
    }

    .township-sustainability-content .para {
        color: #000;
        font-size: 16px;
        font-family: "Figtree", light;
        margin: 10px auto 20px;
        max-width: 900px;
        line-height: 18px;
    }

    .township-sustainability-content .ViewAllBlock a {
        font-weight: 100;
    }

    .township-investment-opportunities {
        background-color: #fff;
        padding: 90px 0;
        display: flex;
        align-items: center;
    }

    .township-investment-opportunities figure {
        width: calc(50% - 40px);
        margin-right: 40px;
    }

    .township-investment-opportunities figure img {
        width: 100%;
        height: auto;
    }

    .township-investment-content {
        width: 40%;
        padding-top: 20px;
    }

    .township-investment-content .title {
        color: #111;
        font-size: 40px;
        font-family: "Playfair Display", serif;
        color: #bda371;
        font-size: 40px;
        font-family: "Playfair Display", serif;
        margin-bottom: 40px;
    }

    .township-investment-content .subtitle {
        margin-bottom: 30px;
        margin-top: 10px;
        color: #111;
        font-size: 18px;
        font-family: "Playfair Display", serif;
    }

    .township-investment-content .ViewAllBlock a {
        color: #111;
    }

    .TownClients {
        display: none;
    }

    #upcomingTownships-new .upcomingimgSlider {
        margin-top: 50px;
    }

    .township-existing {
        padding: 90px 0 60px;
    }

    .township-existing .sub-title {
        margin-top: 40px;
        color: #bda371;
        font-size: 16px;
        font-family: "Playfair Display", serif;
    }

    .township-existing .description {
        color: #fff;
        font-size: 14px;
        font-family: "Figtree", light;
        margin: 10px auto 30px;
        max-width: 800px;
    }

    .township-faqs {
        padding-top: 60px;
        padding-bottom: 100px;
    }

    .township-faqs-content {
        padding: 30px 20px 25px;
        max-width: 1000px;
        margin: auto;
        width: 100%;
        border: 1px solid #bda371;
    }

    .township-faqs-content .title {
        color: #fff;
        font-size: 35px;
        font-family: "Playfair Display", serif;
        margin-bottom: 15px;
        text-align: center;
    }

    .township-faqs-content .innertext {
        color: #bda371;
    }

    .township-villa-plots {
        padding-top: 90px;
    }

    .township-villa-plots img {
        width: 100%;
        height: auto;
    }

    .township-villa-plots .row {
        --bs-gutter-x: 0;
    }

    .township-villa-plots-content {
        padding-top: 50px;
    }

    .township-villa-plots-content .mainpara {
        color: #fff;
        font-size: 16px;
        font-family: "Playfair Display", serif;
    }

    .township-villa-plots-content-colum1 {
        padding-left: 10%;
        padding-right: 2%;
    }

    .township-villa-plots-content-colum1 .mainpara {
        padding-right: 60px;
    }

    .township-villa-plots .para {
        color: #fff;
        font-size: 14px;
        font-family: "Figtree", light;
        margin: 15px 0;
        opacity: 1;
    }

    .township-villa-plots .subtitle {
        color: #bda371;
        font-size: 16px;
        font-family: "Figtree", light;
        margin: 50px 0 0;
        opacity: 1;
    }

    .township-villa-plots-content-colum4 {
        padding-left: 5%;
        margin-top: 50px;
    }

    .township-villa-plots-content-colum3 {
        margin-top: -80px;
    }

    .township-villa-plots-content-bottom {
        margin-top: 50px;
    }

    .township-resturants .swiper-wrapper {
        padding-bottom: 25px;
    }

    .township-resturants .section-title-image {
        margin-bottom: 10px;
    }

    .township-resturants .swiper-slide img {
        width: 100%;
        height: auto;
    }

    .township-resturants img,
    .township-sustainability-content img {
        margin: 0 auto;
    }

    .restuarantslider-slider-counter {
        text-align: center;
        color: #fff;
        font-family: "Playfair Display", serif;
    }

    .township-resturants .description {
        text-align: center;
        color: #fff;
        font-size: 18px;
        font-family: "Playfair Display", serif;
    }

    .restuarantslider-slider-counter {
        text-align: center;
        color: #fff;
        font-family: "Playfair Display", serif;
    }

    .restuarantslider .swiper-slide {
        position: relative;
    }

    .restuarantslider .swiper-slide::after {
        content: "";
        position: absolute;
        bottom: 24px;
        left: 0;
        height: 30%;
        width: 100%;
        background: linear-gradient(180deg, #0000 15.12%, #000 100%);
        z-index: 0;
    }

    .restuarantslider .innerdetail {
        position: absolute;
        bottom: 5%;
        left: 5%;
        z-index: 2;
    }

    .restuarantslider .innerdetail-title {
        font-size: 20px;
        margin-bottom: 10px;
        color: #fff;
        font-family: "Playfair Display", serif;
    }

    .restuarantslider .innerdetail-description {
        font-size: 16px;
        line-height: 20px;
        color: #fff;
        font-family: "Figtree", light;
    }

    .township-resturants .description {
        text-align: center;
        color: #bda371;
        font-size: 16px;
        font-family: "Playfair Display", serif;
    }

    .restuarantslider .swiper-slide {
        position: relative;
    }

    .restuarantslider .swiper-slide img {
        opacity: 0.5;
    }

    .township-archi-enclave-content {
        margin-top: 70px !important;
    }

    .township-encompassing .section-title {
        color: #fff;
        font-size: 40px;
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .township-encompassing-list {
        margin-top: 30px;
        padding: 0;
        list-style: none;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .township-encompassing-list li {
        width: calc(48% - 0px);
        margin-right: 20px;
        margin-bottom: 5px;
        position: relative;
    }

    .township-encompassing-list img {
        width: 100%;
        height: auto;
    }

    .township-encompassing-list .description {
        color: #fff;
        font-size: 20px;
        font-family: "Playfair Display", serif;
        text-align: center;
        position: absolute;
        bottom: 17%;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 2;
    }

    .township-architecture {
        padding-top: 50px;
    }

    .township-architecture-content {
        margin-top: 50px;
        display: flex;
        align-items: center;
    }

    .township-architecture-content-list {
        list-style: none;
        padding: 0;
        width:100%;
        margin-right: 30px;
    }

    .township-architecture-content-list-item {
        margin-bottom: 30px;
        position: relative;
        padding-left: 40px;
    }

    .township-architecture-content-list-item::before {
        content: "";
        background-position: right;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/shadow-line-vertical.svg) !important;
        width: 3px;
        height: 90px;
        position: absolute;
        left: 0;
        top: -5px;
    }

    .township-architecture-content-list-item .description {
        color: #fff;
        font-size: 14px;
        font-family: "Figtree", light;
    }

    .township-architecture .subtitle {
        color: #bda371;
        font-size: clamp(16px, calc(1rem + (18 - 16) * ((100vw - 768px) / (1920 - 768))), 18px);
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .township-architecture-content img {
        width: 100%;
        height: auto;
    }

    .township-sustainability-architecture {
        margin-top: 100px;
        padding: 80px 0;
        background-image: url(../images/bistroimage.webp);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .township-sustainability-architecture .section-heading {
        margin-bottom: 50px;
        color: #111;
        font-size: 22px;
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .township-sustainability-architecture .secondtitle {
        margin-bottom: 30px;
        color: #bda371;
        font-size: 20px;
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .township-sustainability-architecture .section-title-image {
        margin: 40px 0 50px;
        color: #111;
        font-size: clamp(20px, calc(1.25rem + (40 - 20) * ((100vw - 768px) / (1920 - 768))), 40px);
        font-family: "Playfair Display", serif;
        text-align: center;
        line-height: 1.2;
    }

    .township-sustainability-architecture .para {
        color: #111;
        font-size: 20px;
        font-family: "Figtree", light;
        text-align: center;
    }

    .sustain-image-section {
        padding-top: 20px;
        background-color: #fff;
    }

    .sustain-image img {
        width: 100%;
    }

    .sustain-image figure {
        margin: 0 !important;
    }

    .sustain-image .para {
        color: #111;
        font-size: 18px;
        text-align: center;
        padding: 30px 20px;
        border: 1px solid #bda371;
        border-top: 0;
        max-width: 900px;
        margin: 0 auto;
    }

    .township-della-approach {
        background-color: #fff;
        padding-top: 80px;
    }

    .township-della-approach .township-della-approach-content-right {
        padding-left: 0;
        padding-right: 30px;
    }

    .township-della-approach .row {
        align-items: center;
    }

    .township-della-approach img {
        width: 100%;
        height: auto;
    }

    .township-della-approach .col-lg-6:last-child {
        padding-left: 40px;
    }

    .township-della-approach .para {
        color: #111;
        font-size: 20px;
        font-family: "Playfair Display", serif;
        margin-bottom: 30px;
        line-height: 1.4;
    }

    .township-della-approach .ViewAllBlock a {
        color: #111;
        font-size: 20px;
        font-family: "Playfair Display", serif;
    }

    .township-della-approach-content .township-conecpt-section-title,
    .township-della-initiatives .township-conecpt-section-title {
        color: #bda371;
        margin-bottom: 30px;
        padding-left: 20px;
    }

    .township-della-approach-content .township-conecpt-section-title::before,
    .township-della-initiatives .township-conecpt-section-title::before {
        top: -25px;
        width: 2px;
        height: 110px;
    }

    .township-della-initiatives {
        padding: 80px 0;
        background-color: #fff;
    }

    .township-della-initiatives .common-container {
        display: flex;
        align-items: center;
    }

    .township-della-initiatives-list {
        display: flex;
        list-style: none;
        padding: 0;
        padding-left: 60px;
        flex-wrap: wrap;
    }

    .township-della-initiatives-list li {
        width: calc(29% - 0px);
        margin-right: 20px;
        text-align: center;
        margin-bottom: 30px;
    }

    .township-della-initiatives-list li:last-child {
        margin-right: 0;
    }

    .township-della-initiatives-list li .title {
        margin-top: 10px;
        color: #000;
        font-size: 18px;
        line-height: 1.5;
        font-family: "Playfair Display", serif;
    }

    .township-della-initiatives .subtitle {
        color: #bda371;
        font-size: 18px;
        line-height: 1.5;
        font-family: "Playfair Display", serif;
    }

    .township-della-initiatives .ViewAllBlock a {
        color: #111;
        font-size: 20px;
        font-family: "Playfair Display", serif;
    }

    .sustainability-main-section {
        padding-top: 100px;
        background-color: #fff;
    }

    .sustainability-main-section .section-title-image {
        color: #111;
        font-size: clamp(20px, calc(1.25rem + (40 - 20) * ((100vw - 768px) / (1920 - 768))), 40px);
        font-family: "Playfair Display", serif;
        text-align: center;
        line-height: 1.2;
    }

    .township-partners-grid {
        display: flex;
    }

    .township-globalregions {
        padding-top: 90px;
    }

    .township-globalregions .section-title {
        color: #fff;
        font-size: 32px;
        font-family: "Playfair Display", serif;
        text-align: center;
        margin-bottom: 20px;
        position: relative;
    }

    .township-globalregions .section-title::after {
        content: "";
        border-bottom: 1px solid #bda371;
        width: 60%;
        display: block;
        margin: 0 auto;
        padding-top: 20px;
    }

    .township-globalregions .subtitle,
    .township-globalregions .change {
        color: #fff;
        font-size: 16px;
        font-family: "Figtree", light;
        text-align: center;
        display: inline-block;
        width: 100%;
    }

    .township-globalregions img {
        width: 100%;
        height: auto;
    }

    .township-globalregions .change {
        text-align: right;
        text-align: right;
        position: relative;
        top: -50px;
        display: none;
    }

    .township-globalregions-content-item {
        position: relative;
    }

    .township-globalregions-content-item .imagetitle {
        position: absolute;
        color: #fff;
        font-size: 14px;
        font-family: "Playfair Display", serif;
    }

    .township-globalregions-content-item {
        margin-bottom: 15px;
    }

    .township-globalregions-content-item.townshipconceptimages-content-img1 .imagetitle {
        transform: rotate(-90deg);
        left: -30%;
        bottom: 4%;
    }

    .township-globalregions-content-item.townshipconceptimages-content-img2 .imagetitle {
        top: -6%;
    }

    .township-globalregions-content-item.townshipconceptimages-content-img3 .imagetitle {
        text-align: right;
        right: 0;
        bottom: -6%;
    }

    .township-globalregions-content-item.townshipconceptimages-content-img4 .imagetitle {
        top: 12%;
        right: -15%;
        transform: rotate(90deg);
    }

    .township-globalregions-content-item.townshipconceptimages-content-img5 .imagetitle {
        text-align: right;
        right: 0;
        bottom: -8%;
    }

    .township-globalregions-content-item img,
    .township-della-resorts img {
        opacity: 0.6;
    }

    .township-globalregions-content-item.townshipconceptimages-content-img1 img {
        height: 710px;
    }

    .township-globalregions-content-item.townshipconceptimages-content-img2 img,
    .township-globalregions-content-item.townshipconceptimages-content-img3 img {
        height: 350px;
    }

    .township-globalregions-content-item.townshipconceptimages-content-img4 img {
        height: 453px;
    }

    .township-globalregions-content-item.townshipconceptimages-content-img5 img {
        height: 250px;
    }

    .township-globalregions .ViewAllBlock a {
        color: #fff;
        font-size: 14px;
        font-family: "Playfair Display", serif;
    }

    .township-retailexperience {
        display: block !important;
        padding-bottom: clamp(25px, calc(1.5625rem + (50 - 25) * ((100vw - 768px) / (1920 - 768))), 50px);
    }

    .retailexperienceslider .swiper-wrapper {
        padding-bottom: 50px !important;
    }

    .township-retailexperience .township-retailexperience-list {
        display: flex;
        justify-content: space-between;
    }

    .township-retailexperience .township-retailexperience-list ul {
        width: 50%;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .township-retailexperience .township-retailexperience-list li {
        color: #fff;
        font-size: 18px;
        font-family: "Playfair Display", serif;
        margin-bottom: 10px;
    }

    .township-retailexperience .township-retailexperience-list li .gold {
        font-family: "Figtree", light;
    }

    .township-retailexperience-list .Bon-Vivant-fonts {
        font-size: 14px;
        line-height: 0;
    }

    .township-retailexperience .row {
        --bs-gutter-x: 0;
        align-items: center;
    }

    .retailexperienceslider {
        margin-top: 60px;
        margin-left: 120px;
        padding: 50px 0 0;
        margin-right: 120px;
    }

    .township-global-patrons {
        padding-bottom: 30px;
        background-color: #fff;
    }

    .township-global-patrons .para {
        max-width: 65%;
        margin: 0 auto;
        color: #000;
        text-align: center;
        font-size: 14px;
        font-family: "Playfair Display", serif;
    }

    .township-global-patrons .section-title-image {
        color: #000;
        margin-bottom: 20px;
    }

    .fashionlist {
        margin-top: 50px;
        margin-bottom: 50px;
        display: flex;
        justify-content: space-between;
        list-style: none;
        padding: 0;
    }

    .fashionlist li {
        width: calc(33% - 0px);
        position: relative;
        color: #000;
        font-size: 20px;
        font-family: "Playfair Display", serif;
    }

    .fashionlist li::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 30px;
        width: 70%;
        height: 1px;
        border: 1px solid #bda371;
    }

    .fashionlist li:first-child:after {
        right: -180px;
        width: 120%;
    }

    .fashionlist li:nth-child(2) {
        text-align: center;
    }

    .fashionlist li:nth-child(2):after {
        right: -265px;
        width: 105%;
    }

    .fashionlist li:last-child {
        align-self: flex-end;
        text-align: right;
    }

    .fashionlist li:last-child:after {
        content: none;
    }

    .township-global-patrons .sub-title {
        margin-bottom: 20px;
        color: #000;
        text-align: center;
        font-size: 20px;
        font-family: "Playfair Display", serif;
    }

    .township-global-patrons .section-title::before {
        content: "";
        background-position: right;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/shadow-line-vertical.svg) !important;
        width: 3px;
        height: 110px;
        position: absolute;
        left: -10px;
    }

    .township-global-patrons-sections {
        display: flex;
        margin-top: clamp(25px, calc(1.5625rem + (50 - 25) * ((100vw - 768px) / (1920 - 768))), 50px);
    }

    .township-global-patrons-sections1 img {
        width: 100%;
    }

    .township-global-patrons-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0;
        list-style: none;
    }

    .township-global-patrons-list li {
        width: calc(24% - 0px);
        margin-bottom: clamp(21px, calc(1.3125rem + (45 - 21) * ((100vw - 768px) / (1920 - 768))), 45px);
    }

    .township-global-patrons-list li:last-child {
        margin-right: 0;
    }

    .township-global-patrons-list li:nth-child(4n) {
        margin-right: 0;
    }

    .township-global-patrons-list li .name {
        margin: 10px 0;
        color: #111;
        font-size: 16px;
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .township-global-patrons-list li .designation {
        margin: 10px 0;
        color: #111;
        font-size: 14px;
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .brandslist {
        margin-top: 20px;
        padding: 0;
        display: flex;
        justify-content: center;
    }

    .brandslist li {
        width: 80px;
        height: 80px;
        border: 1px solid #000;
        color: #111;
        font-size: 14px;
        font-family: "Playfair Display", serif;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 25px;
        margin-bottom: 0;
    }

    .township-global-patrons-list li .location {
        color: #111;
        font-size: 14px;
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .township-dlcfoundation {
        background-color: #fff;
        padding: 30px 0;
    }

    .township-dlcfoundation .toptext {
        color: #111;
        font-size: 22px;
        font-family: "Figtree", light;
        text-align: center;
    }

    .township-subtitle-title {
        margin: 20px 0;
        color: #111;
        font-size: 28px;
        font-family: "Playfair Display", serif;
        text-align: center;
        line-height: 1.8;
    }

    .township-dlcfoundation .champ {
        margin-bottom: 40px;
        font-size: 18px;
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .township-dlcfoundation-content {
        position: relative;
    }

    .township-dlcfoundation-content img {
        width: 100%;
        height: auto;
    }

    .township-dlcfoundation-content-inner {
        position: absolute;
        bottom: 5%;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        z-index: 2;
    }

    .township-dlcfoundation-content-inner .title {
        color: #fff;
        font-size: clamp(18px, calc(1.125rem + (24 - 18) * ((100vw - 768px) / (1920 - 768))), 24px);
        font-family: "Playfair Display", serif;
        text-align: center;
        margin-bottom: 10px;
    }

    .township-dlcfoundation-content-inner .subtitle {
        color: #fff;
        font-size: 16px;
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .township-dlcfoundation-content::after,
    .township-globalfashion .globalfashion-list-item::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(180deg, #0000 -30.12%, #000 100%);
    }

    .township-dlcfoundation-list {
        list-style: none;
        display: flex;
        align-items: center;
        padding: 0;
        flex-wrap: wrap;
        margin: 50px auto 0;
        padding-left: 50px;
    }

    .township-dlcfoundation-list li {
        width: calc(46% - 0px);
        margin-right: 40px;
        margin-bottom: 10px;
        color: #111;
        font-size: clamp(16px, calc(1rem + (18 - 16) * ((100vw - 768px) / (1920 - 768))), 18px);
        font-family: "Playfair Display", serif;
        position: relative;
        line-height: 24px;
    }

    .township-dlcfoundation-list li:nth-child(2n) {
        margin-right: 0;
    }

    .township-dlcfoundation-list li::before {
        content: "";
        position: absolute;
        left: -5%;
        top: 40%;
        background-color: #bda371;
        height: 8px;
        width: 8px;
        border-radius: 50%;
    }

    .border-full .heading {
        padding-left: 30px;
        margin-top: 30px;
        color: #111;
        font-size: 30px;
        font-family: "Playfair Display", serif;
    }

    .border-art-text {
        padding-top: 40px;
        position: relative;
    }

    .border-art-text::after {
        content: "";
        position: absolute;
        border: 1px solid #bda371;
        top: 0;
        left: 30px;
        width: 90%;
    }

    .township-dlcfoundation-content figure {
        margin: 0 !important;
    }

    .border-full {
        border: 1px solid #bda371;
        padding: 0 30px 30px;
        max-width: 80%;
        margin: 0 auto;
    }

    .township-dlcfoundation .section-title-image {
        margin-top: 30px;
        color: #111;
    }

    .township-themebased .section-title-image {
        font-size: clamp(18px, calc(1.125rem + (28 - 18) * ((100vw - 768px) / (1920 - 768))), 28px);
        white-space: nowrap;
    }

    .township-themebased .section-title-image .Bon-Vivant-fonts {
        padding: 0 20px;
        line-height: 0 ;
        font-size: clamp(18px, calc(1.125rem + (35 - 18) * ((100vw - 768px) / (1920 - 768))), 35px);
    }

    .township-themebased .comptext {
        color: #bda371;
        text-align: center;
        font-size: 26px;
        font-family: "Playfair Display", serif;
    }

    .township-dlcfoundation .township-subtitle-title .Bon-Vivant-fonts,
    .township-dlcfoundation .township-banner-title .Bon-Vivant-fonts {
        line-height: 0 ;
        font-size: clamp(18px, calc(1.125rem + (30 - 18) * ((100vw - 768px) / (1920 - 768))), 30px);
    }

    .township-dlcfoundation .township-banner-title {
        margin: 10px 0 21px;
        color: #000;
        font-size: clamp(17px, calc(1.0625rem + (26 - 17) * ((100vw - 768px) / (1920 - 768))), 26px);
        line-height: 1.5;
        text-align: center;
    }

    .township-dlcfoundation .para {
        text-align: center;
    }

    .township-dlcfoundation-content .toptitle {
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        z-index: 5;
        text-align: center;
        margin: 0 auto;
        color: #fff;
        font-size: 20px;
        font-family: "Playfair Display", serif;
    }

    .township-dlcfoundation-content .subpara {
        color: #fff;
        font-size: 20px;
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .resorts-destination {
        padding-top: 90px;
    }

    .resorts-destination .section-title {
        color: #fff;
        font-size: 60px;
        font-family: "Playfair Display", serif;
        margin-bottom: 40px;
    }

    .resorts-destination .innertext {
        padding-left: 200px;
    }

    .resorts-destination .Bon-Vivant-fonts {
        font-size: 90px;
    }

    .resorts-destination .subtitle {
        color: #fff;
        font-size: 20px;
        font-family: "Playfair Display", serif;
        text-align: center;
        line-height: 1.6;
        padding-bottom: 25px;
        border-bottom: 1px solid #bda371;
    }

    .resorts-destination img {
        width: 100%;
        height: auto;
    }

    .resorts-destination .para {
        margin-top: 40px;
        font-size: 14px;
        color: #fff;
        text-align: center;
        font-family: "Figtree", light;
        font-weight: 100;
        line-height: 1.4;
    }

    .resorts-destination-description {
        margin: 40px 0;
        display: flex;
        justify-content: space-between;
    }

    .resorts-destination-description .description {
        width: calc(45% - 0px);
        margin-right: 110px;
        font-size: 18px;
        color: #fff;
        text-align: left;
        font-family: "Playfair Display", serif;
        font-weight: 100;
        line-height: 1.6;
    }

    .resorts-destination-description .description:last-child {
        margin-right: 0;
    }

    .resorts-destination .para2 {
        font-size: 16px;
        color: #fff;
        text-align: center;
        font-family: "Figtree", light;
        font-weight: 100;
        line-height: 1.6;
    }

    .resorts-destination .townshipconceptimages-content-item {
        margin-bottom: 20px;
    }

    .resorts-destination .col-lg-3 {
        width: 28%;
    }

    .resorts-destination .col-lg-2 {
        width: 18%;
    }

    .resorts-destination .townshipconceptimages-content-img3 img,
    .resorts-destination .townshipconceptimages-content-img6 img {
        height: 345px;
    }

    .resorts-destination .townshipconceptimages-content-img6 img,
    .resorts-destination .townshipconceptimages-content-img7 img {
        height: 350px;
    }

    .resorts-destination .townshipconceptimages-content-img5 img {
        height: 570px;
    }

    .township-sportsactivities {
        padding: 90px 0 0;
    }

    .township-sportsactivities .section-subtitle {
        margin-bottom: 30px;
        color: #bda371;
        font-family: "Playfair Display", serif;
        text-align: center;
        font-size: 20px;
    }

    .township-sportsactivities .subtitle {
        font-size: 18px;
        max-width: 800px;
        margin: 0 auto 40px;
        line-height: 1.5;
        color: #fff;
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .township-sportsactivities .township-sportsactivities-list {
        display: flex;
        margin-top: 15px;
        margin-bottom: 0;
        padding: 0;
    }

    .township-sportsactivities .township-sportsactivities-list-item {
        position: relative;
        width: calc(100% - 68%);
        margin-right: 10px;
    }

    .township-sportsactivities .township-sportsactivities-list-item img {
        width: 100%;
        height: auto;
    }

    .township-sportsactivities .township-sportsactivities-list-content {
        position: absolute;
        bottom: 8%;
        text-align: center;
        padding: 0 22px;
        left: 0;
        right: 0;
    }

    .township-sportsactivities .township-sportsactivities-list-content span {
        font-size: 26px;
        font-family: "Playfair Display", serif;
        display: block;
        margin-bottom: 10px;
        color: #bda371;
        transition: all 0.6s ease;
    }

    .township-sportsactivities .township-sportsactivities-list-content .township-sportsactivities-list-title {
        font-size: 24px;
        margin-bottom: 10px;
        font-family: "Playfair Display", serif;
        color: #fff;
        transition: all 0.6s ease;
    }

    .township-sportsactivities-list-description {
        margin-bottom: 10px;
        color: #fff;
        font-family: "Figtree", light;
        font-size: 14px;
        line-height: 18px;
        min-height: 50px;
    }

    .township-sportsactivities .township-sportsactivities-list-item::after {
        background: linear-gradient(180deg, #0000 50%, #000 100%) !important;
    }

    .della-township-category {
        padding-top: 100px;
    }

    .della-township-category .section-title-image {
        color: #bda371;
    }

    .della-township-category-list {
        list-style: none;
        padding: 0;
        display: flex;
        justify-content: space-between;
        margin-bottom: 60px;
    }

    .della-township-category-list li {
        width: calc(20% - 0px);
        border: 1px solid #bda371;
        padding: 20px 0;
        text-align: center;
        color: #fff;
        font-size: 20px;
        font-family: "Playfair Display", serif;
    }

    .della-township-category-content {
        display: flex;
        align-items: center;
        width: 80%;
        margin: 0 auto;
        border-bottom: 1px solid #bda371;
        padding: 10px 0;
    }

    .della-township-category-content:last-child {
        border-bottom: 0;
    }

    .della-township-category-content figure {
        margin: 0;
    }

    .della-township-category-content-left img {
        width: 100%;
    }

    .della-township-category-content-left,
    .della-township-category-content-right {
        width: 50%;
    }

    .della-township-category-content-left:nth-child(odd) {
        border-right: 1px solid #bda371;
        padding-right: 10px;
    }

    .della-township-category-grid {
        display: flex;
        flex-wrap: wrap;
    }

    .della-township-category-grid figure {
        width: 50%;
    }

    .della-township-category-content-left:nth-child(even) {
        border-left: 1px solid #bda371;
        padding-left: 10px;
    }

    .della-township-category-content-right:nth-child(odd) {
        padding-right: 50px;
    }

    .della-township-category-content-right:nth-child(even) {
        padding-left: 50px;
    }

    .della-township-category-content-right .title {
        margin-bottom: 35px;
        color: #bda371;
        font-size: clamp(18px, calc(1.125rem + (24 - 18) * ((100vw - 768px) / (1920 - 768))), 24px);
        font-family: "Playfair Display", serif;
    }

    .della-township-category-content-right .description {
        margin-bottom: clamp(10px, calc(0.625rem + (20 - 10) * ((100vw - 768px) / (1920 - 768))), 20px);
        color: #fff;
        font-size: 14px;
        font-family: "Figtree", light;
    }

    .della-township-category-list li:last-child {
        margin-right: 0;
    }

    .township-infrastructure {
        padding: 90px 0;
    }

    .township-infrastructure .subtitle {
        color: #bda371;
        font-size: 20px;
        font-family: "Playfair Display", serif;
        text-align: center;
    }

    .township-infrastructure .description {
        color: #fff;
        font-size: 16px;
        font-family: "Playfair Display", serif;
        text-align: center;
        max-width: 700px;
        margin: 15px auto;
    }

    .township-infrastructure img {
        width: 100%;
    }

    .township-infrastructure-list {
        display: flex;
        justify-content: center;
        padding: 0;
        list-style: none;
        flex-wrap: wrap;
        max-width: 1000px;
        margin: 50px auto 0;
    }

    .township-infrastructure-list li {
        width: calc(23% - 0px);
        margin-right: 20px;
        margin-bottom: 60px;
    }

    .township-infrastructure-list li .title {
        margin-top: 10px;
        color: #fff;
        font-size: 14px;
        font-family: "Figtree", light;
        text-align: center;
    }

    .township-form .inner-townshipformBox {
        margin-top: 30px !important;
    }

    .pagination-counter {
        position: absolute;
        bottom: -5px;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        color: #fff;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: auto;
        bottom: 0px;
    }

    .township-sportsactivities-slider-paginationAndcount {
        margin-top: 20px;
    }

    .swiper-wrapper {
        padding-bottom: 55px !important;
    }

    .retailexperienceslider-paginationAndcount .retailexperienceslider-prev {
        left: 24px;
    }

    .swiper-button-next img,
    .swiper-button-prev img {
        width: 20px;
    }

    .swiper-button-next {
        right: 40px;
    }

    .center-pagination {
        top: inherit;
        width: 60% !important;
        left: 0;
        right: 0;
        bottom: 22px !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        transform: translate(0px, 0px);
        margin: auto;
        background-color: #fff3;
    }

    .center-pagination .swiper-pagination-bullet {
        border-radius: 0;
        margin: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-transition: all 0.35s ease;
        -o-transition: all 0.35s ease;
        transition: all 0.35s ease;
        height: 3px;
        margin: 0 !important;
    }

    .center-pagination .swiper-pagination-bullet-active {
        background-color: #fff;
    }

    .swiper-button-prev:after,
    .swiper-button-next:after {
        content: none;
    }

    .swiper-button-prev {
        left: 16%;
    }

    .swiper-button-next {
        right: 16%;
    }

    .restuarantslider-pagination.center-pagination {
        bottom: 22px !important;
    }
    .retailexperienceslider {
         .swiper-button-prev {
        left: 16%;
    }

    .swiper-button-next {
        right: 16%;
    }

    }
    .investmentbutton {
        display: flex;
        list-style: none;
        padding: 0;
        scrollbar-width: none;
        overflow-y: auto;
    }

    .investmentbutton li {
        width: fit-content;
        white-space: nowrap;
        margin-right: 6px;
        padding: 10px;
        border: 1px solid #000;
        text-align: center;
    }

    .investmentbutton .readmore {
        font-size: 13px !important;
        display: flex;
        color: black;
    }

    .township-investment-content .description {
        color: black;
    }


    .townshipconceptimages-content-imgdecorlarge,
    .townshipconceptimages-content-imgdecorlarge,
    .townshipconceptimages-content-imgdecorlarge {
        height: 371px;
        object-fit: cover;
        background-color: #000;
    }
    .townshipconceptimages-content-imgdecor{
        height: 185px;
        object-fit: cover;
        background-color: #000;
    }
 
    .text-center{
        text-align: center;
    }

    @media screen and (max-width: 1024px) {

         .township-villa-plots .subtitle {
            margin: 10px 0 0;
        }

         .township-villa-plots-content {
             padding-top: 10px;
            }
        .township-della-images-column li {
               height: 234px;
        }

        .township-investment-opportunities {
               background-color: #fff;
                padding: 25px 0;
                justify-content: center;
            }
      
        .township-themebased .section-title-image .Bon-Vivant-fonts {
            font-size: 28px;
            padding: 0;
        }

        .retailexperienceslider .swiper-wrapper {
            padding-bottom: 70px !important;
        }
        .swiper-button-next img,
        .swiper-button-prev img {
            width: 20px;
        }

        .globalfashion-list-item:hover .globalfashion-list-content span {
            transform: translateY(0);
        }

        .globalfashion-list-item:hover .globalfashion-list-title {
            transform: translateY(0);
        }

        .township-sustainability,
        .township-teamssection {
            padding-top: clamp(30px, calc(1.875rem + (70 - 30) * ((100vw - 768px) / (1920 - 768))), 70px);
        }

        .globalfashion-list-description {
            display: block;
            margin-top: 0 !important;
        }

        .township-grid-banner .townshipninegrid-content-item img {
            height: 100% !important;
        }



        .township-retailexperience .township-conecpt-section-title {
            font-size: 20px;
        }

        .township-archi-enclave p {
            font-size: 12px;
        }

        .township-retailexperience-content {
            position: static;
        }

        .township-retailexperience .townshipconceptimages-content-item::after {
            background-color: unset;
            position: static;
        }

        .township-themebased .section-title-image {
            font-size: 22px;
        }

        .township-themebased {
            padding-bottom: 0;
        }

        .township-archi-enclave-content {
            margin-top: 40px !important;
        }

        .township-globalfashion {
            padding: 20px 0 0;
        }


        .township-globalfashion .subtitle {
            font-size: 14px;
        }

        .retailexperienceslider {
            margin-right: 0;
            padding: 0 20px;
        }
        .della-township-category {
            padding-top: 100px;
            padding-bottom: 0;
        }

        .township-sportsactivities {
            padding: 50px 0 0;
        }

        .swiper-wrapper {
            padding-bottom: 70px !important;
        }

        .township-infrastructure-list li {
            width: calc(28% - 0px);
            margin-right: 32px;
        }

        .township-infrastructure-list li:nth-child(2n) {
            margin-right: 0;
        }

        .township-infrastructure {
            padding: 70px 0 10px;
            margin-top: 0 !important;
        }
        .township-first-fashion-list li {
            width: 40%;
            margin-right: 0;
        }

        .township-first-fashion-column1,
        .township-first-fashion-column2 {
            width: 100%;
            margin-right: 0;
        }


        .section-title-image::before,
        .section-title-image::after {
            content: unset;
        }

        .township-dlcfoundation-content-inner {
            position: static;
            margin: 25px 0;
        }

        .township-dlcfoundation-content::after {
            content: none;
        }

        .border-full {
            max-width: 80%;
        }

        .township-dlcfoundation-content-inner .title,
        .township-dlcfoundation-content-inner .subtitle,
        .township-dlcfoundation-content .subpara {
            color: #000;
        }

        .township-dlcfoundation-content::after {
            top: 0;
            height: 50%;
        }

        .township-dlcfoundation-content .toptitle {
            top: 50px;
            color: #fff;
            opacity: 0.9;
        }

        .border-full .heading {
            padding-left: 0;
        }

        .township-subtitle-title {
            font-size: 18px;
        }

      
        .border-art-text::after {
            left: 0;
            width: 100%;
        }
        
       

        .fashionlist li:nth-child(2):after {
            right: 0;
            width: 30%;
        }

        .fashionlist li:first-child:after {
            right: -20px;
            width: 40%;
        }

       

        .township-first-fashion-list {
            width: 100%;
            justify-content: center;
            margin-top: 30px;
        }

        .township-first-fashion-list::after {
            content: none;
        }

        .township-globalfashion .section-title,
        .township-globalfashion .second-title {
            margin-left: 0;
        }

        .globalfashion-list {
            flex-direction: column;
        }

        .township-globalfashion .globalfashion-list-item {
            width: 100%;
        }

        .township-globalfashion .globalfashion-list-content {
            top: 15%;
        }

        .township-globalfashion .globalfashion-list-content .globalfashion-list-title {
            margin-bottom: 20px;
        }

        .township-globalfashion .Bon-Vivant-fonts {
            font-size: 26px;
        }

        .township-globalfashion .section-title,
        .township-globalfashion .second-title {
            font-size: 26px;
        }

        .township-art-hub .row>*,
        .township-della-resorts .row>*,
        .township-wedding-dest-content .row>* {
            padding-left: 0;
        }

        .township-villa-plots-content-colum1 {
            padding-left: 5%;
        }

        .township-villa-plots-content-colum3 {
            margin-top: 0;
        }

        .township-partners .township-partners-list {
            width: 100%;
            background-color: #ffffff;
        }

        .township-partners-list img {
            width: 100%;
        }

        .township-investment-content .title {
            font-size: 26px;
            margin-bottom: 20px;
        }

        .township-investment-content .title br {
            display: none;
        }

        .township-investment-content .subtitle {
            margin-bottom: 20px;
            font-size: 16px;
        }

        .township-investment-content .description {
            font-size: 14px;
        }

        .home_page_new .township-resturants .swiper-button-next,
        .home_page_new .township-resturants .swiper-button-prev {
            bottom: 0 ;
        }
        .township-partners-list .ViewAllBlock {
            text-align: center;
            margin-top: 0;
        }

        .swiper-button-prev,
        .swiper-button-next {
            bottom: 10px;
        }
        .township-banner-title {
            font-size: clamp(18px, calc(1.125rem + (25 - 18) * ((100vw - 768px) / (1920 - 768))), 25px);
            line-height: 40px;
        }

        .township-wedding-dest .section-title-image {
            display: unset;
            font-size: clamp(18px, calc(1.125rem + (24 - 18) * ((100vw - 768px) / (1920 - 768))), 24px);
        }

        .township-grid-banner {
            padding: 60px 0;
        }

        .township-themebased .section-title-image .Bon-Vivant-fonts {
            font-size: clamp(16px, calc(1rem + (26 - 16) * ((100vw - 768px) / (1920 - 768))), 26px) ;
            padding: 0 0 0 5px;
        }

        .township-banner-title .Bon-Vivant-fonts {
            font-size: 34px;
        }

        .township-conecpt-section-title {
            margin-bottom: 30px;
            font-size: clamp(18px, calc(1.125rem + (24 - 18) * ((100vw - 768px) / (1920 - 768))), 24px);
            padding-left: 10px;
        }

        .section-title-image {
            font-size:  clamp(20px, calc(1.25rem + (25 - 20) * ((100vw - 768px) / (1920 - 768))), 25px);
        }

        .township-globalfashion .subtitle {
            font-size: 16px;
        }

        .township-archi-enclave-content-colum1 {
            padding: 0;
            margin-top: 30px;
        }

        .township-archi-enclave .title {
            text-align: center;
        }

        .retailexperienceslider {
            margin-left: 0;
        }

        .della-township-category-list {
            flex-wrap: wrap;
        }

        .della-township-category .della-township-category-list li {
            width: calc(48% - 0px);
            margin-bottom: 15px;
            font-size: 12px;
        }

        .della-township-category-list li:nth-child(2n) {
            margin-right: 0;
        }


        .township-sportsactivities .township-sportsactivities-list {
            flex-direction: column;
        }

        .township-sportsactivities .township-sportsactivities-list-item {
            width: 100%;
        }

        .township-themebased .comptext {
            margin: 18px 0px;
            font-size: 20px;
        }

        .township-themebased .section-title-image,
        .township-themebased .section-title-image .Bon-Vivant-fonts {
            font-size: clamp(14px, calc(0.875rem + (22 - 14) * ((100vw - 768px) / (1920 - 768))), 22px);
        }

        .della-township-category {
            padding-top: 20px;
        }

        .township-grid-banner .townshipninegrid-content-item img {
            height: 150px;
        }

        .township-global-patrons {
            padding: 20px 0;
        }

        .brandslist {
            flex-direction: column;
        }

        .township-conceptsection .column1 {
            width: 100%;
        }

        .township-conceptsection .innercontent li {
            font-size: 10px;
            margin-right: 20px;
            white-space: normal;
        }

        .township-conceptsection .innercontent li:last-child {
            margin-right: 0;
        }

        .township-art-hub,
        .township-archi-enclave,
        .township-della-resorts{
            padding-top: 0;
        }

        .brandslist li {
            height: 100px;
        }

        .township-global-patrons .para {
            max-width: 70%;
        }

        .township-conceptsection .column1-list li {
            margin-right: 0;
        }

        .township-wedding-dest {
            padding: 70px 0;
        }

        .township-wedding-dest .section-title-image {
            display: block;
            text-align: center;
            margin: 0 auto 40px;
        }

        .township-retailexperience .township-archi-enclave-content-row1 {
            padding-left: 0;
        }

        .township-della-resorts {
            padding-top: 100px;
        }

        .township-globalregions-content-item.townshipconceptimages-content-img2 .imagetitle {
            top: -12%;
            left: 2%;
        }

        .township-globalregions-content-item.townshipconceptimages-content-img1 .imagetitle {
            left: -5%;
            top: 5%;
        }

        .township-globalregions-content-item.townshipconceptimages-content-img2 .imagetitle {
            top: 0;
            left: 2%;
        }

        .township-globalregions-content-item.townshipconceptimages-content-img3 .imagetitle {
            text-align: right;
            right: 0;
            bottom: 4%;
        }

        .township-globalregions-content-item.townshipconceptimages-content-img4 .imagetitle {
            top: 15%;
        }

        .township-sportsactivities-slider .swiper-button-prev,
        .township-retailexperience .retailexperienceslider .retailexperienceslider-prev.swiper-button-prev,
        .restuarantslider .restuarantslider-prev.swiper-button-prev {
            left: 10%;
        }

        .township-sportsactivities-slider .swiper-button-next,
        .township-retailexperience .retailexperienceslider .retailexperienceslider-next.swiper-button-next,
        .restuarantslider .restuarantslider-next.swiper-button-next {
            right: 10%;
        }

        .township-sportsactivities-slider .swiper-button-prev,
        .township-sportsactivities-slider .swiper-button-next,
        .township-retailexperience .retailexperienceslider .retailexperienceslider-prev,
        .township-retailexperience .retailexperienceslider .retailexperienceslider-next,
        .restuarantslider .restuarantslider-prev,
        .restuarantslider .restuarantslider-next {
            bottom: 8px;
        }

        .township-villa-plots,.township-wedding-dest {
            padding-left: 15px;
            padding-right: 15px;
        }

        .township-della-resorts {
             padding-left: 25px;
            padding-right: 25px;
        }

        .township-conceptGrid .townshipconceptimages-content-img1 img, .township-conceptGrid .townshipconceptimages-content-img2 img, .township-conceptGrid .townshipconceptimages-content-img3 img, .township-conceptGrid .townshipconceptimages-content-img4 img, .township-conceptGrid .townshipconceptimages-content-img5 img, .township-conceptGrid .townshipconceptimages-content-img6 img {
            height: 100%;
        }
         .township-architecture-content-list {
                 width:60%;
         }
          .townshipconceptimages-content-item {
               margin-bottom: 1px;
             }
           
    }

    @media screen and (max-width: 768px) {
         .township-villa-plots-content-colum1 .mainpara {
        padding-right: 10px;
    }
        .township-architecture-content-list {
                 width:100%;
         }
         .township-dlcfoundation {
                  background-color: #fff;
                  padding: 26px 0;
         }

         .township-dlcfoundation-list {
               padding-left: 0px;
            }


     
    
    }
    @media screen and (max-width: 480px) {
          .township-partners .township-partners-list {
            padding: 0px;
             }
        .township-investment-content {
          width: 100%;
          padding: 8px 15px;
     
        }
        
         .township-investment-opportunities {
            flex-direction: column;
        }

        .township-investment-opportunities figure {
            width: 100%;
            margin-right: 0;
        }
        .township-partners-grid {
    
            flex-direction: column;
        }
        .township-wedding-dest img {
        opacity: 1;
      }
            .township-wedding-dest-content .col-lg-2,
        .township-wedding-dest-content .col-lg-3 {
            width: 100% !important;
            height: auto;
        }
           .township-della-images-column {
            flex-direction: column;
          }

        .township-della-images-column li {
            width: 100%;
             height: auto;
            margin-bottom: 1px;
        }    

        .della-township-category .della-township-category-content {
            flex-direction: column;
            width: 100%;
        }

        .della-township-category .della-township-category-content-left,
        .della-township-category .della-township-category-content-right {
            width: 100%;
        }

        .della-township-category .della-township-category-content-right:nth-child(even) {
            padding-left: 0;
        }

        .della-township-category-content-right .title {
            margin-top: 40px;
        } 
         
        .della-township-category-content-right:nth-child(odd) {
            padding-right: 0;
        }

        .della-township-category-content-left:nth-child(odd) {
            border-right: 0;
            padding-right: 0;
        }

        .della-township-category-content-left:nth-child(even) {
            border-left: 0;
            padding-left: 0;
        } 
        .township-dlcfoundation-list {
            max-width: 100%;
            flex-direction: column;
            align-items: unset;
            padding-left: 48px; 
        }


        .township-dlcfoundation-list li {
            width: 100%;
        }
            .border-full {
             max-width: 100%;
            }
        .township-first-fashion-column1,
        .township-first-fashion-column2 {
            flex-direction: column;
        }
          .township-themebased .section-title-image {
           white-space: pre-wrap;
         }
       .township-dlcfoundation-list {
            max-width: 100%;
            padding-left: 0px;
        }
      .township-architecture-content {
           display: unset;
       }

        .township-architecture-content-list {
            width: 100%;
            margin-right: 0;
        }
         .township-global-patrons-list {
            flex-direction: column;
        }

        .township-global-patrons-list li {
            width: 100%;
            margin-bottom: 10px;
        }
        .grid-wrapper.grid-content,.grid-content-4 {
            display: unset;
        }
    
        .township-della-resorts .townshipconceptimages-content-item img ,.township-conceptGrid .townshipconceptimages-content-item img  {
            height: 100%;
        }
        /* vertical slide effect  */
           .luxuryresidences,
           .dellaresportparent,
           .township-wedding-dest-content,
           .della-advt-parent,
           .della-partners-parent,
           .township-concept {
             position: relative !important;
           }

           .luxuryresidences-item,
           .della-resport-img,
           .township-wedding-dest-content-item,
           .della-advt-child,
           .della-partners-child,
           .township-concept-child {
             position: sticky !important;
             top: 15%;
           }
    }