@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



 body {
     font-family: "Poppins", sans-serif;
     background-color: #1c417c;
     overflow-x: hidden !important;
 }

 p,
 a,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 span,
 label,
 button,
 input,
 select,
 textarea {
     font-family: "Poppins", sans-serif;
 }


 @media (min-width: 992px) {
     .nav-item {
         padding: 0px 15px;
     }

     .desktop-nav {
         padding: 10px 30px;
         border-radius: 25px;
         box-shadow: 0px 10px 10px #0000002e;
     }

     .anchored {
         font-family: "Poppins", sans-serif;
         font-size: 32px;
         text-transform: uppercase;
         display: block;
     }

     .tree {
         font-family: "Poppins", sans-serif;
         font-size: 38px;
         text-transform: uppercase;
         z-index: 4;
         position: relative;
     }

     .scda-heading {
         font-size: 24px;
     }

     .scda-point {
         font-size: 18px;
     }

     .about_text {
         width: 910px;
         color: #fff;
         margin-left: auto;
         padding: 300px 300px 0px 20px;
         margin-top: -500px;
         border: 1px solid #A9DCA5;
         margin-right: 5%;
         margin-bottom: 50px;
     }

     .location_row {
         position: relative;
         right: -10%;
     }

     .location_details {
         width: 80%;
     }

     .location_heading {
         font-size: 38px;
         font-family: "Poppins", sans-serif;
     }

     /* 
    .box-container .box {
        background: #fff;
        margin: 0px 6px;
        flex-basis: 19.5%;
        display: flex;
        max-width: 18.7%;
        align-items: center;
    } */



     /* .box-container .box-row {
        margin-bottom: 20px;
        justify-content: space-between;
        flex-direction: row-reverse;
    } */

     .border {
         border: 1px solid #CBEAC9;
         padding: 15px 0px;
         justify-content: space-evenly;
     }

     .border .row {
         justify-content: space-evenly;
     }

     .details-text p {
         width: 53%;
         margin: auto;
     }

     .anchored-section {
         width: 80%;
         margin: auto;
     }

     .desktop-image {
         margin-top: -105px;
     }

     .box1 img {
         padding: 0px 2px;
     }

     .screenshot_slider .owl-item .item img {
         -webkit-transition: 0.3s;
         -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
         box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
         -o-transition: 0.3s;
         transition: 0.3s;
         -webkit-transform: scale(0.80);
         -ms-transform: scale(0.80);
         transform: scale(0.80);
         width: 100%;
     }

     .screenshot_slider .owl-item.center .item img {
         -webkit-transform: scale(1.15);
         -ms-transform: scale(1.15);
         transform: scale(1.15);
         width: 100%;
         border: 1px solid #ffdefe;
         padding: 10px;
     }

     .screenshot_slider .owl-nav {
         text-align: center;
         /*    margin: 40px 0;*/
     }

     .screenshot_slider .owl-nav button {
         font-size: 24px !important;
         margin: 10px;
         color: #033aff !important;
     }

     .owl-carousel .owl-stage-outer {
         overflow: visible !important;
     }

     .screenshot_slider .owl-prev {
         position: absolute;
         transform: translate(-26vw, -25vh);
     }

     .screenshot_slider .owl-next {
         position: absolute;
         transform: translate(22vw, -25vh);
     }

     #gallery .section-heading {
         margin-bottom: 50px;
     }

     .locationList {
         margin-bottom: 1rem !important;
     }

     .developer-logo-footer {
         width: max-content !important;
     }

     .enquire-btn {
         position: fixed;
         top: 50%;
         right: -97px;
         transform: rotate(-90deg);
         z-index: 99;
     }

     .hooray-heading {
         font-size: 43px;
         line-height: 28px;
         margin-top: 30px;
         color: #412D6C;
     }

     .rental-para {
         font-size: 18px;
     }

     #result {
         font-size: 24px;
         color: #fff;
     }

     .rentalclose-modal {
         color: #412D6C !important;
     }

     .terms {
         position: absolute;
         bottom: 10px;
         right: 0px;
         text-align: right;
         color: #fff;
         font-size: 10px;
     }
 }

 @media (max-width: 991px) {
     .terms {
         position: absolute;
         bottom: 10px;
         right: 0px;
         text-align: right;
         color: #fff;
         font-size: 10px;
     }

     .hooray-heading {
         font-size: 24px;
         margin-top: 30px;
         color: #412D6C;
     }

     .rental-para {
         font-size: 18px;
     }

     #result {
         font-size: 40px;
         color: #fff;
     }

     #staticBackdrop {
         padding: 0px 20px;
     }

     .enquire-btn {
         position: fixed;
         bottom: 0px;
         right: 0px;
         transform: none;
         z-index: 99;
         width: 100%;
     }

     .brochure-btn {
         top: 45%;
         left: -95px !important;
     }

     .brochure-btn .invest_btn {
         font-size: 12px;
     }

     .enquire-btn .invest_btn {
         text-transform: uppercase;
         width: 100%;
         border-radius: 0px;
         padding: 8px 0px;
     }

     .enquire-btn .know-more-container {
         padding: 0;
         display: flex;
     }

     .scda-section-image {
         margin-top: -150% !important;
     }

     .location-details-column {
         margin-top: 1rem !important;
     }

     .destination-heading {
         font-size: 24px;
         color: #fff;
         font-weight: 400;
         line-height: 35px;
     }

     .destination-heading .upperheading {
         font-size: 24px;
         line-height: 30px;
     }

     .bollIcon {
         position: absolute;
         top: 10%;
         animation: rotate-animation 10s infinite linear;
         width: 15%;
         left: 37.5%;
     }

     .owl-nav {
         text-align: center;
         margin-top: 30px;
     }

     .screenshot_slider .owl-nav button {
         margin: 0px 15px;
     }

     .anchored-text {
         font-size: 18px;
         line-height: 25px;
     }

     .life-tree {
         width: 100%;
     }

     .invest_btn {
         background-image: linear-gradient(45deg, #c50505d9 0%, #c80000 70%, #bf0505ab 100%);
         padding: 7px 12px;
     }

     .company-detail {
         text-align: center;
     }

     .fs-50 {
         font-size: 34px !important;
     }

     .form-pad {
         padding: 1rem;
     }

     .contact-form {
         padding: 20px 15px;
         background: #1f356a;
         color: #fff !important;
     }

     .navbar-toggler span {
         color: #000 !important;
     }

     .mob-gap-3 {
         gap: 3rem;
     }

     .mob-d-flex {
         flex-direction: column;
         align-items: center;
         text-align: center;
     }

     #contact_form .condition-label {
         color: #fff;
     }

     .contact-form input[type="text"],
     .contact-form input[type="email"] {
         background: #1f356a;
         border-bottom: 1px solid #fff;
         color: #fff;
     }

     .contact-form .form-control::-webkit-input-placeholder {
         color: #fff !important;
         text-transform: uppercase;
         font-family: "Poppins", sans-serif;
     }

     .contact-form .form-control::-moz-placeholder {
         color: #fff !important;
         text-transform: uppercase;
         font-family: "Poppins", sans-serif;
     }

     .contact-form .form-control:-ms-input-placeholder {
         color: #fff !important;
         text-transform: uppercase;
         font-family: "Poppins", sans-serif;
     }

     #country_code {
         color: #fff;
         border-right: 1px solid #fff;
     }

     .contact-form .form-control:-moz-placeholder {
         color: #fff !important;
         text-transform: uppercase;
         font-family: "Poppins", sans-serif;
     }

     .address-container {
         font-size: 20px;
         margin-top: 20px;
         padding: 0px !important;
     }

     .address-container span {
         font-size: 24px;
     }

     .tree_image {
         width: 100%;
     }

     .scda-text {
         width: 100%;
     }

     /* .close-icon{
        display: none;
    } */
     .collapsed .close-icon {
         display: none;
     }

     .close-icon {
         display: block;
         color: #fff;
     }

     .collapsed .navbar-toggler-icon {
         display: block;
         color: #fff;
     }

     .navbar-toggler {
         border: 2px solid #fff;
     }

     .detailbox {
         width: 50%;
     }

     .details {
         background-image: url(../images/details-bg.jpg);
         padding: 40px 10px;
         background-size: cover;
         background-position: center center;
     }

     .detailtext {
         font-size: 16px !important;
         line-height: 18px !important;
         margin-bottom: 20px !important;
         display: block;
     }

     .title {
         font-size: 18px;
         margin-bottom: 10px !important;
     }

     .detailbox:nth-child(2) {
         border-right: 0px !important;
         border-bottom: 1px solid #7B9CFF;
     }

     .detailbox:nth-child(1) {
         border-bottom: 1px solid #7B9CFF;
     }

     .detailbox:nth-child(4) .title,
     .detailbox:nth-child(3) .title {
         margin-top: 20px;
     }

     .nav-item .nav-link {
         color: #0758A7;
     }

     .destinationpara {
         width: 90%;
     }

     .navbar-toggler-icon {
         display: none;
     }

     .developer-logo-footer {
         width: 70%;
         margin: auto;
     }

     .details-text {
         position: relative !important;
         bottom: 0px;
         padding: 40px 20px;
         font-size: 14px;
     }

     .location_icon {
         top: -18%;
         left: 10%;
         width: 50%;
     }

     .about {
         background-color: #CBEAC9;
         padding: 50px 30px;
         margin: auto;
     }

     .anchored {
         font-family: "Poppins", sans-serif;
         font-size: 18px;
         text-transform: uppercase;
         display: block;
     }

     .tree {
         font-family: "Poppins", sans-serif;
         font-size: 20px;
         text-transform: uppercase;
         z-index: 4;
         position: relative;
     }

     .navbar {
         padding: 1rem 1rem 0.5rem 1rem !important;
     }

     .navbar-collapse {
         width: 100%;
         background: rgb(255, 255, 255);
         margin-top: 20px;
     }

     .nav-item {
         padding: 10px !important;
     }

     .nav-item:not(:last-child) {
         border-bottom: 1px solid #0758A7;
     }

     .navbar-collapse {
         position: fixed;
         top: 43px;
         left: 0;
         padding-left: 15px;
         padding-right: 15px;
         padding-bottom: 15px;
         height: 100%;
     }

     .navbar-collapse.collapsing {
         height: 100%;
         left: -75%;
         transition: height 0s ease;
     }

     .navbar-collapse.show {
         height: 100%;
         left: 0;
         transition: left 400ms ease-in-out;
     }

     .navbar-toggler.collapsed~.navbar-collapse {
         transition: left 400ms ease-in;
     }

     .about {
         width: 100%;
     }

     .about_image {
         top: -80px;
         text-align: center;
         z-index: 1;
     }

     .about_text {
         top: -40px;
         padding: 0px 20px;
     }

     .location_details {
         background-color: #CBEAC9;
         padding: 50px 10px;
     }

     .banner-section {
         padding-top: 63px;
     }

     .location_heading,
     #gallery .section-heading {
         font-size: 24px;
         font-family: "Poppins", sans-serif;
     }

     .location_para svg {
         width: 15px;
         height: 20px;
     }

     p.location_para {
         font-size: 12px;
         font-family: "Poppins", sans-serif;
     }

     .scda-point img {
         width: 22px;
         margin-right: 10px;
         height: 22px;
     }

     .scda-point {
         margin-bottom: 7px;
     }

     .navbar {
         padding: 0.5rem 1rem !important;
     }

     #about {
         padding: 0px;
     }

     .know-more-container {
         padding: 40px 0px;
     }

     .developer-logo-white {
         width: 90%;
     }

     .icon-box {
         flex-basis: 10%;
         position: relative;
     }

     .last-icon::before {
         background-image: none !important;
     }

     p.location-details {
         margin: 0;
         font-family: "Poppins", sans-serif;
         font-size: 13px;
         font-weight: 700;
     }

     .cust-icon-box {
         padding-right: 8px !important;
     }

     .cust-pr {
         padding-right: 13px;
     }

     .owl-nav {
         display: none;
     }

     .cust-p {
         padding: 0px 8px;
     }

     .detail-heading {
         font-family: "Poppins", sans-serif;
         font-size: 12px;
         margin-bottom: 2px;
         text-transform: uppercase;
     }

     .location-details {
         font-size: 14px;
         font-family: "Poppins", sans-serif;
         margin-bottom: 0px;
     }

     .distance {
         font-family: "Poppins", sans-serif;
         font-size: 15px;
         border-bottom: 2px solid;
         width: max-content;
         margin-bottom: 10px;
     }

     .mobile-revcol {
         display: flex;
         flex-direction: column-reverse;
     }

     .location-details-text {
         width: 85%;
         margin: auto;
         text-align: center;
         margin-bottom: 20px;
     }

     .scda-heading {
         font-family: "Poppins", sans-serif;
         font-size: 16px;
     }

     .box1 {
         padding: 10px;
         text-align: center;
         align-items: center;
     }

     .box1 img {
         width: max-content;
     }

     .footer-about-heading {
         font-size: 12px;
     }

     .developer-para {
         font-size: 8px;
         margin: 10px auto 0px;
     }

     .scda-section-image {
         margin-top: -100px;
     }

     .scda .row {
         padding: 0px 10px;
     }

     .check-box {
         font-size: 12px !important;
         z-index: 5;
     }

     .windmills {
         width: 50% !important;
     }

     .windmills {
         width: max-content;
         position: absolute;
         z-index: 99;
         right: -6.8%;
         top: 6.2%;
     }

     .enquiry_btn {
         font-size: 14px !important;
     }

     .owl-carousel .owl-nav .owl-prev img,
     .owl-carousel .owl-nav .owl-next img {
         width: 50px;
     }

     .rentalBox .col-md-4:nth-child(1) {
         margin-bottom: 20px;
     }

     .rentalBox {
         padding: 35px 10px 50px;
     }

     .know-more-container {
         border-bottom: 1px solid #E8674E;
     }
 }

 @media(min-width: 1920px) {
     .windmills {
         right: -0.5%;
         top: 1%;
     }
 }

 @media(min-width: 1660px) and (max-width: 1919px) {
     .windmills {
         right: -2.3%;
         top: -2%;
     }
 }

 @media(min-width: 1422px) and (max-width: 1559px) {
     .windmills {
         right: 0.1%;
         top: 2%;
         width: 26%;
     }

     .image-text {
         width: 92%;
         margin: auto;
         font-family: "Poppins", sans-serif;
         font-size: 14px;
         text-align: center;
         position: relative;
         z-index: 5;
     }

     .desktop-image {
         margin-top: -99px;
     }
 }

 @media(min-width: 1366px) and (max-width: 1421px) {
     .windmills {
         right: .5%;
         top: 2%;
         width: 25%;
     }

     .desktop-image {
         margin-top: -99px;
     }
 }

 @media(min-width: 1280px) and (max-width: 1365px) {
     .windmills {
         right: -7%;
         top: -11%;
     }

     .desktop-image {
         margin-top: -25px;
     }

 }

 @media(max-width: 576px) {
     .modal-dialog {
         min-width: 100% !important;
         margin: 30px auto;
     }
 }

 @media (min-width: 1000px) {
     #staticBackdrop .modal-dialog {
         max-width: 900px;
     }
 }

 .scda-point {
     font-size: 16px !important;
 }

 @media only screen and (min-width: 1000px) and (max-width: 1700px) {
     .scda-point {
         font-size: 11px !important;
     }

     .smartstreet-bg {
         background: linear-gradient(271deg, #1c417c 20.14%, rgb(28 65 124 / 89%) 46.08%, rgb(28 65 124 / 68%) 62.58%, rgb(28 65 124 / 38%) 74.74%, rgb(28 65 124 / 0%) 83.93%);
         padding: 60px 0px 350px;
         z-index: 99;
         top: 120px;
         position: relative;
     }
 }

 @media only screen and (min-width: 200px) and (max-width: 700px) {
     .smartstreet-bg {
         background: linear-gradient(271deg, #1c417c 20.14%, rgb(28, 65, 124) 46.08%, rgb(28, 65, 124) 62.58%, rgb(28, 65, 124) 74.74%, rgb(28, 65, 124) 83.93%);
     }

     .mob-mt-30 {
         margin-top: 30px;
     }

     .mob-mb-20 {
         margin-bottom: 20px;
     }

     .treeofmobile {
         display: none !important;
     }

     .float-call {
         bottom: 70px;
     }

     .detail-box,
     .icon-box {
         width: 100%;
         text-align: center;
         color: #171616;
     }

     .icon-box img {
         width: 127px !important;
         border-radius: 10px;
         width: max-content;
         position: relative;
         z-index: 3;
     }

     #footer-about {
         padding: 60px 0px 134px 0;
     }

     .nav-bottom {
         bottom: 55px;
     }

     .callmodal-content {
         bottom: 127px;
     }

     .location-details-column {
         gap: 20px;
         justify-content: center;
     }

     .location-details {
         margin: 0px -14px !important;
     }

     #amenities {
         background: no-repeat;
         padding: 0 45px;
     }

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

     /* Date input mobile styling */
     input[type="date"] {
         background-color: rgb(31, 53, 106) !important;
         color: rgb(255, 255, 255) !important;
         border: 1px solid rgb(255, 255, 255) !important;
         padding: 15px !important;
         height: 50px !important;
         font-size: 16px !important;
     }

     input[type="date"]:invalid {
         color: rgba(255, 255, 255, 0.5) !important;
     }

     input[type="date"]:valid {
         color: rgb(255, 255, 255) !important;
     }

     /* Calendar icon styling for mobile */
     input[type="date"]::-webkit-calendar-picker-indicator {
         filter: invert(1);
         opacity: 0.7;
         width: 30px;
         height: 30px;
         margin-left: 5px;
     }

     input[type="date"]:empty::before,
     input[type="date"]:invalid::-webkit-datetime-edit {
        content: 'DD-MM-YYYY';
        color: rgba(255, 255, 255, 0.5) !important;
     }

     /* Date input in modals */
     .modal-content input[type="date"],
     .modal-content input[type="date"].form-control {
         background-color: #ffffff !important;
         color: #000000 !important;
         border: 1px solid #dee2e6 !important;
     }

     .modal-content input[type="date"]:empty::before,
     .modal-content input[type="date"]:invalid::-webkit-datetime-edit {
         content: 'DD-MM-YYYY';
         color: rgb(0, 0, 0) !important;
     }


 }