@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/helveticaneue.woff2') format('woff2'), /* Modern Browsers */
       url('../fonts/helveticaneue.woff') format('woff');  /* Legacy Browsers */
  font-style: normal; 
  font-weight:400;
  font-display: swap;
}

*{margin: 0px;padding: 0px;}

body{ 
    font-family: 'Helvetica'; 
    font-style: normal;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.5;
    color:#000
}

h1, h2, h3, h4, h5, h6 { 
    font-weight: 600;
    letter-spacing:1.2px;
    font-display: swap;
}



/* --- RERA/Non-RERA Hiding with Loading Class --- */  
body.is-loading .on-rera,
body.is-loading .non-rera {display: none !important;}
body#non-rera .non-rera { margin:0 auto; } 
body#on-rera .d-flex.on-rera { display: flex !important; }
body#non-rera .d-flex.non-rera { display: flex !important; }
/* --- RERA/Non-RERA Hiding with Loading Class end--- */


.page-wrapper {background-color:#e2e6e9;}
.sec1 {background:#fff; padding:30px 10px; margin:10px;}
.sec2 {background:#efebeb; margin:10px; padding:30px 10px;}
.sec3 {background:#efebeb; margin:10px; padding:40px 30px 0px;}
.sec4 {background:#efebeb; margin:10px; padding:40px 30px 0px;}
.section-title {font-size:26px; color:var(--Primary-color); text-align:center; margin:0px 0px 30px; padding:10px; position:relative;}
.section-title::before {content:""; position:absolute; display:block; width:120px; height:1px; background:#a39d9d; bottom:1px; left:calc(50% - 60px);}
.section-title::after {content:""; position:absolute; display:block; width:40px; height:3px; background:var(--Primary-color); bottom:0; left:calc(50% - 20px);}
 
#slick1 .slide-item {position:relative;}
#slick1 .slide-item p {position:absolute; bottom:8px; left:16px; background-image:linear-gradient(45deg, black, transparent); text-transform:uppercase; font-size:12px; margin:0; font-weight:600; letter-spacing:0.1vw; color:#FFF; border-left:4px solid var(--Primary-color); padding-left:0.5vw; text-align:left;}
 
.dark-back {background-color:#232d30;}
section {border:transparent;}
.mx-auto {margin:auto;}
.banner-col {color:#c0840d; font:600; text-transform:uppercase; font-size:20px; font-weight:800;}
.nav-link.ps4u-logo img { width:50px;}
#home .project-details .price {font-size:20px; font-weight:600; text-transform:capitalize;}
.price-text {font-size:26px; margin:0px 0px 8px 0px; text-align:center;}
.price-sub-text {font-weight:700; font-size:26px; letter-spacing:1.5px;}
.navbar-toggler-icon {color:dark;}
nav.navbar {background-color:#fff; padding:5px 20px; height:60px; width:calc(100% - 300px); box-shadow:0px 2px 8px 0px #00000040;}
nav.navbar.navbar-policy {width:100%;} 
.nav ul.navbar-collapse {margin:0px 20px 0px 0px;}
.navbar-light .navbar-nav .nav-link {padding:0px 8px;color:#222}
.navbar-light .navbar-nav .nav-item:hover a.nav-link {text-decoration:dashed; color:#A98028;}
.contact-btn {border-radius:10px;}
.main-container {margin-top:50px;}
.left-section {width:calc(100% - 300px);}
#home {background-color:#bfc2c3; position:relative;}
.carousel-control-next-icon, .carousel-control-prev-icon {width:15px; height:15px;}
.slide-btn .carousel-control-prev,.slide-btn .carousel-control-next  {width:30px; height:30px; background-color:#000; border-radius:50%; z-index:99;}
.slide-btn {
    display: flex;
    justify-content: center;
    bottom: 45px;
    left: 50%;
    position: absolute;
    width: 200px;
    margin: 0 auto;
    transform: translate(-50%, -50%);
    z-index:999;
}
.carousel-indicators [data-bs-target] {height:4px;} 
#home .project-details {position:absolute; background:url(../images/contact/patter1.webp) top right / 100% no-repeat transparent; background-color:#fff; border-radius:22px; padding:16px; top:25px; left:10px; width:300px; height:auto; box-shadow:0 0 10px 0 #7f7a7a;}
#home .project-details h1 {font-size:24px;}
#home .project-details h5 {font-size:16px;}
#home .project-details h2 {font-size:30px; margin:40px 0px -1px;}
#home .project-details h3 {font-size:14px; margin:0px 0px 10px 42px;}
#home .project-details h2 .price {letter-spacing:-2px; font-weight:900; color:var(--Primary-color);}
.desktop-summary {position:absolute; width:300px; right:0; z-index:9999; position:fixed; top:0; height:100%; background-color:#FFF; box-shadow:0 -1px 11px 0px #0000008f;padding-bottom:10px;} 
.og-block {padding:0;}
.og-block .btn {background-color:#000; color:#FFF; border:0; font-size:13px; width:100%; border-radius:0;padding:10px 0px;}
.og-block .btn:first-child {border-right:1px solid #FFF;}
.icon_sz{ width: 28px; filter: invert(1) brightness(2);}
/* .call-back-section .callBackBtn {text-shadow:0px 3px 6px #322601; background-color:#503d10; background:linear-gradient(-45deg, var(--Secondary-color), var(--Primary-color), var(--Secondary-color), var(--Primary-color)); background-size:400% 400%; -webkit-animation:Gradient 3s ease infinite; -moz-animation:Gradient 3s ease infinite; animation:Gradient 3s ease infinite; color:var(--colorBtn); border:none; color:#FFF; font-size:14px;} */
form .form-check-input:checked {background-color:#858383; border:1px solid #858383;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none;}
.form-section {height:calc(100% - 95px)}
.form-section h2 {font-size:15px; font-weight:800;}
.preRegisterBtn {text-shadow:0px 3px 6px #322601; background-color:#503d10; background:linear-gradient(-45deg, var(--Secondary-color), var(--Primary-color), var(--Secondary-color), var(--Primary-color)); background-size:400% 400%; -webkit-animation:Gradient 3s ease infinite; -moz-animation:Gradient 3s ease infinite; animation:Gradient 3s ease infinite; color:var(--colorBtn); border:none; color:#FFF; font-size:14px;}
.offers {padding:10px 0px 10px 0px; color:#000; font-weight:600; font-size:14px; background:fixed; transform:scale(1);}
.offers-list {padding:10px; color:#fff; margin:10px; font-weight:400; font-size:13px; background:#dddbdb; transform:scale(1); border:0px; -webkit-animation:pulse 1.5s ease infinite;}
.offers-list li {letter-spacing:0.5px; color:#000;}
.offers li {background:#ccc; padding:4px 10px; margin-bottom:0; border-radius:0;}
.offers li:first-child {border-radius:6px 6px 0 0;}
.offers li:last-child {border-radius:0 0 6px 6px;}
.offerBox {padding:5px; color:#ffffff; font-weight:500; font-size:14px; width:95%; background:fixed; margin:10px auto; transform:scale(1); text-align:center;}
.offerBox .innerBox {border:2px dashed #FFF; padding:8px 4px;}
.offerBox .innerBox p {font-size:13px;}
.offerBox .innerBox hr {
    margin: 6px;
    opacity: 1;
    border-top: 1px solid;
    height: 0;
}
.tableOffers {background:#EEEE !important; border-radius:5px; padding:10px;}
.tableOffers table {border-collapse:collapse; min-width:60%; max-width:100%; margin:auto;}
.tableOffers table td {font-weight:400;}
.animatedtext {background:linear-gradient(to right top, var(--Secondary-color), var(--Primary-color), var(--Primary-color), var(--Primary-color)); background-size:400% 200%;}

@keyframes popup {
50% {transform:scale(1.1);}
100% {transform:scale(1);}
}

@-webkit-keyframes Gradient {
0% {background-position:0 50%}
50% {background-position:100% 50%}
100% {background-position:0 50%}
}

@-moz-keyframes Gradient {
0% {background-position:0 50%}
50% {background-position:100% 50%}
100% {background-position:0 50%}
}

@keyframes Gradient {
0% {background-position:0 50%}
50% {background-position:100% 50%}
100% {background-position:0 50%}
}

.effetMoveGradient, .effetMoveGradient:hover {text-shadow:0px 3px 6px #322601; background-color:#503d10; background:linear-gradient(-45deg, #ffc541, #664907, #f1c458, #382b02) !important; background-size:400% 400%; -webkit-animation:Gradient 3s ease infinite, rocking 3s ease infinite; animation-delay:2s !important; -moz-animation:Gradient 3s ease infinite, rocking 3s ease infinite; animation-delay:2s !important; animation:Gradient 3s ease infinite, rocking 3s ease infinite; animation-delay:2s !important;}
.effetGradient, .effetGradient:hover {-webkit-animation:Gradient 3s ease infinite; -moz-animation:Gradient 3s ease infinite; animation:Gradient 3s ease infinite;}
.effectScale {-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.effectScale:hover {-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; -webkit-transform:scale(1.08); -moz-transform:scale(1.08); -ms-transform:scale(1.08); -o-transform:scale(1.08); transform:scale(1.08);}
.error {display:none; color:red; font-size:11px;}
.highlightData {padding-left:30px; position:relative; align-items:center; display:flex; margin-bottom:0px;}
.highlightData p {font-size:16px; margin:0;}
.iconBox {position:absolute; left:0; top:2px; width:25px; height:25px;}
.iconBox i {width:100%; font-size:15px;}
#highlights .overview-details {background-color:var(--Primary-color); color:#fff; font-size:16px; padding:41px 6px 0px; margin:15px 40px 20px 0px; border-radius:0px 0px 25px 22px;}
.overview-info {margin:0px 0 10px;}
#highlights .overview-details .data h5 {-webkit-transition:0.5s all ease; transition:0.5s all ease; font-size:14px;}
#highlights .overview-details:hover .data h5 {letter-spacing:1px;}
#highlights .overview-details .icon {float:left; width:10%; text-align:center; font-size:24px; margin:-48px 0px 0px -12px; padding:6px 0px 6px; border-radius:50%; background:#fff; color:var(--Primary-color); box-shadow:0px 0px 20px 0px #000000b5;}
#highlights .overview-details:hover .icon {color:#fff; background:var(--Primary-color);}
#highlights .overview-details .data {float:right; margin:-31px 0px 0px -12px; width:90%;}
 
#Video a {border: 1px solid #c8c5c5; border-radius: 10px;padding: 0;margin: 0;line-height: normal;overflow: hidden;height: 350px;display: block;}
#floor-plan img {width:85%;}
.offers .fa {font-size:10px;}
.mt-50 {margin-top:50px;}
.ml-30 {margin-left:30px;}
.ml-50 {margin-left:50px;}
.mb-50 {margin-bottom:50px;}
.pt-50 {padding-top:50px;}
.pb-50 {padding-bottom:50px;}
.pb-30 {padding-bottom:30px;}
.pt-100 {padding-top:100px;}
.pb-100 {padding-bottom:100px;}
.header-noclick {top:0; left:0; width:100%; height:60px; position:absolute; pointer-events:auto;}
.footer-noclick {bottom:0; right:0; width:50%; height:40px; position:absolute; pointer-events:auto;}
.overview-data {margin:10px 10px 0px 0px;}
.overview-data h1 {color:var(--Primary-color); font-size:24px;}
.viewmore {font-size:14px; text-decoration:none; font-weight:700; color:var(--Primary-color); background-color:transparent; border:0; padding:0;cursor: pointer;}
.moreText {display:none; font-size:14.5px;}
.moredisclaimerText {display:none;}
.offer-info-text {font-size:18px; line-height:30px;}
.viewmore .button i {transition:transform 300ms ease-in-out;}
.download-brochure {width:220px; padding:5px 10px;}
#request-brochure-button .fa-download {margin:6px 0px 0px 5px; -webkit-animation:downloadbr 0.5s linear infinite; animation:downloadbr 0.9s linear infinite;}

@-webkit-keyframes downloadbr {
0% {-webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible;}
80% {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
100% {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
}

.amenities-info {padding:0px 30px;}
.color-light {color:#ffffff;}
.color-imp {color:var(--Primary-color); font-weight:800;}
.btn-overview {background-color:transparent; border:none; color:var(--Primary-color);}
.btn-overview:hover {content:"Read Less";}
.hidden {display:none;}
.btn-overview:active .fa-chevron-right {display:none;}
.custom-btn { 
    background-color: #72c526;
    position: relative;
    padding: 2px;
    border-radius: 12px;
    border: none;
    overflow: hidden;
} 
.custom-btn:focus{box-shadow:none;}
.custom-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image:conic-gradient(from 40deg at 50% 50%, rgba(255, 255, 255, 0) 50%, #a11173 100%);
  animation: rotateAndScaleAnimation 3s linear infinite; 
}

.enquireNowBtn {
    background:var(--Primary-color); 
    width: 240px; 
    text-align: center;
    color: #ffffff;
    border-radius: 12px;
    font-size: 15px;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 8px 16px;
    z-index: 9;
    position: relative;
}  

.enquireNowBtn.deskwhtsap a {
    background: linear-gradient(195deg, #53d161, #23b73c);
    padding: 8px 16px;
    border-radius: 12px;
    text-decoration: none;
    color: #fff;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.enquireNowBtn.deskwhtsap .whatsapp-img {
    width: 24px;
    margin-right: 4px;
}
.slide-submit {
    position: relative;
    width: 100%;
    height: 50px;
    background: #fff;
    padding: 4px;
    border: 1px solid #DDDDDD;
    border-radius: 50px;
    color: #fff;
    overflow: hidden;
    display: flex
;
    justify-content: center;
    align-items: center;
    background: linear-gradient(195deg, #53d161, #23b73c);
}
.slide-submit-text {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    font-size: 17px;
    text-align: center;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.slide-submit button {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    margin: 4px;
    width: 10%;
    background-color: unset;
    background: #fff;
    font-weight: bold;
    color: #4dcd5b;
    border: none;
    padding: 1px;
    border-radius: 2px;
    transition: all 400ms ease-out;
    cursor: pointer;
    border-radius: 40px;
    width: 45px;
    box-shadow: rgb(0 0 0 / 45%) 0px 0px 14px -5px;
    display: flex
;
    justify-content: center;
    align-items: center;
}
/*#autoPopup .custom-btn{*/
/*    width: 255px;*/
/*}*/

@keyframes rotateAndScaleAnimation {
  from {
    transform: scale(10) rotate(0deg); /* Apply both scale and rotation */
  }
  to {
    transform: scale(10) rotate(360deg);
  }
} 
@-webkit-keyframes rotateAndScaleAnimation {
  from {
    -webkit-transform: scale(10) rotate(0deg);
  }
  to {
    -webkit-transform: scale(10) rotate(360deg);
  }
} 

/* Style for the Phone Number Input with Country Code */
/* --- Phone Input Wrapper & General Input Styling --- */
.phone-input-wrapper {
    display: flex;
    align-items: center;
    margin:0 auto;
    border: 1px solid #ced4da; /* Bootstrap's default input border color */
    border-radius: .25rem; /* Bootstrap's default input border-radius */
    padding: .375rem .75rem; /* Bootstrap's default input padding */
    width: 99%; /* Ensure it takes full width of its parent */
    position: relative; /* For positioning the country list dropdown */
    background-color: #fff; /* Ensure background is white */
}

/* Hide the default border of the actual number input, as the wrapper now has it */
.phone-input-wrapper .mobile-input {
    border: none;
    flex-grow: 1; /* Allows the input to take up available space */
    padding: 0; /* Remove default padding as wrapper provides it */
    height: auto; /* Allow content to dictate height, or set a specific height */
}

.phone-input-wrapper .mobile-input:focus {
    outline: none; /* Remove focus outline from the input itself */
    box-shadow: none; /* Remove focus shadow */
}

/* --- Country Selector Styling --- */
.country-selector {
    position: relative;
    cursor: pointer;
    margin-right: 8px; /* Space between country selector and number input */
    user-select: none; /* Prevent text selection on flag/code */
}

.selected-country {
    display: flex;
    align-items: center;
    gap: 0px; /* You had this at 0px, so keeping it */
    cursor: pointer;
}

.country-code {
    font-weight: bold;
    color: #495057; /* Bootstrap's default text color for inputs */
}

/* --- Country List Dropdown Styling --- */
.country-list {
    position: absolute;
    top: 100%; /* Position below the selected country */
    left: 0;
    background: white;
    border: 1px solid #ced4da; /* Consistent border */
    border-radius: .25rem; /* Consistent border-radius */
    list-style: none;
    padding: 4px; /* Consolidated padding */
    margin: 5px 0 0 0; /* Some space from the input field; consolidated */
    max-height: 260px; /* Consolidated max-height for scrollability */
    overflow-y: auto;
    z-index: 1001; /* Ensure it appears above other content */
    width: 250px; /* Adjust width as needed */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Subtle shadow */
}

.country-list.hidden {
    display: none;
}

.country-list li {
    padding: 10px 12px; /* Consolidated padding */
    cursor: pointer;
    display: flex;
    align-items: center;
}

.country-list li:hover {
    background-color: #f8f9fa; /* Light hover background, consistent with Bootstrap */
}

/* Assuming flag is part of innerHTML now, not a separate element with class 'flag' */
/* If you had a separate <img> tag inside li with class 'flag', this would apply: */
/*
.country-list li .flag {
    margin-right: 8px;
    font-size: 1.3em;
}
*/

/* --- Form Group & Error Styling --- */
/* To ensure the combined input behaves like a form-control */
.form-group .phone-input-wrapper {
    margin-bottom: 0; /* Remove default margin-bottom if any */
}

.form-group .error {
    display: block; /* Make sure error message takes its own line */
    margin-top: 5px;
    color: #dc3545; /* Bootstrap's danger color */
    font-size: 0.875em;
}

/* --- Dial Prefix (if implemented with JS) --- */
/* The dial-prefix and padding-left on mobile-input are for a specific JS implementation
   where the dial code is shown *inside* the input field itself, not as part of the country selector.
   Based on the provided HTML/JS, the dial code is part of `.country-selector`
   so these rules might not be directly applicable to your current JS setup,
   unless you plan to dynamically add this prefix inside the input.
   I've kept them here for completeness if you intend to use that pattern. */
.phone-input-wrapper {
    position: relative;
}
.dial-prefix {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* Make sure it doesn't interfere with input clicks */
  font-weight: 600;
  color: #666;
}
/* If you use .dial-prefix, uncomment this to shift the input text */
/* .mobile-input { padding-left: 64px !important; } */ /* make room for the +code, using !important if other padding is present */
/*----*/


.custom-btn:hover {background:var(--button-hover-color); color:var(--button-text-hover-color); box-shadow:4px 4px 12px 0 rgba(0, 0, 0, 0.26);}
.sec-price .table {max-width:70rem; margin-inline:auto; border-radius:1.5rem; overflow:hidden; outline:1px solid var(--Primary-color); margin-top:2rem;}
.sec-price .table thead th {background-color:var(--Primary-color); color:#fff; font-size:1.1rem; font-weight:500; padding:0.8rem 1.8rem;}
.table-striped>tbody>tr {vertical-align:middle;}
.section-bg {background-color:#FFF; padding:50px;}
.section-bg .section-title h2 {font-size:28px; font-weight:700; margin-bottom:20px; padding-bottom:20px; position:relative; color:var(--Primary-color);}
.section-bg img {width:80%;}
.section-title h2::before {content:""; position:absolute; display:block; width:120px; height:1px; background:#ddd; bottom:1px; left:calc(50% - 60px);}
.section-title h2::after {content:""; position:absolute; display:block; width:40px; height:3px; background:var(--Primary-color); bottom:0; left:calc(50% - 20px);}
.project-details .custom-btn {display:block; margin:auto;}
#amenities .amenities-btn {align-items:center; margin:40px 0px 20px; margin-left:auto; margin-right:auto; display:block; border:2px solid transparent; background:var(--Primary-color); transition:2s all ease;}
#amenities .amenities-btn:hover {background:var(--Secondary-color); border:2px solid var(--Primary-color);}
/* #connectivity p {font-size:16px;} */
#connectivity .location-img {z-index:99;}
#connectivity .moving-shape1 img {position:absolute; top:20px; left:60px; right:300; margin-left:auto; margin-right:auto; z-index:1; -webkit-animation:moving-img 12s infinite linear; animation:moving-img 12s infinite linear;}
#connectivity .moving-shape2 img {position:absolute; top:20px; left:900px; right:30px; margin-left:auto; margin-right:auto; z-index:1; -webkit-animation:moving-img2 12s infinite linear; animation:moving-img2 12s infinite linear;}
#connectivity .amenities-info {position:relative;}
#connectivity .location-btn {margin-top:20px;}
#connectivity .location-img {position:relative; border:2px solid black; height:290px; padding:10px;}
#connectivity .location-img .enquiryBtn1 {position:absolute; top:110px; bottom:304px; left:20%; text-decoration:none; color:#fff; padding:5px 20px 29px; background:rgb(12 1 1 / 57%); border:2px solid var(--Primary-color);}
#connectivity .location-img a.enquiryBtn1 {transition:0.5s all ease;}
#connectivity .location-img:hover a.enquiryBtn1 {box-shadow:5px 5px 14px 0px #302f2f; transform:translateY(-10px);}

@-webkit-keyframes moving-img {
0% {-webkit-transform:translate(0, 0); transform:translate(0, 0);}
40% {-webkit-transform:translate(100px, 0); transform:translate(100px, 0);}
80% {-webkit-transform:translate(0, 100px); transform:translate(0, 100px);}
100% {-webkit-transform:translate(0, 0); transform:translate(0, 0);}
}

@-webkit-keyframes moving-img2 {
0% {-webkit-transform:translate(0, 0); transform:translate(0, 0);}
40% {-webkit-transform:translate(0, 100px); transform:translate(0, 100px);}
80% {-webkit-transform:translate(100px, 0); transform:translate(100px, 0);}
100% {-webkit-transform:translate(0, 0); transform:translate(0, 0);}
}

#exTab1 .tab-content {padding:24px 48px; color:#000; border:1px solid var(--Primary-color); margin-top:-1px;}
#exTab1 .tab-content ul {padding:0; margin-bottom:0;}
#exTab1 .tab-content ul li {padding-left:16px; padding-right:30px; margin-bottom:10px; width:50%; float:left;}
#exTab1 .tab-content ul li::marker {content:"\f041"; font:normal normal normal 14px / 1 FontAwesome;}
#exTab1 .nav-pills .nav-link {color:var(--Primary-color); border:1px solid var(--Primary-color); border-radius:10px 10px 0 0; margin-right:8px; align-content:center; padding:10px 6px 0;}
#exTab1 .nav-pills .nav-link.active img{filter: invert(1) brightness(5);}
#exTab1 .nav-pills .nav-link.active {color:#FFF; background:var(--Primary-color);}
#exTab2 h3 {color:white; background-color:#428bca; padding:5px 15px;}
#exTab1 .nav-pills > li > a {border-radius:0;}
#exTab3 .nav-pills > li > a {border-radius:4px 4px 0 0 ;}
#exTab3 .tab-content {color:white; background-color:#428bca; padding:5px 15px;}
.text-justify {text-align:justify;}
#connectivity .button {border:none; background-color:transparent;}
.accordion {margin-left:-18px; margin-bottom:10px;}
.accordion-button::after {flex-shrink:0; width:1.25rem; height:1.25rem; margin-left:25px; content:""; background-image:url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e); background-repeat:no-repeat; background-size:1.25rem; transition:transform .2s ease-in-out;}
.accordion h2.accordion-header .accordion-button {background-color:transparent; -webkit-transition:0.5s all ease; transition:0.5s all ease;}
.accordion h2.accordion-header .accordion-button:hover {letter-spacing:1px;}
.accordion-flush .accordion-item .accordion-button {border-radius:none; background-color:transparent;}
.accordion-flush .accordion-item {background-color:transparent;}
.accordion-button:not(.collapsed) {color:#000; background-color:#fff; box-shadow:none;}
.accordion-flush .accordion-item:active {border:none;}
.accordion-button:focus {z-index:0; border-color:transparent; outline:0; box-shadow:none;}
.accordion-button {font-weight:700; color:#000;}
.accordion-button .fa {color:var(--Primary-color); font-size:22px; padding:0px 10px 0px 0px;}
.accordion .accordion-collaps {background-color:#5c5e5f;}
#contact {margin:10px; padding-bottom:30px; background-color:#fff;}
#contact img {width:100%; height:100%; object-fit:cover;}
#contact .full-width {max-height:250px; background:var(--Primary-color); padding:80px 0px;}
#contact .contact-data {margin:-105px 0px 0px; background-color:#fff; box-shadow:0px 0px 25px 0px gray; border-radius:12px; overflow:hidden;}
.owl-theme .owl-nav [class*=owl-]:hover {background:#ddd9d1;}
.form-data {background-image:url("../images/contact/patter1.webp");}
#contact .form {padding:15px}
#contact .form .section-title{text-align: left;margin-bottom: 10px;padding: 0;}
#contact .form .section-title::after, #contact .form  .section-title::before{content: inherit;}
#contact .form .form-control {margin:10px 0px; border:none; border-bottom:1px solid rgb(0 0 0 / 30%); background:none;}
#contact .contact-data form .form-control {width:100%; margin:5px 10px 8px; border:1px solid #dfdfdf; padding:7px 20px 7px 40px;}
#contact .contact-data form .forms-input-fields {position:relative;}
#contact .contact-data form .forms-input-fields i {position:absolute; top:15px; left:24px; font-size:20px; color:var(--Primary-color);}
/* #contact .form .btn {margin:10px 0px 0px; padding:5px 50px; width:220px;} */

@keyframes pulse-border {
0% {width:120px; height:120px; opacity:1;}
100% {width:80px; height:80px; opacity:0;}
}

.transition-all {-webkit-transition:all 0.2s linear 0.02s; -o-transition:all 0.2s linear 0.02s; -moz-transition:all 0.2s linear 0.02s; transition:all 0.2s linear 0.02s;}
.assignfixedwidth {max-width:1200px; margin:0 auto;}
.carousel-custom-main {margin-top:0px; padding-top:20px; padding-bottom:20px; background-color:transparent; font-size:28px;}
a.owl-element {text-decoration:none; color:#333;}
.owl-carousel {display:block; width:100%; z-index:1;}
.owl-element span {display:block; padding:60px 60px; width:160px; height:160px; margin:0 auto; line-height:40px; margin-top:5%; transition:all 0.4s ease; border:1px solid transparent; background-color:#efefef;}
.owl-item.center>.owl-element span {width:180px; height:180px; line-height:65px; margin-top:0%; background-color:#ff6633; color:#ffffff;}
.enquire-now {position:fixed; width:50px; height:50px; right:1rem; bottom:1rem; border-radius:50%; background:radial-gradient(ellipse farthest-corner at right bottom, #fedb37 0%, var(--Primary-color) 8%, #9f7928 30%, #8a6e2f 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ffffff 0%, #ffffac 8%, #d1b464 25%, #5d4a1f 62.5%, #5d4a1f 100%); ;}
.enquire-now i {width:3rem; height:3rem; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; cursor:pointer;}
footer p {font-size:11px; color:#5c5e5f;}
.contact-form h6 {text-transform:uppercase; font-weight:700;}
.contact-form {width:300px; right:1rem; bottom:1rem; padding:1.25rem; border-radius:22px; background:url(../images/pattern.png) top right / 100% no-repeat #fff; box-shadow:0 1rem 3rem rgb(0 0 0 / 15%); z-index:99; margin:15px 43px 0px}
.contact-form .form-control, .modal-body .form-control {border-bottom:2px solid #eaeaea; background-color:#f1f1f1; margin:5px;}
.contact-form .form-btn {border:none; margin:10px; color:#fff; padding:5px 108px 5px 108px;}
.enquiryBtn, .whatsaapBtn {position:fixed; right:1.5rem; bottom:4rem; z-index:99999; display:block;}
.whatsaapBtn span {width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; cursor:pointer; transition:all 300ms ease-in-out; background:#2d8b01; box-shadow:0px 3px 3px 0 #000000bd;}
.enquiryBtn i {width:3.5rem; height:3.5rem; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--golden-gradient); color:#fff; cursor:pointer; transition:all 300ms ease-in-out;}
.form-check .form-check-input {float:left; margin-left:-1.5em; margin:9px 56px 0px -22px;}
footer {padding:40px 20px 0px;}
footer {background-color:#fff;}
footer .elementor-widget-container p {font-size:10px;}
.footer-enquiryBtn {position:fixed; bottom:0px; left:0px; right:0px; display:flex; justify-content:space-between; z-index:99; text-align:center; padding:4px 2px; width:100%; background:#FFF; border-radius:0;}
.footer-enquiryBtn a {font-size:13px; color:#fff; text-align:center; display:block; width:calc(50% - 4px); padding:2px 5px; margin:0 2px; border-radius:4px; border:1px solid rgb(0 0 0 / 15%); border-left:0; background-color:var(--Primary-color); color:#FFF; text-decoration:none; align-content:center;}
.footer-enquiryBtn a.whatsCall {background:linear-gradient(45deg, #0db634, #015c16); border:0; border-radius:10px;}
#footer-links1 {background-color:#232d30; color:#b5cfda; margin:10px 0px -17px; font-size:12px;}
#foot_rera_qr {text-align:center;}
#footer-links1 p {font-size:12px; padding:5px 0px; margin:0;}
#footer-links1 p a {text-decoration:none; color:#FFF;}
#footer-links1 p a:hover {text-decoration:underline; color:#EEE;}
#footer-links {background-color:#232d30; color:#b5cfda; margin:0px 0px -17px; font-size:12px;}
#footer-links p {font-size:12px; padding:5px 0px; margin:0;}
#footer-links p a {text-decoration:none; color:#FFF;}
#footer-links p a:hover {text-decoration:underline; color:#EEE;}
.mob-form {background-color:#FFF; padding:0px 0;}
.modal {background-color:#00000075; background-blend-mode:overlay; z-index:99999;}
.project-video {background-color:#000; background-blend-mode:overlay;}
.project-video .project-video-overlay {color:#000; background-blend-mode:overlay;}
.brochure-modal .modal-dialog {background-color:#fff; padding:20px; margin:200px 430px 0px 430px; border-radius:22px;}
#brochure-form form .form-control {margin:0px 10px 0px;}
#brochure-form {margin:0px 20px 0px 0px;}
.brochure-modal .modal-content {border:none;}
.brochure-modal .modal-dialog h4 {color:var(--Primary-color); font-size:20px; font-weight:600; margin:10px 0px 10px 10px; text-align:center;}
.brochure-modal .modal-dialog form .form-control {margin:5px 10px 15px; border-bottom:2px solid #ced4da; border-top:none; border-left:none; border-right:none; padding:0px 20px 7px 30px;}
.enquire-modal .modal-dialog { padding:0px; border-radius:6px; }
.enquire-modal .modal-dialog .modal-content, .enquire-modal .modal-dialog .modal-content .modal-header, .enquire-modal .modal-dialog .modal-content .modal-body {border:none;}
.enquire-modal .modal-dialog .modal-content .modal-header {background:var(--Primary-color); padding:10px 24px; color:#FFF;}
.enquire-modal .modal-dialog .modal-content .modal-header .modal-title {font-size:18px; font-weight:800; margin:auto;}
.enquire-modal .modal-dialog .modal-content .modal-header .close {font-size:24px; line-height:20px; position:relative; top:auto; transform:none; right:0; background:transparent;}
.enquire-modal.modal .modal-dialog form .forms-input-fields i {top:16px;}
.enquire-modal.modal .modal-dialog form .forms-input-fields .form-control {padding-left:43px; width:calc(100% - 6px);}
.enquire-modal.modal .modal-dialog form .form-check-label {font-size:12px;}
.enquire-modal.modal .modal-dialog form .form-check-input:checked {background-color:#858383; border:1px solid #858383;}
.form-btn1 {background-color:var(--Primary-color); padding:5px 50px; font-size:16px; color:#FFF; margin-top:30px;}
.modal .modal-dialog form .forms-input-fields {position:relative;}
.modal .modal-dialog form .forms-input-fields i {position:absolute; top:8px; left:24px; font-size:20px; color:var(--Primary-color);}
.brochure-modal .modal-dialog .form-btn {color:#fff; padding:5px 150px 5px 167px; margin:20px 13px 15px;}
.brochure-modal .modal-dialog .modal-content .modal-logo img {width:72%; height:84px; margin:0px 73px 10px;}
.modal-dialog .modal-close {position:absolute; right:2px; top:0; transform:translateY(-50%); width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; cursor:pointer; transition:all 300ms ease-in-out;}
#disclaimer {text-align:left; font-size:9px; color:#323030;}
.moredisclaimerBtn {color:#878787; text-decoration:none;}
.moredisclaimerBtn:hover {color:#878787;}
.moredisclaimerText {text-align:left; margin-top:5px;}
.acceptance .text {color:#878787; font-size:8px; text-align:left !important;}
#non-rera .on-rera {display:none !important;}
#on-rera .non-rera {display:none !important;}


/* auto-popup */
#autoPopup{ 
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
#autoPopup .modal-content{ 
    width: 400px;
    margin: 0 auto;
    border-radius: 14px;
}

#autoPopup .modal-content h4{
    font-weight: bolder;
    font-style: normal;
    color: #00000066;
}
#autoPopup .form-check-input[type=checkbox]{width: 10px; height: 10px; border-radius: 0;}
#autoPopup label{ line-height: 12px;}
#autoPopup .form-control{    
    padding: 0 4px;
    margin: 0;
    margin-bottom: 20px;
    border: 0;
    background: transparent;
    border-bottom: 1px solid #6d767e;
    border-radius: 0;
}
#autoPopup .form-control:focus{box-shadow: none;}
#autoPopup .form-control::placeholder{color:#6d767e; font-size: 14px;}
#autoPopup .whatsapp-img{width: 24px; margin-right: 4px;}
#autoPopup .enquireNowBtn a
{
    background: linear-gradient(195deg, #53d161, #23b73c);
    padding: 8px 16px;
    border-radius: 12px;
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* auto-popup end*/ 

@media (max-width: 575px) {
    #disclaimer{
        text-align: justify;
    word-spacing: -1px;
    }
.enquireNowBtn.modal-btn{width:310px;}
#autoPopup .custom-btn, #autoPopup .enquireNowBtn {width:100%;}
.icon_sz { width: 26px;filter: invert(1) brightness(19);margin-top: 2px;} 
.footer-enquiryBtn a:nth-child(3) .icon_sz { width: 28px;margin-top: 4px;}
#autoPopup .modal-content {width:95%;}
 
.iconBox {position:absolute; left:0; top:5px; width:25px; height:25px;}
.nav ul li {display:inline;}
.sec1 {background:#fff; padding:30px 10px; margin:10px;}
.sec2 {background:#efebeb; margin:10px; padding:30px 10px;}
.sec3 {background:#efebeb; margin:10px; padding:40px 10px 0px;}
.section-title {font-size:5.5vw;}
.overview-data h1 {font-size:5.5vw;}
.content-gallery {margin:0px;}
.floor-plan-img img {margin:auto; display:block;}
#floor-plan .layout-plan:last-child {margin:50px 0 0;} 
.sec-price .table {max-width:70rem; margin-inline:auto; border-radius:1.5rem; overflow:hidden; outline:1px solid var(--Primary-color); margin-top:2rem; border:2px solid var(--Primary-color);}
table.table-pricing, .table-pricing thead, .table-pricing tbody, .table-pricing th, .table-pricing td, .table-pricing tr {display:block;}
.table-pricing thead tr {position:absolute; top:-9999px; left:-9999px;}
.table-pricing tr {margin:0; padding:23px 0;}
.sec-price .table td {padding:0; font-size:1.2rem; width:100%; box-shadow:none;}
.sec-price .table td:nth-child(1) {font-size:1.4rem;}
.sec-price .table td:nth-child(3) {font-size:1.4rem; font-weight:600;}
.table-striped>tbody>tr:nth-of-type(odd) {background-color:var(--bs-table-accent-bg); color:var(--bs-table-striped-color);}
.section-bg .section-title h2 {font-size:25px; font-weight:700; text-transform:uppercase; margin-bottom:20px; padding-bottom:20px; position:relative; color:var(--Primary-color);}
/* .pricing-btn-1 {background-color:var(--Primary-color); margin:auto; font-size:13px; padding:10px 10px; width:auto;} */
.highlightData h3 {font-size:14px;}
 .overview-data {padding:0px 0px 20px;}  
#amenities {padding:30px 15px; margin:10px;}
#amenities .amenities-btn {margin:inherit;}
 
#overview iframe {width:335px; height:206px;}
/*#connectivity img {margin:20px 0px 0px;}*/
#exTab1 .tab-content ul li {width:100%;}
#contact .contact-data {margin:-129px 30px 0px 1px;}
.image-carousel img {display:none;}
.contact-inner {margin:30px 10px 0px;}
#mobileview-form {background-color:#232d30; padding-top:270px;}
.enquire-modal .modal-dialog .modal-content .modal-header .modal-title {font-size:15px;}
#highlights .highlight-data {padding:0px 0px 0px 23px;}
.mob-form .iti {display:block;}
/*#contact .form {padding:20px 25px 40px 10px;}*/
/*#contact .form .enquireNowBtn {width: 200px;}*/
#connectivity .location-btn {margin:20px auto; display:block;}
#floor-plan .pricing-btn {margin:10px auto !important; display:block;}
#overview .custom-btn {margin:20px auto !important; display:block;}
footer {padding:20px 20px 20px;}
.carousel-control-next-icon {width:22px;}
.carousel-indicators [data-bs-target] {height:3px;}
   
nav.navbar {width:100%; padding:10px;}
.desktop-summary {display:none;} 
.left-section {width:100%; padding-bottom:10px;}
.offer-info-text {font-size:18px; line-height:normal;}
.project-details .custom-btn {position:relative; margin:0; bottom:auto; display:block;}
#connectivity .location-img {height:215px; padding:0; overflow:hidden;}
#connectivity .location-img img {margin:0;}
#connectivity .location-img .enquiryBtn1 {left:0 !important; right:0 !important; width:240px; margin:auto; text-align:center; top:0 !important; bottom:0 !important; height:34px;}
#exTab1 .nav-pills .nav-link {border-radius:10px; text-align:center; padding:10px 5px 0px; margin:3px; width:47%; align-content:center;
        flex-direction: column;}
#exTab1 .tab-content {margin-top:5px; padding:25px;}
#footer-links {margin: -16px 0px 54px;} 
.sec4 {background:#efebeb; margin:10px; padding:40px 0px 0px;}
}

@media(min-width:500px) { 
#mobileview-form {display:none;}
#contact .image-carousel1 {display:none;}
}

@media only screen and (max-width: 990px) {
    
.navbar-light .navbar-nav .nav-link {padding: 8px;}
nav.navbar.navbar-policy {background-color:#fff; width:100%; height:auto; padding:4px 0; box-shadow:0px 2px 8px 0px #00000040;}
nav.navbar {width:calc(100% - 32px); width:100%; height:auto; padding:10px 0; box-shadow:1px 2px 2px #3333;}
.navbar-light .navbar-toggler:focus {outline:0; box-shadow:1px 2px 2px #3333;}
.desktop-summary {display:none;}
.navbar-light .navbar-toggler {border:none;}
#home .project-details {
    position: relative;
    width: -webkit-fill-available;
    height: auto;
    margin: 14px;
    display: inline-block;
    top: inherit;
    left: inherit;
}
 .left-section {width:100%;}
.footer-enquiryBtn {display:flex !important;}
/* #home .project-details {padding:20px;} */
.download-brochure {margin:40px auto 20px;}
.highlightData h3 {font-size:20px;}
.pricing-btn {margin:auto;}
.floor-plan-img img {width:100%;}
.custom-btn {width:auto; font-size:15px;}
 
.navbar-toggler {border-color:transparent;}
#connectivity p {font-size:18px;} 
.owl-carousel .owl-item img {margin:auto; width:80%;} 
#floor-plan img {width:95%;}
}

@media only screen and (min-width: 1020px) {
 
nav.navbar {padding:5px;align-items:center;} 
#home .project-details h1 {font-size:22px;}
.price-sub-text {font-weight:700; font-size:24px;}  
.gallery-arrow.mod-prev {left:44%;}
.gallery-arrow.mod-next {right:44%;}
#exTab1 .tab-content ul li {font-size:15px;}
.subtitle.inventory {font-size:14px;}  
}