.elementor-2987 .elementor-element.elementor-element-be78fdd .elementor-heading-title {
    font-size: 1rem !important;
}

.project-wrapper {
    flex-direction: row;
    margin: auto;
    width: clamp(320px, 90vw, 1280px);
    justify-content: space-evenly;
    padding: 50px 20px;
}

.banner {
    background: linear-gradient(rgb(2 13 41 / 78%), rgb(0 0 0 / 51%)), url(../img/RohaanAshokabanner.jpg);

}


.project-image-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.project-container {
    margin: auto;
    width: clamp(320px, 90vw, 1400px);
}

.project-main-image {
    width: clamp(320px, 50vw, 500px);
    margin: auto;
    object-fit: cover;
}

.project-details-box {
    width: clamp(320px, 80vw, 700px);
    margin: auto;
    padding-left: 30px;
}

.project-units {
    display: flex;
    justify-content: space-around;
    width: 500px;
    margin: auto;
}

.project-units .project-info-text,
.soldOut-commercial {
    font-size: 18px;
}

/* .rent-container p,
h3 {
    text-align: center;
    /* align-items: center; 
}*/

.bg-grey {
    background-color: rgba(177, 177, 177, 0.105);
}

.invesment-item-box h1 {
    font-size: clamp(0.9rem, 2vw, 1.5rem);
    font-weight: 600;
    color: rgb(0, 0, 118);
}

.invesment-number-container {
    padding: 20px 20px;
    max-width: 1200px;
    margin: 30px auto;
    /* background-color: #ffffff; */
    border-radius: 10px;
}

.invesment-item-box {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    width: 300px;
    /* box-shadow: rgb(26 81 124 / 79%) 0px 3px 15px -3px, rgb(0 75 184 / 69%) 0px 4px 6px -2px; */
        box-shadow: rgb(26 81 124 / 13%) 0px 3px 15px -3px, rgb(0 75 184 / 37%) 0px 4px 6px -2px;
    /* rgba(0, 0, 0, 0.1) 0px 3px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; */
}

.commerical-property-img {
    width: clamp(320px, 50vw, 500px);
    margin: auto;
    object-fit: cover;
    height: 400px;
    border-radius: 10px;
}

.clearfix {
    display: flex;
    align-items: center;
}

.y-us-title h2 {
    font-size: clamp(1rem, 1.5vw, 2rem) !important;
    text-transform: capitalize !important;
}

.y-building-bg {
    position: absolute;
    top: 62% !important;
    height: 38% !important;
    left: 38% !important;
    object-fit: contain;
}

.investment-icons {
    display: flex;
    justify-content: space-around;
    gap: 30px;
    margin: 20px 0 !important;
}

.y-building-bg2 {
    position: absolute;
    top: 62% !important;
    height: 38% !important;
    left: -8% !important;
    object-fit: contain;
}

.y-building-bg3 {
    position: absolute;
    top: 62% !important;
    height: 38% !important;
    left: 84% !important;
    object-fit: contain;
}

.y-us-section {
    position: relative;
    padding: 82px 0 182px 0 !important;
    width: clamp(425px, 90vw, 1400px) !important;
    margin: auto;
    background: linear-gradient(135deg, #0D3C55, #1E87C2) ;
}

.project-name {
    /* background-color: #ffffff; */
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    color: #00478b;
    padding: 5px;
    width: 350px;
    margin: auto;
    padding: 10px;
    border-radius: 10px;
    font-size: 20px;
}

.project-info-text {
    margin-top: 0px;
    align-items: center;
}

.soldOut-commercial {
    color: red;
    margin: 0px;
    padding: 0px;
}

.blue1 {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.project-brochure-button {
    background-color: #0073e6c9;
}

.invesment-item-box h1 {
    margin-top: 10px;
    font-size: 30px;
}

.invesment-item-box p {
    font-size: 20px;
}


.rent-container p {
    text-align: center;
}

.project-name-invest {
    font-size: 22px;
    font-weight: bold;
}

.project-location-name {
    font-size: 22px;
}

.y-us-title h2 {
    color: white !important;
}

.y-us-title p {
    color: rgb(186, 239, 255) !important;
}

.y-us-content h4 {
    color: white !important;

}


@media (min-width: 320px) and (max-width: 767px) {

    .contact-form h3 {
        color: white !important;
    }

    .project-info-text {
        font-size: 14px;
    }

    .contact-form {
        right: auto !important;
        width: 300px;
    }


    .box-icon {
        /* width: 250px !important; */
        margin: auto !important;
    }


    .contact-form {
        top: 60%;
        margin-top: 20px;
        width: 320px !important;
        right: 8%;
    }



    .contact-form h3 {
        color: white !important;
    }

    .rohaan {
        font-size: 18px !important;
    }

    .banner-title {
        font-size: 25px !important;
    }

    .text-primary {
        padding: 0px !important;
        font-size: 20px;
        line-height: 32px;
    }

    .banner-subtext {
        font-size: 16px !important;
        
    }

    .unique-quote-main-title {
        font-size: 24px !important;
        font-weight: bold !important;
        color: rgb(255, 255, 255) !important;
    }

    .project-wrapper {
        padding: 0px !important;
        flex-direction: column !important;
    }

    .project-details-box {
        padding: 20px 0 0 0;
    }

    .project-description-text {
        font-size: 12px !important;
    }

    .mobile-project-wrapper {
        flex-direction: column-reverse !important;
    }

    .project-container {
        padding-top: 20px !important;
    }

    .investment-icons {
        flex-direction: column;
    }

    .invesment-item-box {
        margin: auto
    }

    .investment-heading {
        font-size: 18px;
    }

    .y-us-section {
        width: 425px !important;
    }

    .y-building-bg {
        display: none !important;
    }

    .y-us-section .container {
        width: 400px !important;
    }


    .project-buttons-box {
        gap: 20px;
    }

    .y-us-section {
        width: 355px !important;
        padding: 22px 0 !important;
    }

    .y-building-bg {
        display: none !important;
    }

    .y-us-section .container {
        width: 350px !important;
    }

    .y-us-head {
        margin: 0 !important;
    }


    .y-building-bg2 {
        position: absolute;
        top: 79% !important;
        height: 22% !important;
        left: -8% !important;
        object-fit: contain;
    }

    .redwood-icon-box p {
        font-size: 12px !important;
        text-align: center;
    }

    .redwood-icon-box img {
        width: 80px;
        height: 80px;
        align-items: center;
    }

    .redwood-icon-box {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .why-invest-grid {
        gap: 02px !important;
    }

    .banner-content {
        left: 13%;
        top: 13% !important;

    }


    .project-description-text {
        font-size: 12px !important;
        text-align: center;
    }



    .project-buttons-box {
        gap: 20px;
    }

    .y-us-section {
        width: 355px !important;
        padding: 22px 0 !important;
    }

    .y-building-bg {
        display: none !important;
    }

    .y-us-section .container {
        width: 350px !important;
    }

    .y-us-head {
        margin: 0 !important;
    }


    .y-building-bg2 {
        position: absolute;
        top: 79% !important;
        height: 22% !important;
        left: -8% !important;
        object-fit: contain;
    }

    .redwood-icon-box p {
        font-size: 12px !important;
        text-align: center;
    }
/* 
    .redwood-icon-box img {
        width: 40px;
        height: 40px;
        align-items: center;
    } */

    .redwood-icon-box {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .why-invest-grid {
        gap: 02px !important;
    }


    .box-icon {
        width: 300px !important;
    }

    /* .box-grid{
        grid-template-columns: none !important;
    } */

    .project-name {
        width: 300px;
        font-size: 20px;
    }

    .project-location-name {
        font-size: 18px;
    }

    .project-units {
        flex-direction: column;
        width: 300px;
    }

    .project-units .project-info-text {
        /* width: 320px; */
        font-size: 16px;
    }

    .project-name-invest {
        font-size: 25px;
    }

    .blue1 {
        font-size: 18px;
    }

    .rent-container {
        padding: 10px 0 0 0 !important;
    }

    /*  {
        font-size: 16px;
    } */
}

@media (max-width:768px) {

    /* .y-us-section{
        width: 700px !important;
    } */
    .y-building-bg3 {
        display: none;
    }

    .y-building-bg {
        display: none;
    }

    .rohaan {
        font-size: 18px;
    }

    .banner-title {
        line-height: 1rem !important;
        width: 300px;
    }

    .text-primary {
        padding: 0px;
    }

    .banner-subtext {
        font-size: 16px;
        text-align: left !important;
    }

    .project-wrapper {
        flex-direction: column;
        padding: 20px 0 0 0;
    }

    .project-details-box {
        padding: 20px 0 20px 0;
    }

    .mobile-project-wrapper {
        flex-direction: column-reverse;
    }

    .rent-container h3 {
        font-size: 16px !important;
    }

    .rent-container p {
        font-size: 14px !important;
    }

    .unique-quote-container {
        flex-direction: column;
        /* align-items: center; */
    }

    .box{
        width:auto !important;
    }
}

@media (max-width:1024px) {
    .y-building-bg {
        display: none;
    }

    .y-building-bg3 {
        display: none;
    }

    .y-building-bg2 {
        left: 8% !important;
    }

    
}


.form-popup {
    display: none;
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translate(-50%, 0);
    border: 2px solid #adadad;
    z-index: 99;
    background-color: white;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.form-container {
    display: flex;
    flex-direction: column;
    width: 300px;
}

.banner-subtext {
    font-size: 16px;
    text-align: left !important;
}

.cancel {
    background-color: rgb(195, 11, 11) !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 20px !important;
    position: absolute !important;
    right: 2px !important;
    top: 2px !important;
}

.close-x {
    position: absolute;
    top: 3px;
    right: 10px;
    color: white;
}

body.overlay-active {
    background-color: rgb(188, 188, 188);
    /* grey with opacity */
    transition: background-color 0.3s ease;
    z-index: 999;
}