
.floor-plan-key-highlights {
    list-style-type: none;
    margin: 0%;
    padding: 0%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 200px;
}

.floor-plan-key-highlight {
    font-size: 18px;
    color: #575455;
    padding: 6px 22px 6px 6px;
}

.floor-plan-card {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1em;
    padding: 1em;
}

.floor-plan-caption-item-title {
    font-size: 20px;
}

.floor-plan-swiper-img {
    width: 100%;
    height: auto;
}

.floor-plan-swatcher-container {
    max-width: 60%;
    margin-left: auto;
}

.floor-plan-img {
    width: 100%;
    height: auto;
}

label {
    display: block;
    width: 100%;
    height: 100%;

}

.floor-plan-swatcher-container {
    position: relative;
    padding: 0 4em;
}

.floor-plan-swiper-prev, .floor-plan-swiper-next {
    position: absolute;
    top: 50%;
}

.floor-plan-card {
    display: none;
}

.floor-plan-img-container {
    width: 100%;
    box-sizing: border-box;
}

.floor-plan-slider-section {
    margin-top: 60px;
}

.floor-plan-caption-container {
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.project-card-caption {
    background-image: url("../img/card-bg.png")!important;
}

.swiper-pagination {
    display: none!important;
}

.swiper-pagination-bullet-active {
    background: #C4A154!important;
}

@media only screen and (max-width: 600px) {
    .call-us-cta {
        display: none;
    }

    .enquire-now-btn {
        top: 30%!important;
    }

    .hero-section video {
        transform: scale(4);
    }
    .hero-section .container {
        height: 60vh;
        overflow: hidden;
    }
    section {
        padding-left: 1em !important;
        padding-right: 1em !important;
    }

    .swiper-button-prev, 
    .swiper-button-next {
        display: none!important;
    }

    .swiper-pagination {
        display: block!important;
        position: static!important;
        margin: 12px 0 0 0;
    }
    .swiper-pagination-bullet-active{
        background: #C4A154!important;
    }
    .info-container-title {
        font-size: 24px!important;
    }

    .info-section {
        padding: 0!important;
        margin-top: 1em!important;
    }
    .info-section .info-container {
        padding: 1em;
    }

    .info-img {
        border-radius: 0px;
    }

    .project-section .section-header-title {
        font-size: 24px!important;
    }

    .project-section {
        margin-top: 0!important;
        padding: 1em!important;
    }
    
    .video-section {
        padding: 1em!important;
    }

    .video-section .section-header-title {
        margin: 0;
        font-size: 24px!important;
    }

    .section-header-title {
        font-size: 24px!important;
    }

    .floor-plan-slider-section {
        padding: 1em!important;
    }

    .contact-info-title {
        font-size: 24px!important;
    }

    .contact-form-section {
        padding: 1em!important;
    }

/*     
    form {
        margin: 0 0 1em 0!important;
    }

    .sticky-form form .frmrow {
        display: flex;
        align-items: center !important;
        flex-direction: column!important;
        padding: 0;
    }

    .sticky-form {
        padding: 0%!important;
    }

    .form-group {
        width: 100%;
        display: flex;
        align-items: flex-end;
        gap: 1em;
        padding: 1em;
    }
    .sticky-form input {
        width: 100%;
        outline: none;
    }
    .frmrow {
        padding: 2em!important;
    } */

    .sticky-form {
        padding: 1em!important;
    }

    .sticky-form input {
        width: 100%!important;
    }

    .sticky-form form .frmrow {
        display: flex;
        align-items: center !important;
        flex-direction: column!important;
        padding: 0;
    }

    .form-group {
        display: flex;
        align-items: flex-end;
        gap: 1em;
        padding: 1em;
        width: 100%;
    }
    form {
        margin: 0%;
    }

    .project-section h1 {
        margin: 1em 0!important;
    }
    .swiper {
        margin: 0%;
    }

    .project-card-caption {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .video-section {
        padding: 0%!important;
    }

    .video-section  .section-header-wrapper {
        padding: 1em 1em 0 1em;
    }

    .video-section h1 {
        margin: 1em 0!important;
    }

    .floor-plan-slider-section {
        margin: 0%;
    }

    .floor-plan-slider-section h1 {
        margin: 1em 0;
        line-height: 1.5;
    }

    .slick-dotted.slick-slider {
        margin: 0;
    }    

    .video-section h1 {
        line-height: 1.5;
    }

    .form-wrapper {
        margin-top: 1em!important;
    }
}

.additional-amenities-section {
    background:rgb(0, 44, 0);
    padding: 3em 3em;
    margin: 2em 0;
}

.additional-amenities-section li {
    color:#C4A154;
     color: #ffffff !important;
     opacity: 80%;
}

.additional-amenities-section h4 {
    color: #C4A154;
    color: #ffffff !important;
    opacity: 80%!important;
}

.additional-amenities-section .section-header-description {
    color: #C4A154!important;
}

.additional-amenities-section .section-header-description {
    margin: 12px 0 12px;
    color: #ffffff !important;
    font-size: 16px;
    opacity: 80%!important;
}

.dowbload-brochure-section
.section-header-title {
    text-transform: capitalize;
    font-size: 22px;
    margin: 1em 0;

}


.dowbload-brochure-section img {
    width: 100%;
}

.book-now-section .info-container-title {
    font-size: 22px;
    line-height: 1.5;
}

 .custom-pop-up-container img {
    display: none;
 }

@media only screen and (min-width: 820px) {
        
    .custom-pop-up-container img {
        display: block;
    }
    .custom-pop-up-container .form-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    /* .custom-pop-up-container {
        display: flex!important;
    } */

    .custom-pop-up-container .form-wrapper {
    width: 527px!important;
    width: 655px!important;
    width: 720px!important;
    padding: 1em;
}

    .form-header {
        border-top-left-radius: 0px!important;
        border-top-right-radius: 0!important;
    }

    .custom-pop-up-container form {
        border-radius: 0;
    }

    .custom-pop-up-container img {
        height: 100%;
    }

    .custom-pop-up-container .form-wrapper {
        /* transform: scale(1.2); */
    }

    .form-header {
    display: block!important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
}

.enquire-now-btn {
    display: none;
}

.custom-pop-up-container {
  display: flex; /* when shown */
  justify-content: center;
  align-items: center;

  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;

  background: rgba(255, 255, 255, 0.1); /* semi-transparent background */
  backdrop-filter: blur(10px); /* Apple-style blur */
  backdrop-filter: blur(25px); /* Apple-style blur */
  -webkit-backdrop-filter: blur(10px); /* for Safari */
  
  z-index: 9999; /* ensure it's above other content */
  display: none; /* initially hidden */
    
}

.cover-img-section {
    padding: 0%!important;
    height: 500px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.cover-img-placeholder-wrapper img {
    width: 100%;
}

.rera-img-wrapper {
    position: absolute;
    background-color: #fffffff2;
}

.rera-img{
    width: 100%;
   left: 0;
   right: 0;
   top: 0;
   z-index: 1;
}

.hero-section {
    position: relative!important;
}

.hero-rera-img {
    width: auto;
    height: 200px;
}
.hero-rera-img-wrapper{
    position: absolute;
    top: 0;
    z-index: 3;
    right: 0%;
    background: rgba(255, 255, 255, 0.496);
}

