* ===== GODREJ VRIKSHYA – BRAND COLOR VARIABLES (ANIMATED GRADIENT EDITION) ===== */
:root {
    --colorPrimary:   #C9A84C;
    --colorSecondary: #A8782A;
    --colorBtn:       #ffffff;

    --grad1: #7a5010;
    --grad2: #A8782A;
    --grad3: #C9A84C;
    --grad4: #C9A84C;
    --grad5: #8B6214;
    --grad6: #A8782A;
    
    --grad-start:  #7a5010;
    --grad-mid1:   #A8782A;
    --grad-mid2:   #C9A84C;
    --grad-mid3:   #8B6214;
    --grad-gold:   #C9A84C;
    --grad-amber:  #A8782A;

    /* Consolidated Bootstrap Variables */
    --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;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

/* ===== MASTER MOVING GRADIENT KEYFRAME ===== */
@-webkit-keyframes brandGradient {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
@keyframes brandGradient {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Alias for legacy Gradient name used in mob-form */
@-webkit-keyframes Gradient {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
@keyframes Gradient {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
/* ===== BULLETPROOF INFO-BOX GRADIENT CLASSES =====
   Uses scoped .ibg-* names — Bootstrap has zero rules for these,
   so no !important wars needed. background shorthand is safe here
   because nothing overrides it. ===== */
@-webkit-keyframes ibgMove {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
@keyframes ibgMove {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.ibg-bg {
    background: linear-gradient(90deg,#1A4731,#2D6A4F,#C9A84C,#A8782A,#C9A84C,#2D6A4F,#1A4731);
    background-size: 300% 100%;
    animation: ibgMove 4s ease infinite;
    color: #fff;
}
.ibg-text {
    background: linear-gradient(90deg,#1A4731,#2D6A4F,#C9A84C,#A8782A,#C9A84C,#2D6A4F,#1A4731);
    background-size: 300% 100%;
    animation: ibgMove 4s ease infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
}

/* Utility class for moving gradients */
.mg {
    background-image: linear-gradient(
        135deg,
        var(--grad-start),
        var(--grad-mid1),
        var(--grad-mid2),
        var(--grad-gold),
        var(--grad-mid3),
        var(--grad-amber),
        var(--grad-start)
    );
    background-size: 400% 400% !important;
    animation: brandGradient 4s ease infinite;
}

/* ===== NAVBAR / HEADER – moving gradient  ===== */

.navbar.micro-navbar .nav-item .nav-link.active {
    background-image: linear-gradient(90deg, #C9A84C, #A8782A, #C9A84C, #8B6214, #C9A84C) !important;
    background-size: 300% 300% !important;
    animation: brandGradient 4s ease infinite !important;
    color: #fff !important;
}

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

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

/* ===== FORMS – btn-info – GOLDEN ===== */

.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active {
    background-image: linear-gradient(135deg, #C9A84C, #A8782A, #C9A84C, #8B6214, #C9A84C, #A8782A, #C9A84C) !important;
    background-size: 400% 400% !important;
    animation: brandGradient 4s ease infinite !important;
    border-color: transparent !important;
    color: #fff !important;
    text-shadow: 0 2px 5px rgba(0,0,0,0.25);
}

/* ===== MODAL HEAD – animated gradient ===== */

.modal-head {
    background-image: linear-gradient(90deg, #1A4731, #2D6A4F, #C9A84C, #A8782A, #1A4731) !important;
    background-size: 300% 300% !important;
    animation: brandGradient 4s ease infinite !important;
}

/* ===== MODAL CALL-TO-ACTION BUTTON – animated gradient ===== */

.modal-call-btn,
.modal-call-btn:hover {
    background-image: linear-gradient(90deg, #1A4731, #2D6A4F, #C9A84C, #A8782A, #1A4731) !important;
    background-image: linear-gradient(90deg, #1A4731, #2D6A4F, #C9A84C, #A8782A, #1A4731) !important;
    background-size: 300% 300% !important;
    animation: brandGradient 4s ease infinite !important;
    color: var(--colorBtn) !important;
    padding: 5px 0;
    text-decoration: none;
    display: block;
}

/* ===== MOBILE ACTION BAR – animated gradient ===== */

.mob-action {
   background-image: linear-gradient(90deg, #1A4731, #2D6A4F, #C9A84C, #A8782A, #1A4731);
    background-size: 300% 300% !important;
    animation: brandGradient 4s ease infinite !important;
}

/* ===== .color-primary TEXT – gold ===== */

.color-primary {
    background-image: linear-gradient(90deg, #1A4731, #2D6A4F, #C9A84C, #A8782A, #1A4731);
    background-size: 300% 300% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    animation: brandGradient 4s ease infinite !important;
}

/* ===== .effetMoveGradient – animated gradient ===== */

/* ===== .effetMoveGradient & .effetGradient – GREEN/GOLD (non-form) ===== */

.effetMoveGradient,
.effetMoveGradient:hover,
.effetGradient,
.effetGradient:hover {
    background-image: linear-gradient(90deg, #1A4731, #2D6A4F, #C9A84C, #A8782A, #1A4731) !important;
    background-size: 300% 300% !important;
    animation: brandGradient 4s ease infinite !important;
    color: #fff !important;
    border: none;
    text-shadow: 0 3px 6px rgba(0,0,0,0.25);
}

/* ===== Brochure button ===== */

.sectio-bro-btn {
    background-color: transparent;
    color: var(--colorPrimary);
    border: 1px solid var(--colorPrimary);
}

.sectio-bro-btn:hover {
    background-image: linear-gradient(90deg, #1A4731, #2D6A4F, #C9A84C, #A8782A, #1A4731) !important;
    background-image: linear-gradient(90deg, #1A4731, #2D6A4F, #C9A84C, #A8782A, #1A4731) !important;
    background-size: 300% 300% !important;
    animation: brandGradient 4s ease infinite !important;
    color: var(--colorBtn);
    color: var(--colorBtn) !important;
    border: 1px solid transparent;
    text-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* ===== Amenity tabs ===== */

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

.nav-link.ami-tab.active {
    color: var(--colorBtn);
    background-image: linear-gradient(90deg, #1A4731, #2D6A4F, #C9A84C, #A8782A, #1A4731) !important;
    background-size: 300% 300% !important;
    animation: brandGradient 4s ease infinite !important;
    border-color: transparent;
}

/* ===== Micro-form submit buttons ===== */

/* ===== Micro-form submit buttons – GOLDEN ===== */

.micro-form-btn,
.micro-form-btn:hover,
.micro-form-btn:focus,
.micro-form-btn:active {
    background-image: linear-gradient(135deg, #C9A84C, #A8782A, #C9A84C, #8B6214, #C9A84C, #A8782A, #C9A84C) !important;
    background-size: 400% 400% !important;
    animation: brandGradient 4s ease infinite !important;
    color: #fff !important;
    border: none !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 4px 14px rgba(168,120,42,0.4);
}

/* ===== LOADER ===== */
#loader {
    width: 100vw;
    height: 100vh;
    background-color: rgba(255,255,255,1);
    position: fixed;
    top: 0; left: 0;
    z-index: 1040;
}
.loader-text {
    display: block; text-align: center; color: #d7d7d7;
    font-family: Arial, sans-serif;
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%,-50%);
}
@keyframes loaderAnim {
    0%   { filter: grayscale(0); }
    50%  { filter: grayscale(100%); }
    100% { filter: grayscale(0); }
}
.loader-logo {
    width: 300px;
    animation: loaderAnim 1.3s infinite linear;
}

/* ===== INFO BOX (HERO OVERLAY) ===== */
/* Gradient elements use .ibg-bg / .ibg-text — scoped names Bootstrap never touches */
.info-box {
    background-color: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 36px rgba(0,0,0,0.22);
    text-align: left;
    display: flex;
    flex-direction: column;
}

.info-box .ib-top-banner {
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    padding: 9px 12px;
    letter-spacing: 0.3px;
}

.info-box .ib-body {
    padding: 14px 16px 10px;
    flex: 1;
    background-color: #ffffff;
}

.info-box .ib-proj-name { font-size: 21px; font-weight: 800; color: #0a0a0a; line-height: 1.2; margin-bottom: 3px; }
.info-box .ib-subline { font-size: 12px; color: #666; margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.info-box .ib-spec-row { display: flex; justify-content: space-between; padding: 4px 0; font-size: 13px; }
.info-box .ib-spec-val { font-weight: 700; color: #1A4731; }

.info-box .ib-highlight {
    border: 2px dashed rgba(255,255,255,0.5);
    border-radius: 6px;
    padding: 10px 12px;
    margin-bottom: 10px;
    text-align: center;
}
.info-box .ib-highlight p { color: #fff; font-size: 13px; font-weight: 600; margin: 0; line-height: 1.8; }

.info-box .ib-price { text-align: center; font-size: 28px; font-weight: 800; color: #0a0a0a; margin-bottom: 0; line-height: 1.2; }

.info-box .ib-enq-btn {
    display: block; width: 100%;
    border: none;
    color: #fff;
    padding: 14px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-align: center;
    cursor: pointer;
    border-radius: 0 0 10px 10px;
    flex-shrink: 0;
    margin-top: 12px;
}
/* .ibg-bg on .ib-top-banner / .ib-highlight / .ib-enq-btn handles gradient */

/* ===== OFFER BANNERS ===== */
.offer { display: block; padding: 8px; font-size: 13px; font-weight: 700; }
.offer-top {
    border-radius: 8px 8px 0 0;
    background-image: linear-gradient(90deg, #1A4731, #2D6A4F, #C9A84C, #A8782A, #1A4731) !important;
    background-size: 300% 300% !important;
    animation: brandGradient 4s ease infinite !important;
    color: #fff !important;
}
.offer-bottom { background: #d1e9fc; border-radius: 0 0 8px 8px; }

.mob-booking-banner {
    background-image: linear-gradient(90deg, #1A4731, #2D6A4F, #C9A84C, #A8782A, #1A4731);
    background-size: 300% 300% !important;
    animation: brandGradient 4s ease infinite;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 8px 0;
}

/* ===== Bootstrap Variables ===== */

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

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

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

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

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):hover {
    color: inherit;
    text-decoration: none
}

code,pre {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

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

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

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

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

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

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

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

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

template {
    display: none
}

[hidden] {
    display: none !important
}

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

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

.h2,h2 {
    font-size: 2rem
}

.h3,h3 {
    font-size: 1.75rem
}

.h4,h4 {
    font-size: 1.5rem
}

.h5,h5 {
    font-size: 1.25rem
}

.h6,h6 {
    font-size: 1rem
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

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

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.container-lg,.container-md,.container-sm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,.container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,.container-md,.container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width: 1140px
    }
}

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

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
.col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
.col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
.col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }

.order-first { -ms-flex-order: -1; order: -1 }
.order-last { -ms-flex-order: 13; order: 13 }
.order-0 { -ms-flex-order: 0; order: 0 }
.order-1 { -ms-flex-order: 1; order: 1 }
.order-2 { -ms-flex-order: 2; order: 2 }
.order-3 { -ms-flex-order: 3; order: 3 }
.order-4 { -ms-flex-order: 4; order: 4 }
.order-5 { -ms-flex-order: 5; order: 5 }
.order-6 { -ms-flex-order: 6; order: 6 }
.order-7 { -ms-flex-order: 7; order: 7 }
.order-8 { -ms-flex-order: 8; order: 8 }
.order-9 { -ms-flex-order: 9; order: 9 }
.order-10 { -ms-flex-order: 10; order: 10 }
.order-11 { -ms-flex-order: 11; order: 11 }
.order-12 { -ms-flex-order: 12; order: 12 }

.offset-1 { margin-left: 8.333333% }
.offset-2 { margin-left: 16.666667% }
.offset-3 { margin-left: 25% }
.offset-4 { margin-left: 33.333333% }
.offset-5 { margin-left: 41.666667% }
.offset-6 { margin-left: 50% }
.offset-7 { margin-left: 58.333333% }
.offset-8 { margin-left: 66.666667% }
.offset-9 { margin-left: 75% }
.offset-10 { margin-left: 83.333333% }
.offset-11 { margin-left: 91.666667% }

@media (min-width:576px) {
    .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0%; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100% }
    .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% }
    .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
    .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
    .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
    .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
    .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
    .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
    .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
    .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
    .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
    .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
    .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
    .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
    .offset-sm-0 { margin-left: 0 }
    .offset-sm-1 { margin-left: 8.333333% }
    .offset-sm-2 { margin-left: 16.666667% }
    .offset-sm-3 { margin-left: 25% }
    .offset-sm-4 { margin-left: 33.333333% }
    .offset-sm-5 { margin-left: 41.666667% }
    .offset-sm-6 { margin-left: 50% }
    .offset-sm-7 { margin-left: 58.333333% }
    .offset-sm-8 { margin-left: 66.666667% }
    .offset-sm-9 { margin-left: 75% }
    .offset-sm-10 { margin-left: 83.333333% }
    .offset-sm-11 { margin-left: 91.666667% }
}

@media (min-width:768px) {
    .col-md { -ms-flex-preferred-size: 0; flex-basis: 0%; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100% }
    .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% }
    .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
    .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
    .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
    .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
    .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
    .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
    .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
    .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
    .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
    .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
    .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
    .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
    .offset-md-0 { margin-left: 0 }
    .offset-md-1 { margin-left: 8.333333% }
    .offset-md-2 { margin-left: 16.666667% }
    .offset-md-3 { margin-left: 25% }
    .offset-md-4 { margin-left: 33.333333% }
    .offset-md-5 { margin-left: 41.666667% }
    .offset-md-6 { margin-left: 50% }
    .offset-md-7 { margin-left: 58.333333% }
    .offset-md-8 { margin-left: 66.666667% }
    .offset-md-9 { margin-left: 75% }
    .offset-md-10 { margin-left: 83.333333% }
    .offset-md-11 { margin-left: 91.666667% }
}

@media (min-width:992px) {
    .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0%; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100% }
    .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% }
    .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
    .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
    .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
    .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
    .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
    .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
    .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
    .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
    .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
    .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
    .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
    .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
    .offset-lg-0 { margin-left: 0 }
    .offset-lg-1 { margin-left: 8.333333% }
    .offset-lg-2 { margin-left: 16.666667% }
    .offset-lg-3 { margin-left: 25% }
    .offset-lg-4 { margin-left: 33.333333% }
    .offset-lg-5 { margin-left: 41.666667% }
    .offset-lg-6 { margin-left: 50% }
    .offset-lg-7 { margin-left: 58.333333% }
    .offset-lg-8 { margin-left: 66.666667% }
    .offset-lg-9 { margin-left: 75% }
    .offset-lg-10 { margin-left: 83.333333% }
    .offset-lg-11 { margin-left: 91.666667% }
}

.table { width: 100%; margin-bottom: 1rem; color: #212529 }
.table td,.table th { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6 }
.table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6 }
.table tbody+tbody { border-top: 2px solid #dee2e6 }
.table-sm td,.table-sm th { padding: .3rem }
.table-borderless tbody+tbody,.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) }
.table-hover tbody tr:hover { color: #212529; background-color: rgba(0,0,0,.075) }
.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch }

@media (max-width:575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } }
@media (max-width:767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } }
@media (max-width:991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } }

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    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
}

@media (prefers-reduced-motion:reduce) { .form-control { transition: none } }

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.form-control::placeholder { color: #6c757d; opacity: 1 }
.form-control:disabled,.form-control[readonly] { background-color: #e9ecef; opacity: 1 }
.form-group { margin-bottom: 1rem }
.form-text { display: block; margin-top: .25rem }

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

.form-row>.col,.form-row>[class*=col-] { padding-right: 5px; padding-left: 5px }

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    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
}

@media (prefers-reduced-motion:reduce) { .btn { transition: none } }

.btn:hover { color: #212529; text-decoration: none }
.btn.focus,.btn:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) }
.btn.disabled,.btn:disabled { opacity: .65 }
.btn:not(:disabled):not(.disabled) { cursor: pointer }

.btn-primary { color: #fff; background-color: #007bff; border-color: #007bff }
.btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc }
.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-light,
.btn-primary:hover, .btn-secondary:hover, .btn-success:hover, .btn-danger:hover, .btn-light:hover,
.btn-primary:focus, .btn-secondary:focus, .btn-success:focus, .btn-danger:focus, .btn-light:focus {
    background-image: linear-gradient(135deg, #C9A84C, #A8782A, #C9A84C, #8B6214, #C9A84C, #A8782A, #C9A84C) !important;
    background-size: 400% 400% !important;
    animation: brandGradient 4s ease infinite !important;
    border-color: transparent !important;
    color: #fff !important;
}

.btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d }
.btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62 }

.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:not(:disabled):not(.disabled):active {
    background-image: linear-gradient(135deg, #C9A84C, #A8782A, #C9A84C, #8B6214, #C9A84C, #A8782A, #C9A84C) !important;
    background-size: 400% 400% !important;
    animation: brandGradient 4s ease infinite !important;
    border-color: transparent !important;
    color: #fff !important;
}

.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 }
.btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130 }

.btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa }
.btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5 }

.btn-link { font-weight: 400; color: #007bff; text-decoration: none }
.btn-link:hover { color: #0056b3; text-decoration: underline }
.btn-link.disabled,.btn-link:disabled { color: #6c757d; pointer-events: none }

.btn-group-lg>.btn,.btn-lg { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem }
.btn-group-sm>.btn,.btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem }
.btn-block { display: block; width: 100% }
.btn-block+.btn-block { margin-top: .5rem }

.fade { transition: opacity .15s linear }
@media (prefers-reduced-motion:reduce) { .fade { transition: none } }
.fade:not(.show) { opacity: 0 }
.collapse:not(.show) { display: none }
.collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease }
@media (prefers-reduced-motion:reduce) { .collapsing { transition: none } }

.dropdown,.dropleft,.dropright,.dropup { position: relative }
.dropdown-toggle { white-space: nowrap }
.dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent }
.dropdown-toggle:empty::after { margin-left: 0 }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

.dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 }
.dropdown-item:focus,.dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa }
.dropdown-item.active,.dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff }
.dropdown-item.disabled,.dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent }
.dropdown-menu.show { display: block }
.dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap }

.input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100% }
.input-group>.form-control { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0 }
.input-group>.form-control:focus { z-index: 3 }

.nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none }
.nav-link { display: block; padding: .5rem 1rem }
.nav-link:focus,.nav-link:hover { text-decoration: none }
.nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default }
.nav-pills .nav-link { border-radius: .25rem }
.nav-pills .nav-link.active,.nav-pills .show>.nav-link { color: #fff; background-color: #007bff }
.nav-fill .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center }
.tab-content>.tab-pane { display: none }
.tab-content>.active { display: block }

.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;
    padding: .5rem 1rem
}

.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-brand:focus,.navbar-brand:hover { text-decoration: none }
.navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none }
.navbar-nav .nav-link { padding-right: 0; padding-left: 0 }
.navbar-nav .dropdown-menu { position: static; float: none }
.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; background-color: transparent; border: 1px solid transparent; border-radius: .25rem }
.navbar-toggler:focus,.navbar-toggler:hover { text-decoration: none }
.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100% }

@media (min-width:992px) {
    .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 .dropdown-menu { position: absolute }
    .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 }
}

.navbar-light .navbar-brand { 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-nav .nav-link.disabled { color: rgba(0,0,0,.3) }
.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link { color: rgba(0,0,0,.9) }
.navbar-light .navbar-toggler { color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.1) }

.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem }
.alert-heading { color: inherit }
.alert-link { font-weight: 700 }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb }
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb }
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb }

.modal-open { overflow: hidden }
.modal-open .modal { overflow-x: hidden; overflow-y: auto }
.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0 }
.modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none }
.modal.fade .modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0,-50px); transform: translate(0,-50px) }
@media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } }
.modal.show .modal-dialog { -webkit-transform: none; transform: none }
.modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0 }
.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 }
.modal-backdrop.fade { opacity: 0 }
.modal-backdrop.show { opacity: .5 }
.modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) }
.modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto }
.modal-title { margin-bottom: 0; line-height: 1.5 }
.modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem }
.modal-footer { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px) }
.modal-footer>* { margin: .25rem }

@media (min-width:576px) {
    .modal-dialog { max-width: 500px; margin: 1.75rem auto }
    .modal-sm { max-width: 300px }
}

@media (min-width:992px) { .modal-lg { max-width: 800px } }

.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5 }
.close:hover { color: #000; text-decoration: none }
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover { opacity: .75 }
button.close { padding: 0; background-color: transparent; border: 0 }

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

@media (min-width:576px) { .d-sm-none { display: none !important } .d-sm-block { display: block !important } .d-sm-flex { display: -ms-flexbox !important; display: flex !important } }
@media (min-width:768px) { .d-md-none { display: none !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-flex { display: -ms-flexbox !important; display: flex !important } }
@media (min-width:992px) { .d-lg-none { display: none !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-flex { display: -ms-flexbox !important; display: flex !important } }

.flex-row { -ms-flex-direction: row !important; flex-direction: row !important }
.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important }
.flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important }
.flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important }
.align-items-start { -ms-flex-align: start !important; align-items: flex-start !important }
.align-items-end { -ms-flex-align: end !important; align-items: flex-end !important }
.align-items-center { -ms-flex-align: center !important; align-items: center !important }
.align-self-center { -ms-flex-item-align: center !important; align-self: center !important }

.float-left { float: left !important }
.float-right { float: right !important }
.float-none { float: none !important }

.position-static { position: static !important }
.position-relative { position: relative !important }
.position-absolute { position: absolute !important }
.position-fixed { position: fixed !important }
.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 }
.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 }

@supports ((position:-webkit-sticky) or (position:sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } }

.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important }
.shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important }
.shadow-none { box-shadow: none !important }

.w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important }
.h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important }
.mw-100 { max-width: 100% !important } .mh-100 { max-height: 100% !important }
.min-vw-100 { min-width: 100vw !important } .min-vh-100 { min-height: 100vh !important }
.vw-100 { width: 100vw !important } .vh-100 { height: 100vh !important }

.m-0 { margin: 0 !important } .mt-0,.my-0 { margin-top: 0 !important } .mr-0,.mx-0 { margin-right: 0 !important } .mb-0,.my-0 { margin-bottom: 0 !important } .ml-0,.mx-0 { margin-left: 0 !important }
.m-1 { margin: .25rem !important } .mt-1,.my-1 { margin-top: .25rem !important } .mr-1,.mx-1 { margin-right: .25rem !important } .mb-1,.my-1 { margin-bottom: .25rem !important } .ml-1,.mx-1 { margin-left: .25rem !important }
.m-2 { margin: .5rem !important } .mt-2,.my-2 { margin-top: .5rem !important } .mr-2,.mx-2 { margin-right: .5rem !important } .mb-2,.my-2 { margin-bottom: .5rem !important } .ml-2,.mx-2 { margin-left: .5rem !important }
.m-3 { margin: 1rem !important } .mt-3,.my-3 { margin-top: 1rem !important } .mr-3,.mx-3 { margin-right: 1rem !important } .mb-3,.my-3 { margin-bottom: 1rem !important } .ml-3,.mx-3 { margin-left: 1rem !important }
.m-4 { margin: 1.5rem !important } .mt-4,.my-4 { margin-top: 1.5rem !important } .mr-4,.mx-4 { margin-right: 1.5rem !important } .mb-4,.my-4 { margin-bottom: 1.5rem !important } .ml-4,.mx-4 { margin-left: 1.5rem !important }
.m-5 { margin: 3rem !important } .mt-5,.my-5 { margin-top: 3rem !important } .mr-5,.mx-5 { margin-right: 3rem !important } .mb-5,.my-5 { margin-bottom: 3rem !important } .ml-5,.mx-5 { margin-left: 3rem !important }
.m-auto { margin: auto !important } .mt-auto,.my-auto { margin-top: auto !important } .mr-auto,.mx-auto { margin-right: auto !important } .mb-auto,.my-auto { margin-bottom: auto !important } .ml-auto,.mx-auto { margin-left: auto !important }

.p-0 { padding: 0 !important } .pt-0,.py-0 { padding-top: 0 !important } .pr-0,.px-0 { padding-right: 0 !important } .pb-0,.py-0 { padding-bottom: 0 !important } .pl-0,.px-0 { padding-left: 0 !important }
.p-1 { padding: .25rem !important } .pt-1,.py-1 { padding-top: .25rem !important } .pr-1,.px-1 { padding-right: .25rem !important } .pb-1,.py-1 { padding-bottom: .25rem !important } .pl-1,.px-1 { padding-left: .25rem !important }
.p-2 { padding: .5rem !important } .pt-2,.py-2 { padding-top: .5rem !important } .pr-2,.px-2 { padding-right: .5rem !important } .pb-2,.py-2 { padding-bottom: .5rem !important } .pl-2,.px-2 { padding-left: .5rem !important }
.p-3 { padding: 1rem !important } .pt-3,.py-3 { padding-top: 1rem !important } .pr-3,.px-3 { padding-right: 1rem !important } .pb-3,.py-3 { padding-bottom: 1rem !important } .pl-3,.px-3 { padding-left: 1rem !important }
.p-4 { padding: 1.5rem !important } .pt-4,.py-4 { padding-top: 1.5rem !important } .pr-4,.px-4 { padding-right: 1.5rem !important } .pb-4,.py-4 { padding-bottom: 1.5rem !important } .pl-4,.px-4 { padding-left: 1.5rem !important }
.p-5 { padding: 3rem !important } .pt-5,.py-5 { padding-top: 3rem !important } .pr-5,.px-5 { padding-right: 3rem !important } .pb-5,.py-5 { padding-bottom: 3rem !important } .pl-5,.px-5 { padding-left: 3rem !important }

.text-left { text-align: left !important }
.text-right { text-align: right !important }
.text-center { text-align: center !important }
.text-uppercase { text-transform: uppercase !important }
.text-capitalize { text-transform: capitalize !important }
.font-weight-light { font-weight: 300 !important }
.font-weight-normal { font-weight: 400 !important }
.font-weight-bold { font-weight: 700 !important }
.text-white { color: #fff !important }
.text-primary { color: #007bff !important }
.text-secondary { color: #6c757d !important }
.text-success { color: #28a745 !important }
.text-info { color: #7c9d4b !important }
.text-danger { color: #7c9d4b !important }
.text-light { color: #f8f9fa !important }
.text-body { color: #212529 !important }
.text-decoration-none { text-decoration: none !important }
.text-break { word-wrap: break-word !important }
.text-reset { color: inherit !important }
.visible { visibility: visible !important }

.rounded-sm { border-radius: .2rem !important }
.rounded { border-radius: .25rem !important }
.rounded-lg { border-radius: .3rem !important }
.rounded-pill { border-radius: 50rem !important }
.rounded-0 { border-radius: 0 !important }

.border { border: 1px solid #dee2e6 !important }
.border-top { border-top: 1px solid #dee2e6 !important }
.border-bottom { border-bottom: 1px solid #dee2e6 !important }
.border-0 { border: 0 !important }

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

.overflow-auto { overflow: auto !important }
.overflow-hidden { overflow: hidden !important }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0 }

@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,h3,p { orphans: 3; widows: 3 }
    h2,h3 { page-break-after: avoid }
    @page { size: a3 }
    body { min-width: 992px !important }
    .container { min-width: 992px !important }
    .navbar { display: none }
    .table { border-collapse: collapse !important }
    .table td,.table th { background-color: #fff !important }
}

html { scroll-behavior: smooth }

body {
    font-family: muli,Helvetica,Arial,sans-serif;
    background-color: #dbe4e9;
    overflow-y: scroll;
    position: relative
}

.micro-navbar {
    box-shadow: 0 1px 8px rgba(0,0,0,.2);
    font-family: roboto,Helvetica,Arial,sans-serif
}

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

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

.section {
    background-color: #fff;
    color: #000;
    font-family: muli,Helvetica,Arial,sans-serif;
    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: all .5s ease-in-out
}

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

.at-property-btn {
    text-transform: uppercase;
    border: none;
    color: #fff;
    background-image: linear-gradient(90deg, #1A4731, #2D6A4F, #C9A84C, #A8782A, #1A4731);
    background-size: 300% 300% !important;
    animation: brandGradient 4s ease infinite;
    border-radius: 4px;
    position: absolute;
    top: -15%;
    left: 50%;
    z-index: 222;
    transform: translate(-50%,-50%);
    transition: all .5s ease-in-out;
    text-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.at-property-item:hover .at-property-btn {
    color: #fff;
    background-image: linear-gradient(90deg, #1A4731, #2D6A4F, #C9A84C, #A8782A, #1A4731);
    background-size: 300% 300% !important;
    animation: brandGradient 4s ease infinite;
    top: 50%;
    transition: all .8s ease-in-out;
    box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}

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

.blur { filter: blur(2px) }

.loc-con-head {
    display: block;
    font-weight: 600;
    border-bottom: 2px solid #fafafa
}

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

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

.effectScale {
    transition: all .3s ease;
    transform: scale(1)
}

.effectScale:hover {
    transition: all .3s ease;
    transform: scale(1.08)
}

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

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

@keyframes rocking {
    0% { transform: rotate(0) }
    25% { transform: rotate(0) }
    50% { transform: rotate(2deg) }
    75% { transform: rotate(-2deg) }
    100% { transform: rotate(0) }
}

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

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

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

@-webkit-keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) }
    20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) }
    40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) }
    60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) }
    80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) }
    to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) }
}

@keyframes bounceIn {
    0% { opacity: 0; transform: scale3d(.3,.3,.3) }
    20% { transform: scale3d(1.1,1.1,1.1) }
    40% { transform: scale3d(.9,.9,.9) }
    60% { opacity: 1; transform: scale3d(1.03,1.03,1.03) }
    80% { transform: scale3d(.97,.97,.97) }
    to { opacity: 1; transform: scale3d(1,1,1) }
}

.bounceIn { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: bounceIn; animation-name: bounceIn }

.iti { display: block !important }

.gallery-thumb {
    width: 100%;
    height: 150px;
    opacity: .75;
    transition: all .5s;
    border-radius: 3px
}

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

@media only screen and (min-width:575px) { .gallery-thumb { height: 150px } }
@media only screen and (max-width:575px) { .gallery-thumb { height: 100px } }

.owl-carousel { display: none; width: 100%; z-index: 1; position: relative; -webkit-tap-highlight-color: transparent }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0); background-color: #fafafa }
.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; position: relative; -webkit-tap-highlight-color: transparent }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled { display: none }
.no-js .owl-carousel,.owl-carousel.owl-loaded { display: block }
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.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 }

.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent }
.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-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none }
.owl-theme .owl-nav .disabled { opacity: .5; cursor: default }
.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 }
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px }
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span { background: #869791 }
.owl-theme .owl-nav [class*=owl-]:hover { color: var(--colorPrimary); box-shadow: 0 1px 3px rgba(0,0,0,.2); opacity: 1 }

.owl-nav button {
    position: absolute;
    top: 50%;
    color: #fff;
    margin: 0;
    transition: all .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,.2) !important;
    box-shadow: 0 3px 5px rgba(0,0,0,.2);
    opacity: .4
}

.owl-nav button.owl-prev { left: 0; margin-left: -20px !important }
.owl-nav button.owl-next { right: 0; margin-right: -20px !important }
.owl-nav button span { font-size: 70px; position: relative; top: -20px }
.owl-nav button:focus { outline: 0 }

.div-offer-5 { width: 20%; padding-left: 15px; padding-right: 15px; float: left }
@media only screen and (max-width:768px) { .div-offer-5 { width: 50% } }

@media only screen and (min-width:992px) {
    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 { position: fixed; top: 0; right: 0; width: 22%; height: 100vh; background-color: #fff; z-index: 1031 }
    .navbar.micro-navbar .nav-item { border-right: .1vw solid #dbe4e9 }
    .navbar.micro-navbar .nav-item:first-child { border-left: .1vw solid #dbe4e9 }
    .navbar.micro-navbar { padding: 0 }
    .navbar.micro-navbar .nav-link { padding: 1.1vw .3vw }
    .og-section { 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: linear-gradient(left,#444,#1a1a1a) }
    .og-block .nav-item { padding: .5vw 0; font-size: 1.01vw }
    .og-block .nav-item:first-child { border-right: .1vw solid #dbe4e9 }
    .og-heading { font-size: 1vw }
    .form-heading { font-size: 1.15vw }
    .form-side { padding: 0 1vw }
    .form-side .form-group { margin-bottom: .3vw }
    .micro-main-slider { width: 78vw; height: 98vh }
    .micro-main-slider .carousel-item img { height: 92vh; width: 78vw; margin-top: 3.8vw }
    .info-box { position: absolute; top: 0; left: 0; z-index: 9; margin-top: 4vw; padding-bottom: .5vw; display: inline-block; width: 22vw; background-color: rgba(0,0,0,.65); border-bottom-right-radius: 8px; color: #fff }
    .pro-title { display: block; padding: 1vw .8vw .3vw; font-size: 1.8vw; line-height: 2vw; text-transform: uppercase; text-shadow: 0 1px 2px #000; color: #fff }
    .pro-add { display: block; padding: .1vw .8vw; font-size: 1.2vw; text-transform: capitalize; line-height: 1.4vw; text-shadow: 0 1px 2px #000; color: #fff }
    .pro-dev { display: block; padding: .1vw .8vw; font-size: 1vw; text-transform: capitalize; line-height: 1.2vw; text-shadow: 0 1px 2px #000; color: #d7d7d7 }
    ul.pro-spec { background-color: rgba(0,0,0,.3); padding: .6vw .8vw; margin-top: 1vw; margin-bottom: .5vw; font-size: 1vw; text-transform: capitalize; text-shadow: 0 1px 2px #000; list-style: none }
    .info-box span.heading { padding: .6vw 0; margin-top: 1vw; color: #d7d7d7; font-weight: 600 }
    .info-box span.list-icon { color: var(--colorSecondary) }
    .pro-tag-line { display: block; padding: .1vw .8vw; font-size: 1.2vw; text-transform: capitalize; line-height: 1.4vw; text-shadow: 0 1px 2px #000; color: #fff }
    .info-icon { font-size: 1.5vw }
    .pro-price { display: block; padding: .1vw .8vw .3vw; color: #fff; text-shadow: 0 1px 2px #000; font-size: 1.8vw }
    .info-box .micro-form-btn { margin: 0 .8vw }
    .pro-rera { display: block; padding: .1vw .8vw; font-size: .9vw; margin-top: .5vw; line-height: 1.4vw; text-shadow: 0 1px 2px #000; color: #fff }
    .section { padding: 1.5vw 2vw; max-width: 76vw; margin: 1vw 0; position: relative; overflow: hidden }
    .section-link { top: -4.3vw; height: 4.3vw }
    .section .head { position: static; display: block; width: 100%; color: var(--colorPrimary); font-family: roboto-bold,Helvetica,Arial,sans-serif; font-size: 2.2vw; letter-spacing: 0; writing-mode: horizontal-tb; text-orientation: mixed; margin-bottom: 1vw; padding-bottom: .4vw; border-bottom: 3px solid var(--colorPrimary); }
    .section-heading { font-family: roboto,Helvetica,Arial,sans-serif; font-size: 2.5vw }
    .section-heading-sub { font-family: roboto,Helvetica,Arial,sans-serif; font-size: 1.5vw; margin-bottom: 1vw }
    .section p { margin-bottom: .6vw }
    .at-property-btn { padding: .5vw .8vw; width: 65%; text-align: center }
    .master-plan { display: block; max-width: 25vw; height: 18.5vw; 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 }
    .d-video { width: 100%; height: 65vh }
    .lmap { width: 100%; height: 18.5vw; border: 2px solid #d7d7d7 }
    .lmap-div { border-left: 2px solid #fafafa }
    .loc-con-head { font-size: 3vw; padding-bottom: .6vw; margin-bottom: .6vw }
    .loc-con .ami-block { width: 92% }
    .loc-icon { font-size: 1.5vw }
    .vsv-img { width: 90%; max-height: 75vw }
    .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; transition: all .3s ease-in-out }
    .vsv-img:hover .vsv-text-bg { font-size: 1.3vw }
    .disclaimer { font-family: roboto,Helvetica,Arial,sans-serif; width: 78%; padding: 0 .5vw .5vw; font-size: .75vw; letter-spacing: 0 }
    .modal-dialog.enq-modal { max-width: 35vw; border-radius: 3px }
    .modal-logo { margin-top: 1vw; max-height: 5vw; max-width: 275px }
    .close { position: absolute; right: 1vw; top: .3vw }
    .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-body { padding: 0 }
    .modal-highlight-bg { background-color: #f9f9f9; border-top-right-radius: 10px; border-bottom-right-radius: 10px }
    .form-modal { padding: 1vw 1.5vw }
    .modal-highlight-title { display: block; text-align: center; font-size: 1.2vw; font-weight: 600; padding: .4vw 0 .1vw; color: var(--colorPrimary) }
    .modal-highlight { list-style: none; padding: 1vw 0; margin-bottom: 0 }
    .modal-highlight li i { display: inline-block; font-size: 3.3vw; color: var(--colorPrimary) }
    .modal-highlight li span { display: block; font-size: 1vw; color: var(--colorPrimary); padding: 0 0 .6vw }
    .info-box { width: 23.5vw }
}

/* ===== NEW PRICING GRID ===== */
.new-pricing-section {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    text-transform: capitalize;
    font-size: 15px;
}
.new-pricing-section .p-block { background: #eae5e4; cursor: pointer; border-radius: 1vw; overflow: hidden; }
.new-pricing-section .p-block .p-block-overlay {
    background-image: linear-gradient(180deg,#1a1a1a 0%,rgba(26,26,26,.79) 100%);
    opacity: .9;
    display: flex; flex-direction: column; justify-content: space-between;
    padding: 20px;
    transition: opacity .3s;
}
.new-pricing-section .p-block:hover .p-block-overlay { opacity:1; }
.new-pricing-section .p-block .type { font-size:20px; font-weight:bold; color:#fff; margin-bottom:10px; }
.new-pricing-section .p-block .conf { display:block; border-bottom:1px solid rgba(255,255,255,0.2); padding:5px 0; color:#fff; }
.new-pricing-section .p-block .price { color:#fff; margin-top:.5vw; }
.new-pricing-section .p-block .p-enqbtn { display:inline-block; color:#fff; font-weight:bold; background-color:transparent; border-bottom:2px solid transparent; transition:all .3s; padding-bottom:5px; margin-top:15px; }
.new-pricing-section .p-block:hover .p-enqbtn { padding-left:.5vw; border-color:#C9A84C; }

@media (min-width:992px) {
    .new-pricing-section { grid-template-columns: repeat(2,1fr); gap:1.2vw; font-size:1vw; }
    .new-pricing-section .p-block .type { font-size:1.6vw; margin-bottom:1vw; }
    .new-pricing-section .p-block .p-block-overlay { padding:2.5vw 1.5vw; min-height:20vw; }
    .new-pricing-section .p-block .p-enqbtn { margin-top:1.5vw; padding-bottom:.3vw; }
}

/* ===== FAQ SECTION ===== */
#faq .faq-item { background:#fff; border-radius:10px; margin-bottom:14px; box-shadow:0 2px 10px rgba(0,0,0,0.06); overflow:hidden; border:1px solid #ece8e3; transition:box-shadow 0.3s; }
#faq .faq-item:hover { box-shadow:0 4px 18px rgba(0,0,0,0.12); }
#faq .faq-question { width:100%; background:none; border:none; text-align:left; padding:18px 50px 18px 22px; font-size:16px; font-weight:600; color:#0a0a0a; cursor:pointer; position:relative; display:flex; align-items:center; gap:12px; }
#faq .faq-question .faq-icon { 
    min-width:30px; height:30px; border-radius:50%; 
    display:flex; align-items:center; justify-content:center; 
    font-size:13px; font-weight:700; flex-shrink:0; color:#fff; 
    background-image: linear-gradient(135deg,#7a5010,#A8782A,#C9A84C,#8B6214,#7a5010);
    background-size:300% 100% !important; 
    animation: brandGradient 4s ease infinite; 
}
#faq .faq-question .faq-arrow { position:absolute; right:20px; top:50%; transform:translateY(-50%); transition:transform 0.3s; font-size:18px; color:#C9A84C; }
#faq .faq-question[aria-expanded="true"] .faq-arrow { transform:translateY(-50%) rotate(180deg); }
#faq .faq-answer { padding:0 22px 0 64px; font-size:15px; color:#444; line-height:1.7; overflow:hidden; max-height:0; transition:max-height 0.4s ease,padding 0.3s; }
#faq .faq-answer.open { max-height:400px; padding-bottom:20px; padding-top:4px; }
#faq .faq-cols { display:grid; grid-template-columns:1fr 1fr; gap:0 30px; }
@media (max-width:767px) {
    #faq .faq-cols { grid-template-columns:1fr; }
    #faq .faq-question { font-size:14px; }
}

/* ===== LOCATION ENHANCEMENTS ===== */
#location .loc-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:24px; }
#location .loc-title { font-size:1.6rem; font-weight:800; color:#C9A84C; margin:0; }
#location .loc-dir-btn {
    background: #C9A84C;
    color:#fff; border:none; border-radius:6px;
    padding:10px 22px; font-size:14px; font-weight:600;
    cursor:pointer; text-decoration:none;
    display:inline-block; box-shadow:0 3px 10px rgba(201,168,76,0.35);
    transition: background 0.3s, box-shadow 0.3s;
}
#location .loc-dir-btn:hover { background:#A8782A; color:#fff; }
#location .loc-map-img { width:100%; border-radius:8px; box-shadow:0 2px 14px rgba(0,0,0,0.12); display:block; }
#location .loc-conn-list { list-style:none; padding:0; margin:0; }
#location .loc-conn-list li {
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 0; border-bottom:1px solid #e8e8e8; gap:10px;
    font-size:15px; color:#222;
}
#location .loc-conn-list .loc-name { display:flex; align-items:center; gap:10px; }
#location .loc-conn-list .loc-mins { font-weight:700; color:#222; }
#location .loc-pin-icon { color:#C9A84C; font-size:18px; }

@media only screen and (max-width:991px) {
    .navbar.micro-navbar { padding: .1rem 0 }
    .navbar.micro-navbar .navbar-brand { padding: 0; margin-left: .2rem }
    .navbar-toggler { margin: .7rem .5rem .7rem 0 }
    .logo { height: 60px; max-width: 275px }
    .micro-side { display: none }
    .micro-main-slider .carousel-item img { width: 100%; margin-top: 65px }
    .micro-main-slider ol { margin-bottom: 0 }
    .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-title { display: block; padding: 3px; font-size: 24px; line-height: 24px; font-weight: 600; margin: 5px 0; color: var(--colorPrimary); text-shadow: 0 1px 1px #000; text-transform: uppercase }
    .pro-add,.pro-dev { display: block; padding: 3px 0; font-size: 15px; text-transform: capitalize; line-height: 16px }
    ul.pro-spec { background-color: #f1f1f1; padding: 5px 8px; margin-top: 3px; margin-bottom: 5px; font-size: 15px; text-align: left; text-transform: capitalize; list-style: none }
    .info-box span.heading { padding: 3px 0; margin-top: 3px; font-weight: 600 }
    .info-box span.list-icon { color: var(--colorPrimary) }
    .pro-tag-line { display: block; padding: 3px 0; font-size: 15px; text-transform: capitalize }
    .pro-price { display: block; padding: 5px 0; font-weight: 600; font-size: 26px }
    .pro-rera { display: block; padding: 3px 0; font-size: 13px; margin-top: 3px }
    .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-image: linear-gradient(-45deg,#f1f1f1,#c8c8c8,#f1f1f1,#c8c8c8); background-size: 400% 400% !important; animation: Gradient 3s ease infinite }
    .mob-form .form-heading { font-size: 18px; text-shadow: 0 1px 3px #fff; margin: 10px 0 }
    .micro-form-field { font-size: 15px }
    .mob-form .form-group { margin-bottom: 8px }
    .mob-form .micro-form-btn { margin: 10px 0 }
    .section { padding: 20px; margin: 10px; position: relative; overflow: hidden }
    .section-link { top: -70px; height: 70px }
    .section .head { display: block; width: 100%; color: var(--colorPrimary); font-family: roboto-bold,Helvetica,Arial,sans-serif; font-size: 26px; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 3px solid var(--colorPrimary); writing-mode: horizontal-tb; }
    .section-heading { font-family: roboto-bold,Helvetica,Arial,sans-serif; font-size: 25px; text-align: center }
    .section-heading-sub { font-family: roboto-bold,Helvetica,Arial,sans-serif; 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; width: 100%; height: auto }
    .master-plan img { max-width: 100%; max-height: 200px }
    .floor-plan-img { width: 100%; max-height: 200px }
    .ami-tab-link { width: 50%; text-align: center }
    .d-video { width: 100%; min-height: 250px }
    .lmap { width: 100%; height: 300px; border: 2px solid #d7d7d7 }
    .loc-tab-link { width: 100%; text-align: center }
    .loc-con-head { font-size: 30px; padding-bottom: 5px; margin-bottom: 5px }
    .vsv-img { width: 100%; height: auto }
    .vsv-img img { min-height: 170px }
    .disclaimer { font-family: roboto,Helvetica,Arial,sans-serif; width: 100%; padding: 0 5% 2%; margin-bottom: 40px; font-size: 11px; letter-spacing: 0 }
    .mob-action .nav-item { padding: 10px 0; text-align: center; font-size: 14px; width: 32%; display: inline-flex; flex-direction: row; align-items: center; justify-content: center }
    .mob-action .nav-item:not(:last-child) { border-right: 1px solid var(--colorBtn) }
    .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 }
    .price-type { font-size: 25px; font-weight: 600 }
    .price-amt { font-size: 17px; font-weight: 600 }
    .price-amt .mi { font-size: 14px; font-weight: 600; margin-right: 0 }
    .table-pricing .btn-sm { padding: 5px 15px; font-size: 16px }
    .mi { margin-right: 5px }
    .mi.action-icon { font-size: 18px; color: var(--colorBtn) }
    .modal-logo { margin-top: 20px; max-height: 60px; max-width: 90% }
    .close { position: absolute; right: 10px; top: 3px }
    .modal-body { padding: 0 }
    .modal-title { display: block; font-size: 18px; text-transform: capitalize; font-weight: 600; color: var(--colorBtn); padding: 10px 0 }
    .modal-title-secondary { display: block; font-size: 15px; text-transform: capitalize; font-weight: 600; padding: 10px 0 5px }
    .form-modal { padding: 5px 10px 10px }
    .modal-highlight,.modal-highlight-title { display: none }
    .sectio-bro-btn { margin-top: 10px; margin-bottom: 10px; font-size: 16px; padding: 3px 20px }
}

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

@media only screen and (min-width:1600px) {
    .micro-nav { width: 80% }
    .micro-side { width: 20% }
    .micro-main-slider { width: 80% }
    .micro-main-slider .carousel-item img { width: 100%; height: 100% }
    .section { max-width: 79% }
    .d-video { height: 450px }
    .vsv-img { height: auto }
}

@media only screen and (min-height:950px) {
    .micro-main-slider,.micro-main-slider .carousel-item img { height: auto }
    .d-video { height: 450px }
}

img.lazyload { font-family: "blur-up: auto","object-fit: cover" }
img.lazyload:not([src]),img.ls-blur-up-is-loading { visibility: hidden }
.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 }
.ls-blur-up-img { filter: blur(10px); opacity: 1; transition: opacity 1s,filter 1.5s }
.ls-blur-up-img.ls-inview.ls-original-loaded { opacity: 0; filter: blur(5px) }

.fancybox-share__button--pt { background: #00e676 !important }

#ami-3.owl-carousel.owl-loaded { width: 100%; height: 100%; background-color: #fafafa; color: #000; background-size: cover; border-radius: 2vw }
#ami-3 .item-wrp { display: flex; flex-direction: column; padding: 5% 10% 10px }
#ami-3 .item-wrp>div { display: flex; align-items: center; border-bottom: 1px solid #c8c8c8 }
#ami-3 .item-wrp>div:last-child { border-bottom: none }
#ami-3 .item-wrp p { text-transform: uppercase; font-weight: 600; letter-spacing: 2px }

@media only screen and (min-width:991px) {
    #ami-3 .item-wrp img { width: 5vw; height: 4vw; margin-right: 1vw }
    #ami-3 .item-wrp p { font-size: 1.05vw }
    #ami-3 .item-wrp>div { padding: 1vw 0 }
}

@media only screen and (max-width:991px) {
    #ami-3 .item-wrp img { width: 20%; height: 20%; margin-right: 5% }
    #ami-3 .item-wrp p { font-size: 14px }
    #ami-3 .item-wrp>div { padding: 10px 0 }
}

.iti { position: relative; display: inline-block }
.iti * { box-sizing: border-box; -moz-box-sizing: border-box }
.iti__hide { display: none }
.iti__v-hide { visibility: hidden }
.iti input,.iti input[type=tel],.iti input[type=text] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0 }
.iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px }
.iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px }
.iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555 }
.iti__arrow--up { border-top: none; border-bottom: 4px solid #555 }
.iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0,0,0,.2); background-color: #fff; border: 1px solid #ccc; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch }
.iti__country-list--dropup { bottom: 100%; margin-bottom: -1px }
@media (max-width:500px) { .iti__country-list { white-space: normal } }
.iti__flag-box { display: inline-block; width: 20px }
.iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc }
.iti__country { padding: 5px 10px; outline: 0 }
.iti__dial-code { color: #999 }
.iti__country.iti__highlight { background-color: rgba(0,0,0,.05) }
.iti__country-name,.iti__dial-code,.iti__flag-box { vertical-align: middle }
.iti__country-name,.iti__flag-box { margin-right: 6px }
.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text] { padding-right: 6px; padding-left: 52px; margin-left: 0 }
.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container { right: auto; left: 0 }
.iti--allow-dropdown .iti__flag-container:hover { cursor: pointer }
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0,0,0,.05) }
.iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px }
.iti--container:hover { cursor: pointer }
.iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed }
.iti-mobile .iti__country-list { max-height: 100%; width: 100% }
.iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em }
.iti__flag { width: 20px; height: 15px; box-shadow: 0 0 1px 0 #888; background-image: url(../../assets/plugins/intTelInput/flags.png); background-repeat: no-repeat; background-color: #dbdbdb; background-position: 20px 0 }
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .iti__flag { background-size: 5652px 15px; background-image: url(../../assets/plugins/intTelInput/flags.png) } }
.iti__flag.iti__np { background-color: transparent }

@font-face { font-family: micon; src: url(../fonts/micon.woff2); src: url(../fonts/micon.woff2) format('woff2'),url(../fonts/micon.woff) format('woff'); font-weight: 400; font-style: normal; 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; -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-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 }

@font-face { font-family: muli; src: url(../fonts/muli-variablefont_wght-webfont.woff2) format('woff2'),url(../fonts/muli-variablefont_wght-webfont.woff) format('woff'); font-weight: 400; font-style: normal; font-display: swap }
@font-face { font-family: roboto-bold; src: url(../fonts/roboto-bold-webfont.woff2) format('woff2'),url(../fonts/roboto-bold-webfont.woff) format('woff'); font-weight: 400; font-style: normal; font-display: swap }
@font-face { font-family: roboto; src: url(../fonts/roboto-regular-webfont.woff2) format('woff2'),url(../fonts/roboto-regular-webfont.woff) format('woff'); font-weight: 400; font-style: normal; font-display: swap }