/*@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);*/
:root,
html {
    font-family: Roboto, sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

h1,
h2,
h5,
p,
ul {
    margin-top: 0
}

button,
hr,
input {
    overflow: visible
}

.table,
body {
    color: #212529
}

.btn,
.navbar-toggler-icon,
img {
    vertical-align: middle
}

.carousel-inner,
.modal {
    overflow: hidden
}

.owl-carousel,
html {
    -webkit-tap-highlight-color: transparent
}

html {
    scroll-padding-top: 70px;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth
}

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px
}

*,
::after,
::before {
    box-sizing: border-box
}

header,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

p,
ul {
    margin-bottom: 1rem
}

b {
    font-weight: bolder
}

a {
    color: #000b59;
    text-decoration: none;
    background-color: transparent
}

.btn-link:hover,
a:hover {
    color: #000b59;
    text-decoration: underline;
}

.btn-link,
.btn:hover {
    text-decoration: none
}

img {
    border-style: none
}

table {
    border-collapse: collapse
}

th {
    text-align: inherit
}

button {
    border-radius: 0
}

button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

button,
input,
select {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

.btn:not(:disabled):not(.disabled),
[role=button],
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
    margin-top: 20px;
}

select {
    word-wrap: normal;
    padding: 0
}

[type=button],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

.micro-navbar,
.section,
body {
    font-family: Roboto, sans-serif
}

.h1,
h1,
h2,
h5 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.table,
hr {
    margin-bottom: 1rem
}

.h1,
h1 {
    font-size: 2.5rem
}

h2 {
    font-size: 2rem
}

h5 {
    font-size: 1.25rem
}

hr {
    box-sizing: content-box;
    height: 0;
    margin-top: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

small {
    font-size: 80%;
    font-weight: 400
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col,
.col-12,
.col-6,
.col-lg-3,
.col-md-3,
.col-md-4,
.col-md-6,
.col-md-8,
.col-sm-6 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.btn,
.form-control {
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.col-12,
.row-cols-1>* {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.table {
    width: 100%
}

.nav,
.navbar-nav {
    margin-bottom: 0;
    list-style: none
}

.table td,
.table th {
    padding: .6rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.9em + .75rem + 2px);
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    outline: 0
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.btn {
    display: inline-block;
    color: #212529;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn:hover {
    color: #212529
}

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn:disabled {
    opacity: .65
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info,
.btn-info:disabled,
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.navbar-toggler,
button.close {
    background-color: transparent
}

.btn-info:focus,
.btn-info:hover {
    background-color: #138496;
    border-color: #117a8b;
    color: #fff
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-link {
    font-weight: 400;
    color: #007bff
}

.btn-link:focus {
    text-decoration: underline
}

.close:hover,
.nav-link:focus,
.nav-link:hover,
.navbar-brand:focus,
.navbar-brand:hover,
.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.fade {
    transition: opacity .15s linear
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show),
.more-cont {
    display: none
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0
}

.nav-link,
.navbar {
    padding: .5rem 1rem
}

.nav-link {
    display: block
}

.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    content: "";
    background: center center/100% 100% no-repeat
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    margin-top: -38px;
    margin-right: -32px;
}

.close:hover {
    color: #000
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    border: 0
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.carousel-inner,
.carousel-item,
.modal-content {
    width: 100%;
    position: relative
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.modal-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.carousel {
    position: relative
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    display: none;
    float: left;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

.at-property-img .at-property-overlayer,
.at-property-item:hover .at-property-img .at-property-overlayer {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

.bg-white {
    background-color: #fff !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.rounded-0 {
    border-radius: 0 !important
}

.d-none {
    display: none !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.overflow-hidden {
    overflow: hidden !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.w-100 {
    width: 100% !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mr-1 {
    margin-right: 0.25rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.text-center {
    text-align: center !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.text-danger {
    color: #dc3545 !important
}

.text-decoration-none {
    text-decoration: none !important
}

@media print {

    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    p {
        orphans: 3;
        widows: 3
    }

    h2 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }
}

body {
    background-color: #f7f7f7;
    overflow-y: scroll;
    position: relative
}

.color-primary,
.content-clr {
    color: var(--colorPrimary)
}

.navbar.micro-navbar .nav-item .nav-link,
.section {
    color: #000
}

.micro-navbar {
    box-shadow: 0 1px 8px rgba(0, 0, 0, .2)
}

.navbar.micro-navbar .nav-item .nav-link:hover {
    background-color: #f1f1f1
}

.micro-form-field {
    font-size: 1.1vw;
    border-top: none;
    border-left: none;
    border-right: none
}

.micro-form-btn {
    font-size: 1.2vw;
    padding: .3vw 2vw
}

.micro-form-btn-sm {
    font-size: 1vw;
    padding: .3vw 1.2vw
}

.section {
    background-color: #fff;
    letter-spacing: .03vw
}

.section-link {
    position: absolute;
    width: 100%;
    background-color: transparent;
    display: block
}

.at-property-img {
    position: relative;
    overflow: hidden
}

.at-property-img .at-property-overlayer {
    position: absolute;
    bottom: -100%;
    z-index: 111;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    transition: .5s ease-in-out
}

.at-property-item:hover .at-property-img .at-property-overlayer {
    left: 0;
    bottom: 0;
    transition: .5s ease-in-out
}

.at-property-btn {
    text-transform: uppercase;
    border: .1vw solid #e0e0e0;
    background: 0 0;
    border-radius: 0;
    position: absolute;
    top: -15%;
    left: 50%;
    z-index: 222;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.at-property-item:hover .at-property-btn {
    color: #e0e0e0;
    background: rgba(0, 0, 0, .7);
    top: 50%;
    -webkit-transition: .8s ease-in-out;
    -moz-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;
    -ms-transition: .8s ease-in-out;
    transition: .8s ease-in-out
}

.at-property-dis {
    padding: .5vw;
    text-align: center
}

.vsv-text-bk {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.vsv-img {
    display: block;
    margin: 0 auto
}

img.lazyload {
    font-family: "blur-up: auto", "object-fit: cover"
}

img.lazyload:not([src]) {
    visibility: hidden
}

@keyframes rocking {

    0%,
    100%,
    25% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(2deg)
    }

    75% {
        transform: rotate(-2deg)
    }
}

@-webkit-keyframes Gradient {

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

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

@-moz-keyframes Gradient {

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

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

@keyframes Gradient {

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

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

.effetMoveGradient,
.effetMoveGradient:hover {
    text-shadow: 0 3px 6px var(--colorPrimary);
    background-color: var(--colorPrimary);
    background: linear-gradient(-45deg, var(--colorPrimary), var(--colorSecondary), var(--colorPrimary), var(--colorSecondary));
    background-size: 400% 400%;
    -webkit-animation: 3s infinite Gradient, 3s infinite rocking;
    -moz-animation: 3s infinite Gradient, 3s infinite rocking;
    animation: 3s 2s infinite Gradient, 3s 2s infinite rocking;
    color: var(--colorBtn);
    border: none
}

.effetGradient,
.effetGradient:hover {
    text-shadow: 0 3px 6px var(--colorPrimary);
    background-color: var(--colorPrimary);
    background: linear-gradient(-45deg, var(--colorPrimary), var(--colorSecondary), var(--colorPrimary), var(--colorSecondary));
    background-size: 400% 400%;
    -webkit-animation: 3s infinite Gradient;
    -moz-animation: 3s infinite Gradient;
    animation: 3s infinite Gradient;
    color: var(--colorBtn);
    border: none
}

.effectScale {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.effectScale:hover {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

    100%,
    80% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    100%,
    80% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

#ami-3 .item-wrp {
    display: flex;
    flex-direction: column;
}

#ami-3 .item-wrp>div {
    display: flex;
    align-items: center;
}

#ami-3 .item-wrp>div:last-child {
    border-bottom: none
}

#ami-3 .item-wrp p {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .1vw;
    border-left: 4px solid var(--colorPrimary);
    padding-left: 0.5vw;
}

.gallery-thumb {
    width: 100%;
    height: auto;
    border-radius: 0.9vw;
    transition: .5s;
    border-radius: 3px
}

.gallery-thumb:hover {
    opacity: 1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.owl-carousel {
    position: relative;
    display: none;
    width: 100%;
    z-index: 0
}

@font-face {
    font-family: micon;
    src: url(../images/micon.woff2);
    src: url(../images/micon.woff2) format('woff2'), url(../images/micon.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: block;
    font-display: swap
}

.mi {
    font-family: micon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mi-ami:before {
    content: "\e905"
}

.mi-download:before {
    content: "\e906"
}

.mi-gallery:before {
    content: "\e907"
}

.mi-home:before {
    content: "\e908"
}

.mi-location:before {
    content: "\e909"
}

.mi-price:before {
    content: "\e90a"
}

.mi-siteplan:before {
    content: "\e90b"
}

.mi-sitevisit:before {
    content: "\e90c"
}

.mi-rs-light:before {
    content: "\e90e"
}

.mi-support-call:before {
    content: "\e90f"
}

.mi-support-price:before {
    content: "\e910"
}

.mi-support-visit:before {
    content: "\e911"
}

.mi-call:before {
    content: "\e900"
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.more {
    display: inline-block
}

.btn-sm.more {
    color: #000;
    text-decoration: underline;
    padding-left: 0
}

.card-d {
    background-color: #eee;
    margin-bottom: 8px;
    margin-top: 4px;
    padding: 10px 15px;
    text-align: left
}

.of-box {
    background: 0 0
}

.offer-bg-animation {
    color: #fff;
    display: block;
    background: linear-gradient(-45deg, var(--colorPrimary), var(--colorSecondary), var(--colorPrimary), var(--colorSecondary));
    background-size: 400% 400%;
    -webkit-animation: 3s infinite Gradient;
    -moz-animation: 3s infinite Gradient;
    animation: 3s infinite Gradient
}

.offer-text {
    display: block;
    font-size: 1vw !important;
    color: #fff;
    border: 2px dashed #fff;
    padding: 10px 5px
}

.of-box {
    font-size: 15px;
    width: 95%;
    margin-left: auto !important;
    margin-right: auto !important;
    font-weight: 700;
    text-align: center;
    color: #fff;
    padding: 8px
}

.popup-logo {
    padding-top: 21px;
    width: 595px;
    max-width: 20vw !important;
    height: 5vw !important
    
}

.submitBtn {
    margin-top: 20px !important;
    margin-bottom: 10px
}

.lightbox,
.lightbox2 {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .5)
}

.modal-head {
    border-radius: 3px 3px 0 0
}

.popup-logo img {
    margin-top: 10px !important
}

@media only screen and (max-width:1920px) and (min-width:769px) {
    .desktopview {
        display: block;
        margin-top: 50px
    }
}

@media only screen and (max-width:768px) {
    .desktopview {
        display: none
    }
}

@media (min-width:576px) {
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content
    }

    .d-sm-inline {
        display: inline !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
}

@media (min-width:768px) {

    .col-md-4,
    .row-cols-md-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .d-md-none {
        display: none !important
    }

    .float-md-right {
        float: right !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }
}

@media (min-width:992px) {
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .d-lg-none {
        display: none !important
    }

    .d-lg-block {
        display: block !important
    }

    .float-lg-right {
        float: right !important
    }
}

@media (min-width:1200px) {
    body {
        font-size: 1.05vw !important;
        letter-spacing: .02vw
    }
}

@media (prefers-reduced-motion:reduce) {

    .btn,
    .carousel-item,
    .fade,
    .form-control,
    .modal.fade .modal-dialog {
        transition: none
    }
}

@media only screen and (min-width:992px) {

    .info-box span.heading1,
    .info-box span.heading2 {
        text-align: left;
        vertical-align: top;
        font-size: 1vw
    }

    .section .head,
    .section-heading,
    .section-heading-sub {
        font-family: Roboto, sans-serif
    }

    body {
        font-size: 1.12vw;
        letter-spacing: .02vw
    }

    .logo {
        max-width: 18vw;
        height: 3.9vw
    }

    .navbar-brand {
        padding: 0 .2rem;
        margin: 0 auto
    }

    .micro-nav {
        width: 78%
    }

    .micro-nav .nav-icon {
        margin-right: 3px;
        font-size: 1.25vw
    }

    .micro-nav .navbar-nav {
        width: 100%
    }

    .micro-side {
     display: none !important;
    }

    .navbar.micro-navbar .nav-item,
    .og-block .nav-item:first-child {
        border-right: .1vw solid #dbe4e9
    }

    .navbar.micro-navbar .nav-item:first-child {
        border-left: .1vw solid #dbe4e9
    }

    .modal-body,
    .navbar.micro-navbar {
        padding: 0
    }

    .navbar.micro-navbar .nav-link {
        padding: 1.1vw .3vw
    }

    .og-section {
        background-image: -webkit-linear-gradient(top, #fff, #f1f1f1);
        background-image: -moz-linear-gradient(top, #fff, #f1f1f1);
        background-image: -ms-linear-gradient(top, #fff, #f1f1f1);
        background-image: -o-linear-gradient(top, #fff, #f1f1f1);
        background-image: linear-gradient(top, #fff, #f1f1f1)
    }

    .og-block {
        margin: 0 .5vw;
        background-color: #000;
        color: #fff;
        cursor: pointer;
        border-bottom-left-radius: 1vw;
        border-bottom-right-radius: 1vw;
        background-image: -webkit-linear-gradient(left, #444, #1a1a1a);
        background-image: -moz-linear-gradient(left, #444, #1a1a1a);
        background-image: -ms-linear-gradient(left, #444, #1a1a1a);
        background-image: -o-linear-gradient(left, #444, #1a1a1a);
        background-image: linear-gradient(left, #444, #1a1a1a)
    }

    .info-box,
    .pro-status {
        background-color: #fff;
        display: inline-block
    }

    .og-block .nav-item {
        padding: .5vw 0;
        font-size: 1.01vw
    }

    .form-heading {
        font-size: 1.15vw
    }

    .form-side {
        padding: 0 1vw
    }

    .micro-main-slider {
        width: 78vw;
        height: 89vh
    }

    .micro-main-slider .carousel-item img {
        height: 83vh;
        width: 81vw;
        margin-top: 11px
    }

    .info-box {
        position: absolute;
        top: 0;
        left: 8px;
        z-index: 9;
        margin-top: 4.6vw;
        padding-bottom: 1.5vw;
        display: inline-block;
        width: 22vw;
        background-color: #fff;
        border-radius: 8px;
        color: #fff;
        border: 1px solid #eee;
    }

    .pro-status {
        padding: 10px;
        font-size: 1vw;
        text-transform: uppercase;
        text-shadow: none;
        color: #000;
        border-bottom: 1px solid var(--colorPrimary);
        width: 100%
    }

    .pro-title {
        display: block;
        padding: 1vw .8vw .3vw;
        font-size: 1.8vw;
        line-height: 2vw;
        text-transform: capitalize;
        color: #212529;
        text-align: center;
        font-weight: 600;
        margin-bottom: 0;
    }

    .pro-add,
    .pro-dev {
        color: #000;
        display: block;
        text-transform: capitalize;
        text-align: center
    }

    .pro-add {
        padding: .1vw 0;
        font-size: .8vw;
        line-height: 1.4vw
    }

    .pro-dev {
        padding: .1vw 0 .1vw 5px;
        font-size: 1vw;
        line-height: 1.2vw
    }

    .info-box span.heading1 {
        color: #000;
        font-weight: 700;
        width: 9vw !important;
        display: inline-block
    }

    .info-box span.heading2 {
        color: #000;
        font-weight: 400;
        width: 6vw !important;
        display: inline-block
    }

    .pro-tag-line {
        display: block;
        padding: .1vw .8vw;
        font-size: 14px;
        text-transform: capitalize;
        line-height: 1.4vw;
        color: #333;
        text-align: center;
        margin-top: 20px
    }

    .pro-price,
    .pro-rera {
        color: #212529;
        display: block
    }

    .pro-price {
        padding: .1vw .8vw .3vw;
        font-size: 1.8vw;
        font-weight: 800;
        line-height: 28px;
        margin-bottom: 15px
    }

    .info-box .micro-form-btn {
        margin: 0 .8vw
    }

    .pro-rera {
        font-size: .9vw;
        margin-top: .5vw;
        line-height: 1.4vw
    }

    .section {
        max-width: 76vw;
        margin: 1vw 0;
        position: relative;
        overflow: hidden;
        padding: 30px 40px;
        -moz-padding-end: 30px;
        -moz-padding-start: 30px
    }

    .section-link {
        top: -4.3vw;
        height: 4.3vw
    }

    .section .head {
        color: #22644b;
        font-size: 34px;
        letter-spacing: 0;
        text-orientation: mixed;
        font-weight: 700;
    }

    .section-heading {
        font-size: 2.5vw;
        margin-bottom: .5rem !important;
        font-weight: 700
    }

    .section-heading-sub {
        font-size: 1.4vw;
        margin-bottom: 1vw;
        font-weight: 600
    }

    .section p {
        margin-bottom: .6vw
    }

    .at-property-btn {
        padding: .5vw .8vw;
        width: 73%;
        text-align: center
    }

    .master-plan {
        display: block;
        max-width: 25vw;
        height: 38vh;
        margin: 0 auto
    }

    .master-plan img {
        max-width: 100%;
        height: 100%
    }

    .floor-plan-img {
        width: 100%;
        height: 15vw
    }

    .price-amt .mi {
        font-size: .9vw;
        font-weight: 600
    }

    .vsv-img {
        width: 100%;
        max-height: 450px;
    }

    .vsv-text-bk {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .vsv-text-bg {
        display: block;
        background-color: rgba(0, 0, 0, .5);
        color: #fff;
        text-shadow: 0 1px 2px #000;
        text-align: center;
        font-size: 1.8vw;
        padding: 1vw 0;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -ms-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .vsv-icon {
        display: inline-block;
        width: 5vw;
        height: 5vw;
        background-color: #fff;
        -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ4NS43NCA0ODUuNzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4NS43NCA0ODUuNzQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMjQyLjg3MiwwQzEwOC43MzIsMCwwLjAwNCwxMDguNzM2LDAuMDA0LDI0Mi44NjRjMCwxMzQuMTQsMTA4LjcyOCwyNDIuODc2LDI0Mi44NjgsMjQyLjg3Ng0KCQkJYzEzNC4xMzYsMCwyNDIuODY0LTEwOC43MzYsMjQyLjg2NC0yNDIuODc2QzQ4NS43MzYsMTA4LjczNiwzNzcuMDA4LDAsMjQyLjg3MiwweiBNMzM4LjQxMiwyNjMuOTRsLTEzNC4zNiw5Mi43MzINCgkJCWMtMTYuNzc2LDExLjU4OC0zMC41ODQsNC4yNDgtMzAuNTg0LTE2LjMxNlYxNDUuMzhjMC0yMC41NTYsMTMuODA4LTI3LjksMzAuNTg0LTE2LjMxMmwxMzQuMzIsOTIuNzMyDQoJCQlDMzU1LjEzNiwyMzMuMzg0LDM1NS4xNzYsMjUyLjM0OCwzMzguNDEyLDI2My45NHoiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat center;
        mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ4NS43NCA0ODUuNzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4NS43NCA0ODUuNzQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMjQyLjg3MiwwQzEwOC43MzIsMCwwLjAwNCwxMDguNzM2LDAuMDA0LDI0Mi44NjRjMCwxMzQuMTQsMTA4LjcyOCwyNDIuODc2LDI0Mi44NjgsMjQyLjg3Ng0KCQkJYzEzNC4xMzYsMCwyNDIuODY0LTEwOC43MzYsMjQyLjg2NC0yNDIuODc2QzQ4NS43MzYsMTA4LjczNiwzNzcuMDA4LDAsMjQyLjg3MiwweiBNMzM4LjQxMiwyNjMuOTRsLTEzNC4zNiw5Mi43MzINCgkJCWMtMTYuNzc2LDExLjU4OC0zMC41ODQsNC4yNDgtMzAuNTg0LTE2LjMxNlYxNDUuMzhjMC0yMC41NTYsMTMuODA4LTI3LjksMzAuNTg0LTE2LjMxMmwxMzQuMzIsOTIuNzMyDQoJCQlDMzU1LjEzNiwyMzMuMzg0LDM1NS4xNzYsMjUyLjM0OCwzMzguNDEyLDI2My45NHoiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat center
    }

    @keyframes vsvicon {
        0% {
            height: 5vw
        }

        100% {
            height: 7vw
        }
    }

    .vsv-img:hover .vsv-icon {
        width: 7vw;
        height: 7vw;
        -webkit-animation: .3s linear vsvicon;
        -moz-animation: .3s linear vsvicon;
        -ms-animation: vsvicon .3s linear;
        -o-animation: .3s linear vsvicon;
        animation: .3s linear vsvicon
    }

    .vsv-icon,
    .vsv-img .h1 {
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -ms-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .vsv-img:hover .h1 {
        font-size: 2vw
    }

    .vsv-img:hover .vsv-text-bg {
        font-size: 1.3vw
    }

    .modal-dialog.enq-modal {
        max-width: 36vw;
        border-radius: 3px
    }

    .close {
        position: absolute;
        right: 1vw;
        top: .3vw
    }

    .modal-head {
        background-color: var(--colorPrimary)
    }

    .modal-title {
        display: block;
        font-size: 1.5vw;
        text-transform: capitalize;
        font-weight: 600;
        color: var(--colorBtn);
        padding: 1.2vw 0
    }

    .modal-title-secondary {
        display: block;
        font-size: 1vw;
        text-transform: capitalize;
        font-weight: 600;
        padding: 1vw 0 .5vw
    }

    .modal-highlight-bg {
        background-color: #f9f9f9;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        vertical-align: top;
        border-top-left-radius: 15px
    }

    .modal-highlight-title {
        display: block;
        text-align: center;
        font-size: 1.3vw;
        font-weight: 500;
        padding: 25px 0 .1vw;
        color: var(--colorPrimary)
    }

    .modal-highlight {
        list-style: none;
        padding: 10px 0;
        margin-bottom: 0;
        width: 11vw
    }

    .modal-highlight li i {
        display: inline-block;
        font-size: 2.8vw;
        color: var(--colorPrimary)
    }

    .modal-highlight li span {
        display: block;
        font-size: .9vw;
        color: var(--colorPrimary);
        padding: 0 0 1.3vw
    }

    .modal-call-btn,
    .modal-call-btn:hover {
        display: block;
        background-color: var(--colorPrimary);
        color: var(--colorBtn);
        text-decoration: none;
        font-size: 1.3vw;
        border-radius: 0 0 3px 3px
    }

    .info-box {
        width: 22vw;
        text-align: center
    }

    .pro-add,
    .pro-dev {
        padding: 3px 4px 0 0;
    }
}

@media only screen and (max-width:991px) {

    .section .head,
    .section-heading,
    .section-heading-sub {
        font-family: Roboto, sans-serif
    }

    .modal-title,
    .price-amt,
    .price-amt .mi,
    .price-type,
    .pro-price,
    .pro-title {
        font-weight: 600
    }

    .navbar.micro-navbar {
        padding: .1rem 0
    }

    .navbar.micro-navbar .navbar-brand {
        padding: 0;
        margin-left: .2rem
    }

    .navbar-toggler {
        margin: .7rem .5rem .7rem 0
    }

    .desktop {
        display: block !important;
    }

    .logo {
        height: 60px;
        max-width: 275px
    }

    .micro-side,
    .modal-highlight,
    .modal-highlight-title {
        display: none
    }

    .micro-main-slider .carousel-item img {
        width: 100%;
        margin-top: 1.5vw
    }

    .navbar.micro-navbar .nav-fill .nav-item:first-child {
        border-top: 1px solid #ededed
    }

    .navbar.micro-navbar .nav-fill .nav-item:not(:last-child) {
        border-bottom: 1px solid #ededed
    }

    .info-box {
        padding-bottom: .5vw;
        display: block;
        width: 100%;
        background-color: #fff;
        color: #000;
        text-align: center
    }

    .pro-status,
    .pro-title {
        display: block;
        padding: 3px;
        text-transform: uppercase
    }

    .pro-status {
        font-size: 16px;
        text-shadow: 0 1px 2px #333;
        color: var(--colorBtn);
        background-color: var(--colorPrimary)
    }

    .pro-title,
    .section .head {
        color: var(--colorPrimary)
    }

    .pro-title {
        font-size: 24px;
        line-height: 24px;
        margin: 5px 0
    }

    .pro-add,
    .pro-dev,
    .pro-tag-line {
        padding: 3px 0;
        font-size: 15px
    }

    .modal-title,
    .modal-title-secondary,
    .pro-add,
    .pro-dev,
    .pro-tag-line {
        text-transform: capitalize;
        display: block
    }

    .pro-add,
    .pro-dev {
        line-height: 16px;
        padding-left: 5px
    }

    .pro-price {
        display: block;
        padding: 5px 0;
        font-size: 26px
    }

    .micro-form-btn {
        font-size: 16px;
        padding: 4px 15px;
        margin: auto;
        display: block
    }

    .pro-rera {
        display: block;
        padding: 3px 0;
        font-size: 13px;
        margin-top: 3px
    }

    .section {
        padding: 20px;
        margin: 10px;
        position: relative;
        overflow: hidden;
        height: 100%
    }

    .section-link {
        top: -70px;
        height: 70px
    }

    .master-plan,
    .vsv-img {
        height: auto;
        width: 100%
    }

    .section .head {
        font-size: 18px
    }

    #ami-3 .item-wrp p,
    .price-amt .mi {
        font-size: 14px
    }

    .section-heading {
        font-size: 25px;
        text-align: center;
        font-weight: 700
    }

    .section-heading-sub {
        font-size: 20px;
        margin-bottom: 10px;
        text-align: center
    }

    .table.micro-price-table {
        width: 100%
    }

    .table.micro-price-table .mb-w {
        min-width: 120px
    }

    .at-property-btn {
        padding: 2vw 4.5vw;
        width: 75%;
        text-align: center
    }

    .master-plan {
        display: block
    }

    .master-plan img {
        max-width: 100%;
        max-height: 200px
    }

    .floor-plan-img {
        width: 100%;
    }

    .vsv-icon {
        background-color: #fff;
        -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ4NS43NCA0ODUuNzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4NS43NCA0ODUuNzQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMjQyLjg3MiwwQzEwOC43MzIsMCwwLjAwNCwxMDguNzM2LDAuMDA0LDI0Mi44NjRjMCwxMzQuMTQsMTA4LjcyOCwyNDIuODc2LDI0Mi44NjgsMjQyLjg3Ng0KCQkJYzEzNC4xMzYsMCwyNDIuODY0LTEwOC43MzYsMjQyLjg2NC0yNDIuODc2QzQ4NS43MzYsMTA4LjczNiwzNzcuMDA4LDAsMjQyLjg3MiwweiBNMzM4LjQxMiwyNjMuOTRsLTEzNC4zNiw5Mi43MzINCgkJCWMtMTYuNzc2LDExLjU4OC0zMC41ODQsNC4yNDgtMzAuNTg0LTE2LjMxNlYxNDUuMzhjMC0yMC41NTYsMTMuODA4LTI3LjksMzAuNTg0LTE2LjMxMmwxMzQuMzIsOTIuNzMyDQoJCQlDMzU1LjEzNiwyMzMuMzg0LDM1NS4xNzYsMjUyLjM0OCwzMzguNDEyLDI2My45NHoiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat center;
        mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ4NS43NCA0ODUuNzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4NS43NCA0ODUuNzQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMjQyLjg3MiwwQzEwOC43MzIsMCwwLjAwNCwxMDguNzM2LDAuMDA0LDI0Mi44NjRjMCwxMzQuMTQsMTA4LjcyOCwyNDIuODc2LDI0Mi44NjgsMjQyLjg3Ng0KCQkJYzEzNC4xMzYsMCwyNDIuODY0LTEwOC43MzYsMjQyLjg2NC0yNDIuODc2QzQ4NS43MzYsMTA4LjczNiwzNzcuMDA4LDAsMjQyLjg3MiwweiBNMzM4LjQxMiwyNjMuOTRsLTEzNC4zNiw5Mi43MzINCgkJCWMtMTYuNzc2LDExLjU4OC0zMC41ODQsNC4yNDgtMzAuNTg0LTE2LjMxNlYxNDUuMzhjMC0yMC41NTYsMTMuODA4LTI3LjksMzAuNTg0LTE2LjMxMmwxMzQuMzIsOTIuNzMyDQoJCQlDMzU1LjEzNiwyMzMuMzg0LDM1NS4xNzYsMjUyLjM0OCwzMzguNDEyLDI2My45NHoiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat center;
        display: block;
        width: 60px;
        height: 60px;
        margin: 0 auto
    }

    .nav-item .mi {
        margin: 5px
    }

    .table-pricing tbody,
    .table-pricing td,
    .table-pricing th,
    .table-pricing thead,
    .table-pricing tr,
    table.table-pricing {
        display: block
    }

    .table-pricing thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .table-pricing tr {
        margin: 0;
        padding: 10px 0
    }

    .table-pricing tr:nth-child(odd) {
        background: #ccc
    }

    .table-pricing td {
        border: none;
        position: relative;
        text-align: center;
        padding: 3px
    }

    .table-pricing td:before {
        position: absolute;
        top: 0;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap
    }

    .price-type {
        font-size: 25px
    }

    .price-amt {
        font-size: 17px
    }

    .price-amt .mi {
        margin-right: 0
    }

    .table-pricing .btn-sm {
        padding: 5px 15px;
        font-size: 16px
    }

    .mi.action-icon,
    .modal-title {
        font-size: 18px;
        color: var(--colorBtn)
    }

    .mi {
        margin-right: 5px
    }

    .close {
        position: absolute;
        right: 10px;
        top: 3px;
        margin-right: -10px;
    }

    .modal-head {
        background-color: var(--colorPrimary)
    }

    .modal-body {
        padding: 0
    }

    .modal-title {
        padding: 10px 0;
    }

    .modal-title-secondary {
        font-size: 15px;
        font-weight: 600;
        padding: 20px 0 5px;
        text-align: center;
    }

    .modal-call-btn,
    .modal-call-btn:hover {
        display: block;
        background-color: var(--colorPrimary);
        color: var(--colorBtn);
        padding: 5px 0;
        text-decoration: none;
        font-size: 16px
    }

    .micro-form-field {
        font-size: 16px
    }

    .numeric {
        padding-left: 27px !important
    }
}

@media only screen and (max-width:320px) {
    .logo {
        max-width: 235px
    }
}

@media only screen and (min-width:1600px) {

    .micro-main-slider,
    .micro-nav {
        width: 80%
    }

    .micro-side {
        width: 20%
    }

    .micro-main-slider .carousel-item img {
        width: 100%;
        height: 100%
    }

    .section {
        max-width: 79%
    }

    .vsv-img {
        height: auto
    }
}

@media only screen and (min-height:950px) {

    .micro-main-slider,
    .micro-main-slider .carousel-item img {
        height: auto
    }
}

@media only screen and (min-width:991px) {
    #ami-3 .item-wrp img {
        width: 5vw;
        height: 4vw;
    }

    #ami-3 .item-wrp p {
        font-size: 1.05vw
    }

    #ami-3 .item-wrp>div {
        padding: 1vw 0
    }
}

@media only screen and (min-width:575px) {
    .gallery-thumb {
        height: auto;
        border-radius: 0.9vw;
    }
}

@media only screen and (max-width:575px) {
    .gallery-thumb {
        height: auto;
        border-radius: 0.9vw;
    }
}

@media only screen and (max-width:786px) {
    .micro-main-slider .carousel-item img {
        width: 100%;
        margin-top: 2.5vw
    }
}

@media only screen and (min-width:1024px) {
    .micro-main-slider .carousel-item img {
        width: 81vw;
        margin-top: -18px
    }
}

@media only screen and (min-width:320px) and (max-width:991px) {
    .offer-text {
        font-size: 16px !important
    }

    .info-box span.heading1,
    .more,
    h5 {
        font-size: 15px
    }

    .info-box {
        padding-bottom: 20px
    }

    .carousel-item img {
        height: auto !important
    }

    .section .head {
        font-size: 24px;
        padding-bottom: 10px;
        display: block;
        text-align: center;
        font-weight: 700;
    }

    .info-box span.heading2 {
        font-weight: 400;
        font-size: 15px;
        text-align: left;
        padding-right: 5px
    }

    .info-box span.heading1 {
        font-weight: 700;
        text-align: left
    }

    .close {
        font-size: 35px
    }

    h5 {
        line-height: 15px;
        padding: 10px 4px 4px
    }
}

@media only screen and (min-width:1281px) {
    .numeric {
        padding-left: 27px !important
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .micro-nav .nav-icon {
        margin-right: 3px;
        font-size: 1.25vw;
        display: block !important
    }
}

@media only screen and (max-width:5000px) and (min-width:991px) {
    h2 {
        margin-bottom: 1.4rem !important
    }
}

.navbar.micro-navbar .nav-item .nav-link.active {
    background-color: rgb(34 100 75);
    color: var(--colorBtn);
    height: 100%;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {

    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.active.carousel-item-right,
.carousel-item-next {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {

    .active.carousel-item-right,
    .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.active.carousel-item-left,
.carousel-item-prev {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {

    .active.carousel-item-left,
    .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators .active {
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

@media only screen and (min-width: 1024px) {
    .micro-main-slider .carousel-item img {
        width: 81vw;
        margin-top: -18px;
    }
}

@media only screen and (min-width: 1024px) {
    .micro-main-slider .carousel-item img {
        height: 83vh;
        width: 81vw;
        margin-top: 11px;
    }
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.d-block {
    display: block !important;
}

img {
    vertical-align: middle;
    border-style: none;
}

.ls-blur-up-img {
    filter: blur(10px);
    opacity: 1;
    transition: opacity 1s, filter 1.5s;
}

.ls-blur-up-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    font-family: "blur-up: auto", "object-fit: cover";
    object-fit: cover;
}

.fade {
    transition: opacity .15s linear;
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.lightbox,
.lightbox2 {
    display: none;
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
}

#ami-3.owl-carousel.owl-loaded {
    width: 100%;
    height: 65%;
    background-color: #fafafa;
    color: #000;
    background-size: cover;
    border-radius: 2vw;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel .owl-stage-outer {
    background-color: #fafafa;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

#ami-3 .item-wrp {
    display: flex;
    flex-direction: column;
}

#ami-3 .item-wrp>div {
    display: flex;
    align-items: center;
}

.ami_sec {
    position: relative;
    text-align: center;
    color: white;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#ami-3 .item-wrp p {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.1vw;
    border-left: 4px solid var(--colorPrimary);
    padding-left: 0.5vw;
}

.ami_sec p {
    position: absolute;
    bottom: 8px;
    left: 16px;
    background-image: linear-gradient(45deg, black, transparent);
}

@media only screen and (min-width: 1281px) {
    #ami-3 .item-wrp>div {
        padding: 0.6vw 0;
    }

    #ami-3 .item-wrp img {
        width: 100%;
        height: 100%;
        border-radius: 1vw;
    }
}

@media only screen and (min-width: 991px) {
    #ami-3 .item-wrp>div {
        padding: 0.4vw 0;
    }
}

@media (min-width: 1600px) and (max-width: 5120px) {
    #ami-3 .item-wrp img {
        width: 100%;
        height: 100%;
        border-radius: 1vw;
    }

    #ami-3 .item-wrp>div {
        padding: 0.6vw 0;
    }

    .gallery-thumb {
        height: auto;
        border-radius: 0.9vw;
    }
}

@media only screen and (min-width: 992px) {
    .section p {
        margin-bottom: .6vw;
    }

    .d-lg-none {
        display: none !important;
    }
}

.owl-theme .owl-nav {
    margin-top: 10px;
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    outline: none;
}

.owl-theme .owl-nav [class*="owl-"] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.owl-nav button.owl-prev {
    left: 0;
    margin-left: -20px !important;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
    transform: translateY(-50%);
    font-family: serif !important;
    background: #fff !important;
    width: 50px;
    height: 50px;
    line-height: 75px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    opacity: 0.4;
}

.owl-nav button span {
    font-size: 70px;
    position: relative;
    top: -20px;
}

.owl-nav button.owl-next {
    right: 0;
    margin-right: -20px !important;
}

@media (min-width: 768px) {
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .location {
        width: 30%;
        display: inline-block;
        flex: auto !important;
    }

    .map-view {
        width: 65% !important;
        display: inline-block;
        max-width: unset !important;
        flex: auto !important;
        margin-right: 26px;
    }
}

@media (min-width: 576px) {
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@font-face {
    font-family: micon;
    src: url(../images/micon.woff2);
    src: url(../images/micon.woff2) format("woff2"), url(../images/micon.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: block;
    font-display: swap;
}

.mi {
    font-family: micon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mi-loc-list:before {
    content: "\e912";
}

.mi-loc-list-2:before {
    content: "\e913";
}

.mi-ami:before {
    content: "\e905";
}

.mi-download:before {
    content: "\e906";
}

.mi-gallery:before {
    content: "\e907";
}

.mi-home:before {
    content: "\e908";
}

.mi-ResizeTouchNarrowerMirrored:before {
    content: "\edd4";
}

.mi-accept:before {
    content: "\ea01";
}

.mi-location:before {
    content: "\e909";
}

.mi-price:before {
    content: "\e90a";
}

.mi-siteplan:before {
    content: "\e90b";
}

.mi-sitevisit:before {
    content: "\e90c";
}

.mi-rs:before {
    content: "\e90d";
}

.mi-rs-light:before {
    content: "\e90e";
}

.mi-support-call:before {
    content: "\e90f";
}

.mi-support-price:before {
    content: "\e910";
}

.mi-support-visit:before {
    content: "\e911";
}

.mi-call:before {
    content: "\e900";
}

.mi-enquire:before {
    content: "\e901";
}

.mi-whatsapp .path1:before {
    content: "\e902";
    color: #eceff1;
}

.mi-whatsapp .path2:before {
    content: "\e903";
    margin-left: -1em;
    color: #4caf50;
}

.mi-whatsapp .path3:before {
    content: "\e904";
    margin-left: -1em;
    color: #fafafa;
}

#address_section .row {
    margin: 0 !important
}

.section {
    margin: 1vw 0;
    position: relative;
    overflow: hidden;
    padding: 30px 40px;
    -moz-padding-end: 30px;
    -moz-padding-start: 30px;
}

.mb-3,
.my-3 {
    margin: 0 0 1rem 0;
}

@media only screen and (max-width: 768px) {

    .mb-3,
    .my-3 {
        display: block;
    }

    #ami-3 .disabled {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .mobileview {
        display: block;
        margin-top: 65px;
    }

    .map-view {
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    .mob-form {
        padding: 5px 10px;
        display: block;
        width: 100%;
        text-align: center;
        border-top: 2px solid #c8c8c8;
        border-bottom: 2px solid #c8c8c8;
        background-color: #f1f1f1;
        background: linear-gradient(-45deg, #f1f1f1, #c8c8c8, #f1f1f1, #c8c8c8);
        background-size: 400% 400%;
        -webkit-animation: Gradient 3s ease infinite;
        -moz-animation: Gradient 3s ease infinite;
        animation: Gradient 3s ease infinite;
    }

    .mob-form .form-heading {
        font-size: 18px;
        text-shadow: 0 1px 3px #fff;
        margin: 10px 0;
    }

    .mob-form .micro-form-btn {
        margin: 10px auto !important;
    }

    .mob-action {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: var(--colorPrimary);
        color: var(--colorBtn);
        box-shadow: 0 1px 6px 2px rgb(0 0 0 / 40%);
        z-index: 1030;
    }

    .mob-action .nav-item:not(:last-child) {
        border-right: 1px solid var(--colorBtn);
    }

    .mob-action .nav-item {
        padding: 7px 5px;
        text-align: left;
        font-size: 14px;
        width: 32%;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        line-height: 16px;
        justify-content: center;
    }
}

@media only screen and (max-width: 424px) and (min-width: 320px) {
    #ami-3 .item-wrp img {
        padding: 10px 0;
        height: 57vw;
        width: 100%;
        object-fit: fill;
        border-radius: 1vw;
    }
}

@media only screen and (max-width: 768px) and (min-width: 425px) {
    #ami-3 .item-wrp img {
        padding: 10px 0;
        height: 57vw;
        width: 100%;
        object-fit: fill;
        border-radius: 1vw;
    }
}

@media (min-width: 576px) {
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-sm-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 768px) {
    .row-cols-md-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media only screen and (max-width: 1280px) and (min-width: 992px) {
    #ami-3 .item-wrp img {
        width: 100%;
        height: 100%;
        border-radius: 1vw;
    }
}

@media only screen and (max-width: 991px) and (min-width: 769px) {
    #ami-3 .item-wrp img {
        width: 100%;
        height: 100%;
        border-radius: 1vw;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .master-plan {
        display: block;
        max-width: 25vw;
        height: 18.5vw;
        margin: 0 auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .d-md-none {
        display: none !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .d-sm-block {
        display: block !important;
    }
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link.ami-tab.active {
    color: var(--colorBtn);
    background-color: var(--colorPrimary);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--colorPrimary);
}

.nav-link.ami-tab {
    background-color: transparent;
    color: var(--colorPrimary);
    border: 2px solid var(--colorPrimary);
    border-radius: 0;
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.masterplan-box {
    display: flex;
    justify-content: center;
}

.rera-img {
    margin-bottom: 1vh;
    margin-left: .8vh
}

@media (min-width:992px) {
    .section-heading-sub1 {
        font-size: 1vw;
        margin: 3vh 0 1vw;
        font-weight: 600
    }

    .rera-details p {
        text-align: left
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-heading-sub1 {
        font-size: 18px;
        margin: 3vh 0 1vw;
        font-weight: 400
    }

    .rera-details p {
        text-align: left
    }
}

@media only screen and (max-width:767px) {

    .rera-box,
    .rera-details p,
    .text-center-mob {
        text-align: center
    }

    .section-heading-sub1 {
        font-size: 18px;
        margin: 3vh 0 2vh;
        text-align: center
    }

    .rera-box {
        max-width: 150px;
        width: 100%;
        margin: 0 auto
    }

    .rera-details p {
        font-size: 14px
    }

    .rera-img {
        margin-left: 0
    }

    .brk-wrd {
        word-break: break-word
    }
}

.zoom-in-zoom-out {
    width: 100%;
    text-align: center;
    animation: 2s ease-out infinite zoom-in-zoom-out;
    display: block
}

@keyframes .zoom-in-zoom-out {

    0%,
    100% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1.1, 1.3)
    }
}

.padding10 {
    padding: 10px
}

.costing {
    font-size: 1.25rem
}

.form-control::placeholder {
    color: #acacac;
    font-weight: 400;
}

/*Download brochure added css*/
@media only screen and (min-width:992px) and (max-width:1280px) {
    .download-brochure .desk_brochure img {
        width: 110px !important;
        right: 100px !important
    }
}

@media only screen and (max-width:991px) {
    .download-brochure {
        z-index: 999 !important
    }

    .download-brochure .desk_brochure {
        display: none !important
    }

    .download-brochure .mob_brochure {
        display: block !important
    }

    .download-brochure .mob_brochure img {
        max-height: 100%;
        height: 144px;
        width: auto;
        position: fixed;
        left: 5px;
        top: 35%
    }
}

.download-brochure {
    position: fixed;
    z-index: 9999
}

.download-brochure .mob_brochure {
    display: none
}

.download-brochure .desk_brochure {
    display: block
}

.download-brochure .desk_brochure img {
    max-width: 100%;
    height: auto;
    width: 144px;
    display: block;
    position: fixed;
    right: 128px;
    bottom: 50px
}

.masterplan-box {
    display: flex;
    justify-content: center
}

.text-right {
    text-align: right;
    font-weight: 600;
    text-wrap: nowrap
}

.loc-pointer {
    display: flex;
    padding: 0 0 7px;
    justify-content: space-between;
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: .5rem !important
}

.padding0 {
    padding: 0
}

.loc-pointer i,
.loc-pointer span {
    display: inline-block
}

.loc-pointer .loc-text {
    display: flex;
    align-items: flex-start;
    gap: 5px
}

.loc-pointer-first {
    border-top: 1px solid #c9c9c9;
    padding-top: 7px
}

.p-left-10 {
    padding-left: 10px
}

#overview .download-brochure {
    position: relative;
    z-index: 0
}

@media only screen and (min-width:992px) {
    .location-map {
        display: block;
        max-width: 25vw;
        height: 18.5vw
    }

    .location-map img {
        max-width: 100%
    }

    .mobcall-btn {
        display: none
    }

    .popcallbtn {
        display: block !important
    }

    .popmodal .modal-highlight-bg {
        background-color: #fff
    }

    .popbox-left .poplogo {
        max-width: 10vw;
        height: 3.9vw
    }

    .popbox-left .modal-highlight-title {
        display: block;
        text-align: center;
        font-size: 1.2vw;
        padding: 25px 0 1vw;
        color: var(--colorPrimary);
        font-weight: 700
    }

    .popbox-right .modal-head,
    .popbox-right .submitBtn,
    .popmodal .popcallbtn {
        background-color: var(--colorPrimary);
        color: #fff
    }

    .popbox-left li {
        padding: 0 5px;
        display: flex;
        align-items: center;
        margin-bottom: 1.5vw
    }

    button.close {
        padding-top: 12px
    }

    .popbox-left .modal-highlight li span {
        padding: 0;
        text-align: left;
        margin-left: 10px;
        font-size: .9vw;
        line-height: 1.1vw;
        font-weight: 500
    }

    .popbox-left .modal-highlight li i {
        font-size: 2vw
    }

    .popbox-left .modal-highlight {
        padding: 10px 10px 0 20px
    }

    .popleftinner {
        background: #f8f8f8;
        margin: 0 0 1vh .5vw;
        border-radius: 10px;
        padding-bottom: 2px
    }

    .popbox-right {
        margin: 10px 0 0
    }

    .popbox-right .micro-form-field {
        font-weight: 700
    }

    .popmodal .popcallbtn {
        display: block !important;
        padding: .8rem 2.6rem;
        text-decoration: none;
        border-radius: 0;
        font-size: 1.2vw;
        margin: 0
    }

    .popbox-left .btn,
    .popbox-right .btn {
        font-size: 1.1vw !important;
        font-weight: 600
    }

    button#chat-pop-sm-close {
        padding-top: 1px;
        padding-right: 0;
        width: 20px;
        text-align: right;
        margin-right: -10px;
        margin-top: -4px;
        color: #727272
    }

    .popmodal .popcallbtn .mi {
        font-size: 1vw
    }

    .popbox-right .modal-head {
        display: inline-block;
        padding: .7vw .3vw;
        width: 94%
    }

    .popbox-right .form-control {
        height: calc(1.9em + .75rem + 3px);
        padding: .375rem .3rem
    }

    .popbox-right select.my_country_name.form-control.rounded-0.micro-form-field {
        padding: .375rem 0
    }

    .text-left {
        text-align: left
    }

    .popmodal .modal-body {
        padding: 5px 0 0
    }

    .popbox-right .modal-title-secondary {
        padding: 1.5vw .5vw 1vw 1.3vw
    }

    .popbox-right .modal-title {
        display: initial;
        text-transform: capitalize;
        padding: 0;
        font-size: 1.4vw;
        line-height: 20px
    }
}

@media only screen and (max-width:992px) {
    .location-map {
        display: block;
        height: auto;
        width: 100%
    }

    .location-map img {
        max-width: 100%
    }

    .popcallbtn {
        display: block;
    }

    .mobile-only {
        margin: 10px 0
    }
}

.new-padding {
    padding: 15px
}

.new-bt {
    margin-top: 10px;
    padding: 0 15px
}

.new-border {
    border-radius: 5px
}

.for-mobile,
.mobile-only {
    display: none
}

@media only screen and (max-width:768px) {
    .p-left-10 {
        padding-left: 0
    }

    .loc-pointer-first {
        border-top: none;
        padding-top: 15px
    }

    #overview .download-brochure {
        display: block !important;
        margin: 0 auto
    }

    .loc-icon {
        margin-top: 3px
    }

    .at-property-dis {
        padding: 1vw
    }

    .form-side {
        width: 90%;
        margin: auto
    }

    .mobcall-btn {
        padding-bottom: 10px;
        background: #eee;
        padding-top: 10px;
        border-radius: 0 0 .3rem .3rem
    }

    .for-desktop {
        display: none !important
    }
}

.mr-top {
    margin-top: 30px
}

.new-div-box {
    width: auto !important
}

.new-center-line {
    justify-content: center
}

.d-flex-center-items,
.new-pdf {
    display: flex;
    align-items: center
}

.btn.btn-danger {
    background-color: #f56d25 !important;
    background-size: 400% 400%;
    color: var(--colorBtn);
    border: none;
    margin: 15px 0 10px !important;
    border-radius: 0.25rem;
    font-size: 1rem;
}

.mr-tb-text {
    margin-top: 1.2rem;
    margin-bottom: .5rem
}

.btn.btn-danger:focus,
.btn.btn-danger:hover {
    background-color: #cf4d09 !important;
    color: #f0f8ff
}

.btn-danger.pulse-shadow {
    animation: 1.5s linear infinite pulse-shadow-danger
}

@keyframes pulse-shadow-danger {
    0% {
        box-shadow: 0 0 0 0 rgba(204, 88, 16, .7)
    }

    40%,
    80% {
        box-shadow: 0 0 0 10px rgba(204, 88, 16, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(204, 88, 16, 0)
    }
}

.pulse-shadow {
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    animation: 1.5s linear infinite pulse-shadow
}

.pdf-img {
    max-width: 26px;
    margin-right: 5px
}

.new-pdf {
    text-align: left !important;
    line-height: 1.1vw !important;
    justify-content: center;
    font-size: .9vw !important
}

.bounce {
    animation: 2s infinite bounce;
    -webkit-animation: 2s infinite bounce;
    -moz-animation: 2s infinite bounce;
    -o-animation: 2s infinite bounce
}

.textcolor:active,
.textcolor:hover {
    color: var(--colorPrimary);
    text-decoration: none
}

.d-flex-center-items {
    justify-content: center
}

.d-flex-center-items .textcolor .mi {
    font-size: 14px
}

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-8px)
    }

    60% {
        -webkit-transform: translateY(-7px)
    }
}

@-moz-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -moz-transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-8px)
    }

    60% {
        -moz-transform: translateY(-7px)
    }
}

@-o-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -o-transform: translateY(0)
    }

    40% {
        -o-transform: translateY(-8px)
    }

    60% {
        -o-transform: translateY(-7px)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-8px)
    }

    60% {
        transform: translateY(-7px)
    }
}

.callslider-container {
    width: 285px;
    height: 45px;
    background: #08a014;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    display: inline-block
}

.callslider-button {
    width: 35px;
    height: 35px;
    background: #1abf28;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    cursor: pointer;
    transition: left .2s;
    user-select: none
}

.callslider-text {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #555;
    padding: 0 0 0 35px
}

.callslider-text a,
.callslider-text a:focus,
.callslider-text a:hover {
    color: #fff
}

@media only screen and (max-width:991px) {
    .popbox-right .submitBtn {
        background-color: var(--colorPrimary);
        color: #fff
    }
}

.desktop {
    display: none;
}

.blockimg {
    background-image: var(--bgDesk);
    background-size: cover;
    background-position: center;
    height: 100%;
}

@media only screen and (max-width: 767px) {
    .blockimg {
        background-image: var(--bgMob) !important;
        min-height: 74vw !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blockimg {
        background-image: var(--bgMob) !important;
        min-height: 67vw !important;
    }
}

/* thank you page overlay css start */
.thank-you-brochure {
    position: relative;
    z-index: 100001;
}

.thank-overlay {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 10000;
}
/* Houzez Overlap Style Fix */
.houzez-overlap-fix {
    padding: 60px 0 120px !important; /* Bottom padding di hai taaki content cut na ho */
    position: relative;
    overflow: visible !important;
}

.houzez-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
}

.houzez-main-row {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 40px;
}

.houzez-image-box {
    flex: 1;
    min-width: 300px;
}

.houzez-text-box {
    flex: 1;
    min-width: 300px;
    padding-top: 20px;
}

.label-blue {
    color: var(--info);
    font-size: 0.9rem;
    letter-spacing: 2px;
}

/* Floating Card Magic */
.houzez-stats-card {
    background: #fff;
    border-radius: 8px;
    position: relative;
    z-index: 10;
    width: 90%;
    margin-left: auto;
    margin-top: -100px; /* Overlap effect */
    border: 1px solid #eee;
}

.houzez-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 30px;
    border-bottom: 1px solid #f1f1f1;
}

.houzez-col h3 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.houzez-col p {
    font-size: 0.85rem;
    color: #666;
    margin: 0;
    line-height: 1.4;
    padding-right: 10px;
}

.houzez-card-footer {
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fafafa;
    border-radius: 0 0 8px 8px;
}

.footer-msg {
    font-size: 0.9rem;
    font-weight: 500;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .houzez-overlap-fix { padding-bottom: 40px !important; }
    .houzez-stats-card { 
        width: 100%; 
        margin-top: 20px; 
        margin-left: 0;
    }
    .houzez-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .houzez-card-footer { flex-direction: column; gap: 15px; text-align: center; }
}
/* ===== CONTENT PROFESSIONAL FIX ===== */

.section,
.content-section,
.about-section,
.container {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

/* Heading Style */
h1, h2, h3 {
    line-height: 1.3;
    margin-bottom: 15px;
}

/* Paragraph readability */
p {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
}

/* Content card style */
.section-box,
.white-box,
.card-box {
    background: #fff;
    padding: 35px;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.05);
}

/* Button fix */
.btn,
button {
    padding: 12px 22px;
    border-radius: 6px;
    font-weight: 600;
}

/* Download brochure floating button fix */
.float-btn,
.download-brochure {
    right: 20px !important;
    bottom: 20px !important;
}

/* Mobile optimization */
@media(max-width:768px) {

    h1 {
        font-size: 26px;
    }

    p {
        font-size: 15px;
    }

    .section,
    .content-section {
        padding: 0 15px;
    }

}
/* ===== FULL WIDTH NAV FIX ===== */

header.micro-nav {
    width: 100%;
    left: 0;
    right: 0;
}

/* Navbar full stretch */
.micro-navbar {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Center content like purvakiadb */
.micro-navbar .navbar-collapse {
    max-width: 1280px;
    margin: auto;
}

/* Fix nav-fill breaking layout */
.micro-navbar .navbar-nav.nav-fill {
    width: auto !important;
    justify-content: center;
}

/* Logo spacing fix */
.micro-navbar .navbar-brand {
    margin-left: 15px;
}

/* Right overflow remove */
html, body {
    overflow-x: hidden !important;
}

/* Mobile fix */
@media (max-width: 992px) {

    .micro-navbar .navbar-collapse {
        max-width: 100%;
        padding: 10px;
    }

}
/* REMOVE LEFT WHITE GAP */
body, html {
    overflow-x: hidden !important;
}

/* Slider wrapper full width */
.micro-main-slider,
.main-slider,
.hero-section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Image full center */
.micro-main-slider img,
.main-slider img {
    width: 100% !important;
    object-fit: cover;
    display: block;
}

/* Container-fluid fix */
.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* ===== PREMIUM HERO SECTION ===== */

/* ===== PREMIUM HERO SECTION - BIGGER IMAGE ===== */

:root {
    --primary-gradient: linear-gradient(135deg, #2c3494 0%, #4a56d6 100%);
    --text-dark: #1a1a1a;
    --text-light: #64748b;
}

.premium-hero-section {
    padding: 80px 0 120px;
    background: #f8fafc;
    position: relative;
    overflow: hidden;
}

.hero-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 25px;
}

.hero-grid-wrapper {
    display: flex;
    gap: 60px;
    align-items: center;
    margin-bottom: 50px;
}

.hero-content-box { flex: 1; }
.hero-gallery-box { flex: 1.2; }

/* Text & Headings */
.hero-title {
    font-size: 52px;
    font-weight: 850;
    line-height: 1.1;
    color: rgb(34 100 75);
    margin: 20px 0;color: rgb(34 100 75);
}

.gradient-text {
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-subtitle {
    font-size: 17px;
    color: var(--text-light);
    line-height: 1.7;
    margin-bottom: 30px;
}

/* Button Color Fixes */
.btn-gradient {
    background: rgb(34 100 75);
    color: #fff;
    padding: 16px 32px;
    border-radius: 50px;
    border: none;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(44, 52, 148, 0.2);
    transition: 0.3s;
}

.btn-gradient:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(44, 52, 148, 0.3); }

.btn-link {
    margin-left: 20px;
    color: #2c3494;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
}

/* Gallery Styling */
.main-image-card {
    height: 520px;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 30px 60px rgba(0,0,0,0.15);
}

.main-image-card img { width: 100%; height: 100%; object-fit: cover; }

.thumbnail-row {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.t-card { height: 130px; flex: 1; border-radius: 15px; overflow: hidden; }
.t-card img { width: 100%; height: 100%; object-fit: cover; }
.t-card.active { border: 3px solid #2c3494; }

/* Stats Bar Fix */
.hero-stats-bar {
    display: flex;
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.08);
    position: relative;
    z-index: 100;
  
}

.stat-unit { flex: 1; text-align: center; border-right: 1px solid #eee; }
.stat-unit:last-child { border: none; }
.stat-unit strong { display: block; font-size: 26px; color: var(--text-dark); margin-bottom: 5px; }
.stat-unit span { font-size: 14px; color: var(--text-light); }

/* Mobile */
@media (max-width: 1024px) {
    .hero-grid-wrapper { flex-direction: column; text-align: center; }
    .hero-title { font-size: 38px; }
    .hero-stats-bar { flex-wrap: wrap; margin-top: 30px; }
    .stat-unit { flex: 50%; border: none; margin-bottom: 20px; }
    .main-image-card { height: 350px; }
}
/* thank you page overlay css end*/
.houzez-stats-card {
    position: absolute;
    bottom: 0;
    right: -250px; /* Ye box ko right side content ki taraf push karega */
    width: 900px;
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.1);
    z-index: 10;
}

/* ===== FULL SCREEN FIT FIX ===== */



/* ========================================
   PURVA CODENAME FLOW - AMENITIES SECTION
   Desktop Layout Fixed Version
   ======================================== */

/* === SECTION CONTAINER === */
#amenities {
    width: 100%;
    max-width: 100% !important;
    padding: 60px 0;
    margin: 0 !important;
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
    overflow-x: hidden;
}

/* === CONTAINER WRAPPER === */
#amenities > .container,
#amenities > .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/* === HEADING ROW === */
#amenities .row {
    max-width: 1400px;
    margin: 0 auto 40px auto !important;
    display: flex;
    align-items: center;
    justify-content: center; /* ✅ CENTER */
    flex-wrap: wrap;
    gap: 20px;
    padding: 0 20px;
}


#amenities .col-md-8,
#amenities .col-md-4 {
    padding: 0 15px;
}

/* === HEADING STYLING === */
#amenities h2,
#amenities .head {
    font-size: 36px !important;
    font-weight: 700 !important;
    color: rgb(34 100 75);
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
    letter-spacing: -0.5px;
    white-space: normal !important;
    overflow: visible !important;
    height: auto !important;
}

/* === DOWNLOAD BUTTON === */
.btn-info.micro-form-btn {
    background: rgb(34 100 75) !important;
    border: none !important;
    padding: 14px 32px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 30px !important;
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3) !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block !important;
}

.btn-info.micro-form-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(102, 126, 234, 0.4) !important;
}

/* === CAROUSEL CONTAINER === */
#ami-3 {
    width: 100%;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 80px;
    position: relative;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
}

#ami-3 .owl-stage-outer {
    overflow: hidden;
    border-radius: 20px;
    width: 100%;
}

#ami-3 .owl-stage {
    display: flex;
    align-items: stretch;
    transform-origin: center !important;
}

/* Fix owl carousel positioning */
.owl-carousel {
    position: relative;
    width: 100%;
}

/* === AMENITY CARDS WRAPPER === */
.owl-item {
    float: none !important;
}

.item-wrp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    padding: 10px;
    width: 100%;
}

/* === INDIVIDUAL AMENITY CARD === */
.ami_sec {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    background: #fff;
    cursor: pointer;
    width: 100%;
}

.ami_sec:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
}

/* === AMENITY IMAGE === */
.ami_sec img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.ami_sec:hover img {
    transform: scale(1.1);
}

/* === AMENITY TEXT OVERLAY === */
.ami_sec p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 20px 18px;
    margin: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-align: center;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.85) 0%,
        rgba(0, 0, 0, 0.6) 50%,
        transparent 100%
    );
    transition: all 0.3s ease;
}

.ami_sec:hover p {
    background: linear-gradient(
        to top,
        rgba(102, 126, 234, 0.95) 0%,
        rgba(118, 75, 162, 0.8) 50%,
        transparent 100%
    );
}

/* === NAVIGATION ARROWS === */
.owl-nav {
    display: block !important;
}

.owl-prev,
.owl-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: #ffffff !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    z-index: 10 !important;
    cursor: pointer !important;
    border: 2px solid #f0f0f0 !important;
}

.owl-prev:hover,
.owl-next:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4) !important;
    transform: translateY(-50%) scale(1.1) !important;
}

.owl-prev span,
.owl-next span {
    font-size: 28px !important;
    font-weight: bold !important;
    color: #333 !important;
    transition: color 0.3s ease !important;
    line-height: 1 !important;
}

.owl-prev:hover span,
.owl-next:hover span {
    color: #ffffff !important;
}

.owl-prev {
    left: 15px !important;
}

.owl-next {
    right: 15px !important;
}

/* === BOTTOM BUTTON CENTER === */
.col-12.text-center {
    margin-top: 40px;
    text-align: center !important;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

/* ========================================
   RESPONSIVE DESIGN
   ======================================== */

/* === LARGE DESKTOP === */
@media (min-width: 1400px) {
    #ami-3 {
        max-width: 1400px !important;
        padding: 0 100px;
    }
}

/* === STANDARD DESKTOP === */
@media (min-width: 992px) and (max-width: 1399px) {
    #amenities .row {
        max-width: 1200px;
    }
    
    #ami-3 {
        max-width: 1200px !important;
        padding: 0 70px;
    }
    
    .ami_sec img {
        height: 260px;
    }
}

/* === TABLET VIEW === */
@media (max-width: 991px) {
    #amenities {
        padding: 50px 0;
    }

    #amenities h2,
    #amenities .head {
        font-size: 28px !important;
        text-align: center;
    }

  #amenities .row {
    text-align: center;
    justify-content: center;
}

#amenities .col-md-8,
#amenities .col-md-4 {
    width: 100%;
    text-align: center;
}

#amenities h2,
#amenities .head {
    text-align: center !important;
    margin: 0 auto 20px auto !important;
}

.btn-info.micro-form-btn {
    display: block !important;
    margin: 0 auto !important;
    width: fit-content;
}

    #ami-3 {
        padding: 0 60px;
        max-width: 100% !important;
    }

    .ami_sec img {
        height: 240px;
    }

    .owl-prev {
        left: 10px !important;
    }

    .owl-next {
        right: 10px !important;
    }
    
    .btn-info.micro-form-btn {
        margin: 15px auto 0;
    }
}

/* === MOBILE VIEW === */
@media (max-width: 768px) {
    #amenities {
        padding: 40px 0;
    }

    #amenities .row {
        flex-direction: column;
        gap: 15px;
        margin-bottom: 30px !important;
        padding: 0 10px;
    }

    #amenities h2,
    #amenities .head {
        font-size: 22px !important;
        text-align: center;
        padding: 0 10px !important;
    }

    .btn-info.micro-form-btn {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        padding: 12px 24px !important;
        font-size: 14px !important;
    }

    #ami-3 {
        padding: 0 45px;
    }

    .item-wrp {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .ami_sec img {
        height: 200px;
    }

    .ami_sec p {
        font-size: 14px;
        padding: 16px 14px;
    }

    .owl-prev,
    .owl-next {
        width: 40px !important;
        height: 40px !important;
    }

    .owl-prev {
        left: 5px !important;
    }

    .owl-next {
        right: 5px !important;
    }

    .owl-prev span,
    .owl-next span {
        font-size: 24px !important;
    }
}

/* === SMALL MOBILE === */
@media (max-width: 480px) {
    #amenities h2,
    #amenities .head {
        font-size: 20px !important;
    }

    .ami_sec img {
        height: 180px;
    }

    #ami-3 {
        padding: 0 40px;
    }
}

/* ========================================
   ACCESSIBILITY & ANIMATIONS
   ======================================== */

/* Smooth transitions for all elements */


 #pricing {
            padding: 80px 40px 100px; /* 👈 INCREASED PADDING */
           
            max-width: 1400px; /* 👈 FIXED WIDTH PROBLEM */
            margin: 0 auto;
        }

        /* Perfect Typography */
        #pricing h2 {
            margin-bottom: 60px;
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            background: rgb(34 100 75);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            letter-spacing: -0.5px;
        }

        /* 👨‍🔧 MAIN FIX: Perfect Grid Container */
        .card__container {
            display: grid;
            grid-template-columns: repeat(3, 1fr); /* 👈 3 EQUAL COLUMNS */
            gap: 40px; /* 👈 PERFECT GAP */
            max-width: 1300px;
            margin: 0 auto;
            align-items: stretch;
        }

        /* ✨ PERFECT CARD DESIGN - Image Exact */
        .card__content {
            position: relative;
            background: #ffffff;
            border-radius: 24px;
            padding: 80px 30px 40px; /* 👈 MORE TOP SPACE FOR PRICE */
            box-shadow: 0 20px 60px rgba(0,0,0,0.1);
            border: 1px solid rgba(59,130,246,0.1);
            transition: all 0.4s cubic-bezier(0.4,0,0.2,1);
            overflow: visible;
            height: 100%;
        }

        .card__content:hover {
            transform: translateY(-12px);
            box-shadow: 0 35px 80px rgba(59,130,246,0.2);
        }

        /* 🔥 PERFECT PRICE BADGE - Top Right */
        .card__pricing {
    position: absolute;
    top: -25px;
    
    /* Center karne ke liye magic properties */
    left: 50%;
    transform: translateX(-50%);
    
    background: #22644b;
    color: #fff;
    padding: 16px 20px;
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(59,130,246,0.4);
    min-width: 110px;
    text-align: center;
}

        .card__pricing-number {
            font-size: 1.4rem;
            font-weight: 900;
            line-height: 1.1;
            display: block;
            margin-bottom: 2px;
        }

        .card__pricing-month {
            font-size: 0.75rem;
            font-weight: 600;
            opacity: 0.9;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        /* 🏠 Header Section */
        .card__header {
            text-align: center;
            margin-bottom: 30px;
        }

        .card__header-circle {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, #3b82f6, #60a5fa);
            border-radius: 50%;
            margin: 0 auto 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
            color: white;
            box-shadow: 0 10px 30px rgba(59,130,246,0.3);
        }

        /* Different colors for each card */
        .card-2bhk .card__header-circle { background: linear-gradient(135deg, #3b82f6, #1d4ed8); }
        .card-3bhk .card__header-circle { background: linear-gradient(135deg, #10b981, #34d399); }
        .card-4bhk .card__header-circle { background: linear-gradient(135deg, #f59e0b, #fbbf24); }

        .card__header-subtitle {
            font-size: 0.85rem;
            color: #64748b;
            text-transform: uppercase;
            letter-spacing: 1px;
            display: block;
            margin-bottom: 8px;
        }

        .card__header-title {
            font-size: 2.2rem;
            font-weight: 800;
            color: #1e293b;
            margin: 0;
            line-height: 1.1;
        }

        /* 📋 Features List */
        .card__list {
            list-style: none;
            padding: 0;
            margin: 0 0 30px 0;
            gap: 12px;
        }

        .card__list-item {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            padding: 8px 0;
        }

        .card__list-icon {
            width: 24px;
            height: 24px;
            background: #e2e8f0;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.9rem;
            color: #475569;
            flex-shrink: 0;
            margin-top: 2px;
        }

        .card__list-description {
            margin: 0;
            font-size: 0.95rem;
            color: #475569;
            line-height: 1.5;
            font-weight: 500;
        }

        /* 🎯 PERFECT BUTTON */
        .card__button {
            margin-top: auto;
            padding: 16px 30px;
            width: 100%;
            border-radius: 50px;
            background: #22644b;
            color: #fff;
            font-weight: 700;
            font-size: 1rem;
            border: none;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 8px 25px rgba(59,130,246,0.3);
        }

        .card__button:hover {
            background: #000;;
            transform: translateY(-2px);
            box-shadow: 0 12px 35px rgba(59,130,246,0.4);
        }

        /* 📱 PERFECT RESPONSIVE */
        @media (max-width: 1200px) {
            .card__container {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px;
            }
        }

        @media (max-width: 768px) {
            #pricing {
                padding: 60px 20px 80px;
            }
            
            .card__container {
                grid-template-columns: 1fr;
                gap: 25px;
            }
            
            .card__content {
                padding: 90px 25px 35px;
            }
            
            .card__pricing {
                right: 20px;
                top: -28px;
            }
            
            #pricing h2 {
                font-size: 2rem;
            }
        }

        /* Your original Bootstrap classes preserved */
 /* 1. Parent section ko full width (fluid) karein */
#sitefloorplan.section {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important; /* Sides se chipkaane ke liye */
    background: #fff; /* Agar piche background white chahiye */
}

/* 2. Text (Heading) ko niche lane aur center karne ke liye */
#sitefloorplan .head {
    text-align: center;
    padding-top: 50px; /* Text ko upar se niche dhakelne ke liye */
    margin-bottom: 30px; /* Heading aur image ke beech ka gap */
    display: block;
    width: 100%;
    font-size: 37px;   
    color: #22644b; 
}

/* 3. Masterplan box ko chipkaayein */
.masterplan-box {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 40px 0 !important; /* Bottom mein gap rakha hai */
    display: flex;
    justify-content: center;
    background: #fff;
}

/* 4. Card ka size wahi rakhein jo aapne diya tha */
.master-plan-card {
    width: 90%; 
    max-width: 800px; /* Desktop par sahi dikhne ke liye */
    margin: 0 auto;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 15px rgba(0,0,0,0.1);
}
            .master-plan-card:hover {
                transform: translateY(-10px);
                box-shadow: 0 15px 40px rgba(0,0,0,0.25);
                border-color: #2c3e50;
            }

            .master-plan-image-container {
                position: relative;
                width: 100%;
                padding: 10px;
                background: white;
                overflow: hidden;
            }

            .master-plan-image {
                width: 100%;
                height: auto;
                display: block;
                border-radius: 10px;
                transition: transform 0.4s ease;
            }

            .master-plan-card:hover .master-plan-image {
                transform: scale(1.05);
            }

            .image-overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0);
                transition: background 0.3s ease;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .master-plan-card:hover .image-overlay {
                background: rgba(0,0,0,0.3);
            }

            .view-btn {
                background: white;
                color: #2c3e50;
                padding: 12px 30px;
                border-radius: 25px;
                font-weight: 600;
                font-size: 1rem;
                opacity: 0;
                transform: translateY(20px);
                transition: all 0.3s ease;
                border: 2px solid #2c3e50;
            }

            .master-plan-card:hover .view-btn {
                opacity: 1;
                transform: translateY(0);
            }

            .download-section {
                padding: 15px 20px;
                background: linear-gradient(135deg, #8b6914 0%, #2c3e50 100%);
                text-align: center;
            }

            .download-btn {
                color: white;
                font-size: 1rem;
                font-weight: 600;
                letter-spacing: 0.5px;
                text-decoration: none;
                display: inline-block;
                transition: all 0.3s ease;
            }

            .download-btn:hover {
                transform: scale(1.05);
                letter-spacing: 2px;
            }

            .download-icon {
                margin-right: 10px;
                font-size: 1.3rem;
            }

            @media (max-width: 768px) {
                .section {
                    padding: 40px 20px;
                }

                .head {
                    font-size: 1.8rem;
                    margin-bottom: 30px;
                }

                .masterplan-box {
                    max-width: 100%;
                }

                .master-plan-image-container {
                    padding: 20px;
                }

                .download-section {
                    padding: 20px;
                }

                .download-btn {
                    font-size: 1rem;
                }
            }
             .gallery-section {
            max-width: 1400px;
            margin: 0 auto;
            padding: 80px 40px;
        }
        
        .section-header {
            margin-bottom: 60px;
            animation: fadeInUp 0.8s ease-out;
        }
        
        .section-header h2 {
            font-family: 'Poppins', sans-serif;
            font-size: 3.5rem;
            font-weight: 600;
            color: var(--primary-dark);
            margin-bottom: 20px;
            letter-spacing: -1px;
        }
        
        .section-header p {
            font-size: 1.1rem;
            color: #64748b;
            max-width: 650px;
            line-height: 1.8;
            margin-bottom: 30px;
        }
        
        .explore-btn {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            background: var(--primary-blue);
            color: white;
            padding: 16px 36px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.95rem;
            letter-spacing: 0.5px;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: 0 4px 20px rgba(74, 158, 255, 0.3);
            position: relative;
            overflow: hidden;
        }
        
        .explore-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
            transition: left 0.6s;
        }
        
        .explore-btn:hover::before {
            left: 100%;
        }
        
        .explore-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 30px rgba(74, 158, 255, 0.4);
        }
        
        .explore-btn svg {
            width: 20px;
            height: 20px;
            transition: transform 0.4s;
        }
        
        .explore-btn:hover svg {
            transform: translateX(5px);
        }
        
        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-auto-rows: 280px;
            gap: 20px;
            margin-bottom: 40px;
        }
        
        .property-card {
            position: relative;
            border-radius: 16px;
            overflow: hidden;
            cursor: pointer;
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            animation: fadeIn 0.6s ease-out backwards;
        }
        
        .property-card:nth-child(1) {
            grid-column: span 5;
            grid-row: span 2;
            animation-delay: 0.1s;
        }
        
        .property-card:nth-child(2) {
            grid-column: span 4;
            grid-row: span 1;
            animation-delay: 0.2s;
        }
        
        .property-card:nth-child(3) {
            grid-column: span 3;
            grid-row: span 1;
            animation-delay: 0.3s;
        }
        
        .property-card:nth-child(4) {
            grid-column: span 3;
            grid-row: span 1;
            animation-delay: 0.4s;
        }
        
        .property-card:nth-child(5) {
            grid-column: span 4;
            grid-row: span 1;
            animation-delay: 0.5s;
        }
        
        .property-card:nth-child(6) {
            grid-column: span 5;
            grid-row: span 1;
            animation-delay: 0.6s;
        }
        
        .property-card:nth-child(7) {
            grid-column: span 4;
            grid-row: span 1;
            animation-delay: 0.7s;
        }
        
        .property-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .property-card:hover img {
            transform: scale(1.1);
        }
        
        .card-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(26, 31, 46, 0) 0%, rgba(26, 31, 46, 0.9) 100%);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 24px;
            opacity: 1;
            transition: all 0.4s ease;
        }
        
        .property-card:hover .card-overlay {
            background: linear-gradient(180deg, rgba(26, 31, 46, 0.3) 0%, rgba(26, 31, 46, 0.95) 100%);
        }
        
        .card-tag {
            align-self: flex-start;
            background: var(--overlay-light);
            backdrop-filter: blur(10px);
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 600;
            color: white;
            text-transform: uppercase;
            letter-spacing: 1px;
            border: 1px solid rgba(255, 255, 255, 0.2);
            transform: translateY(0);
            transition: transform 0.4s ease;
        }
        
        .property-card:hover .card-tag {
            transform: translateY(-5px);
        }
        
        .card-content {
            transform: translateY(0);
            transition: transform 0.4s ease;
        }
        
        .property-card:hover .card-content {
            transform: translateY(-10px);
        }
        
        .card-count {
            font-size: 0.85rem;
            color: rgba(255, 255, 255, 0.8);
            margin-bottom: 8px;
            font-weight: 500;
            letter-spacing: 1px;
        }
        
        .card-title {
            font-family: 'Poppins', sans-serif;
            font-size: 2rem;
            font-weight: 600;
            color: white;
            margin-bottom: 12px;
            line-height: 1.2;
        }
        
        .more-details {
            display: flex;
            align-items: center;
            gap: 8px;
            color: white;
            font-size: 0.9rem;
            font-weight: 600;
            text-decoration: none;
            opacity: 0;
            transform: translateX(-10px);
            transition: all 0.4s ease;
        }
        
        .property-card:hover .more-details {
            opacity: 1;
            transform: translateX(0);
        }
        
        .more-details svg {
            width: 18px;
            height: 18px;
            transition: transform 0.3s ease;
        }
        
        .property-card:hover .more-details svg {
            transform: translateX(5px);
        }
        
        .download-section {
            text-align: center;
            margin-top: 10px;
            animation: fadeInUp 0.8s ease-out 0.8s backwards;
        }
        
        .download-btn {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            background: var(--primary-dark);
            color: white;
            padding: 18px 40px;
            border: none;
            border-radius: 50px;
            font-family: 'Poppins', sans-serif;
            font-weight: 600;
            font-size: 1rem;
            letter-spacing: 0.5px;
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: 0 4px 20px rgba(26, 31, 46, 0.3);
        }
        
        .download-btn:hover {
            background: var(--secondary-blue);
            transform: translateY(-3px);
            box-shadow: 0 8px 30px rgba(26, 31, 46, 0.4);
        }
        
        .download-btn svg {
            width: 20px;
            height: 20px;
        }
        
        /* Animations */
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(40px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        /* Responsive Design */
        @media (max-width: 1200px) {
            .gallery-grid {
                grid-auto-rows: 240px;
            }
            
            .card-title {
                font-size: 1.6rem;
            }
        }
        
        @media (max-width: 968px) {
            .gallery-section {
                padding: 60px 30px;
            }
            
            .section-header h2 {
                font-size: 2.8rem;
            }
            
            .gallery-grid {
                grid-template-columns: repeat(6, 1fr);
                grid-auto-rows: 220px;
                gap: 15px;
            }
            
            .property-card:nth-child(1) {
                grid-column: span 6;
                grid-row: span 1;
            }
            
            .property-card:nth-child(2),
            .property-card:nth-child(3),
            .property-card:nth-child(4),
            .property-card:nth-child(5),
            .property-card:nth-child(6),
            .property-card:nth-child(7) {
                grid-column: span 3;
                grid-row: span 1;
            }
            
            .card-title {
                font-size: 1.4rem;
            }
        }
        
        @media (max-width: 640px) {
            .gallery-section {
                padding: 40px 20px;
            }
            
            .section-header h2 {
                font-size: 2.2rem;
            }
            
            .section-header p {
                font-size: 1rem;
            }
            
            .gallery-grid {
                grid-template-columns: 1fr;
                grid-auto-rows: 280px;
                gap: 15px;
            }
            
            .property-card:nth-child(1),
            .property-card:nth-child(2),
            .property-card:nth-child(3),
            .property-card:nth-child(4),
            .property-card:nth-child(5),
            .property-card:nth-child(6),
            .property-card:nth-child(7) {
                grid-column: span 1;
                grid-row: span 1;
            }
            
            .card-overlay {
                padding: 20px;
            }
            
            .card-title {
                font-size: 1.8rem;
            }
            
            .more-details {
                opacity: 1;
                transform: translateX(0);
            }
        }
        .gallery-section {
    background: #f5f7fa;
    padding: 60px 0;
}

.gallery-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    flex-wrap: wrap;
    gap: 20px;
}

.section-header h2 {
    font-size: 2rem;
    font-weight: 600;
    color: #22644b;
    margin: 0;
}

.download-btn {
    background: #22644b;
    color: white;
    border: none;
    padding: 14px 32px;
    border-radius: 50px;
    font-family: 'Poppins', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.25);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.download-btn:hover {
    background: #22644b;
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.35);
    transform: translateY(-2px);
}

/* Masonry Grid Layout */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: 320px;
    gap: 20px;
    margin-bottom: 30px;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    display: block;
}

/* Grid Layout */
.gallery-item:nth-child(1) {
    grid-column: span 4;
    grid-row: span 2;
}

.gallery-item:nth-child(2) {
    grid-column: span 4;
    grid-row: span 1;
}

.gallery-item:nth-child(3) {
    grid-column: span 4;
    grid-row: span 2;
}

.gallery-item:nth-child(4) {
    grid-column: span 3;
    grid-row: span 2;
    margin-right: -112px;
}

.gallery-item:nth-child(5) {
    grid-column: span 3;
    grid-row: span 1;
    margin-right: -110px;
}

.gallery-item:nth-child(6) {
    grid-column: span 3;
    grid-row: span 1;
    right: -120px;
    margin-right: -105px;
}

.gallery-item:nth-child(7) {
    grid-column: span 3;
    grid-row: span 1;
}

.gallery-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

/* Image Blur to Clear Effect */
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: filter 0.5s ease, transform 0.5s ease;
}

.gallery-item:hover img {
    filter: blur(0) brightness(1);
    transform: scale(1.08);
}

/* Overlay - Visible only when NOT hovering */
.gallery-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.7) 100%);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    opacity: 1;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.gallery-item:hover .gallery-overlay {
    opacity: 0;
}

.overlay-content {
    color: white;
}

.overlay-tag {
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    opacity: 0.9;
}

.overlay-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.2;
}

.overlay-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    font-weight: 500;
}

.overlay-link svg {
    width: 16px;
    height: 16px;
}

/* Mobile Download Button */
.mobile-download {
    text-align: center;
    margin-top: 30px;
}

.mobile-download .download-btn {
    display: none;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .gallery-grid {
        grid-template-columns: repeat(6, 1fr);
        grid-auto-rows: 180px;
        gap: 15px;
    }
    
    .gallery-item:nth-child(1) {
        grid-column: span 6;
        grid-row: span 2;
    }
    
    .gallery-item:nth-child(2),
    .gallery-item:nth-child(3) {
        grid-column: span 3;
        grid-row: span 1;
    }
    
    .gallery-item:nth-child(4),
    .gallery-item:nth-child(5),
    .gallery-item:nth-child(6),
    .gallery-item:nth-child(7) {
        grid-column: span 3;
        grid-row: span 1;
        margin-right: 0;
        right: 0;
    }
    
    .overlay-title {
        font-size: 1.3rem;
    }
}

@media (max-width: 768px) {
    .gallery-section {
        padding: 40px 15px;
    }
    
    .section-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .section-header .download-btn {
        display: none;
    }
    
    .mobile-download .download-btn {
        display: inline-block;
    }
    
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 200px;
        gap: 12px;
    }
    
    .gallery-item:nth-child(1),
    .gallery-item:nth-child(2),
    .gallery-item:nth-child(3),
    .gallery-item:nth-child(4),
    .gallery-item:nth-child(5),
    .gallery-item:nth-child(6),
    .gallery-item:nth-child(7) {
        grid-column: span 1;
        grid-row: span 1;
        margin-right: 0;
        right: 0;
    }
    
    .section-header h2 {
        font-size: 1.4rem;
    }
    
    .overlay-title {
        font-size: 1.2rem;
    }
    
    /* Mobile me overlay always visible */
    .gallery-item:hover .gallery-overlay {
        opacity: 1;
    }
    
    .gallery-item img {
        filter: blur(0) brightness(0.9);
    }
}

@media (max-width: 480px) {
    .section-header h2 {
        font-size: 1.2rem;
    }
    
    .download-btn {
        padding: 12px 28px;
        font-size: 0.85rem;
    }
    
    .overlay-title {
        font-size: 1.1rem;
    }
}
/* Section ko poori width dene ke liye */
#address_section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 5% !important; /* Side me thoda sa gap rakhne ke liye */
    padding-right: 5% !important;
    background-color: #ffffff; /* Clean background */
}

/* List item lines ko fluid banane ke liye */
.connectivity-list .border-bottom {
    border-bottom: 1px solid #ececec !important;
    width: 100%;
}

/* Connectivity text styling */
.connectivity-list span {
    font-size: 1.1rem;
}

/* Button animation and gradient */
.effetMoveGradient {
    background: linear-gradient(90deg, #6a5acd, #9370db, #6a5acd);
    background-size: 200% auto;
    transition: 0.5s;
    color: white;
    font-weight: bold;
    border: none;
}

.effetMoveGradient:hover {
    background-position: right center;
}
/* Location Section - Serif Font (Georgia Style) */
.location-section {
    background: #ffffff;
    padding: 70px 5%;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.location-container {
    max-width: 1400px;
    margin: 0 auto;
}

/* Header Styling */
.location-header {
    text-align: center;
    margin-bottom: 60px;
}

.location-badge {
    font-size: 0.95rem;
    font-weight: 400;
    color: #374151;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
}

.location-title {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    color: #22644b;
    line-height: 1.3;
    margin: 0;
    letter-spacing: -0.5px;
}

/* Content Grid Layout */
.location-content {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: 80px;
    align-items: center;
    margin-bottom: 50px;
}

/* Connectivity List - Left Side */
/* Connectivity List - Serif Font Style */
.connectivity-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    background: white;
}

.connectivity-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 22px 20px;
    border-bottom: 1px solid #e5e7eb;
}

.connectivity-item:last-child {
    border-bottom: none;
}

.pin-icon {
    font-size: 1.4rem;
    color: #e91e63;
    flex-shrink: 0;
}

.connectivity-text {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 1.05rem;
    font-weight: 400;
    color: #2d3748;
    line-height: 1.6;
}

/* Map - Right Side */
.map-wrapper {
    position: relative;
}

.map-container {
    border: 1px solid #d1d5db;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    background: white;
    height: 400px;
}

.map-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Action Buttons */
/* Action Buttons - Aligned Properly */
.location-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 50px;
}

.btn-get-directions {
    background: #22644b;
    color: white;
    border: none;
    padding: 16px 42px;
    border-radius: 50px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 1.5px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.35);
    text-transform: uppercase;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-get-directions:hover {
    background: #000000;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.45);
}

.btn-download-brochure {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: white;
    color: #1a1a1a;
    border: 2px solid #d1d5db;
    padding: 14px 38px;
    border-radius: 50px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 52px;
}

.btn-download-brochure:hover {
    background: #f9fafb;
    border-color: #667eea;
    color: #667eea;
    transform: translateY(-2px);
}

.pdf-icon {
    font-size: 1.1rem;
    color: #dc2626;
}
/* Responsive Design */
@media (max-width: 1024px) {
    .location-title {
        font-size: 2rem;
    }
    
    .location-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .map-container {
        height: 350px;
    }
}

@media (max-width: 768px) {
    .location-section {
        padding: 50px 4%;
    }
    
    .location-title {
        font-size: 1.6rem;
    }
    
    .connectivity-text {
        font-size: 0.95rem;
    }
    
    .map-container {
        height: 300px;
    }
    
    .location-actions {
        flex-direction: column;
    }
    
    .btn-get-directions,
    .btn-download-brochure {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .location-title {
        font-size: 1.4rem;
    }
    
    .connectivity-item {
        padding: 18px 0;
    }
}
#sitevisit {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden; /* Taaki image bahar na nikle */
    background-color: #f7f7f7;
}

#sitevisit .at-property-item, 
#sitevisit .vsv-img, 
#sitevisit img {
    width: 100% !important;
    display: block;
}
 .developer-section {
            max-width: 1400px;
            margin: 0 auto;
           
            display: flex;
            gap: 60px;
            align-items: flex-start;
            padding: 0;
            border-radius: 0;
        }

        .left-content {
            flex: 1;
            padding: 60px;
        }

        .section-title {
            font-size: 32px;
            color: #1a1a1a;
            margin-bottom: 30px;
            font-weight: 400;
            letter-spacing: 0.5px;
        }

        .about-text {
            font-size: 16px;
            color: #444;
            line-height: 1.9;
            text-align: left;
        }

        .right-form {
            flex: 0 0 480px;
            background: #1a1d3a;
            padding: 50px 45px;
            border-radius: 20px;
            margin: 40px 40px 40px 0;
        }

        .form-title {
            color: white;
            font-size: 26px;
            text-align: center;
            margin-bottom: 35px;
            font-weight: 400;
            letter-spacing: 0.5px;
            border: 1.5px solid rgba(255,255,255,0.3);
            padding: 16px 20px;
            border-radius: 10px;
        }

        .form-group {
            margin-bottom: 22px;
        }

        .form-group input {
            width: 100%;
            padding: 16px 22px;
            border: none;
            border-radius: 10px;
            font-size: 15px;
            font-family: 'Montserrat', sans-serif;
            background: white;
            transition: all 0.3s ease;
            color: #333;
        }

        .form-group input::placeholder {
            color: #999;
        }

        .form-group input:focus {
            outline: none;
            box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
        }

        .submit-btn {
            width: auto;
            padding: 14px 50px;
            background: white;
            color: #1a1d3a;
            border: none;
            border-radius: 8px;
            font-size: 15px;
            font-weight: 500;
            cursor: pointer;
            letter-spacing: 0.3px;
            transition: all 0.3s ease;
            display: block;
            margin: 25px auto 0;
        }

        .submit-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(255, 255, 255, 0.3);
        }

        @media (max-width: 1024px) {
            .developer-section {
                flex-direction: column;
                gap: 0;
            }

            .left-content {
                padding: 40px 30px;
            }

            .right-form {
                flex: 1;
                width: 100%;
                margin: 0;
                padding: 40px 30px;
                border-radius: 0 0 8px 8px;
            }

            .section-title {
                font-size: 26px;
            }

            .about-text {
                font-size: 15px;
            }
        }

        @media (max-width: 768px) {
            body {
                padding: 20px 10px;
            }

            .left-content {
                padding: 30px 20px;
            }

            .right-form {
                padding: 30px 20px;
            }

            .form-title {
                font-size: 22px;
                padding: 14px 18px;
            }

            .form-group input {
                padding: 14px 18px;
            }

            .submit-btn {
                padding: 12px 40px;
            }
        }
        /* Poore section ko bada karne ke liye */
.fluid-disclaimer {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background: #ffffff !important;
    padding: 20px 0;
    border-top: 1px solid #ddd;
}

#developer {
    max-width: 1200px; /* Text ko bahut zyada phelne se rokne ke liye */
    margin: 0 auto !important;
    padding: 0 15px;
    background: transparent !important;
    box-shadow: none !important;
}

.newlist {
    list-style: none;
    padding: 0;
    margin-bottom: 15px;
}

.newlist li {
    margin-bottom: 5px;
    color: #666;
    line-height: 1.6;
}

.disclaimer-text {
    text-align: justify;
    color: #888;
    font-size: 0.85rem;
    margin-top: 15px;
}

.copyright-links {
    text-align: center;
    margin-top: 15px;
    font-weight: 500;
}

.copyright-links a {
    color: #0044bb;
    text-decoration: none;
}
/* ===== SLIDER BASE ===== */
/* ===== BANNER CAROUSEL - MAIN FIX ===== */
.micro-main-slider,
.carousel-inner,
.carousel-item {
    width: 100%;
    position: relative;
}

/* ===== DESKTOP - 100vh Banner ===== */
@media (min-width: 992px) {
    .carousel-item {
        height: 100vh !important;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }
    
    /* Desktop Text */
    .banner-left h1 {
        font-size: 56px;
        color: #fff;
        font-weight: bold;
        text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
    }
    
    .banner-left p {
        font-size: 20px;
        color: #fff;
        text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
    }
    
    /* Desktop Overlay */
    .banner-overlay {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        padding: 40px 60px;
        background: linear-gradient(
            90deg,
            rgba(0,0,0,0.6) 0%,
            rgba(0,0,0,0.3) 50%,
            rgba(0,0,0,0.1) 100%
        );
    }
}

/* ===== MOBILE - 50vh Banner ===== */
@media (max-width: 991px) {
    .carousel-item {
        height: 50vh !important;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    /* Mobile Text */
    .banner-left h1 {
        font-size: 32px;
        color: #fff;
    }
    
    .banner-left p {
        font-size: 16px;
        color: #fff;
    }
    
    /* Mobile Overlay */
    .banner-overlay {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: flex-end;
        padding: 20px;
        background: linear-gradient(
            to top,
            rgba(0,0,0,0.75) 0%,
            rgba(0,0,0,0.4) 50%,
            transparent 100%
        );
    }
}

/* Extra Small Mobile */
@media (max-width: 576px) {
    .banner-left h1 {
        font-size: 26px;
    }
    .banner-left p {
        font-size: 14px;
    }
}

/* ===== PROJECT CARD - Desktop pe Right Side ===== */
@media (min-width: 992px) {
    .project-card-wrap {
        position: absolute;
        right: 80px;
        top: 55%;
        transform: translateY(-50%);
        width: 380px;
        max-width: 380px;
        z-index: 100;
        max-height: 90vh;
        overflow-y: auto;
    }
}

/* ===== PROJECT CARD - Mobile pe Banner ke NICHE ===== */
@media (max-width: 991px) {
    .project-card-wrap {
        position: relative !important;
        width: 100%;
        max-width: 100%;
        right: auto;
        top: auto;
        transform: none !important;
        padding: 20px;
        margin: 0;
        z-index: 1;
    }
    
    /* 🔥 SIRF PROJECT CARD KO AFFECT KARE */
    .project-card-wrap .project-card {
        max-width: 500px;
        margin: 0 auto;
    }
}

/* ===== PROJECT CARD DESIGN - SIRF .project-card-wrap ke andar ===== */
.project-card-wrap .project-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0,0,0,0.3);
}

.project-card-wrap .pre-launch-badge {
    background: #1e5f42;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    border-radius: 12px 12px 0 0;
}

.project-card-wrap .project-title {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    text-align: center;
    margin: 18px 20px 8px;
    line-height: 1.25;
}

.project-card-wrap .project-location {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
    text-align: center;
    margin: 8px 20px 6px;
}

.project-card-wrap .project-by {
    font-size: 13px;
    color: #666;
    text-align: center;
    margin-bottom: 12px;
}

.project-card-wrap .project-details {
    padding: 12px 25px;
    margin-bottom: 0;
    background: #e8e8e8;
}

.project-card-wrap .detail-row {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}

.project-card-wrap .detail-row .label {
    font-size: 14px;
    color: #1a1a1a;
    font-weight: 400;
}

.project-card-wrap .detail-row .value {
    font-size: 14px;
    font-weight: 700;
    color: #1a1a1a;
}

.project-card-wrap .green-highlights {
    background: #1e5f42;
    padding: 0;
    margin: 0;
}

.project-card-wrap .highlight-item {
    color: #fff;
    text-align: center;
    padding: 11px 15px;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

.project-card-wrap .highlight-item:last-child {
    border-bottom: none;
}

.project-card-wrap .pricing-section {
    padding: 18px 25px 15px;
    text-align: center;
    background: #fff;
}

.project-card-wrap .pricing-label {
    font-size: 14px;
    color: #1a1a1a;
    margin-bottom: 8px;
    font-weight: 400;
}

.project-card-wrap .pricing-value {
    font-size: 36px;
    font-weight: 700;
    color: #1e5f42;
    margin: 0;
    line-height: 1;
    letter-spacing: -1px;
    text-align: center
}

.project-card-wrap .pricing-value .onwards {
    font-size: 15px;
    font-weight: 400;
    color: #666;
    margin-left: 5px;
}

.project-card-wrap .express-interest-btn {
    width: calc(100% - 50px);
    margin: 0 25px 15px;
    padding: 14px;
    background: #1e5f42;
    color: #fff;
    border: none;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    box-shadow: 0 3px 8px rgba(30,95,66,0.3);
}

.project-card-wrap .express-interest-btn:hover {
    background: #16502f;
    transform: translateY(-2px);
    box-shadow: 0 5px 12px rgba(30,95,66,0.4);
}

.project-card-wrap .rera-info {
    padding: 12px 25px 18px;
    text-align: center;
    background: #fff;
}

.project-card-wrap .rera-status {
    font-size: 13px;
    color: #1a1a1a;
    font-weight: 600;
    margin-bottom: 6px;
}

.project-card-wrap .rera-number {
    font-size: 10px;
    color: #888;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
}


/* Overlay with Backdrop Blur */
.popup-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.7);
  backdrop-filter: blur(4px);
  z-index: 99999;
  justify-content: center;
  align-items: center;
}
.popup-overlay.active { display: flex; }

.popup-container {
  background: #fff;
  width: 95%;
  max-width: 750px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 20px 50px rgba(0,0,0,.3);
}

.popup-content { 
  display: flex; 
}

/* LEFT PANEL: Promise Section */
.promise-section {
  flex: 0 0 45%;
  display: flex;
  flex-direction: column;
  padding: 35px 20px 35px 40px; /* Space management */
}

.popup-logo { margin-bottom: 25px; }
.company-logo { max-width: 190px; width: 100%; height: auto; display: block; margin-bottom: 4px; }
.popup-subtitle { font-size: 11px; color: #22644b; font-weight: 700; margin: 0; }

.promise-title { margin: 25px 0 15px; font-size: 20px; font-weight: 800; color: #22644b; }
.promise-items { display: flex; flex-direction: column; gap: 14px; }
.promise-item { display: flex; align-items: center; gap: 12px; }
.promise-text { color: #22644b; font-weight: 700; font-size: 18px; }

/* RIGHT PANEL: Form Section */
.form-container-side { 
  flex: 0 0 50%; 
  padding: 35px 40px 35px 10px; 
}

.form-title { 
  color: #22644b; 
  font-size: 16px; 
  font-weight: 700; 
 
  margin-bottom: 20px;
  line-height: 1.3;
}
.highlight { 
  color: #22644b; 
  font-size: 26px; 
  display: block; 
  font-weight: 800;
}

.popup-form { display: flex; flex-direction: column; gap: 20px; }

.form-input {
  border: none;
  border-bottom: 1px solid #22644b;
  padding: 10px 0;
  font-size: 15px;
  outline: none;
  width: 100%;
  color: #333;
}

.phone-group {
  display: flex;
  gap: 8px;
  border-bottom: 1px solid #22644b;
  align-items: center;
}
.country-select { border: none; font-weight: 800; background: none; outline: none; padding: 10px 0; }
.phone-input { border: none !important; }

/* BUTTON */
.submit-btn {
  background: #22644b;
  color: #fff;
  padding: 15px;
  border: none;
  border-radius: 8px;
  font-weight: 800;
  cursor: pointer;
  margin-top: 15px;
  font-size: 16px;
  transition: opacity 0.3s;
}
.submit-btn:hover { opacity: 0.9; }

/* FOOTER */
.footer-call {
  background: #22644b;
  color: #fff;
  text-align: center;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-weight: 800;
  font-size: 22px;
}

/* CLOSE BUTTON */
.popup-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #22644b;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100;
  font-weight: bold;
}

/* MOBILE RESPONSIVE */
@media (max-width: 600px) {

  /* Popup container mobile fix */
  .popup-container {
    max-width: 100%;
    max-height: 95vh;
    overflow-y: auto;
    border-radius: 10px;
  }

  .popup-content {
    flex-direction: column;
  }

  /* ======================
     LOGO FIX (MAIN ISSUE)
  ====================== */
  .popup-logo {
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    justify-content: center;
    text-align: center;
    margin-bottom: 8px;
  }

  .popup-logo img.company-logo {
    max-width: 260px !important;   /* 🔥 clearly big */
    width: 120% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }

  .popup-subtitle {
    font-size: 11px;
    letter-spacing: 1px;
    text-align: center;
  }

  /* ======================
     PROMISE SECTION
  ====================== */
  .promise-section {
    padding: 14px;
    text-align: center;
    border-bottom: 1px solid #eee;
  }

  .promise-title {
    font-size: 15px;
    margin: 6px 0;
  }

  .promise-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    justify-items: center;
  }

  .promise-item {
    flex-direction: column;
    gap: 4px;
  }

  .promise-text {
    font-size: 11px;
  }

  .promise-icon {
    font-size: 16px;
  }

  /* ======================
     FORM SECTION
  ====================== */
  .form-container-side {
    padding: 14px;
  }

  .form-title {
    text-align: center;
    font-size: 13px;
  }

  .highlight {
    font-size: 18px;
  }

  .popup-form {
    gap: 10px;
  }

  .form-input {
    font-size: 14px;
    padding: 6px 0;
  }

  .submit-btn {
    font-size: 15px;
    padding: 12px;
    margin-top: 6px;
  }

  /* ======================
     FOOTER CALL
  ====================== */
  .footer-call {
    font-size: 15px;
    padding: 12px;
    position: sticky;
    bottom: 0;
  }
}
/* Pure section ka container */
.green-right-section {
    background-color: rgb(34, 100, 75) !important;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    height: 100%;
    margin-left: 10px;
    overflow: hidden; /* Round corners se bahar color na jaye */
}

/* Dono List items ka background fix */
.price-sheet-li, .call-section-li {
    background-color: rgb(34, 100, 75) !important;
    list-style: none;
    display: flex;
    align-items: center;
    transition: none !important; /* Any animation removal */
}

/* Hover issue ka pakka ilaaj */
.price-sheet-li:hover, 
.call-section-li:hover,
.green-right-section .nav-link:hover {
    background-color: rgb(34, 100, 75) !important; /* Green hi rahega */
    color: white !important; /* Text white hi rahega */
    text-decoration: none;
}

/* Call Link Styling */
.call-link {
    color: white !important;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 20px !important;
}

/* Price Text Styling */
.price-text {
    font-size: 12px;
    line-height: 1.1;
    font-weight: 400;
}
.price-text span {
    font-size: 14px;
    font-weight: 700;
}

/* Icons styling */
.pdf-icon-img {
    width: 28px;
    height: auto;
}

/* Beech ki patli line */
.border-left-divider {
    border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
}
/* Desktop Only Styles */
@media (min-width: 768px) {
    .green-right-section {
        background-color: rgb(34, 100, 75) !important;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
        height: 100%;
        margin-left: 10px;
        overflow: hidden;
        display: flex !important; /* Pakka karega ki desktop par dikhe */
    }

    .price-sheet-li, .call-section-li {
        background-color: rgb(34, 100, 75) !important;
        list-style: none;
        display: flex;
        align-items: center;
    }

    /* Hover fix taaki white na ho */
    .price-sheet-li:hover, 
    .call-section-li:hover,
    .green-right-section .nav-link:hover {
        background-color: rgb(34, 100, 75) !important;
        color: white !important;
    }

    .call-link {
        color: white !important;
        font-weight: 700;
        font-size: 16px;
        padding: 10px 20px !important;
        white-space: nowrap; /* Number ek line mein rahega */
    }

    .border-left-divider {
        border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
    }
}

/* Mobile ke liye extra safety (optional) */
@media (max-width: 767px) {
    .green-right-section {
        display: none !important;
    }
}
/* Default (Desktop) */
.poplogo {
    max-width: 160px;
    height: auto;
}

/* Mobile Fix */
@media (max-width: 576px) {

    .poplogo {
        max-width: 150px;   /* mobile me chhota */
    }

    .popbox-left {
        padding: 15px 10px;
        text-align: center;
    }

}

/* =========================
========================= */