@media (min-width:360px) and (max-width:370px) {


    .why-us {
        margin-bottom: 4px !important;
    }

    .leadership-title{
        margin-bottom: 8px !important;
    }

    .leadership-disc{
        margin-bottom: 12px !important;
    }
}


@media (min-width:375px) and (max-width:380px) {
    .why-us {
        margin-bottom: 4px !important;
    }

    .leadership-title{
        margin-bottom: 8px !important;
    }

    .leadership-disc{
        margin-bottom: 12px !important;
    }

    .banner-txt-container{
        top: 90px !important;
        left: 26px !important;
    }

    .banner-bottom{
        bottom: 0px;
        left: 26px !important;
    }
}





@media (min-width:380px) and (max-width: 390px) {

    .checkbox-box{
        height: 14px;
        width: 14px;
    }

    .swiper1-mb{
        height: 403px !important;
    }

    .banner-bg-1-mb, .banner-bg-orlean-mb, .banner-bg-legacy-mb{
        height: 404px !important;
    }


    .banner-txt-container{
        top: 110px !important;
        left: 16px !important;
    }




    .why-us {
        margin-bottom: 4px !important;
    }

    .leadership-title{
        margin-bottom: 8px !important;
    }

    .leadership-disc{
        margin-bottom: 12px !important;
    }
}




@media (min-width:390px) and (max-width: 400px) {


    .banner-txt-container{
        top: 110px !important;
        left: 16px !important;
    }




    .specs-each{
        width: 151px !important;
        gap: 8px;
    }

    .specs-each .specs-title{
        font-size: 11px !important;
    }

    .specs-disc{
        font-size: 16px !important;
    }











    .checkbox-box{
        height: 14px;
        width: 14px;
    }

    .swiper1-mb{
        height: 403px !important;
    }

    .banner-bg-1-mb, .banner-bg-orlean-mb, .banner-bg-legacy-mb {
        height: 404px !important;
    }



    .why-us {
        margin-bottom: 4px !important;
    }

    .leadership-title{
        margin-bottom: 8px !important;
    }

    .leadership-disc{
        margin-bottom: 12px !important;
    }
}




@media (min-width:411px) and (max-width:414px) {

    .banner-txt-container{
        top: 110px !important;
        left: 26px !important;
    }

    .banner-bottom{
        bottom: 0px;
        left: 26px !important;
    }


    .specs-each{
        width: 151px !important;
        gap: 8px;
    }

    .specs-each .specs-title{
        font-size: 11px !important;
    }

    .specs-disc{
        font-size: 16px !important;
    }

    .checkbox-box{
        height: 14px;
        width: 14px;
    }

    .swiper1-mb{
        height: 403px !important;
    }

    .banner-bg-1-mb, .banner-bg-orlean-mb, .banner-bg-legacy-mb{
        height: 404px !important;
    }


    .why-us {
        margin-bottom: 4px !important;
    }

    .leadership-title{
        margin-bottom: 8px !important;
    }

    .leadership-disc{
        margin-bottom: 12px !important;
    }
}






@media (min-width:415px) and (max-width:445px) {

    .banner-txt-container{
        top: 110px !important;
        left: 26px !important;
    }





    .specs-each{
        width: 151px !important;
        gap: 8px;
    }

    .specs-each .specs-title{
        font-size: 11px !important;
    }

    .specs-disc{
        font-size: 16px !important;
    }


    .checkbox-box{
        height: 14px;
        width: 14px;
    }

    .swiper1-mb{
        height: 403px !important;
    }

    .banner-bg-1-mb, .banner-bg-orlean-mb, .banner-bg-legacy-mb{
        height: 404px !important;
    }


    .why-us {
        margin-bottom: 4px !important;
    }

    .leadership-title{
        margin-bottom: 8px !important;
    }

    .leadership-disc{
        margin-bottom: 12px !important;
    }
}




@media (min-width:450px) and (max-width:478px) {

    .banner-txt-container{
        top: 110px !important;
        left: 26px !important;
    }



    .specs-each{
        width: 151px !important;
        gap: 8px;
    }

    .specs-each .specs-title{
        font-size: 11px !important;
    }

    .specs-disc{
        font-size: 16px !important;
    }







    .checkbox-box{
        height: 14px;
        width: 14px;
    }

    .swiper1-mb{
        height: 403px !important;
    }

    .banner-bg-1-mb, .banner-bg-orlean-mb, .banner-bg-legacy-mb{
        height: 404px !important;
    }


    .why-us {
        margin-bottom: 4px !important;
    }

    .leadership-title{
        margin-bottom: 8px !important;
    }

    .leadership-disc{
        margin-bottom: 12px !important;
    }

    
}










@media (min-width: 475px) and (max-width:480px){


    .specs-each{
        width: 151px !important;
        gap: 8px;
    }

    .specs-each .specs-title{
        font-size: 11px !important;
    }

    .specs-disc{
        font-size: 16px !important;
    }


    .swiper1-mb{
        height: 403px !important;
    }

    .banner-bg-1-mb, .banner-bg-orlean-mb, .banner-bg-legacy-mb{
        height: 404px !important;
    }


    .why-us {
        margin-bottom: 4px !important;
    }

    .leadership-title{
        margin-bottom: 8px !important;
    }

    .leadership-disc{
        margin-bottom: 12px !important;
    }
}









@media (max-width:768px) {
    .navigation-container{
        display: none;
    }

    .d-desktop{
        display: none;
    }

    .d-mobile{
        display: block;
    }

    .d-desktop-flex{
        display: none;
    }

    .d-mobile-flex{
        display: flex;
    }

    #header{
        background-color: #FFF;
        backdrop-filter: blur(7.900000095367432px);
    }

    .navbar-mb{
        padding: 8px 10px;
    }

    .banner-section{
        margin-top: 52px;
    }

    .sliding-navbar {
        position: fixed;
        top: 0;
        right: -5000px;
        height: 100vh;
        width: 100%;
        background-color: #FFF;
        opacity: 100%;
        color: #000;
        box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
        transition: right 0.3s ease;
        z-index: 9999;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        padding: 18px;
    }
    
    .nav-headers-container{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    }

    .top-nav-head{
        display: flex;
        justify-content: center;
        align-items: start;
        width: 100%;

        padding-top: 20px;
    }
    
    .sliding-navbar.active {
    right: 0; /* Slides in when active */
    }

    .nav-header-container{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;

        border-bottom: 1px solid #090834;
        padding-bottom: 10px;
    }
    
    .navbar-items {
    list-style: none;
    padding: 0;
    margin: 0;
    }
    
    .navbar-items li {
        margin-bottom: 25px;
        text-align: center;
    }

    .mobile-li-projects{    
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
        color: #090834;
    }
    
    .nav-item-link {
        color: #090834;
        text-decoration: none;
        font-family: 'Plus Jakarta Sans';
        font-size: 22px;
        font-weight: 400;
        transition: color 0.3s ease;
    }

    .nav-item-link-noLink{
        color: #090834;
        text-decoration: none;
        font-family: 'Plus Jakarta Sans';
        font-size: 22px;
        font-weight: 400;
        transition: color 0.3s ease;
    }

    .nav-item-link-noLink.active{
        color: #AC8E4A;
    }

    #mobile-projects-title.active{
        color: #AC8E4A;
    }
    
    .nav-item-link:hover {
        color: #090834;
    }
    
      /* Active state styling */
    .nav-item-link.active {
        color: #AC8E4A;
    }
    
    
    .transperant-bg{
    background: transparent;
    }
    
    .white-bg{
    background-color: #FFF !important;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
    }


    .mobile-nav-toggle{
    cursor: pointer;
    border: 1px solid transparent;
    }

    .mobile-nav-whiteBG{
    border: 1px solid #BD9A68;
    }

    .swiper1-mb{
        height: 323px;
    }



    .leadership-sec{
        flex-direction: column;
    }

    .leadership-txt-container{
        height: 100%;
        width: 100%;
        padding: 8px 14px;
        position: static;
        text-align: center;
        align-items: center;
        justify-content: center;
        box-shadow: none;
    }

    .mission-txt-container{
        height: 100%;
        width: 100%;
        padding: 8px 14px;
        align-items: center;
        justify-content: center;
        text-align: center;
        box-shadow: none;
    }

    .leadership-img-mb{
        width: 100%;
        height: 100%;
    }

    .leadership-img-aboutUs-mb{
        width: 100%;
        height: 100%;
    }

    .why-us{
        font-size: 12px;
        margin-bottom: 0px;
    }

    .leadership-title{
        font-weight: 600;
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 4px;
        letter-spacing: 0.5px;
    }

    .leadership-disc{
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px;
    }

    .leadership-img-container{
        order: 1;
    }

    .leadership-container{
        order: 2;
    }

    .testimonial-left-img{
        display: none;
    }



    .move-right{
        right: -13px;
    }

    .move-left{
        left: -15px;
    }

    .move-top{
        top: 10px;
    }
    
    .move-bottom{
        bottom: 10px;
    }

    .learn-more-btn{
        font-size: 16px;
        padding: 5px 19px;
    }

    .bi-arrow-right{
        color: #C2AB72;
        font-size: 17px;
        height: 22px;
    }

    .test-title{
        font-weight: 600;
        font-size: 12px;
        line-height: 13px;
        letter-spacing: -0.13px;
        margin-bottom: 0px;
    }

    .test-disc{
        font-weight: 600;
        font-size: 20px;
        line-height: 25px;
        color: #FFFFFF;
        margin-bottom: 10px;
        width: 100%;
    }

    .testimonials-container{
        padding: 14px 0px;
    }

    .testimony-header{
        margin-bottom: 6px;
    }

    .testimoney-name{
        font-size: 18px;
        font-weight: 600;
    }

    .testimony-disc{
        font-size: 16px;
        line-height: 22px;
    }

    .single-testimony{
        height: 178px;
        width: 100%;
        background-color: #FFF;
        padding: 6px;
        border-top: 2px solid #C2AB72;
        border-radius: 4px;
    }

    .custom-swiper{
        height: 180px !important;
    }

    .banner-txt-container{
        top: 90px;
        left: 16px;
    }

    .testimonials-txt-container{
        padding: 0px 10px;
    }


    .testimonials-bgimg{
        background-image: url('../images/banners/testimonials-bgimg-mb.webp');
        height: 302px;
    }

    .custom-swiper-pagination{
        justify-content: center;
    }

    .blog-each-container-mb{
        border: 1px solid #D9D9D9;
        border-radius: 8px;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 6px;
    }

    .swiper2 .swiper-slide{
        width: 100% !important;
    }

    .deputy-blog-txt-container-mb{
        padding-top: 6px;
    }

    .blogs-title{
        font-weight: 600;
        font-size: 12px;
    }

    .blog-read-more-btn{
        padding-left: 0px;
        font-size: 14px;
    }

    .view-blogs{
        display: none;
    }

    .blogs-disc{
        font-weight: 600;
        font-size: 20px;
        letter-spacing: 1px;
    }

    .enquiry-title{
        font-weight: 600;
        font-size: 12px;
        margin-bottom: 6px;
    }

    .enquiry-disc{
        font-weight: 600;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 16px;
    }

    
    .enquiry-input-container{
        flex-direction: column;
        gap: 14px;
        margin-bottom: 8px;
    }

    .enquiry-input{
        padding: 0px 10px;
        height: 38px;
        width: 100%;
        border-radius: 4px;
    }

    .enquiry-input::placeholder{
        font-family: 'Plus Jakarta Sans';
        font-weight: 400;
        font-size: 16px;
        color: #9E9E9E;

        display: flex;
        justify-content: start;
        align-items: center;
    }

    .termCondition-disc{
        font-size: 12px;
        line-height: 17px;
    }

    .enquiry-submit{
        padding: 2px 81px;
        font-size: 24px;
        border-radius: 4px;
    }

    .footer-container{
        flex-direction: column;
        padding: 20px 0px;
        gap: 30px;

        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
    }

    .footer-chief-seg{
        width: 100%;
    }

    .footer-bg-img{
        background-image: url('../images/banners/footer-bg-img-2-mb.webp');
        height: fit-content;
    }

    .footer-center-this{
        gap: 10px;
    }

    .footer-icons-container{
        gap: 28px;
    }

    .footer-chief-disc{
        font-size: 12px;
        line-height: 22.75px;
        margin: 10px 0px;
    }

    .banner-bg-1-mb{
        background-image: url('../images/banners/banner-1-1366-mb.webp');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 324px;
    }

    .banner-bg-legacy-mb{
        background-image: url('../images/banners/banner-legacy-mb-avif.avif');
        background-position: left;
        background-size: cover;
        background-repeat: no-repeat;
        height: 324px;
    }

    .banner-bg-orlean-mb{
        background-image: url('../images/banners/banner-orlean-mb-avif.avif');
        background-position: left;
        background-size: cover;
        background-repeat: no-repeat;
        height: 324px;
    }

    .footer-bg-img{
        background-size: cover !important;
    }

    .title-small{
        font-size: 10px;
        letter-spacing: 1px;
        line-height: normal;
        
        margin-bottom: 4px;
    }

    .title-main{
        font-size: 26px;
        line-height: 28px;
        width: 90%;
        margin-bottom: 4px;
    }

    .title-disc{
        font-size: 10px;
        line-height: 16px;
        color: #FFFFFF;
        width: 90%;
        margin-bottom: 6px;
    }

    .exploreProp{
        padding: 2px 18px;
        font-size: 12px;
        font-family: 'Plus Jakarta Sans';
        font-weight: 500;
    }

    .banner-bottom-city{
        font-weight: 400;
        font-size: 10px;
    }

    .banner-bottom-road{
        font-weight: 500;
        font-size: 12px;
    }

    .banner-bottom-container{
        border-left: 2px solid #FFFFFF33;
        padding: 5px 6px;
    }

    .banner-bottom{
        bottom: 0px;
        left: 16px;
    }

    .full-bottom{
        height: 57px;
    }

    .badge-real-estate{
        font-size: 10px;
        padding: 2px 6px;
        margin-bottom: 2px;
    }

    .blog-title{
        font-weight: 600;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 4px;
    }

    .chief-blog-img-mb{
        border-radius: 4px;
    }

    .deputy-blog-disc{
        font-weight: 300;
        font-size: 10px;
        line-height: 14px;
        margin-bottom: 4px;
    }

    .blog-flex{
        margin-bottom: 8px;
    }

    .enquiry-form-mb{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-bottom: 22px;
        width: 90%;
    }

    .enquiry-section-mb .container{
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .enquirybg-img{
        height: 360px;
        border-radius: 0px;
    }

    .enquiry-checkbox-container{
        margin-bottom: 8px;
        align-items: start;
    }

    .checkbox-box{
        height: 14px;
        width: 17px;
    }

    .marquee{
        gap: 10px;
    }

    .marquee-container{
        padding-top: 0px;
        margin-bottom: 20px;
    }

    .featured-property{
        gap: 10px;
        font-size: 28px;
        font-weight: 600;
    }

    .feat-prop-swiper-sec{
        display: none;
    }

    .featured-prop-bgimg{
        height: 534px;
    }

    .featured-prop-each{
        width: 290px;
    }

    .feat-prop-img{
        width: 257px;
        height: 164px;
        border-radius: 6px;
    }

    .feat-prop-num{
        font-weight: 800;
        font-size: 36px;
        margin-bottom: 10px;
        width: 257px;
        margin-top: 0px;
    }

    .feat-prop-title{
        width: 257px;
        font-weight: 600;
        font-size: 20.6px;
        margin-bottom: 0px;
    }

    .feat-prop-disc{
        width: 257px;
        font-size: 14px;
    }

    .prop-price{
        width: 257px;
        font-size: 20px;
        margin: 10px 0px;
    }

    .prop-att-container{
        width: 257px;
    }


    /* Featured properties swiper CSS */
    .swiper4 {
        width: 100%;
        max-width: 100vw;
        height: fit-content; /* Adjust height based on your design */
        overflow-x: hidden;
    }
    
    .swiper4 .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        /* width: fit-content; */


        width: 100%; /* Adjust slide width */
        max-width: 289px; /* Ensure slides do not become too wide */
        margin: auto; /* Center align slide horizontally */
    }

    .feat-prop-button-container{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        margin-top: 15px;
    }
    
    .custom-swiper-button-next-featmb,
    .custom-swiper-button-prev-featmb {
        height: 30px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #C2AB72;
        border: 1px solid #C2AB72;
        border-radius: 50%;
    }
    
    /* .custom-swiper-pagination {
        bottom: 10px;
    } */
    
    .back-to-top{
        bottom: 105px;
        right: 20px;
        height: 38px;
        width: 38px;
    }

    .zsiq-float{
        bottom: 45px !important;
    }

    .copyright-txt{
        font-weight: 400;
        font-size: 10px;
        line-height: 13.75px;
    }



    /* ABOUT US CSS */

    .banner-about-us{
        height: 210px;
    }

    .banner-contact-us{
        height: 210px;
    }


    .about-us-title{
        font-size: 38px;
    }

    .about-us-disc{
        font-size: 12px;
        text-align: center;
        letter-spacing: 0.5px;
        line-height: 18px;
        padding: 0px 5px;
    }


    .move-left-aboutUs{
        left: -20px;
    }

    .move-right-aboutUs{
        right: 0px;
        left: 8px;
    }
    .move-top-aboutUs-dk{
        top: -10px;
    }
    .move-right-MissionaboutUs{
        right: 0px;
        left: 10px;
    }
    .move-left-MissionaboutUs{
        left: -15px;
    }
    .move-top-MissionaboutUs-dk{
        top: -14px;
    }

    .leadership-img-container{
        width: 100%;
        position: static;
    }


    .legacy-container{
        flex-direction: column;
    }

    .contact-seg-form-container{
        flex-direction: column;
    }

    .leadership-txt-aboutUs-container{
        height: 100%;
        width: 100%;
        padding: 8px 14px;
        padding-top: 0px;
        position: static;
        justify-content: center;
        align-items: center;
        text-align: center;
        box-shadow: none;
    }

    .leadership-container{
        width: fit-content;
        position: static;
    }

    .legacy-txt-container{
        text-align: center;
    }

    .legacy-bgimg{
        height: 623px;
    }

    .legacy-stats-container{
        gap: 30px;
        margin-top: 20px;
    }

    .legacy-title{
        font-size: 20px;
        line-height: 27px;
        letter-spacing: 0.04px;
        margin-top: 4px;
    }

    .legacy-num{
        font-size: 36px;
        line-height: 1.24;
    }

    .legacy-disc{
        font-size: 14px;
        letter-spacing: 0.2px;
        line-height: 1;
    }

    .legacy-img{
        min-width: 100%;
        min-height: 100%;
    }

    .legacy-stats-each{
        width: 140px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }


    .legacy-stats-component{
        justify-content: center;
        gap: 20px;
    }

    .mission-txt-aboutUs-container{
        padding: 8px 14px;
        padding-top: 0px;
        position: static;
        height: 100%;
        width: 100%;
        text-align: center;
        align-items: center;
        box-shadow: none;
    }

    .play-button-img{
        height: 61px;
        width: 61px;
    }

    .play-button{
        height: 88px;
        width: 88px;
    }

    .contact-section-bgimg{
        background-image: url('../images/banners/contact-form-mb-bgimg.webp');
        background-position: bottom;
        height: 888px;
    }

    .contact-form-container{
        height: 452px;
        min-width: 100%;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;    
    }

    .contact-form-title{
        font-size: 12px;
        letter-spacing: -0.13px;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .contact-seg-form-container{
        margin-top: 12px;
    }

    .contact-form-disc{
        font-size: 20px;
        letter-spacing: 0.2px;
        margin-bottom: 0px;
        line-height: 28px;
    }

    .contact-us-title{
        font-size: 34px;
        margin-bottom: 0px;
        text-align: center;
        margin: 4px 0px;
    }

    .contact-input{
        width: 91%;
        padding: 6px 10px;
    }

    .contact-submit-btn{
        padding: 4px 82px;
        font-size: 24px;
    }

    .contact-txt-title{
        font-size: 24px;
    }

    .contact-txt-disc{
        font-size: 14px;
        line-height: 24px;
        color: #2B2929;
        margin-bottom: 20px;
    }


    /* PROJECT DETAILS PAGE CSS */
    .project-details-banner-bgimg{
        background-image: url('../images/banners/projects-listing-bannerbgimg-mb.webp');
        height: 210px;
    }

    .Pdetails-properties-container{
        flex-direction: column;
        gap: 30px;
    }

    .blogs-listing-container{
        flex-direction: column;
        gap: 30px;
    }

    .Pdetails-explore-title{
        font-size: 20px;
        letter-spacing: 0.2px;
        line-height: 25px;
    }

    .Pdetails-explore-disc{
        font-size: 12px;
        line-height: 17px;
        letter-spacing: -0.13px;
    }

    .Pdetails-property-title{
        font-size: 18px;
        margin: 0px 0px;
        margin-top: 0px;
    }

    .Pdetails-property-price{
        font-size: 16px;
        margin: 4px 0px;
    }

    .Pdetails-property-location{
        margin-bottom: 0px;
        line-height: 1;
    }

    .specs-each .specs-title{
        font-size: 10px;
        margin-bottom: 4px;
        font-weight: 500;
    }

    .specs-disc{
        font-size: 14px;
        line-height: 1;
    }

    .property-details-each{
        padding: 10px;
        width: 100%;
        height: 100%;
    }
    .blogs-listing-each{
        padding: 10px;
        width: 100%;
        height: 100%;
    }

    .specs-each{
        width: 131px;
        gap: 8px;
    }

    .specs-SQFT{
        font-size: 12px;
    }


    .custom-row-gap > * {
        margin-bottom: 6px;
    }

    .specs-row-container{
        gap: 18px;
    }

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



    /* THE STICKY SECTIONA AT THE BOTTOM */
    .enquiry-section{
        display: none;
        padding: 0px 0px !important;
        position: fixed;
        bottom: 0;
        z-index: 999;
        width: 100%;
      }
      
    .contact-section{
        background-color: #090834;
        display: flex;
        justify-content: space-around;
        align-items: center;
        text-align: center;
        padding: 8px 0px;
        width: 100%;
      }
      
    .contact-fixedSec-txt{
        font-weight: 600;
        color: #C2AB72;
        font-size: 14px;
        margin-bottom: 0px;
        margin-left: 8px;
        font-family: 'Plus Jakarta Sans';
      }
      
    .contact-div{
        display: flex;
        justify-content: center;
        align-items: center;
        width: -webkit-fill-available;
      }
      
    .contact-div a{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .openPopup-style{
        border: none;
        height: 100%;
        width: 100%;
        background-color: #090834;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .enquiry-section a{
        text-decoration: none;
        color: inherit;
    }

    .desktop-sideways-enquiry{
        display: none !important;
    }


    .prop-att-txt{
        font-size: 12px;
    }



    .projects-dropDown-txt{
        color: #090834;
    }

    .projects-drop-down-mobileContainer{
        visibility: hidden;
        /* transform: translateY(-100%); */
        opacity: 0;
        transition:  0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        display: none;
    }

    .fa-angle-down{
        border: 1px solid #090834;
        padding: 8px;
    }

    .fa-angle-down.active{
        transform: rotate(180deg);
        color: #AC8E4A;
        border: 1px solid #AC8E4A;
        padding: 8px;
    }

    .projects-drop-down-mobileContainer.active{
        visibility: visible;
        opacity: 1;
        display: block;
    }

    .one-time-popup-container{
        padding: 0px;
        width: max-content;
    }

    .OT-pop-btn{
        padding: 0px 0px;
        font-family: 'Poppins';
        color: #FFF;
        font-size: 32px;
        margin-bottom: 10px;
    }

    .OT-pop-title{
        font-size: 32px;
    }

    .OT-pop-disc{
        font-size: 14px;
        margin-bottom: 12px;
    }

    .OT-popup-input{
        height: 50px;
    }

    .close-one-time-popup-mb{
        right: 8px;
        top: 8px; 
        position: absolute;
        cursor: pointer;      
    }

    .one-time-popup-form-container{
        padding: 10px 8px;
    }


    /* PROJECTS TABLETS CSS */
    .projects-tab-container{
        width: 84%;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
        border: 2px solid #FFF;
        border-radius: 45px;
        padding: 6px 8px;
        gap: 5px;
        margin-bottom: 20px;
    }

    .projects-tab-txt.active{
        background: #FFF !important;
        border-radius: 0px !important;
        color: #A88944;
        background-color: #FFF;
        /* text-decoration: underline; */
        border-bottom: 2px solid #A88944;
        font-weight: 600;
    }

    .projects-tab-txt{
        font-size: 18px;
        font-weight: 400;
    }


    .thank-you-title{
        font-size: 50px;
    }

    .thank-you-disc{
        font-size: 18px;
        line-height: 25px;
        text-align: center;
    }

    .blogs-listing-banner-bgimg{
        background-image: url('../images/banners/blogs-listing-mb-banner.webp');
        height: 164px;
    }


    .new-feat-prop-title{
        font-size: 12px;
        letter-spacing: -0.13px;
    }

    .new-feat-prop-disc{
        font-size: 20px;
        line-height: 23px;
        letter-spacing: 0.5px;
    }

    .new-feat-prop-each-container{
        flex-direction: column;
        gap: 0px;
    }

    .new-feat-prop-each-title{
        font-size: 20px;
    }

    .new-feat-prop-each-price{
        font-size: 22px;
    }

    .new-feat-prop-each-onwards{
        font-size: 14px;
    }

    .new-feat-prop-each-spec-flex{
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        gap: 16px;
    }

    .new-feat-prop-each-specs-type{
        font-weight: 400;
        text-transform: uppercase;
    }

    .new-feat-prop-each-specs-type-answer{
        font-weight: 500;
        font-size: 14px;
    }

    .new-feat-prop-view-details{
        padding: 6px 0px;
        width: 100%;
        border-radius: 2px;
    }

    .new-feat-prop-each-spec-each-container{
        width: 100%;
    }

    .new-feat-prop-each-specs-container{
        gap: 12px;
    }


    .new-feat-img-container{
        width: 100%;
    }

    .new-feat-prop-each-specs-type-sqft{
        font-weight: 500;
        font-size: 14px;
    }
    .vertical-swiper-button-prev, .vertical-swiper-button-next{
        width: 42px;
        height: 42px;
    }

    .new-feat-prop-card{
        width: 100%;
        height: 100%;   
    }


    .GE-legacy-bannerBlogDetails{
        background-image: url('../images/banners/GE-legacy-bannerBlogDetails-mb.webp');
        height: 210px;
    }

    .apartmentChandapura-bannerBlogDetails{
        background-image: url('../images/banners/apartment-chandapuraBanner-mb.webp');
        height: 210px;
    }

    .electronicCity-bannerBlogDetails{
        background-image: url('../images/banners/electronicCity-Banner-mb.webp');
        height: 210px;
    }

    .southBangalore-bannerBlogDetails{
        background-image: url('../images/banners/southBangalore-banner-mb.webp');
        height: 210px;
    }

    .Why-to-Invest-bommasandra-bannerbg{
        background-image: url('../images/banners/Why-to-Invest-bommasandra-explore-blog-details-mb-bannerbg.avif');
        height: 210px;
    }

    .blogDetails-header{
        font-size: 18px;
        line-height: 24px;
    }

    .BlogDetails-title{
        font-size: 20px;
        width: 90%;
        line-height: 26px;
    }

    .blogDetails-txt{
        font-size: 14px;
        line-height: 22px;
    }
    .blog-details-li-element {
        font-size: 14px;
        font-weight: 400;
        font-style: italic;
        margin-bottom: 2px;
    }

    .blogs-each-title{
        font-size: 14px;
        line-height: 18.4px;
    }

    .blogs-each-disc{
        font-size: 12px;
        line-height: 14px;
    }
    
}


@media (min-width:769px) {
    .d-desktop{
        display: block;
    }

    .d-desktop-flex{
        display: flex;
    }

    .d-mobile-flex{
        display: none;
    }

    .d-mobile{
        display: none;
    }

    .navigation-container-mb{
        display: none;
    }

    .testimonials-bgimg{
        background-image: url('../images/banners/testimonials-bgimg.webp');
        height: 740px;
    }

    .footer-bg-img{
        background-image: url('../images/banners/footer-bg-img-2.webp');
        height: 418px;
    }

    .back-to-top:hover{
        background-color: #FFF;
        color: #C2AB72;
        border: 1px solid #C2AB72;
    }

    .Pdetails-properties-container{
        margin-top: 30px;
        gap: 40px;
    }
    .blogs-listing-container{
        /* margin-top: 30px; */
        gap: 40px;
    }

    .exploreProp:hover{
        color: #C2AB72;
        background-color: #fff;
        border: 1px solid #C2AB72;
    }

    .enquiry-submit:hover{
        background-color: #FFF;
        color: #C2AB72;
        border: 1px solid #C2AB72;
    }

    .contact-submit-btn:hover{
        color: #C2AB72;
        background-color: #FFF;
        border: 1px solid #C2AB72;
    }


    .whatsapp-icon.active{
        visibility: visible;
        opacity: 1;
    }



    /* PROJECT DETAILS PAGE CSS */
    .project-details-banner-bgimg{
        background-image: url('../images/banners/projects-listing-bannerbgimg.webp');
        height: 292px;
    }


    .projects-dropDown-txt:hover{
        color: #AC8E4A !important;
    }


      .enquiry-section{
        display: none !important;
      }




    


    .desktop-sideways-enquiry{
        position: fixed;
        right: -55px;
        top: 50%;
        z-index: 99999;
        rotate: 270deg;
        background-color: #090834;
        text-decoration: none;
        height: 40px;
        width: 150px;
        text-align: center;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sideways-enquiry-txt{
        color: #C2AB72;
        text-align: center;
        width: 100%;
        font-size: 20px;
        text-transform: capitalize;
        font-family: 'Plus Jakarta Sans';
    }

    .desktop-navbar-enquiry-container{
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .desktop-navbar-enquiry{
        background: linear-gradient(180deg, #C4A040 -73.08%, #DEB853 48.08%, #B08300 169.23%);
        text-decoration: none;
        color: inherit;
        border-radius: 37px;
        padding: 4px 14px;
        cursor: pointer;
    }


    .navbar-enquiry-txt{
        color: #090834;
        text-align: center;
        width: 100%;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0.2px;
        text-transform: capitalize;
        font-family: 'Plus Jakarta Sans';
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;

    }

    .OT-pop-btn:hover{
        border: 0.5px solid #C2AB72;
        background-color: #FFF;
        color: #C2AB72;

    }







}

@media (min-width:1164px) and (max-width: 1281px) {


    .banner-bg-legacy, .banner-bg-orlean{
        background-position: left;
    }
    .leadership-img-dk{
        height: 535px;
        width: 597px;
    }

    .leadership-txt-aboutUs-container{
        height: 436px;
        width: 559px;
    }

    .missionAboutUs-img-dk{
        width: 577px;
        height: 613px;
    }

    .footer-bg-img{
        height: 382px;
    }

    .footer-container{
        padding-top: 20px;
    }

    .Pdetails-properties-container{
        gap: 20px;
    }
    .blogs-listing-container{
        gap: 20px;
    }



    .mission-txt-aboutUs-container{
        height: 458px;
        width: 609px;
    }

    .leadership-txt-container{
        height: 465px;
        width: 609px;
    }
    .mission-txt-container{
        height: 465px;
        width: 609px;
    }

    .single-testimony{
        width: 469.14px;
        padding: 26px 23px;
    }

    .testimonial-left-img{
        width: 50%;
    }


    .projects-tab-txt{
        font-size: 22px;
    }

    .desktop-navbar-enquiry{
        padding: 4px 6px;
    }

    .featured-container{
        max-width: 1136px;
    }
}


@media (min-width: 1367px) {
    .footer-bg-img{
        background-size: cover !important;
    }
    
}

@media (min-width: 1440px) and (max-width: 1800px) {
    .banner-bg-legacy, .banner-bg-orlean{
        height: 822px;
    }

    .banner-txt-container{
        top: 350px;
    }
}

@media (min-width: 1801px) and (max-width: 1929px) {
    .banner-bg-legacy, .banner-bg-orlean{
        height: 872px;
    }

    .banner-txt-container{
        top: 330px;
    }
}

@media (min-width: 1920px) and (max-width:2500px) {
    .swiper1{
        height: fit-content;
    }

    .banner-bg-1, .banner-bg-legacy, .banner-bg-orlean{
        height: 861px;
    }

    .banner-txt-container {
        top: 330px;
        left: 95px;
    }
    
}

@media (min-width:2560px) {
    .swiper1{
        height: fit-content;
    }

    .banner-bg-1, .banner-bg-legacy, .banner-bg-orlean{
        height: 1000px;
        background-position: top;
    }

    .banner-txt-container {
        position: absolute;
        top: 537px;
        left: 95px;
    }
}