.companyMotive .slick-slider .slick-list {
                overflow: visible
            }
.gap-2 {
    gap: .5rem;
}
.justify-start {
    justify-content: flex-start;
}
.items-center {
    align-items: center;
}.flex {
    display: flex
;
}
            .companyMotive .companyMotive_card {
                position: relative;
                z-index: 0;
                margin-left: .75rem;
                margin-right: .75rem;
                cursor: pointer;
                overflow: hidden;
                transition-property: all;
                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
                transition-duration: .3s
            }

            .companyMotive .companyMotive_card .imgBorder {
                overflow: hidden;
                border-width: 1px;
                border-style: solid;
                border-color: white;
                --tw-border-opacity: 0.5
            }

            .companyMotive .companyMotive_card .imgBorder img {
                min-height: 500px;
                --tw-scale-x: 1;
                --tw-scale-y: 1;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                --tw-grayscale: grayscale(100%);
                filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
            }

            .companyMotive .companyMotive_card .imgBorder img,
            .companyMotive .companyMotive_card .title {
                transition-property: all;
                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
                transition-duration: .3s
            }

            .companyMotive .companyMotive_card .title {
                --tw-text-opacity: 1; margin-bottom: 0px;  text-transform: uppercase; font-weight: 500;
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            .companyMotive .companyMotive_card .contextOverlay {
                left: 0;
                bottom: 0;
                z-index: 10;
                display: flex;
                height: 100%;
                width: 100%;
                flex-direction: column;
                justify-content: flex-end;
                background-color: transparent;
                padding: 30px
            }

            @media (min-width: 1024px) {
                .companyMotive .companyMotive_card .contextOverlay {
                    position: absolute
                }

                .companyMotive .companyMotive_card .para {
                    display: none
                }
            }

            .companyMotive .companyMotive_card:hover {
                box-shadow: 0 0 100px 0 #bf9f7745
            }

            .companyMotive .companyMotive_card:hover img {
                --tw-scale-x: 1.1;
                --tw-scale-y: 1.1;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                --tw-grayscale: grayscale(0);
                filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
            }

            .companyMotive .companyMotive_card:hover .title {
                --tw-text-opacity: 1;
                color: white;
            }
.paraTwo {
    color: white;
    font-size: 14px;
    line-height: 27px;
}
            .companyMotive .companyMotive_card:hover .contextOverlay {
                justify-content: space-between;
                background-color: rgb(0 10 13/var(--tw-bg-opacity));
                --tw-bg-opacity: 0.7
            }

            @media (min-width: 1024px) {
                .companyMotive .companyMotive_card:hover .contextOverlay .para {
                    display: block
                }
            }

            .aboutBanner {
                position: relative;
                z-index: 0
            }

            .aboutBanner .bgOverlay {
                position: absolute;
                top: 0;
                z-index: 10;
                height: 100%;
                width: 100%;
                background: linear-gradient(180deg, transparent, transparent 50%, #000a0d);
                opacity: .5
            }

            .aboutBanner .contentOutter {
                position: absolute;
                bottom: 0;
                z-index: 30;
                height: 100%;
                width: 100%;
                background-color: #000a0d47;
                padding-top: 5rem
            }

            .aboutBanner .contentOutter .contentOverlay {
                display: flex;
                height: 100%;
                width: 100%;
                flex-direction: column;
                align-items: center;
                justify-content: flex-end;
                padding-bottom: 3.5rem
            }

            .communityFloorCount .communityCountCard {
                grid-column: span 1/span 1;
                border-top-width: 1px;
                border-style: solid;
                padding-top: .5rem;
                padding-bottom: .5rem;
                padding-left: 1.25rem
            }

            @media (min-width: 640px) {
                .communityFloorCount .communityCountCard {
                    grid-column: span 2/span 2;
                    border-left-width: 1px;
                    border-top-width: 0
                }
            }

            @media (min-width: 1024px) {
                .communityFloorCount .communityCountCard {
                    grid-column: span 1/span 1
                }
            }

            .communityCount .communityCountCard {
                grid-column: span 1/span 1;
                border-top-width: 1px;
                border-style: solid;
                padding-top: 1.25rem;
                padding-bottom: 1.25rem;
                padding-left: 1.25rem
            }

            @media (min-width: 640px) {
                .communityCount .communityCountCard {
                    grid-column: span 2/span 2;
                    border-left-width: 1px;
                    border-top-width: 0;
                    padding-top: 0;
                    padding-bottom: 0
                }
            }

            @media (min-width: 1024px) {
                .communityCount .communityCountCard {
                    grid-column: span 1/span 1
                }
            }

            .realEstateCount .communityCountCard {
                border-style: solid;
                --tw-border-opacity: 1;
                border-color: rgb(191 158 119/var(--tw-border-opacity));
                padding-left: 1.25rem;
                padding-top: 1.25rem
            }

            @media (min-width: 768px) {
                .realEstateCount .communityCountCard {
                    padding-top: 0
                }
            }

            .realEstateCount .communityCountCard .h2 {
                --tw-text-opacity: 1;
                color: rgb(191 158 119/var(--tw-text-opacity))
            }

            .realEstateCount .communityCountCard .h2 span sup {
                top: -1.75rem;
                font-size: .875rem;
                line-height: 1.25rem
            }

            .realEstateCount .communityCountCard:first-child {
                border-top-width: 1px
            }

            @media (min-width: 768px) {
                .realEstateCount .communityCountCard:first-child {
                    border-left-width: 1px;
                    border-top-width: 0
                }
            }

            .realEstateCount .communityCountCard:nth-child(2) {
                border-top-width: 1px
            }

            @media (min-width: 768px) {
                .realEstateCount .communityCountCard:nth-child(2) {
                    border-left-width: 1px;
                    border-top-width: 0
                }
            }

            .realEstateCount .communityCountCard:nth-child(3) {
                border-top-width: 1px
            }

            @media (min-width: 768px) {
                .realEstateCount .communityCountCard:nth-child(3) {
                    border-left-width: 1px;
                    border-top-width: 0
                }
            }

            .realEstateCount .communityCountCard:nth-child(4) {
                border-top-width: 1px
            }

            @media (min-width: 768px) {
                .realEstateCount .communityCountCard:nth-child(4) {
                    border-left-width: 1px;
                    border-top-width: 0
                }
            }

            .realEstateCount .communityCountCard:nth-child(4) .h2 {
                padding-top: .75rem
            }

            @media (min-width: 768px) {
                .realEstateCount .communityCountCard:nth-child(4) .h2 {
                    padding-top: 0
                }
            }

            .realEstateCount .communityCountCard:nth-child(4) .h2 span sup {
                top: -1.75rem;
                font-size: .875rem;
                line-height: 1.25rem
            }

            .aboutNew {
                position: relative;
                z-index: 0
            }

            .aboutNew .objectiveOutter {
                overflow: hidden
            }

            .aboutNew .objectiveOutter .slick-slider .slick-list {
                overflow: visible
            }

            .aboutNew .objectiveOutter .objectiveCardOutter {
                padding-left: 1.25rem;
                padding-right: 1.25rem
            }

            .aboutNew .objectiveOutter .objectiveCardOutter .contextOutter {
                display: flex;
                min-height: 300px;
                flex-direction: column;
                justify-content: space-between;
                --tw-bg-opacity: 1;
                background-color: rgb(239 239 239/var(--tw-bg-opacity));
                padding: 2.5rem;
                --tw-text-opacity: 1;
                color: rgb(0 10 13/var(--tw-text-opacity))
            }

            .aboutNew .ankurSection {
                position: relative;
                z-index: 0
            }

            .benefits .objectiveOutter {
                margin-top: 2.5rem;
                margin-bottom: 2.5rem;
                overflow: hidden
            }

            .benefits .objectiveOutter .slick-slider .slick-list {
                overflow: visible
            }

            .benefits .objectiveOutter .objectiveCardOutter {
                padding-left: 1.25rem;
                padding-right: 1.25rem
            }

            .benefits .objectiveOutter .objectiveCardOutter .contextOutter {
                display: flex;
                min-height: 375px;
                flex-direction: column;
                justify-content: space-between;
                gap: 2.5rem;
                --tw-bg-opacity: 1;
                background-color: rgb(31 31 31/var(--tw-bg-opacity));
                padding: 2.5rem;
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            @media (min-width: 768px) {
                .benefits .objectiveOutter .objectiveCardOutter .contextOutter {
                    min-height: 300px
                }
            }

            @media (min-width: 1024px) {
                .benefits .objectiveOutter .objectiveCardOutter .contextOutter {
                    min-height: 355px
                }
            }

            @media (min-width: 1280px) {
                .benefits .objectiveOutter .objectiveCardOutter .contextOutter {
                    min-height: 300px
                }
            }

            .communityProjectCardNew .communityProjectCardOutter {
                position: relative;
                z-index: 0;
                overflow: hidden
            }

            .communityProjectCardNew .communityProjectCardOutter .communityImg {
                height: 400px;
                width: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                transition-property: transform;
                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
                transition-duration: .3s
            }

            @media (min-width: 1024px) {
                .communityProjectCardNew .communityProjectCardOutter .communityImg {
                    height: 500px
                }
            }

            .communityProjectCardNew .communityProjectCardOutter .imgOverlay {
                position: absolute;
                inset: 0;
                z-index: 0;
                background-image: linear-gradient(to top, var(--tw-gradient-stops));
                --tw-gradient-from: #000a0d var(--tw-gradient-from-position);
                --tw-gradient-to: rgba(0, 10, 13, 0) var(--tw-gradient-to-position);
                --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
                --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
                --tw-gradient-to: transparent var(--tw-gradient-to-position);
                opacity: .25;
                transition-property: opacity;
                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
                transition-duration: .5s
            }

            .group:hover .communityProjectCardNew .communityProjectCardOutter .imgOverlay {
                opacity: .25
            }

            .communityProjectCardNew .communityProjectCardOutter .logoOutter {
                position: absolute;
                top: 0;
                right: 0;
                z-index: 10
            }

            .communityProjectCardNew .communityProjectCardOutter .logoOutter .logoInner {
                display: flex;
                height: 100px;
                width: 150px;
                align-items: center;
                justify-content: center;
                padding: 1.25rem
            }

            .communityProjectCardNew .communityProjectCardOutter .logoOutter .logoInner svg path {
                fill: #fff
            }

            .communityProjectCardNew .communityProjectCardOutter .projectNameOutter {
                bottom: 0;
                right: 0;
                z-index: 10;
                display: flex;
                height: 100%;
                width: 100%;
                align-items: flex-end;
                background-image: linear-gradient(to top, var(--tw-gradient-stops));
                --tw-gradient-from: #000a0d var(--tw-gradient-from-position);
                --tw-gradient-to: rgba(0, 10, 13, 0) var(--tw-gradient-to-position);
                --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
                --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
                --tw-gradient-to: transparent var(--tw-gradient-to-position)
            }

            @media (min-width: 1024px) {
                .communityProjectCardNew .communityProjectCardOutter .projectNameOutter {
                    position: absolute
                }
            }

            .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner {
                display: flex;
                width: 100%;
                flex-direction: column;
                align-items: flex-start;
                justify-content: space-between;
                gap: 1.75rem;
                padding-top: 2.5rem;
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            @media (min-width: 1024px) {
                .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner {
                    gap: 0;
                    padding: 1.75rem
                }
            }

            .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .apartments {
                margin-bottom: 1.25rem;
                display: inline-block;
                padding: .5rem 1rem
            }

            .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .location {
                margin-bottom: .5rem;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                gap: .5rem
            }

            .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .location svg path {
                fill: #fff
            }

            .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .viewBtn {
                position: relative;
                z-index: 0;
                width: 100%;
                overflow: hidden;
                border-width: 2px;
                border-style: solid;
                --tw-border-opacity: 1;
                border-color: rgb(255 255 255/var(--tw-border-opacity));
                padding: .875rem 3rem;
                font-size: 1rem;
                line-height: 1.5rem;
                font-weight: 600;
                text-transform: uppercase;
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            @media (min-width: 1024px) {
                .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .viewBtn {
                    --tw-border-opacity: 1;
                    border-color: rgb(0 10 13/var(--tw-border-opacity));
                    --tw-text-opacity: 1;
                    color: rgb(0 10 13/var(--tw-text-opacity))
                }
            }

            .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .viewBtn:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255/var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: rgb(0 10 13/var(--tw-text-opacity))
            }

            @media (min-width: 1024px) {
                .communityProjectCardNew .communityProjectCardOutter .projectNameOutter .projectNameInner .viewBtn:hover {
                    --tw-bg-opacity: 1;
                    background-color: rgb(0 10 13/var(--tw-bg-opacity));
                    --tw-text-opacity: 1;
                    color: rgb(255 255 255/var(--tw-text-opacity))
                }
            }

            .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter {
                top: 0;
                right: 0;
                z-index: 20;
                height: 100%;
                width: 100%
            }

            @media (min-width: 1024px) {
                .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter {
                    position: absolute;
                    opacity: 0
                }
            }

            .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner {
                display: flex;
                height: 100%;
                width: 100%;
                flex-direction: column;
                align-items: flex-start;
                justify-content: space-between;
                gap: 1.75rem;
                padding-top: 2.5rem;
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            @media (min-width: 1024px) {
                .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner {
                    gap: 0;
                    --tw-bg-opacity: 1;
                    background-color: rgb(217 217 217/var(--tw-bg-opacity));
                    padding: 1.75rem;
                    --tw-text-opacity: 1;
                    color: rgb(0 10 13/var(--tw-text-opacity))
                }
            }

            .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .apartments {
                margin-bottom: 1.25rem;
                display: inline-block;
                --tw-bg-opacity: 1;
                background-color: rgb(249 249 249/var(--tw-bg-opacity));
                padding: .5rem 1rem
            }

            .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .location {
                margin-bottom: .75rem;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                gap: .5rem
            }

            .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtnTwo {
                position: relative;
                z-index: 0;
                width: 100%;
                overflow: hidden;
                border-width: 2px;
                border-style: solid;
                --tw-border-opacity: 1;
                border-color: rgb(0 10 13/var(--tw-border-opacity));
                padding: .875rem 3rem;
                font-size: 1rem;
                line-height: 1.5rem;
                font-weight: 600;
                text-transform: uppercase;
                --tw-text-opacity: 1;
                color: rgb(0 10 13/var(--tw-text-opacity));
                transition-property: all;
                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
                transition-duration: .3s
            }

            .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtnTwo:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(0 10 13/var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtn {
                position: relative;
                z-index: 0;
                width: 100%;
                overflow: hidden;
                border-width: 2px;
                border-style: solid;
                --tw-border-opacity: 1;
                border-color: rgb(255 255 255/var(--tw-border-opacity));
                padding: .875rem 3rem;
                font-size: 1rem;
                line-height: 1.5rem;
                font-weight: 600;
                text-transform: uppercase;
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity));
                transition-property: all;
                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
                transition-duration: .3s
            }

            @media (min-width: 1024px) {
                .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtn {
                    --tw-border-opacity: 1;
                    border-color: rgb(0 10 13/var(--tw-border-opacity));
                    --tw-text-opacity: 1;
                    color: rgb(0 10 13/var(--tw-text-opacity))
                }
            }

            .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtn:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255/var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: rgb(0 10 13/var(--tw-text-opacity))
            }

            @media (min-width: 1024px) {
                .communityProjectCardNew .communityProjectCardOutter .overlayTextOutter .overlayTextInner .viewBtn:hover {
                    --tw-bg-opacity: 1;
                    background-color: rgb(0 10 13/var(--tw-bg-opacity));
                    --tw-text-opacity: 1;
                    color: rgb(255 255 255/var(--tw-text-opacity))
                }
            }

            .communityProjectCardNew .communityProjectCardOutter:hover .communityImg {
                --tw-scale-x: 1.1;
                --tw-scale-y: 1.1;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
            }

            @media (min-width: 1024px) {
                .communityProjectCardNew .communityProjectCardOutter:hover .logoAnimate {
                    animation: logoAnimate .5s ease-in-out forwards
                }

                .communityProjectCardNew .communityProjectCardOutter:hover .textAnimate {
                    animation: textAnimate .5s ease-in-out forwards
                }
            }

            @keyframes logoAnimate {
                0% {
                    opacity: 1
                }

                to {
                    opacity: 0
                }
            }

            @keyframes textAnimate {
                0% {
                    opacity: 0
                }

                to {
                    opacity: 1
                }
            }

            @media(max-width:576px){
                .companyMotive .companyMotive_card .title {
    --tw-text-opacity: 1;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 500;
    color: rgb(0 0 0);
}.paraTwo {
    color: #000000;
    font-size: 14px;
    line-height: 27px;
}.companyMotive .companyMotive_card .contextOverlay {
    left: 0;
    bottom: 0;
    z-index: 10;
    display: flex
;
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: flex-end;
    background-color: transparent;
    padding:0px;
}


.para p{
    margin:18px 0px !important;
}
.contextOverlay {
    margin-top: 20px;
}

footer .footer.no_newsletter .info-wrap-contact_zone:last-child {
    margin-bottom: 10px;
    padding: 5px;
}


.footer .footer .info-wrap-contact_cell {
    margin-bottom: 20px;
}








            }