* {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
     font-family: "Poppins", sans-serif;
     ;
 }

 :root {
     --primaryColor: #0b6623;
 }
span.pro-title h1 {
    font-size: 29px;
}

 html,
 body {
     scroll-behavior: smooth;
 }

 div {
     scroll-snap-align: start;
     scroll-snap-stop: always;
     scroll-behavior: smooth;
     scroll-margin-top: 100px;
 }
 span.pro-price.mb-1 {
    margin-top: -10px;
}

 /* Add a gray background color with some padding */
 body {
     background: #f1f1f1;
 }

 img {
     max-width: 100%;
     height: auto;
 }

 a {
     text-decoration: none;
     overflow: hidden;
 }

 button {
     cursor: pointer;
 }

 .fa-money::before {
     content: "\f0d6";
 }

 .fa-picture-o::before {
     content: "\f03e";
 }

 .fa-map-o::before {
     content: "\f278";
 }

 /* Header/Blog Title */
 .header {
     /* font-size: 40px; */
     text-align: center;
     background: white;
     /* position: sticky !important; */
     position: fixed;
     width: 75%;
     top: 0;
     z-index: 9;
 }

 .nav-links a i {
     margin-right: 6px;
     font-size: 16px;
 }

 /* Create two unequal columns that floats next to each other */
 /* Left column */
 .leftcolumn {
     float: left;
     width: 75%;
     overflow: hidden;
 }

 /* Right column */
 .rightcolumn {
     text-align: center;
     float: left;
     width: 25%;
     /* padding-left: 20px; */
     height: 100dvh;
     position: sticky;
     top: 0;
 }

 .rightcolumn .card {
     margin-left: 10px;
 }

 .right-detail {
     background: linear-gradient(135deg, #014421, #6B8E23);
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     border-radius: 0 0 25px 25px;
 }

 .right-detail a {
     padding: 10px 3px;
     color: white;
     font-size: 20px;
     border: 1px solid white;
 }

 .right-detail a i {
     margin-right: 5px;
 }

 .right-card p {
     margin: 20px 0;
 }

 .right-card p a {
     font-size: 20px;
     border-radius: 5px;
     padding: 10px;
     font-size: 20px;
     background-color: var(--primaryColor);
     color: white;
     width: max-content;
 }


 .fa-download {
     overflow: hidden;
     margin: 0 6px 0 0;
     /* animation: download 1.2s infinite; */
     -webkit-animation: slide-top 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
     animation: slide-top 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
 }

 @-webkit-keyframes slide-top {
     0% {
         -webkit-transform: translateY(-15px);
         transform: translateY(-15px);
     }

     100% {
         -webkit-transform: translateY(5px);
         transform: translateY(5px);
     }
 }

 @keyframes slide-top {
     0% {
         -webkit-transform: translateY(-15px);
         transform: translateY(-15px);
     }

     100% {
         -webkit-transform: translateY(5px);
         transform: translateY(5px);
     }
 }


 p {
     font-size: 20px;
     margin-bottom: 6px;
 }

 /* Add a card effect for articles */
 .card {
     background-color: white;
     padding: 20px;
     margin-bottom: 15px;
 }

 /* Clear floats after the columns */
 .row:after {
     content: "";
     display: table;
     clear: both;
 }

 /* Add a black background color to the top navigation */
 header {
     /* background-color: #f7f7f7; */
     /* width: 100%; */
     /* margin: auto; */
     padding: 10px;
     transition: all 0.4s ease-in-out;
 }

 .active {
     position: fixed;
     top: 0;
     z-index: 5;
     -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
     box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
 }

 /* Style the container */
 .menu-container {
     display: flex;
     align-items: center;
     justify-content: space-between;
     /* padding: 20px; */
     position: relative;
     z-index: 5;
 }

 /* Style the logo */
 .logo {
     max-width: 185px;
     width:100%;
 }

 /* Style the navigation links */
 .nav-links {
     display: block;
 }

 .nav-links button {
     font-size: 17px;
     padding: 5px 7px;
 }

 .nav-links a {
     color: var(--bgColor);
     /* margin: 7px 15px; */
     margin-left: 4px;
     padding: 7px 0;
     font-size: 17px;
 }

 .nav-links a:not(:nth-child(1)) {
     padding-left: 7px;
     border-left: 1px solid var(--primaryColor);
 }

 .nav-links a:hover {
     background-color: var(--primaryColor);
     color: white;
     padding: 8px;
     border: none;
 }

 /* Style the toggle icon */
 .toggle-icon {
     color: white;
     font-size: 24px;
     cursor: pointer;
     display: none;
     top: 20px;
     right: 30px;
     /* Initially hide toggle icon */
 }

 /* Style the menu items for mobile */
 .menu-items {
     flex-direction: column;
     background-color: #fff;
     position: absolute;
     /* top: 100%; */
     left: 0;
     width: 100%;
     height: 100dvh;
     display: none;
     animation: menuTop linear 700ms;
 }

 .menu-items.active {
     display: flex;
     justify-content: center;
     align-items: center;
     top: 0;
     opacity: 1;
     z-index: 4;
 }

 @keyframes menuTop {
     0% {
         top: 100%;
         opacity: 0;
     }

     100% {
         top: 0;
         opacity: 1;
     }
 }

 .menu-items a {
     padding: 20px;
     color: var(--primaryColor);
     text-decoration: none;
     transition: background-color 0.3s ease;
 }

 .menu-items a:hover {
     background-color: #444;
 }

 /* Style the toggle icon bars */
 .toggle-icon .bar {
     width: 35px;
     height: 5px;
     background-color: var(--primaryColor);
     margin: 6px 0;
     transition: transform 0.3s ease;
     /* Transition for icon rotation */
 }

 /* Rotate the bars to cross when active */
 .toggle-icon.active .bar:nth-child(1) {
     transform: rotate(-135deg) translate(-5px, 6px);
 }

 .toggle-icon.active .bar:nth-child(2) {
     display: none;
 }

 .toggle-icon.active .bar:nth-child(3) {
     transform: rotate(135deg) translate(-5px, -6px);
 }

 .slider {
     display: grid;
     grid-template-columns: 3fr 2fr;
     gap: 10px;
     padding: 40px 10px;
 }

 .aboutSlider {
     display: inherit;
     place-items: center;
     position: relative;
     margin-top: 95px;
 }

 /* Slideshow container */
 .slideshow-container {
     /* max-width: 1000px; */
     position: relative;
     margin: auto;
 }

 /* The dots/bullets/indicators */
 .dots {
     height: 15px;
     width: 15px;
     margin: 0 2px;
     border-radius: 50%;
     display: inline-block;
     transition: background-color 0.5s ease;
     display: none;
 }

 /*.card p {*/
 /*    margin-bottom: 12px;*/
 /*}*/

 .download-brochure {
     padding: 9px 18px;
     color: white;
     border: none;
     margin: 10px 0;
     background-color: var(--primaryColor);
 }

 /* Fading animation */
 .fade {
     animation-name: fade;
     animation-duration: 1.1s;
 }

 @keyframes fade {
     from {
         opacity: .4
     }

     to {
         opacity: 1
     }
 }

 .toggle-icon.active>.logo {
     background-color: white;
     padding: 10px;
 }

 .info-box {
     position: absolute;
     top: 10px;
     left: 10px;
     /* transform: translateY(-50%); */
     width: 22vw;
     /* height: 100%; */
     background-color: rgb(255, 255, 255);
     display: flex;
     flex-direction: column;
     justify-content: space-evenly;
     align-items: center;
     padding: 12px;
     backdrop-filter: blur(4px);
     /* color: white; */
     border: 1px solid var(--primaryColor);
     /* margin: 0 20px; */
     gap: 6px;
     text-align: center;
     border-radius: 5px;
 }

 span.pro-status.d-block {
     /* display: none; */
     padding: 10px;
     /* background: white; */
     color: #634eb7;
     text-transform: uppercase;
     font-weight: 500;
     /* margin-bottom: 10px; */
     text-align: center;
     position: absolute;
     top: 0;
     /* background: var(--primaryColor); */
     color: white;
     width: 100%;
     animation: pulse 2s infinite both;
     -webkit-animation-name: pulse 2s infinite both;
 }

 @-webkit-keyframes pulse {
     0% {
         /* transform: scale(1); */
         font-size: 13px;
     }

     50% {
         /* transform: scale(1.1); */
         font-size: 18px;
     }

     100% {
         /* transform: scale(1); */
         font-size: 13px;
     }
 }

 @keyframes pulse {
     0% {
         /* transform: scale(1); */
         font-size: 13px;
     }

     50% {
         /* transform: scale(1.1); */
         font-size: 18px;
     }

     100% {
         /* transform: scale(1); */
         font-size: 13px;
     }
 }

 .info-box-border {
     display: grid;
     place-items: center;
     /* gap: 10px; */
     margin-top: 40px;
 }

 .pro-title {
     font-size: clamp(1.4375rem, -0.0514rem + 2.4038vw, 1.75rem);
     font-weight: 700;
     color: black;
 }

 .card-d.card-d-custom.p-2 {
     background: #f5f5f5;
     color: black;
     width: 100%;
     padding: 5px 5px;
 }

 .card-d.card-d-custom.p-2 table tbody tr {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
 }

 span.offers {
     font-size: 16px;
 }

 span.offers.effetGradient {
     /* background: white; */
     color: white;
     /* color: black; */
     padding: 5px;
     width: 100%;
     text-align: center;
 }

 .heading1,
 .heading2 {
     font-size: 14px !important;
     border: none !important;
 }

 span.pro-tag-line {
     font-size: 1rem;
 }

 .pro-price {
     font-size: 1.5rem;
 }

 .micro-form-btn {
     padding: 7px 12px !important;
     font-size: 20px !important;
 }

 .pro-rera {
     display: flex;
 }

 span.offers.effetGradient {
     color: white;

     display: block;
     background: linear-gradient(-45deg, #353535, #595959, #353535);
     background-size: 400% 400%;
     -webkit-animation: 3s infinite Gradient;
     -moz-animation: 3s infinite Gradient;
     animation: 3s infinite Gradient;
 }

 @keyframes Gradient {

     0%,
     100% {
         background-position: 0 50%;
     }

     50% {
         background-position: 100% 50%;
     }
 }


 @-webkit-keyframes AnimationName {
     0% {
         background-position: 0% 43%
     }

     50% {
         background-position: 100% 58%
     }

     100% {
         background-position: 0% 43%
     }
 }

 @-moz-keyframes AnimationName {
     0% {
         background-position: 0% 43%
     }

     50% {
         background-position: 100% 58%
     }

     100% {
         background-position: 0% 43%
     }
 }

 @-o-keyframes AnimationName {
     0% {
         background-position: 0% 43%
     }

     50% {
         background-position: 100% 58%
     }

     100% {
         background-position: 0% 43%
     }
 }

 @keyframes AnimationName {
     0% {
         background-position: 0% 43%
     }

     50% {
         background-position: 100% 58%
     }

     100% {
         background-position: 0% 43%
     }
 }


 .effetGradient {
     position: relative;
     /* background: linear-gradient(-45deg, #6e2f8f, #e9298a, #6e2f8f); */
     background: linear-gradient(135deg, #014421, #6B8E23);
     background-size: 400% 100%;
     text-transform: uppercase;
     font-weight: 500;
     border: none;
     border-radius: 0.25em;
     font-size: 13px;
     letter-spacing: 1px;
     padding: 0;
     margin: 0;
     animation: Gradient 5s ease infinite;
     text-decoration: none;
     color: white;
 }

 .eGrad {
     padding: 10px;
     width: 100%;
     /* margin: 10px 0; */
 }

 .eGrad>* {
     /* margin-bottom: 8px; */
 }

 .eGrad ul {
     list-style: none;
     padding: 10px;
      border: 3px dashed #fff;
    /* border: 1px solid gold;*
    
 }

 .egrad-span {
     font-size: 12px !important;
     /* line-height: 1.6; */
 }

 /* .egrad-span:not(:last-child) {
     margin-bottom: -10px;
 } */

 .location-map {
     text-align: center;
 }


/*@keyframes zoom-in-zoom-out {
     0% {
         scale: 90%
     }

     50% {
        scale: 100%
     }

     100% {
         scale: 90%
     }
 }*/
@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% { transform: scale(.9); }
  100% { transform: scale(1); }
}

span.effetGradient.animated.bounceIn.infinite {
    padding: 6px;
    width: 100%;
    animation: bounce-in 2s ease infinite;
   /* animation: zoom-in-zoom-out 2s ease infinite;*/
}

 span.offers {
     color: rgb(255, 255, 255);
     /* min-height: 40px; */
     padding: 0 1.618em;
     border-radius: inherit;
     background-size: inherit;
     background-image: inherit;
     animation: Gradient 4s ease infinite;
     position: relative;
     z-index: 1;
     /* mix-blend-mode: overlay; */
     font-family: 'Helvetica Neue';

 }

 @keyframes Gradient {
     50% {
         background-position: 140% 50%;
         /* transform: skew(-2deg); */
     }
 }


 /* Media query for mobile devices */
 @media only screen and (max-width: 991px) {

     /* Show the toggle icon and hide navigation links */
     .nav-links {
         display: none;
     }

     .toggle-icon {
         display: block;
     }

     /* Show the bars on smaller screens */
     .toggle-icon .bar {
         display: block;
     }
 }

 .section-heading {
     margin-bottom: 10px;
     width: 100%;
     text-align: center;
     font-size: 2.4rem;
 }

 .sub-heading {
     /* background-color: green; */
     /* border: 1px solid var(--primaryColor); */
     /*padding: 6px;*/
     width: max-content;
     /* color: white; */
     margin-bottom: 15px;
     max-width: 100%;
     color: black !important;
     font-size: 30px;
     font-weight: 600;
 }

 .sub-description {
     /*margin-bottom: 10px;*/
     font-size:30px !important;
     font-weight:600;
 }

 .floor-price {
     display: grid;
     grid-template-columns: 4fr 2fr;
     gap: 10px;
     margin-bottom: 20px;
 }

 .price-table {
     /*overflow-x: scroll;*/
     /*overflow-y: hidden;*/
     /* width: 65%; */
 }

 .costing img {
     width: 100%;
     /* height: 100%; */
 }

 table {
     width: 100%;
     border-collapse: collapse;
 }

 .type,
 .floor-size,
 .price-breakup,
 .price-option,
 .tower {
     font-size: 17px !important;
 }

 /* @media (width>768px) {
    .mobile-rera {
        display: none;
    }
} */
 .overview {
     overflow: hidden;
 }

 .overview-image {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     margin-top: 25px;
     flex-wrap: wrap;
 }

 .overview-image img {
     max-width: 300px;
 }

 .rera-image {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 20px;
 }

 .rera-image img {
     max-width: 100px;
 }

 .price-table th {
     text-align: center;
     font-size: large;
 }

 /* .price-table th:nth-child(4),
 .tower {
     display: none;
 } */

 td.price-breakup {
     display: grid;
     place-items: center;
 }

 .rera-number {
     text-align: center;
     margin-top: 8px;
 }

 @media (width<=767px) {
     .mobile-rera {
         display: block;
     }
 }

 th {
     background-color: var(--heading);
     color: #f7f7f7;
 }

 th,
 td {
     text-align: left;
     border: 1px solid var(--primaryColor);
     padding: 6px 10px;
     color: black;
 }

 td {
     font-size: 20px;
 }


 .project-name-price {
     margin-bottom: 10px;
 }

 .project-name-price+table {
     margin-bottom: 20px;
 }

 .heading2 {
     text-align: right;
 }

 .heading1 {
     text-align: left;
     font-weight: 600;
 }

 .enquire-now-btn-price {
     padding: 5px 8px;
     color: white;
     background-color: var(--primaryColor);
     /* text-wrap: wrap; */
     font-size: 16px;
     text-align: center;
     float: right;
 }

 .amenitiesBox {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 10px;
 }
 .amenitiesBox1 {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 10px;
 }

 .amenitiesItem {
     position: relative;
 }

 .itemImage,
 .itemImage-plan {
     position: relative;
     aspect-ratio: 4/3;
 }

 .itemImage-plan {
     border: 1px solid var(--primaryColor);
     object-position: center center;
     display: grid;
     place-items: center;
     padding: 7px;
 }

 .itemImage img {
     object-fit: cover;
     width: 100%;
     height: 100%;
     border-radius: 20px;
     object-position: center center;
 }

.itemText {
    justify-self: center;
}
 .itemImage-plan img {
     object-position: center center;
     object-fit: contain;
     vertical-align: middle;
     /*filter: blur(1px);*/
 }

 .location {
     display: flex;
     grid-template-columns: 1fr;
     margin-bottom: 8px;
     gap: 10px;
 }
 .locationImg {
    width: 70%;
    float: left;
}


 .location-details {
     display: grid;
     grid-template-columns: 1fr;
     gap: 10px;
 }

 .locationImg a img {
     aspect-ratio: 16/9;
 }

 .location-details ul {
     display: inherit;
     grid-template-columns: repeat(3, 1fr);
     gap: 10px;
 }

 .location-details ul li {
     margin: 0 10px;
     list-style: none;
 }
 .location-details ul li i {
     color: var(--primaryColor);
     margin-right: 6px;
 }

 .virtualBox,
 .virtualBg {
     width: 100%;
     position: relative;
 }

 .virtualBg img {
     object-fit: contain;
     /* aspect-ratio: 16/9; */
     width: 100%;
 }

 .virtualCTA {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 1;
 }


 .costing,
 .amenitiesItem {
     position: relative;
     overflow: hidden;
 }

 .overlap {
     position: absolute;
     bottom: 100%;
     left: 0;
     right: 0;
     background-color: #af5008a0;
     overflow: hidden;
     width: 100%;
     height: 0;
     transition: .5s ease;
     backdrop-filter: blur(5px);
     display: grid;
     place-items: center;
 }

 .enquire-now-btn {
     color: white;
     font-size: 20px;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-align: center;
     border: 1px solid white;
     padding: 5px 8px;
     color: var(--primaryColor);
 }


 .virtualCTA a i {
     color: white;
     font-size: xx-large;
 }

 /* Fake image */
 .fakeimg {
     background-color: #aaa;
     width: 100%;
     padding: 20px;
 }

 .enquire-now-btn-virtual {
     background: white;
     color: black;
     width: 75px;
     height: 75px;
     font-size: 54px;
 }


 footer>* {
     font-size: 14px !important;
 }

 /* Footer */
 .footer {
     padding: 20px;
     text-align: center;
     /* background: #ddd; */
     margin-top: 20px;
 }

 .footerBox {
     font-size: 12px;
     text-align: center;
     display: grid;
     gap: 10px;
 }

 .stickyCTA {
     position: fixed;
     right: 10px;
     bottom: 10px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 .stickyCTA i {
     font-size: 40px;
     color: var(--primaryColor);
     padding: 10px;
 }

 .main-logo {
     margin-bottom: 0px;
     max-width: 185px;
 }

 .form-header {
     text-align: center;
     margin-bottom: 30px;
     color: #f7f7f7;
 }

 .form-footer {
     text-align: center;
     margin-top: 15px;
 }

 .form-footer a {
     background-color: #f7f7f7;
     padding: 10px;
     color: var(--bgColor);
 }

 .form-container {
     border: 1px solid var(--proheading);
 }

 form {
     width: 100%;
     display: grid;
     place-items: center;
 }

 h3 {
     color: black;
 }

 input,
 textarea {
     width: 100%;
     padding: 10px;
     margin-bottom: 10px;
     border: 1px solid var(--primaryColor);
 }

 .mobileInput {
     display: flex;
     margin-bottom: 10px;
     /* padding: 10px; */
     width: 100%;
     border: 1px solid var(--primaryColor);
     align-items: center;
     justify-content: space-between;
 }

 select,
 option {
     margin-bottom: 10px;
     border: none;
     background: none;
     color: var(--primaryColor);
 }


 input[type=tel] {
     border: none;
 }

 input,
 .mobileInput,
 textarea {
     /* border-bottom: 1px solid var(--proheading); */
     background-color: transparent;
 }

 input:focus-visible,
 textarea:focus-visible,
 select:focus-visible {
     outline: none;
 }

 input[type=submit] {
     background-color: var(--primaryColor);
     color: #f7f7f7;
     padding: 10px 8px;
     font-size: 18px;
 }

 @media (width<=1280px) {
     .slideshow-container {
         height: 680px;
     }

     .mySlides.fade {
         height: 100%;
     }

     .mySlides.fade img {
         height: 100%;
     }

     .info-box .card-d td {
         font-size: 17px;
     }
 }

 @media (992px <=width < 1199px) {
     .info-box {
         width: 29vw;
     }
 }

 @media (width<=1024px) {
     .nav-links a {
         font-size: 14px;
     }

     .info-box-border {
         gap: 0;
     }

     .pro-title {
         font-size: 1.5rem;
         font-weight: 600;
     }

     span.pro-tag-line {
         font-size: 1rem;
     }

     .pro-price {
         font-size: 1.1rem;
     }

     .slideshow-container {
         height: 620px;
     }
 }

 /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
 @media screen and (max-width: 991px) {
     .aboutSlider {
         margin-top: 85px;
     }

     .logo {
         max-width: 85px;
     }

     .leftcolumn,
     .rightcolumn {
         width: 100%;
         padding: 0;
     }

     .rightcolumn {
         display: none;
     }

     .header {
         width: 100%;
     }

     .info-box {
         width: 100%;
         position: static;
         background-color: transparent;
         color: black;
         border: none;
         /* max-width: 29vw; */
     }
 }

 /* @media (width<768px) {
     .aboutSlider {
         margin-top: 85px;
     }
 } */

 @media (width<700px) {
     .slideshow-container {
         height: auto;
     }

     .form-left-details {
         display: none;
     }

     .location {
         grid-template-columns: 1fr;
     }

     .location-details ul {
         display: inherit;
         grid-template-columns: repeat(2, 1fr);
     }

     .floor-price {
         grid-template-columns: 1fr;
     }

     .stickyCTA {
         position: sticky;
         width: 100%;
         flex-direction: row;
         justify-content: space-between;
         align-items: center;
         right: 0;
         bottom: 0;
     }

     .stickyCTA a {
         border: 1px solid white;
         width: 100%;
         background-color: var(--primaryColor);
         text-align: center;
     }

     .stickyCTA a i {
         color: white;
     }
 }

 @media (width<525px) {
     .amenitiesBox {
         grid-template-columns: repeat(2, 1fr);
     }
     .amenitiesBox1 {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 .costing {
     position: relative;
 }

 .disclaimer p {
     font-size: 14px;
 }

 .popup {
     background-color: #00000084;
     width: 100%;
     height: 100%;
     padding: 30px 40px;
     position: absolute;
     transform: translate(-50%, -50%);
     left: 50%;
     top: 50%;
     border-radius: 8px;
     font-family: "Poppins", sans-serif;
     display: none;
     text-align: center;
     position: fixed;
     z-index: 11;
     place-items: center;
     backdrop-filter: blur(5px);
 }

 .popup button {
     display: block;
     margin: 0 0 20px auto;
     background-color: transparent;
     font-size: 30px;
     color: #c5c5c5;
     border: none;
     outline: none;
     cursor: pointer;
     position: absolute;
     right: 15px;
 }

 #close {
     color: rgb(255, 255, 255);
     width: 25px;
     height: 25px;
 }

 .amenitiesItem:hover .overlap,
 .costing:hover .overlap {
     bottom: 0;
     height: 100%;
 }

 .poppins-thin {
     font-family: "Poppins", sans-serif;
     font-weight: 100;
     font-style: normal;
 }

 .poppins-extralight {
     font-family: "Poppins", sans-serif;
     font-weight: 200;
     font-style: normal;
 }

 .poppins-light {
     font-family: "Poppins", sans-serif;
     font-weight: 300;
     font-style: normal;
 }

 .poppins-regular {
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-style: normal;
 }

 .poppins-medium {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-style: normal;
 }

 .poppins-semibold {
     font-family: "Poppins", sans-serif;
     font-weight: 600;
     font-style: normal;
 }

 .poppins-bold {
     font-family: "Poppins", sans-serif;
     font-weight: 700;
     font-style: normal;
 }

 .poppins-extrabold {
     font-family: "Poppins", sans-serif;
     font-weight: 800;
     font-style: normal;
 }

 .poppins-black {
     font-family: "Poppins", sans-serif;
     font-weight: 900;
     font-style: normal;
 }

 .poppins-thin-italic {
     font-family: "Poppins", sans-serif;
     font-weight: 100;
     font-style: italic;
 }

 .poppins-extralight-italic {
     font-family: "Poppins", sans-serif;
     font-weight: 200;
     font-style: italic;
 }

 .poppins-light-italic {
     font-family: "Poppins", sans-serif;
     font-weight: 300;
     font-style: italic;
 }

 .poppins-regular-italic {
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-style: italic;
 }

 .poppins-medium-italic {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-style: italic;
 }

 .poppins-semibold-italic {
     font-family: "Poppins", sans-serif;
     font-weight: 600;
     font-style: italic;
 }

 .poppins-bold-italic {
     font-family: "Poppins", sans-serif;
     font-weight: 700;
     font-style: italic;
 }

 .poppins-extrabold-italic {
     font-family: "Poppins", sans-serif;
     font-weight: 800;
     font-style: italic;
 }

 .poppins-black-italic {
     font-family: "Poppins", sans-serif;
     font-weight: 900;
     font-style: italic;
 }


 .open-modal {
     /* font-weight: bold; */
     /* background: var(--blue); */
     /* color: var(--white); */
     /* padding: 0.75rem 1.75rem; */
     /* margin-bottom: 1rem; */
     border-radius: 5px;
     border: none;
 }


 /* MODAL
            –––––––––––––––––––––––––––––––––––––––––––––––––– */
 .modal {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 1rem;
     background: rgba(0, 0, 0, 0.487);
     cursor: pointer;
     visibility: hidden;
     opacity: 0;
     transition: all 0.35s ease-in;
     backdrop-filter: blur(10px);
     z-index: 10;
 }

 .modal.is-visible {
     visibility: visible;
     opacity: 1;
 }

 .modal-dialog {
     width: 100%;
     position: relative;
     max-width: 600px;
     max-height: 80vh;
     border-radius: 5px;
     background: white;
     /*overflow: auto;*/
     cursor: default;
     border: 1px solid var(--primaryColor);
 }

 .modal-dialog>* {
     padding: 1rem 1.5rem;
 }

 .modal-header,
 .modal-footer {
     /* background: var(--lightgray); */
     color: white;
     text-align: center;
     background-color: var(--primaryColor);
 }

 .modal-header {
     display: flex;
     align-items: center;
     justify-content: center;
     border-bottom: 1px solid #80808045;
     font-size: 22px;
 }

 .modal-footer {
     border-top: 1px solid #80808045;
     font-size: 20px;
 }

 .modal-footer a {
     color: white !important;
     font-size: 20px !important;
 }

 .modal-header .close-modal {
     font-size: 1.5rem;
     position: absolute;
     right: 20px;
     outline: none;
     border: none;
     background: transparent;
     color: white;
 }

 .modal p+p {
     margin-top: 1rem;
 }

 .form-content {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 10px;
 }

 .promise {
     width: 50px;
     height: auto;
 }

 .form-left-details {
     text-align: center;
     display: grid;
     place-items: center;
     gap: 20px;
     /* margin-right: 10px; */
     padding: 20px 12px;
     background: #80808024;
 }

 .hform-item {
     display: grid;
     place-items: center;
 }


 /* FOOTER
            –––––––––––––––––––––––––––––––––––––––––––––––––– */
 .page-footer {
     position: absolute;
     bottom: 1rem;
     right: 1rem;
 }

 .page-footer span {
     color: #e31b23;
 }

 .rera-images {
     display: grid;
     grid-template-columns: 1fr;
     /* gap: 10px; */
     place-items: center;
 }

 .rera-block {
     display: grid;
     place-items: center;
 }

 .rera-img {
     max-width: 100px;
     height: auto;
 }

 @media (width<700px) {
     .form-left-details {
         display: none;
     }
 }


 .footer-links {
     display: flex;
     justify-content: center;
     gap: 10px;
 }

 a.footer-imp-links {
     padding: 5px;
     color: var(--primaryColor);
 }

 .bgText {
     max-width: 1199px;
     padding: 10px;
     width: 100%;
     display: flex;
     justify-content: center;
     flex-direction: column;
     gap: 10px;
     /* align-items: center; */
     margin: 40px auto;
     /* text-align: center; */
     /* height: 80dvh; */
 }

 .bgText h2 {
     font-size: 40px;
 }

 .bgText p {
     font-size: 18px;
 }