/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 25-Jul-2024, 2:05:27 pm
    Author     : Bawandarr
*/

/*!
 * Bootstrap v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */: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;
    --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
}
*,::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,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
}
h1,h3{
    margin-top:0;
    margin-bottom:.5rem
}
ul{
    margin-top:0;
    margin-bottom:1rem
}
a{
    color:#007bff;
    text-decoration:none;
    background-color:transparent
}
a:hover{
    color:#0056b3;
    text-decoration:underline
}
svg{
    overflow:hidden;
    vertical-align:middle
}
table{
    border-collapse:collapse
}
th{
    text-align:inherit;
    text-align:-webkit-match-parent
}
label{
    display:inline-block;
    margin-bottom:.5rem
}
button{
    border-radius:0
}
button:focus{
    outline:0px dotted;
    outline:0px auto -webkit-focus-ring-color
}
button,input{
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
button,input{
    overflow:visible
}
button{
    text-transform:none
}
[type=submit],button{
    -webkit-appearance:button
}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){
    cursor:pointer
}
[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    padding:0;
    border-style:none
}
input[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
::-webkit-file-upload-button{
    font:inherit;
    -webkit-appearance:button
}
h1,h3{
    margin-bottom:.5rem;
    font-weight:500;
    line-height:1.2
}
.list-inline{
    padding-left:0;
    list-style:none
}
.list-inline-item{
    display:inline-block
}
.list-inline-item:not(:last-child){
    margin-right:1rem
}
.container,.container-fluid{
    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
    }
}
.row{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-15px;
    margin-left:-15px
}
.col-11,.col-12,.col-4,.col-6,.col-8,.col-lg-10,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-7,.col-lg-9,.col-md-3,.col-md-4,.col-md-8,.col-xl-10,.col-xl-2{
    position:relative;
    width:100%;
    padding-right:15px;
    padding-left:15px
}
.col-4{
    -ms-flex:0 0 33.333333%;
    flex:0 0 33.333333%;
    max-width:33.333333%
}
.col-6{
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%
}
.col-8{
    -ms-flex:0 0 66.666667%;
    flex:0 0 66.666667%;
    max-width:66.666667%
}
.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%
}
@media (min-width:768px){
    .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-8{
        -ms-flex:0 0 66.666667%;
        flex:0 0 66.666667%;
        max-width:66.666667%
    }
    .order-md-last{
        -ms-flex-order:13;
        order:13
    }
}
@media (min-width:992px){
    .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-7{
        -ms-flex:0 0 58.333333%;
        flex:0 0 58.333333%;
        max-width:58.333333%
    }
    .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%
    }
}
@media (min-width:1200px){
    .col-xl-2{
        -ms-flex:0 0 16.666667%;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-xl-10{
        -ms-flex:0 0 83.333333%;
        flex:0 0 83.333333%;
        max-width:83.333333%
    }
}
.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-striped tbody tr:nth-of-type(odd){
    background-color:rgba(0,0,0,.05)
}
.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::-ms-expand{
    background-color:transparent;
    border:0
}
.form-control:-moz-focusring{
    color:transparent;
    text-shadow:0 0 0 #495057
}
.form-control:focus{
    color: #000;
    background-color: #fff;
    border-color: black;
    outline: 0;
    box-shadow: none;
}
.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
}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{
    border-color:#28a745
}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{
    border-color:#dc3545
}
.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{
    outline:0;
    box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.btn:disabled{
    opacity:.65
}
.btn:not(:disabled):not(.disabled){
    cursor:pointer
}
.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{
    color:#fff;
    background-color:#28a745;
    border-color:#28a745
}
.btn-success:hover{
    color:#fff;
    background-color:#218838;
    border-color:#1e7e34
}
.btn-success:focus{
    color:#fff;
    background-color:#218838;
    border-color:#1e7e34;
    box-shadow:0 0 0 .2rem rgba(72,180,97,.5)
}
.btn-success:disabled{
    color:#fff;
    background-color:#28a745;
    border-color:#28a745
}
.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:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active{
    color:#fff;
    background-color:#117a8b;
    border-color:#10707f
}
.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-warning{
    color:#212529;
    background-color:#ffc107;
    border-color:#ffc107
}
.btn-warning:hover{
    color:#212529;
    background-color:#e0a800;
    border-color:#d39e00
}
.btn-warning:focus{
    color:#212529;
    background-color:#e0a800;
    border-color:#d39e00;
    box-shadow:0 0 0 .2rem rgba(222,170,12,.5)
}
.btn-warning:disabled{
    color:#212529;
    background-color:#ffc107;
    border-color:#ffc107
}
.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active{
    color:#212529;
    background-color:#d39e00;
    border-color:#c69500
}
.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus{
    box-shadow:0 0 0 .2rem rgba(222,170,12,.5)
}
.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-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active{
    color:#fff;
    background-color:#1d2124;
    border-color:#171a1d
}
.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus{
    box-shadow:0 0 0 .2rem rgba(82,88,93,.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,.btn-outline-info:not(:disabled):not(.disabled):active{
    color:#fff;
    background-color:#17a2b8;
    border-color:#17a2b8
}
.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-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active{
    color:#212529;
    background-color:#ffc107;
    border-color:#ffc107
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus{
    box-shadow:0 0 0 .2rem rgba(255,193,7,.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-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active{
    color:#fff;
    background-color:#343a40;
    border-color:#343a40
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus{
    box-shadow:0 0 0 .2rem rgba(52,58,64,.5)
}
.btn-block{
    display:block;
    width:100%
}
.custom-control{
    position:relative;
    z-index:1;
    display:block;
    min-height:1.5rem;
    padding-left:1.5rem;
    -webkit-print-color-adjust:exact;
    color-adjust:exact
}
.custom-control-input{
    position:absolute;
    left:0;
    z-index:-1;
    width:1rem;
    height:1.25rem;
    opacity:0
}
.custom-control-input:checked~.custom-control-label::before{
    color:#fff;
    border-color:#fff;
    background-color:#c8473d
}
.custom-control-input:focus~.custom-control-label::before{
    box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{
    border-color:#80bdff
}
.custom-control-input:not(:disabled):active~.custom-control-label::before{
    color:#fff;
    background-color:#b3d7ff;
    border-color:#b3d7ff
}
.custom-control-input:disabled~.custom-control-label{
    color:#6c757d
}
.custom-control-input:disabled~.custom-control-label::before{
    background-color:#e9ecef
}
.custom-control-label{
    position:relative;
    margin-bottom:0;
    vertical-align:top
}
.custom-control-label::before{
    position:absolute;
    top:.25rem;
    left:-1.5rem;
    display:block;
    width:1rem;
    height:1rem;
    pointer-events:none;
    content:"";
    background-color:#fff;
    border:#adb5bd solid 1px
}
.custom-control-label::after{
    position:absolute;
    top:.25rem;
    left:-1.5rem;
    display:block;
    width:1rem;
    height:1rem;
    content:"";
    background:no-repeat 50%/50% 50%
}
.custom-radio .custom-control-label::before{
    border-radius:50%
}
.custom-radio .custom-control-input:checked~.custom-control-label::after{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{
    background-color:rgba(0,123,255,.5)
}
.custom-control-label::before{
    transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce){
    .custom-control-label::before{
        transition:none
    }
}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{
    opacity:.75
}
.bg-light{
    background-color:#f8f9fa
}
.bg-white{
    background-color:#fff
}
.rounded-0{
    border-radius:0
}
.justify-content-center{
    -ms-flex-pack:center;
    justify-content:center
}
.align-items-center{
    -ms-flex-align:center;
    align-items:center
}
@supports ((position:-webkit-sticky) or (position:sticky)){
}
.m-0{
    margin:0
}
.px-0{
    padding-right:0
}
.pb-0{
    padding-bottom:0
}
.px-0{
    padding-left:0
}
.pt-2,.py-2{
    padding-top:.5rem
}
.py-2{
    padding-bottom:.5rem
}
.p-3{
    padding:1rem
}
.pt-3,.py-3{
    padding-top:1rem
}
.px-3{
    padding-right:1rem
}
.pb-3,.py-3{
    padding-bottom:1rem
}
.px-3{
    padding-left:1rem
}
.p-4{
    padding:1.5rem
}
.py-4{
    padding-top:1.5rem
}
.pb-4,.py-4{
    padding-bottom:1.5rem
}
.px-5{
    padding-right:3rem
}
.px-5{
    padding-left:3rem
}
@media (min-width:768px){
    .pt-md-0{
        padding-top:0
    }
    .pb-md-2{
        padding-bottom:.5rem
    }
    .pt-md-5,.py-md-5{
        padding-top:3rem
    }
    .py-md-5{
        padding-bottom:3rem
    }
}
@media (min-width:992px){
    .pt-lg-0{
        padding-top:0
    }
    .pr-lg-0{
        padding-right:0
    }
    .pb-lg-0{
        padding-bottom:0
    }
    .px-lg-1{
        padding-right:.25rem
    }
    .px-lg-1{
        padding-left:.25rem
    }
    .px-lg-4{
        padding-right:1.5rem
    }
    .px-lg-4{
        padding-left:1.5rem
    }
}
.text-right{
    text-align:right
}
.text-center{
    text-align:center
}
@media (min-width:992px){
    .text-lg-left{
        text-align:left
    }
    .text-lg-center{
        text-align:center
    }
}
.text-white{
    color:#fff
}
@media  print{
    *,::after,::before{
        text-shadow:none;
        box-shadow:none
    }
    a:not(.btn){
        text-decoration:underline
    }
    thead{
        display:table-header-group
    }
    tr{
        page-break-inside:avoid
    }
    h3,p{
        orphans:3;
        widows:3
    }
    h3{
        page-break-after:avoid
    }
    @page{
        size:a3
    }
    body{
        min-width:992px
    }
    .container{
        min-width:992px
    }
    .table{
        border-collapse:collapse
    }
    .table td,.table th{
        background-color:#fff
    }
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    margin:0;
}
input[type=number]{
    -moz-appearance:textfield;
    appearance:textfield;
    -webkit-appearance:textfield;
}
button:focus{
    outline: none;
}
html {
    scroll-behavior: smooth;
}
/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #110b46;
    border-radius: 0px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #110b46;
}
.scroll{
    max-height: 280px;
    overflow-y: scroll;
    padding-right: 15px;
}
.amp-carousel-button{
    background-color: rgb(205 47 52 / 61%);
    outline: none;
    border: none;
    cursor: pointer
}
.amp-carousel-button:focus{
    border: 0px solid #fff;
    outline: none;
}
amp-carousel div:first-child::-webkit-scrollbar {
    width: 20px;
}
amp-carousel div:first-child::-webkit-scrollbar-track {
    box-shadow: none;
    border-radius: 0px;
}
amp-carousel div:first-child::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 10px;
}
amp-carousel div:first-child::-webkit-scrollbar-thumb:hover {
    background: transparent;
}
.amp-carousel-button{
    bottom: -1%;
    top: auto;
    height: 22px;
    width: 22px;
    border-radius: 50px;
}
.amp-carousel-button-prev {
    left: -5px;
    right: 0;
    background-size: 15px 15px;
    margin: 0px auto;
    border: 0px solid #fff;
}
.amp-carousel-button-next {
    right: -50px;
    left: 0;
    background-size: 15px 15px;
    margin: 0px auto;
    border: 0px solid #fff;
}
.amp-carousel-button{
    background-color: rgb(112 178 72 / 70%);
}
.row{
    margin-left: -15px;
    margin-right: -15px;
}
.no-padding{
    padding: 0;
}
.container-fluid{
    max-width: 100%;
}
body, html {
    height: 100%;
    margin: 0;
}
p{
    margin: 0;
}
a{
    text-decoration: none
}
a:hover{
    text-decoration: none
}
.desk-view{
    display: block;
}
.mob-view{
    display: none;
}
h1,h2,h3,h4,h5{
    margin: 0px;
    padding: 0px;
}

h1{
    font-size:36px;
}
h2{
    font-size:30px
}
h3{
    font-size:24px
}
h4{
    font-size:20px
}
h5{
    font-size:18px
}
h6{
    font-size:16px
}

.p-10{
    padding-top: 10px;
    padding-bottom: 10px;
}
.p-20{
    padding-top: 20px;
    padding-bottom: 20px;
}
.p-30{
    padding-top: 30px;
    padding-bottom: 30px;
}
.p-40{
    padding-top: 40px;
    padding-bottom: 40px;
}
.p-50{
    padding-top: 50px;
    padding-bottom: 50px;
}
.p-60{
    padding-top: 60px;
    padding-bottom: 60px;
}
.p-70{
    padding-top: 70px;
    padding-bottom: 70px;
}
.p-80{
    padding-top: 80px;
    padding-bottom: 80px;
}
.p-90{
    padding-top: 90px;
    padding-bottom: 90px;
}
.p-100{
    padding-top: 100px;
    padding-bottom: 100px;
}

.main-heading{
    position: relative;
    display: block;
    width:100%;
}
.main-heading h5{
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
    color:#fff;
}
.main-heading h2{
    font-family: 'Exo', sans-serif;
    font-weight: 400;
    font-size: 35px;
    text-align: center;
    background: -webkit-linear-gradient(#fff3cd, #ecc5a4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: capitalize;
    line-height: 40px;
    margin-bottom: 25px;
}
.main-heading img{
    text-align: center;
    width:140px;
    margin: 0px auto;
    display: block;
    margin-bottom: 20px;
}

.wrap{
    margin-top: -90px;
}
.capsule{
    width:40px;
    height: 12px;
    background: #52c9ee;
    border-radius: 10px;
    margin-left: 40px;
    display: inline-block;
    top: -5px;
    position: relative
}

.header {
    font-size: 14px;
    font-weight: 300;
    transform: translateZ(0);
}
.header.fixed {
    left: 0;
    position: relative;
    top: 0;
    transform: translateY(0%);
    transition: all .4s ease;
    width: 100%;
    z-index: 1000;
    background: transparent;
    display: flex;
    z-index: 999999;
    height: 75px;
}
.header .left-nav{
    float: left;
    margin-top: 15px;
}
.header .right-nav{
    padding: 0px 0px;
    float: right
}
.header .right-nav .mainmenu{
    float: left;
}
.phone-dial{
    display: flex;
    float: left;
    align-items: center;
    justify-content: center;
    background: transparent;
    border-radius: 5px;
    line-height: 10px;
    margin-top: 20px;
    border: 0px solid #fff;
    padding: 10px 10px;
    margin-right: 0px;
    color:#fff;
    font-size: 21px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-shadow: 0px 0px 20px #000;
}

.banner{
    position: relative;
    top:0;
    left: 0;
    right: 0;
    z-index: 99999;
    height: 100%;
    width:100%
}
.banner .main-text{
    position: absolute;
    width:100%;
    top:0
}
.banner .banner-text{
    position: relative;
    top:130px;
    max-width: 90%
}
.banner .banner-text h1{
    font-size: 40px;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    color:#ffffff;
    margin-bottom: 15px;
}
.banner .banner-text p{
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color:#eee;
    margin-bottom: 15px;
}
.banner .banner-text h5{
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color:#ffffff;
    margin-bottom: 15px;
}
.banner .banner-text h3{
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color:#ffffff;
    margin-bottom:10px;
}
.banner .banner-text h3 span{
    font-size: 16px;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    color:#edc6a3;
}
.banner .banner-text .space-line{
    width:75%;
    height: 4px;
    border-bottom: 4px solid #edc6a3;
    margin-top: 5px;
    margin-bottom:10px;
}

.form-section{
    position: relative;
    background: #52c9ee;
    z-index: 99999;
    position: relative;
}
.top-form {
    display: block;
    margin-top: 0em;
    top: 0px;
    z-index: 999;
    position: relative;
    padding: 0px 0px;
}
.top-form .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.top-form .form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
}
.top-form {
    background: #52c9ee;
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 0px;
    text-align: center;
}
.top-form .form-inline{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
}
.top-form .first-box{
}
.top-form .first-box h4{
    color:#fff;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    text-align: left;
    float: left;
    margin:0;
    margin-right: 5px;
    font-size: 16px;
    line-height: 22px;
}
.top-form .second-box i{
    float: left;
    font-size: 30px;
    margin-right: 5px;
}
.top-form .form-control{
    border-radius: 0px;
    height: 38px;
    padding: 6px 15px;
    margin-left: 0px;
    background: #fff;
    color:#414141;
    width: 100%;
    font-family: 'Exo', sans-serif;
    font-size: 14px;
    border: 1px solid rgb(255 255 255 / 10%);
}
.top-form .form-control:focus{
    border:1px solid rgb(255 255 255 / 20%);
}
.top-form .form-control::placeholder{
    color:#aaa;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
}
.btn{
    padding: 7px 35px;
    margin-left: -3px;
}
.top-form .form-control textarea{
    padding-top: 9px;
}
.top-form .form-control input{
    background: #fff;
    border-top: 1px solid #59ade0;
    border-right: 1px solid #59ade0;
}
.submit-btn{
    background: #fee2ca;
    width: auto;
    border-radius: 0px;
    color:#fff;
    border:none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}
.top-form select{
    font-size:13px;
    font-family: 'Exo', sans-serif;
}
.top-form select option {
    color: #000;
    font-size: 13px;
    font-family: 'Exo', sans-serif;
}

.project-overview{
    background: #f4f5f8;
    margin-top: 0px;
    z-index: 99999;
    position: relative;
}
.project-overview .project-desc{
    margin-top: 10px;
}
.project-overview h2{
    font-size: 35px;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    color:#414141;
    margin-bottom: 25px;
    line-height: 35px
}
.project-overview p{
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color:#8d8e8f;
    margin-bottom: 15px;
    max-width: 100%;
}
.project-overview .project-desc ul{
    list-style-type: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    width:100%;
}
.project-overview .project-desc ul li{
    width:50%;
    align-items: center;
    justify-content: center;
    float: left;
    padding-right: 10px;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color:#626366;
    margin: 15px 0px;
    display: flex;
    gap: 10px
}
.project-overview .project-desc ul li amp-img{
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}

/*Convert Section Start*/

.convert-section{
    background: #fff;
}
.convert-section h1{
    font-size: 35px;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    color:#414141;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 30px;
}
.convert-section h5{
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color:#8d8e8f;
    text-align: left;
    max-width: 85%;
    margin-bottom: 30px;
}
.convert-section .orange-btn{
    font-family: ProximaNova-Light;
    font-size: 18px;
    color:#fff;
    padding: 10px 15px;
    background: #ef6000;
    border-radius: 30px;
    margin-top: 20px;
    display: inline-block
}
.convert-section .left-image{
    width:100%;
    height: 490px;
    background: url(../images/cs-1.webp);
    background-size: cover;
    background-position: center;
}
.convert-section .right-text{
    max-width: 100%;
    padding: 0px 50px;
    position: relative;
    top:90px;
}
.convert-section .business{
    background: url('../images/business-bg.jpg');
    background-size: cover;
    height: 500px;
    margin-bottom: 70px;
}
.convert-section .business .blue-box{
    max-width: 400px;
    background: #1f4694;
    color:#fff;
    padding: 60px 50px;
    top: 120px;
    position: relative;
    z-index: 9;
    left: 100px;
}
.convert-section .business .blue-box .address{
    font-size: 13px;
    margin-bottom: 20px;
    display: inline-block;
}
.convert-section .business .blue-box .address:last-child{
    margin-bottom: 0px;
}
.convert-section .business .blue-box .address .number{
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    text-align: center;
    border-radius: 100px;
    line-height: 30px;
    font-size: 16px;
    margin-right: 15px;
    display: inline-block;
    float: left;
}
.convert-section .business .blue-box .address .text{
    display: flex;
}
.growth-box{
    padding: 0;
}
.growth-bg {
    padding-top: 55px;
    padding-bottom: 45px;
    height: 490px
}
.growth-bg .row{
    margin-bottom: 20px;
}
.growth-bg ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: grid;
    gap: 20px;
}
.growth-bg ul li{
    width: 100%;
    float: none;
    display: inline-block;
}
.growth-span h3{
    color:#000;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    line-height: 25px;
    font-size: 20px;
    margin-bottom: 3px;
}
.growth-span h4{
    color:#000;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    line-height: 25px;
}
.growth-span p{
    color:#626366;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-top: 20px;
}
.growth-span:first-child{
    float: left;
    margin-left: 45px;
}
.growth-span{
    float: left;
    margin-left: 15px;
}
.growth-span a{
    text-decoration: none;
}
.growth-span img{
    padding-top: 0px;
    width:80px;
}
.growth-description{
    padding: 183px 152px;
}


.explore-facilities{
    position:relative;
    background: #110b46;
}
.explore-facilities .main-heading h5{
    color:#fff;
}
.explore-facilities .main-heading h2{
    background: -webkit-linear-gradient(#fff3cd, #ecc5a4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.explore-facilities .row{
    justify-content:space-evenly
}
.explore-facilities .explore-facilities-box{
    width:100%;
    display: flex;
    justify-content: space-evenly
}
.explore-facilities .explore-facilities-box .explore-text-box{
    padding: 0px 0px;
}
.explore-facilities .explore-facilities-box .explore-text-box h4{
    font-size: 20px;
    font-family: Exo, sans-serif;
    font-weight: 600;
    background: -webkit-linear-gradient(#fff3cd, #ecc5a4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 15px auto;
}
.explore-facilities .explore-facilities-box .explore-text-box p{
    font-family: 'roboto', sans-serif;
    font-weight: 300;
    color:#fff;
    font-size: 13px;
    opacity: 80%;
}
.explore-facilities .explore-facilities-box .explore-text-box ul{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    font-family: 'roboto', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 13px;
    opacity: 80%;
    margin-top: 10px;
}

.private-features-box {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 60px;
    align-items: center;
}

.feature-list {
    display: grid;
    gap: 15px;
    padding: 0;
}

.feature-list li {
    display: grid;
    grid-template-columns: 1fr 10fr;
    gap: 20px;
    align-items: center;
}

.feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 100px;
    border: 2px solid #ff5b2e;
    width: 60px;
    height: 60px;
    padding: 5px;
    transition: .5s;
}

.feature-icon img{
    width: 35px;
    height: 35px;
}

.feature-list li:hover .feature-icon {
    background: #110b46;
    transition: .5s;
}

.feature-list li:hover .feature-icon img {
    filter: invert(1);
}

.feature-description {
    font-family: 'Montserrat', sans-serif ! important;
    font-size: 10pt;
    font-weight: 500;
    color: #636363;
}

.construction-gallery{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:15px
}
.construction-gallery .construction-item{
    border:1px solid #aaa;
    padding:10px;
    text-align:center;
    font-size:14px;
}
.construction-gallery .construction-item span{
    margin-top:5px;
    display:block
}
.construction-gallery .construction-item a .card img{
    height:350px;
    object-fit:cover
}

.construction-gallery .construction-item a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #24247a;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.construction-gallery .construction-item a .card:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font: normal normal normal 26px/1 FontAwesome;
    content: '\f00e';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}

.construction-gallery .construction-item a .card:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgb(12 3 71 / 50%);
    content: '';
    transition: 0.4s;
}

.construction-gallery .construction-item a .card:hover:after,
.construction-gallery .construction-item a .card:hover:before {
    opacity: 1;
}

.call-to-action{
    position: relative;
    padding: 120px 0;
    text-align: center;
    background-color: #080231;
}

.call-to-action:before{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/pattern-2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.10;
    content: "";
}

.call-to-action .sec-title{
    position: relative;
    z-index: 9
}

.call-to-action .sec-title .title{
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    margin-bottom: 20px;
    display: block;
}

.call-to-action .sec-title h2{
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 40px
}

.call-to-action .number{
    position: relative;
    display: block;
    font-size: 50px;
    line-height: 1em;
    color: #ffffff;
    margin-top: 10px;
    letter-spacing: 0.05em;
}

.call-to-action .number a{
    color: #ffffff;
}

.call-to-action .number a:hover{
    text-decoration: underline;
}


.comfort{
    position: relative;
    top:0;
    left: 0;
    right: 0;
    background: url('../images/comfort-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}
.comfort h2{
    font-size: 35px;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    color:#fff;
    margin-bottom: 15px;
    line-height: 35px
}
.comfort p{
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color:#ddd;
    margin-bottom: 15px;
}
.comfort ul{
    list-style-type: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    width:100%;
    margin-bottom: 20px;
}
.comfort ul li{
    width:33%;
    float: left;
    padding-right: 10px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color:#fff;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: start;
}
.comfort ul li amp-img{
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}

.connectivity{
    background: #110b46;
    margin-right: 10%;
    padding-bottom: 0px;
}
.connectivity h2{
    font-size: 35px;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    color:#414141;
    margin-bottom: 15px;
    line-height: 35px;
    margin-left: 6%;
    background: -webkit-linear-gradient(#fff3cd, #ecc5a4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.connectivity p{
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color:#fff;
    margin-bottom: 25px;
    opacity:80%
}
.connectivity .container p{
    margin-left: 6%
}
.connectivity .accordion{
    padding-right: 20px;
}
.connectivity .accordion h5{
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    border: none;
    background: transparent;
    margin-left: 20px;
    color:#fff;
    opacity: 80%;
}
.connectivity .accordion section:first-child h5{
    border-top: 1px solid #201865;
}
.connectivity .accordion h5[aria-expanded="true"]{
    color: #fff;
}
.connectivity .accordion h5[aria-expanded="true"] .aero{
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition:.5s;
}
.connectivity .accordion h5 .title{
    margin-left: 50px;
}
.connectivity .accordion h5 .aero{
    float: right;
    background:#fff;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 100px;
}
.connectivity-content{
    padding: 5px 10px;
    margin-left: 20px;
}
.connectivity-content p:first-child{
    margin-top: 10px;
}
.connectivity-content p{
    width:100%;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 3px;
    line-height: 18px;
}
.connectivity-content .particular{
    width:80%;
    float: left
}
.connectivity-content .kms{
    width:20%;
    text-align: right;
    float: right;
}

.amenities{
    padding-bottom: 0px;
}
.amenities h2{
    font-size: 35px;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    color:#414141;
    margin-bottom: 15px;
    line-height: 35px
}
.amenities p{
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color:#8d8e8f;
    margin-bottom: 15px;
}
.amenities ul{
    list-style-type: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    width:100%;
}
.amenities ul li{
    width:33%;
    float: left;
    background: #2e4d86;
    padding: 20px 35px;
    border: 1px solid #fff;
}
.amenities ul li:nth-child(2){
    background: #84bc41;
}
.amenities ul li:nth-child(3){
    background: #ee4a41;
}
.amenities ul li:nth-child(4){
    background: #ee4a41;
}
.amenities ul li:nth-child(5){
    background: #2e4d86;
}
.amenities ul li:nth-child(6){
    background: #84bc41;
}
.amenities ul li:nth-child(7){
    background: #1c3868;
}
.amenities ul li:nth-child(8){
    background: #2e79bd;
}
.amenities ul li h5{
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color:#fff;
    transition: .5s
}

#site-plan{
    background-color: #fff;
}
#site-plan h2{
    font-size: 35px;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    color:#414141;
    margin-bottom: 10px;
    line-height: 35px;
    text-align: left
}
#site-plan p{
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color:#8d8e8f;
    margin-bottom: 15px;
    text-align: left;
    margin-bottom: 30px;
}
amp-selector[role=tablist].tabs-with-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
amp-selector[role=tablist].tabs-with-flex [role=tab] {
    text-align: center;
    width: 150px;
    padding: var(--space-1);
    padding: 10px 10px;
    background: #1c3868;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin: 0px 10px;
    margin-bottom: 15px;
    color:#fff;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
amp-selector[role=tablist].tabs-with-flex [role=tab][selected] {
    outline: none;
    border-bottom: 0px solid var(--color-primary);
    background: #70b248;
    color: #fff;
}
amp-selector[role=tablist].tabs-with-flex [role=tabpanel] {
    display: none;
    width: 100%;
    order: 1;
    padding: var(--space-4);
}
amp-selector[role=tablist].tabs-with-flex [role=tab][selected] + [role=tabpanel] {
    display: block;
}
amp-selector[role=tablist].tabs-with-flex [role=tab][selected] + [role=tabpanel] amp-img{
    max-width: 80%;
    margin: 0px auto;
    margin-top: 20px;
    border: 15px solid #fff;
}
amp-selector[role=tablist].tabs-with-selector {
    display: flex;
}
amp-selector[role=tablist].tabs-with-selector [role=tab][selected] {
    outline: none;
    border-bottom: 2px solid var(--color-primary);
}
amp-selector[role=tablist].tabs-with-selector {
    display: flex;
}
amp-selector[role=tablist].tabs-with-selector [role=tab] {
    width: 100%;
    text-align: center;
    padding: var(--space-1);
}
amp-selector.tabpanels [role=tabpanel] {
    display: none;
    padding: var(--space-4);
}
amp-selector.tabpanels [role=tabpanel][selected] {
    outline: none;
    display: block;
}
#site-plan ul{
    width:100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: grid;
    gap: 15px;
}
#site-plan ul li{
    width: 100%;
    text-align: left;
    margin: 0px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}
#site-plan ul li amp-img{
    max-width:100%;
    margin-right: 10px;
}

#site-plan .container-overlay {
    position: relative;
    width: 100%;
    background: #241f1f;
}
#site-plan .image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
    z-index: 9
}
#site-plan .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
#site-plan .container-overlay:hover .image {
    opacity: 0.3;
}
#site-plan .container-overlay:hover .middle {
    opacity: 1;
    z-index: 1
}
#site-plan ul li .text amp-img{
    border: none;
}
#site-plan ul li h5{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
}
#site-plan ul li p{
    text-align: left;
    margin-bottom: 0px;
    font-size: 13px;
}
#site-plan .site-plan{
    width:60%;
}
#site-plan .site-desc{
    width:40%;
    padding: 0px 15px;
}

.facilities{
    position: relative;
    background: #1c3868;
}
.facilities h2{
    font-size: 35px;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    color:#fff;
    margin-bottom: 15px;
    line-height: 35px
}
.facilities p{
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color:#ddd;
    margin-bottom: 35px;
}
.facilities ul{
    list-style-type: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    width:100%;
}
.facilities ul li{
    width:32%;
    float: none;
    margin-right: 10px;
}
.facilities .container-overlay {
    position: relative;
    width: 100%;
    background: #241f1f;
}
.facilities .image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
    z-index: 9
}
.facilities .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.facilities .container-overlay:hover .image {
    opacity: 0.3;
}
.facilities .container-overlay:hover .middle {
    opacity: 1;
    z-index: 1
}

.offer-section{
    background: #d8d8d8;
}
.offer-section h1{
    font-size: 35px;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    color:#414141;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 15px;
}
.offer-section h5{
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color:#222222;
    text-align: left;
    max-width: 85%;
    margin-bottom: 30px;
}
.offer-section .offer-box2{
    padding-right: 0px;
}
.offer-section .offer-box{
    background: #fff;
    padding: 20px 0px;
}
.offer-section .offer-caro{
    padding: 0;
    margin: 0;
}
.offer-section .offer-caro li{
    text-align: center;
    margin-left: 20px;
}
.offer-section .offer-caro li:first-child{
    margin-left: 10px;
}
.offer-section .offer-caro li a{
}
.offer-section .offer-caro li a p{
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color:#222222;
    text-align: center;
}
.offer-section .offer-caro .amp-carousel-button{
    display: none;
    opacity: 0;
}
.offer-section h3{
    font-size: 25px;
    font-family: 'Exo', sans-serif;
    font-weight: 500;
    color:#414141;
    text-align: left;
    margin-bottom: 5px;
    margin-top: 15px;
}

footer{
    display: inline-block;
    width: 100%;
    padding: 40px 0px;
}
footer .box1{
    width:20%;
    float: left;
    display: inline-block
}
footer .box1 ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
    width:100%;
}
footer .box1 ul li {
    padding: 3px 0px;
}
footer .box1 ul li a{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    text-decoration: none;
    color:#fff;
    transition: .5s;
}
footer .box1 ul li a:hover{
    color:#fff;
    transition: .5s;
}
.red-bg{
    background: #fff;
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 88px;
    text-align: center;
}
.red-bg ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
    width:100%;
}
.red-bg ul li{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    float: left;
    width:100%;
    text-align: center;
    color:#414141;
}
.red-bg p{
    text-align: center;
    color:#414141;
    margin-bottom: 0px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    width: 100%;
    display: inline-block;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #ddd;
}
footer .box2{
    width:100%;
    float: left;
    text-align: center;
}
footer .box2 p{
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    margin-top: 6px;
}
footer .box2 h4{
    margin-top: 5px;
    margin-bottom: 10px;
    color: #fff;
}
footer .box2 ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
    width:100%;
}
footer .box2 ul li {
    padding: 3px 0px;
}
footer .box2 ul li a{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    color:#fff;
    transition: .5s;
}
footer .box2 ul li a:hover{
    color:#fff;
    transition: .5s;
}
footer .box2 .social-icons{
    margin-top: 30px;
}
footer .box2 .social-icons ul{
    list-style-type: none;
    width:100%;
    padding: 0;
    margin: 0;
}
footer .box2 .social-icons ul li{
    float:left;
    margin-right: 15px;
}
footer .form-control{
    border-radius: 0px;
    height: 35px;
    padding: 0px 10px;
    margin-left: 0px;
    background: transparent;
    color:#fff;
    width: 100%;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    margin-bottom: 5px;
    border:1px solid #fff;
}
footer .form-control::placeholder{
    color:#eee;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
}
footer .form-control:focus{
    background: transparent;
    border:1px solid #fff;
}
.subscribe-btn{
    float: right;
    position: relative;
    top: -40px;
    outline: none;
    border: none;
    width: 40px;
    height: 34px;
    background: transparent;
    color:#fff;
}
.foot-submit{
    background: #cd2f34;
    color: #fff;
    border: none;
    width: 100%;
    padding: 6px 0px;
}
.whats-app{
    width:60px;
    height: 60px;
    background: #fff;
    position: fixed;
    right:20px;
    bottom: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    z-index: 9999;
    display: none;
}
.whats-app i{
    color:#64c1d6;
    font-size: 35px;
}
.desk-view{
    display: block;
}
.mob-view{
    display: none;
}

#section1{
    background: #080231;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
}
.eleven{
    background: #565469;
    position: fixed;
    bottom: 0;
    width:100%;
    z-index: 99;
}

#bottom-form form {
    display: block;
    margin-top: 0em;
}
#bottom-form .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
#bottom-form .form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
}
#bottom-form {
    background: #080231;
    padding-top: 25px;
    padding-bottom: 20px;
    margin: 0px 0px;
    ;
    position: relative;
    border-radius: 0px;
    text-align: center;
}
#bottom-form .first-box{
    width:60px;
}
#bottom-form .first-box h4{
    color:#fff;
    font-family: 'Ubuntu', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    text-align: right;
    float: left;
    margin:0;
    margin-right: 5px;
    font-size: 17px;
    line-height: 22px;
}
#bottom-form .second-box i{
    float: left;
    font-size: 30px;
    margin-right: 5px;
}
#bottom-form .form-control{
    border-radius: 0px;
    height: 40px;
    padding: 6px 22px;
    margin-left: 4px;
    background: #0f0a3a;
    color:#fff;
    width: 100%;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    border: 1px solid rgb(255 255 255 / 10%);
}
#bottom-form .form-control:focus{
    border:1px solid rgb(255 255 255 / 20%);
}
#bottom-form .form-control::placeholder{
    color:#eee;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
}
.btn{
    padding: 7px 35px;
    margin-left: -3px;
}
#bottom-form .form-control textarea{
    padding-top: 9px;
}
#bottom-form .form-control input{
    background: #0483d0;
    border-top: 1px solid #59ade0;
    border-right: 1px solid #59ade0;
}
.submit-btn{
    background: #fee2ca;
    width: auto;
    border-radius: 0px;
    color:#0b162a;
    ;
    border:none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    transition: .5s;
}
.submit-btn:hover{
    background: #e9cbb1;
    color:#0b162a;
    ;
    transition: .5s;
}

.modal-open{
    padding-right: 0px ! important;
}
#download-lb {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    background: rgb(0 0 0 / 50%);
    opacity:1 ! important;
    z-index: 99999999;
}

#download-lb .modal-body{
    padding: 0;
}

#download-lb .modal-dialog {
    background: transparent;
    width: 360px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

#download-lb .modal-content{
    border: none;
}

.otp-verify {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    background: rgb(0 0 0 / 50%);
    opacity:1 ! important;
    z-index: 99999999;
}

.otp-verify .modal-body{
    padding: 0;
}

.otp-verify .modal-dialog {
    background: transparent;
    width: 360px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) !important;
}

.otp-verify .modal-content{
    border: none;
}

.form-slider-wrapper {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=98);
    opacity: 0.98;
    background-color: #110b46;
    bottom: 15px;
    display: table;
    height: auto;
    padding: 20px 30px 30px 30px;
    position: absolute;
    width: 360px;
    z-index: 10;
    color:#fff;
    right:15px;
}
.form-slider-wrapper .form-control{
    border-radius:0px;
    margin-bottom:10px;
}
.form-slider-wrapper h1 {
    margin-top: 0;
}
.form-slider-wrapper h3 {
    margin: 0;
}
.form-slider-wrapper h3:after {
    display: none;
}
.form-slider-wrapper hr {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2;
    margin: 15px 0;
}
.form-slider-wrapper .btn {
    font-size: 18px;
    padding: 10px;
    width: 100%;
    position: relative;
    background: #51c5ea;
    color: #fff;
    margin: 0;
    margin-top: 10px;
    font-weight:400;
}
.form-slider-wrapper figure {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}
.form-slider-wrapper .custom-radio{
    border: 2px solid #fff;
    padding: 2px 14px;
    text-align: center;
    margin: 0px auto;
    border-radius: 6px;
    margin-bottom: 0px;
}
.form-slider-wrapper .custom-radio input{
    visibility: hidden;
}
.form-slider-wrapper .custom-control-label::before{
    left: -20px;
}
.form-slider-wrapper .custom-control-label::after{
    left: -20px;
}
.form-slider-wrapper .custom-control-label {
    position: relative;
    margin-left: 10px;
    font-size: 14px;
}
.form-slider-wrapper .list-inline-item:not(:last-child) {
    margin-right: 5px;
}
#download-lb {
    max-width: 100%;
    margin: 0px auto;
    background: rgb(0 0 0 / 70%);
    z-index: 9999999;
}
#download-lb .form-slider-wrapper{
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=98);
    opacity: 0.98;
    background-color: #110b46;
    display: block;
    height: auto;
    padding: 20px 30px 30px 30px;
    position: relative;
    width: 360px;
    z-index: 10;
    color: #fff;
    right: 0;
    bottom: 0;
}
#bottom-form select option {
    color: #fff;
    font-size: 14px;
}
.btn-download{
    text-transform: none;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    background: #52c9ee;
    color: #fff;
    padding: 10px 15px;
    border-radius: 0px;
    display: inline-block;
    transition: .5s;
    font-size: 14px;
    border:none;
    outline:none
}
.btn-download:hover{
    background: #080231;
    color:#fff;
    transition: .5s;
}
.close-btn {
    border-radius: 50px;
    border: 2px solid #fff;
    width: 30px;
    height: 30px;
    background: #52c9ee;
    color: #fff;
    outline: none;
    position: absolute;
    right: -20px;
    top: -20px;
}

.cid-qThCVJu5uA{
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #29282d;
    margin-top: 40px;
}
.cid-qThCVJu5uA .mbr-section-btn,.cid-qThCVJu5uA .mbr-text{
    transition: all,0.2s;
    opacity: 0;
}
.cid-qThCVJu5uA .container-fluid,.cid-qThCVJu5uA .mbr-row{
    padding: 0;
    margin: 0;
}
.cid-qThCVJu5uA .bg1{
    background-image: url("../images/office.webp");
    background-size: cover;
    background-clip: content-box;
    background-position: center;
}
.cid-qThCVJu5uA .bg2{
    background-image: url("../images/coworking.webp");
    background-size: cover;
    background-clip: content-box;
    background-position: center;
}
.cid-qThCVJu5uA .bg3{
    background-image: url("../images/retail.webp");
    background-size: cover;
    background-clip: content-box;
    background-position: center;
}
.cid-qThCVJu5uA .bg4{
    background-image: url("../images/suites.webp");
    background-size: cover;
    background-clip: content-box;
    background-position: center;
}
.cid-qThCVJu5uA .bg5{
    background-image: url("../images/food.webp");
    background-size: cover;
    background-clip: content-box;
    background-position: center;
}
.cid-qThCVJu5uA .bg6{
    background-image: url("../images/restaurant.webp");
    background-size: cover;
    background-clip: content-box;
    background-position: center;
}
.cid-qThCVJu5uA .card-wrapper{
    margin: auto;
    padding-top: 100px;
    height: 100%;
    width: 100%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    transition: all,0.2s;
    background-color: rgba(41,40,45,0.4);
}
.cid-qThCVJu5uA .card-wrapper:hover{
    padding-top: 50px;
    background-color: #2e4d86;
}
.cid-qThCVJu5uA .card-box{
    padding-top: 1rem;
    max-width: 350px;
    margin: auto;
}
.cid-qThCVJu5uA .card-img{
    max-width: 350px;
    margin: auto;
}
.cid-qThCVJu5uA .card{
    border-radius: 0;
    display: flex;
    margin: auto;
    padding: 0;
    align-items: center;
    height: 330px;
    transition: all,0.2s;
    width:33.33%;
    float:left;
}
.cid-qThCVJu5uA .card:hover .mbr-section-btn,.cid-qThCVJu5uA .card:hover .mbr-text{
    opacity: 1;
}
.cid-qThCVJu5uA .mbr-iconfont2{
    font-size: 5rem;
    color: #ffffff;
    margin-bottom: 0rem;
}
.cid-qThCVJu5uA .card-sub-title{
    color: #29282d;
}
.cid-qThCVJu5uA .mbr-text,.cid-qThCVJu5uA .mbr-section-btn{
    color: #ffffff;
    padding-left: 15px;
    font-size: 14px;
}
.cid-qThCVJu5uA .box-title,.cid-qThCVJu5uA .card-img{
    color: #ffffff;
}
@media (max-width: 991px){
    .cid-qThCVJu5uA .mbr-section-btn,.cid-qThCVJu5uA .mbr-text{
        opacity: 1;
    }
    .cid-qThCVJu5uA .card-wrapper{
        padding-top: 80px;
        background-color: rgba(41,40,45,0.7);
    }
    .cid-qThCVJu5uA .card-wrapper:hover{
        padding-top: 80px;
        background-color: rgba(41,40,45,0.7);
    }
}
.cid-qThCF6j3Ef{
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: #ffffff;
}
.cid-qThCF6j3Ef .mbr-section-title{
    color: #29282d;
}
.cid-qThCF6j3Ef .mbr-text,.cid-qThCF6j3Ef .mbr-section-btn{
    color: #b9b9b9;
}
.cid-qThCF6j3Ef .vcenter{
    margin: auto;
    max-width: 600px;
}
.cid-qThCF6j3Ef .count{
    color: #dadada;
    font-weight: 400;
    margin-bottom: -35px;
}
.cid-qThCF6j3Ef .video-block{
    width: 100%;
}
@media (max-width: 991px){
    .cid-qThCF6j3Ef .mbr-section-btn{
        margin-bottom: 2rem;
    }
    .cid-qThCF6j3Ef .vcenter{
        margin-top: 2rem;
    }
}
@media (max-width: 576px){
    .cid-qThCF6j3Ef .count{
        text-align: center;
    }
}
.cid-qThCHRq7Bg{
    padding-top: 120px;
    padding-bottom: 120px;
    background-image: url("./images/mbr-2-1620x1080.jpg");
}
.cid-qThCHRq7Bg .mbr-overlay{
    background-color: #000000;
    opacity: 0.4;
}
.cid-qThCHRq7Bg .mbr-row{
    padding-top: 2rem;
}
.cid-qThCHRq7Bg .progress{
    width: 100%;
    border-radius: 0;
}
.cid-qThCHRq7Bg .title-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cid-qThCHRq7Bg .progressbar-title p{
    margin-bottom: 0;
}
.cid-qThCHRq7Bg progress{
    height: 8px;
    margin-top: 5px;
}
.cid-qThCHRq7Bg .progressbar-number{
    display: inline-block;
}
.cid-qThCHRq7Bg .progress-primary{
    background: rgba(206,206,206,0.4);
    border: none;
    outline: none;
}
.cid-qThCHRq7Bg .progress-primary::-webkit-progress-bar{
    background: rgba(206,206,206,0.4);
}
.cid-qThCHRq7Bg .section-content-title{
    margin: 0 0 .5rem 0;
}
.cid-qThCHRq7Bg .progress_value{
    position: relative;
}
.cid-qThCHRq7Bg .progress1 .progressbar-number:before,.cid-qThCHRq7Bg .progress2 .progressbar-number:before,.cid-qThCHRq7Bg .progress3 .progressbar-number:before,.cid-qThCHRq7Bg .progress4 .progressbar-number:before,.cid-qThCHRq7Bg .progress5 .progressbar-number:before{
    position: absolute;
    right: 15px;
    top: 0;
}
.cid-qThCHRq7Bg progress[value]::-webkit-progress-bar{
    background: rgba(206,206,206,0.4);
}
.cid-qThCHRq7Bg progress::-webkit-progress-value{
    background: #45b87e;
}
.cid-qThCHRq7Bg progress[value]::-moz-progress-bar{
    background: #45b87e;
}
.cid-qThCHRq7Bg progress::-ms-fill{
    background: #45b87e;
}
.cid-qThCHRq7Bg .progress1 .progressbar-number:before{
    content: '100';
}
.cid-qThCHRq7Bg .progress2 .progressbar-number:before{
    content: '90';
}
.cid-qThCHRq7Bg .progress3 .progressbar-number:before{
    content: '80';
}
.cid-qThCHRq7Bg .progress4 .progressbar-number:before{
    content: '70';
}
.cid-qThCHRq7Bg .progress5 .progressbar-number:before{
    content: '60';
}
@media (min-width: 992px){
    .cid-qThCHRq7Bg .text-elements{
        padding-right: 3rem;
    }
    .cid-qThCHRq7Bg .progress_elements{
        padding-left: 3rem;
    }
}
.cid-qThCHRq7Bg .pb1{
    padding-bottom: 1rem;
    display: flex;
    flex-direction: column;
}
.cid-qThCHRq7Bg .progressbar-title p,.cid-qThCHRq7Bg .progress_value{
    color: #ffffff;
}
.cid-qThCPEMN8K{
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #ffffff;
}
.cid-qThCPEMN8K .vcenter{
    margin: auto;
}
.cid-qThCPEMN8K .ampTabContainer{
    display: flex;
    flex-wrap: wrap;
}
.cid-qThCPEMN8K .tab-button[selected] + .tab-content{
    display: block;
}
.cid-qThCPEMN8K .tab-button[selected] .tab-head{
    background-color: #f34e3a;
    color: #ffffff;
}
.cid-qThCPEMN8K .tab-head{
    padding: 15px;
    margin: 0.3rem;
    border: 0px solid gray;
    width: fit-content;
    transition: all 0.3s;
    background-color: #dadada;
}
.cid-qThCPEMN8K .tab-head:hover{
    color: #ffffff;
    background-color: #f34e3a;
}
.cid-qThCPEMN8K .tab-button{
    list-style: none;
    text-align: center;
    cursor: pointer;
}
.cid-qThCPEMN8K .tab-content{
    display: none;
    width: 100%;
    order: 1;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
    margin-top: 1rem;
}
.cid-qThCPEMN8K .tab-content p{
    margin: 0;
    padding: 0;
    line-height: 1.8;
}
.cid-qThCPEMN8K amp-selector{
    padding: 1rem;
    margin: 1rem;
}
.cid-qThCPEMN8K .tab-title{
    margin-bottom: 20px;
}
.cid-qThCPEMN8K amp-selector [option][selected]{
    outline: none;
}
.cid-qThCPEMN8K P{
    color: #828282;
}
@media (max-width: 576px){
    .cid-qThCPEMN8K .tab-head{
        width: 100%;
    }
    .cid-qThCPEMN8K .tab-button{
        flex-grow: 1;
    }
}
.cid-qTnAXccXrj{
    padding-top: 4rem;
    padding-bottom: 3rem;
    background-color: #5fba8c;
}
.cid-qTnAXccXrj .mbr-section-title{
    color: #29282d;
}
.cid-qTnAXccXrj .mbr-text,.cid-qTnAXccXrj .mbr-section-btn{
    color: #29282d;
}
.cid-qTnAXccXrj .btn{
    margin-bottom: 1rem;
}
.cid-qTnAV5kLgV{
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: #ffffff;
}
.cid-qTnAV5kLgV .mbr-section-title{
    color: #29282d;
}
.cid-qTnAV5kLgV .mbr-text,.cid-qTnAV5kLgV .mbr-section-btn{
    color: #b9b9b9;
}
.cid-qTnAV5kLgV .vcenter{
    margin: auto;
    max-width: 600px;
}
.cid-qTnAV5kLgV .count{
    color: #dadada;
    font-weight: 400;
    margin-bottom: -35px;
}
.cid-qTnAV5kLgV .video-block{
    width: 100%;
}
@media (max-width: 991px){
    .cid-qTnAV5kLgV .mbr-section-btn{
        margin-bottom: 2rem;
    }
    .cid-qTnAV5kLgV .vcenter{
        margin-top: 2rem;
    }
}
@media (max-width: 576px){
    .cid-qTnAV5kLgV .count{
        text-align: center;
    }
}
.cid-qTnC0b4CEn{
    padding-top: 4rem;
    padding-bottom: 3rem;
    background-image: url("./images/mbr-3-1620x1080.jpg");
}
.cid-qTnC0b4CEn .mbr-overlay{
    background-color: #313131;
    opacity: 0.6;
}
.cid-qTnC0b4CEn .mbr-section-title{
    color: #29282d;
}
.cid-qTnC0b4CEn .mbr-text,.cid-qTnC0b4CEn .mbr-section-btn{
    color: #ffffff;
}
.cid-qTnC0b4CEn .vcenter{
    margin: auto;
}
.cid-qTnC0b4CEn .count{
    color: #dadada;
    font-weight: 400;
    margin-bottom: -35px;
}
.cid-qTnC0b4CEn .video-block{
    width: 100%;
}
@media (max-width: 991px){
    .cid-qTnC0b4CEn .mbr-section-btn{
        margin-bottom: 2rem;
    }
    .cid-qTnC0b4CEn .vcenter{
        margin-top: 2rem;
    }
}
@media (max-width: 576px){
    .cid-qTnC0b4CEn .count{
        text-align: center;
    }
}
.cid-qTnC0b4CEn .text{
    max-width: 60rem;
    margin: auto;
}
.cid-qTnBwz1r17{
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #ffffff;
}
.cid-qTnBwz1r17 .card-wrapper{
    padding: 10px;
}
.cid-qTnBwz1r17 .card-box{
    background-color: #29282d;
    padding: 3rem;
    position: relative;
}
.cid-qTnBwz1r17 h5{
    margin-top: 3rem;
    margin-bottom: 2rem;
}
.cid-qTnBwz1r17 h2{
    margin-bottom: 2rem;
}
.cid-qTnBwz1r17 p{
    padding-top: 1.5rem;
}
.cid-qTnBwz1r17 .dollar{
    font-size: 40px;
    vertical-align: text-top;
}
.cid-qTnBwz1r17 .ico{
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    display: none;
}
.cid-qTnBwz1r17 .hot{
    border: 30px solid transparent;
    border-top: 30px solid #f34e3a;
    border-right: 30px solid #f34e3a;
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    font-size: 14px;
    display: none;
}
.cid-qTnBwz1r17 .display{
    display: block;
}
.cid-qTnBwz1r17 .card{
    margin-bottom: 20px;
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: 0;
    width: 100%;
    min-height: 1px;
}
.cid-qTnBwz1r17 .mbr-section-btn{
    margin-top: 2rem;
}
.cid-qTnBwz1r17 .card-title{
    text-align: center;
    color: #f34e3a;
}
.cid-qTnBwz1r17 .dotted{
    border-top: 1px dotted #000000;
}
@media (max-width: 576px){
    .cid-qTnBwz1r17 .card-box{
        padding: 1rem;
    }
    .cid-qTnBwz1r17 .card-wrapper{
        padding: 0px;
    }
}
.cid-qTnBwz1r17 .mbr-text,.cid-qTnBwz1r17 .mbr-section-btn{
    color: #dadada;
}
.cid-qTnBwz1r17 .cardtitle,.cid-qTnBwz1r17 .mbr-section-btn{
    color: #f7f7f7;
}
.cid-qTnCfTHs6i{
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-image: url("./images/mbr-4-1620x1080.jpg");
}
.cid-qTnCfTHs6i .mbr-overlay{
    background-color: #29282d;
    opacity: 0.4;
}
.cid-qTnCfTHs6i .mbr-section-title{
    color: #ffffff;
}
.cid-qTnCfTHs6i .mbr-text,.cid-qTnCfTHs6i .mbr-section-btn{
    color: #ffffff;
}
.cid-qTnCfTHs6i .mbr-iconfont2{
    font-size: 5rem;
    color: #ffffff;
    transition: all 0.3s;
}
.cid-qTnCfTHs6i .card-img{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    padding-top: 2px;
    padding-left: 2px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 100%;
    transition: all 0.3s;
}
.cid-qTnCfTHs6i .card-img:hover{
    transform: scale(1.2) translate(-40%,-40%);
    cursor: pointer;
}
.cid-qTnCfTHs6i .relative{
    position: relative;
    width: 100%;
    height: 100%;
}
.cid-qTnCfTHs6i .video-title B{
    color: #0a193b;
}
.cid-qTnCfTHs6i .lightbox{
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cid-qTnCfTHs6i .video-block{
    width: 100%;
}
@media (max-width: 576px){
    .cid-qTnCfTHs6i .relative{
        padding: 0;
    }
}
.cid-qTnD2Trlx8{
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #ffffff;
}
.cid-qTnD2Trlx8 .mbr-col-lg-6{
    padding-right: 5rem;
    padding-left: 5rem;
}
.cid-qTnD2Trlx8 .mbr-section-title{
    color: #29282d;
}
.cid-qTnD2Trlx8 .mbr-text,.cid-qTnD2Trlx8 .mbr-section-btn{
    color: #b9b9b9;
}
.cid-qTnD2Trlx8 .vcenter{
    margin: auto;
    max-width: 600px;
}
.cid-qTnD2Trlx8 .count,.cid-qTnD2Trlx8 .count2{
    color: #dadada;
    font-weight: 400;
    margin-bottom: -35px;
}
.cid-qTnD2Trlx8 .video-block{
    width: 100%;
}
@media (max-width: 991px){
    .cid-qTnD2Trlx8 .mbr-section-btn{
        margin-bottom: 2rem;
    }
    .cid-qTnD2Trlx8 .vcenter{
        margin-top: 2rem;
    }
}
@media (max-width: 576px){
    .cid-qTnD2Trlx8 .mbr-col-lg-6{
        padding-right: 0rem;
        padding-left: 0rem;
    }
}
.cid-qTnD2Trlx8 .text2,.cid-qTnD2Trlx8 .mbr-section-btn2{
    color: #b9b9b9;
}
.cid-qTnDqLsC2S{
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: #ffffff;
}
.cid-qTnDqLsC2S .mbr-row{
    flex-direction: row-reverse;
}
.cid-qTnDqLsC2S .mbr-section-title{
    color: #29282d;
}
.cid-qTnDqLsC2S .mbr-text,.cid-qTnDqLsC2S .mbr-section-btn{
    color: #b9b9b9;
}
.cid-qTnDqLsC2S .vcenter{
    margin: auto;
    max-width: 600px;
}
.cid-qTnDqLsC2S .count{
    color: #dadada;
    font-weight: 400;
    margin-bottom: -35px;
}
.cid-qTnDqLsC2S .video-block{
    width: 100%;
}
@media (max-width: 991px){
    .cid-qTnDqLsC2S .mbr-section-btn{
        margin-bottom: 2rem;
    }
    .cid-qTnDqLsC2S .vcenter{
        margin-top: 2rem;
    }
}
@media (max-width: 576px){
    .cid-qTnDqLsC2S .count{
        text-align: center;
    }
}
.cid-qTnCZmp0qc{
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #5fba8c;
}
.cid-qTnCZmp0qc P{
    letter-spacing: 3px;
}
.cid-qTnCZmp0qc .card-text{
    margin: auto;
    max-width: 800px;
    padding-bottom: 2rem;
}
.cid-qTnCZmp0qc .name{
    max-width: 800px;
    margin: auto;
    font-weight: 400;
}
.cid-qTnCZmp0qc .title-wrap:hover .line{
    width: 6rem;
}
.cid-qTnCZmp0qc .amp-carousel-button{
    background-color: transparent;
}
.cid-qTnCZmp0qc .amp-carousel-button-next,.cid-qTnCZmp0qc .amp-carousel-button-prev{
    filter: brightness(300%);
    background-size: 40px 40px;
}
.cid-qTnCZmp0qc .amp-carousel-button-next:focus,.cid-qTnCZmp0qc .amp-carousel-button-prev:focus{
    outline: none;
}
.cid-qTnCZmp0qc amp-carousel{
    height: 400px;
}
.cid-qTnCZmp0qc .slide-wrap{
    height: auto;
    margin: auto;
}
.cid-qTnCZmp0qc .carousel,.cid-qTnCZmp0qc .slider-box{
    position: relative;
}
.cid-qTnCZmp0qc .card-title{
    margin-bottom: 1rem;
}
.cid-qTnCZmp0qc .card-signature{
    margin-bottom: 1rem;
}
.cid-qTnCZmp0qc .dots-wrapper{
    justify-content: center;
    display: flex;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
}
.cid-qTnCZmp0qc .dots span{
    display: inline-block;
    border-radius:6px;
    width: 12px;
    height: 12px;
    margin: 4px;
    outline: none;
    background-color: #585858;
}
.cid-qTnCZmp0qc .dots span.current{
    background-color: #f34e3a;
}
@media (max-width: 991px){
    .cid-qTnCZmp0qc .slide-wrap{
        padding-top:2rem;
        padding-bottom: 2rem;
    }
    .cid-qTnCZmp0qc .card-text{
        max-width: 500px;
    }
}
@media (max-width: 767px){
    .cid-qTnCZmp0qc .slide-wrap{
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .cid-qTnCZmp0qc .amp-carousel-button{
        display: none;
    }
}
.cid-qTnDcBKWIP{
    padding-top: 4rem;
    padding-bottom: 3rem;
    background-color: #ffffff;
}
.cid-qTnDcBKWIP .mbr-section-title{
    color: #29282d;
}
.cid-qTnDcBKWIP .mbr-text,.cid-qTnDcBKWIP .mbr-section-btn{
    color: #29282d;
}
.cid-qTnDcBKWIP .btn{
    margin-bottom: 1rem;
}
.cid-qTnCVw5JTo{
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #ffffff;
}
.cid-qTnCVw5JTo .google-map{
    margin-bottom: 3rem;
    height: 325px;
    position: relative;
    width: 100%;
}
.cid-qTnCVw5JTo .google-map iframe{
    height:100%;
    width: 100%;
}
.cid-qTnCVw5JTo .google-map [data-state-details]{
    color: #ffffff;
    height:1.5em;
    margin-top: -0.75em;
    padding-left:1.25rem;
    padding-right:1.25rem;
    position:absolute;
    text-align:center;
    top:50%;
    width:100%;
}
.cid-qTnCVw5JTo .google-map[data-state]{
    background: #e9e5dc;
}
.cid-qTnCVw5JTo .google-map[data-state="loading"] [data-state-details]{
    display: none;
}
.cid-qTnCVw5JTo .group-title{
    color: #29282d;
    margin-bottom: 0;
    text-align: left;
}
.cid-qTnCVw5JTo textarea,.cid-qTnCVw5JTo .area{
    width:100%;
}
.cid-qTnCVw5JTo input{
    margin-bottom: 2rem;
    width: 100%;
}
.cid-qTnCVw5JTo label .area{
    margin-bottom: 0;
}
.cid-qTnCVw5JTo .items{
    padding-right: 30px;
    padding-left: 15px;
    padding-bottom: 30px;
}
.cid-qTnCVw5JTo .mbr-section-btn{
    margin-top: 1.5rem;
}
.cid-qTnCVw5JTo .map-placeholder{
    color: gray;
    display: none;
}
.cid-qTnCVw5JTo .map-placeholder h4{
    padding-top: 5rem;
    color: #ffffff;
    text-align: center;
}
@media (max-width: 992px){
    .cid-qTnCVw5JTo h3{
        margin-top: 1rem;
    }
}
.cid-qTnCVw5JTo .text{
    text-align: left;
    color:#828282;
}
.cid-qTnCVw5JTo .sub-title{
    color: #000000;
}
.cid-qThD5mZljg{
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color:#29282d;
}
.cid-qThD5mZljg .vcenter{
    margin:auto;
}
.cid-qThD5mZljg .text2{
    margin-right:2rem;
    color:#dadada;
}
.cid-qThD5mZljg p{
    margin: 0;
}
.cid-qThD5mZljg .mbr-iconfont-c{
    font-size: 1.1rem;
    color: #29282d;
    margin:auto;
    background-color: #ffffff;
    width:60px;
    height:30px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:100%;
}
.cid-qThD5mZljg .contacts-ico{
    display: flex;
    align-items: center;
    padding-top:15px;
    margin-right:50px;
    border-bottom: 1px dotted rgba(255,255,255,0.2);
    padding-bottom:15px;
    color:#000000;
}
.cid-qThD5mZljg .ico-wrapper{
    flex-direction:row;
    display:flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap:wrap;
}
.cid-qThD5mZljg .card-img{
    width:30px;
    margin:5px;
    height:30px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    transition: all 0.3s;
}
.cid-qThD5mZljg .card-img a{
    position:absolute;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.cid-qThD5mZljg .text1{
    color:#dadada;
}
@media (max-width:576px){
    .cid-qThD5mZljg .text2{
        width: 100%;
        padding: 1rem;
        margin: 0;
    }
    .cid-qThD5mZljg .ico-wrapper{
        justify-content:center;
    }
}
.cid-qThCVJu5uA .card:first-child .card-wrapper:hover{
    background-color:#110b46;
}
.cid-qThCVJu5uA .card:nth-child(2) .card-wrapper:hover{
    background-color:#110b46;
}
.cid-qThCVJu5uA .card:nth-child(3) .card-wrapper:hover{
    background-color:#110b46;
}
.cid-qThCVJu5uA .card:nth-child(4) .card-wrapper:hover{
    background-color:#110b46;
}
.cid-qThCVJu5uA .card:nth-child(5) .card-wrapper:hover{
    background-color:#110b46;
}
.cid-qThCVJu5uA .card:last-child .card-wrapper:hover{
    background-color:#110b46;
}

.explore-btn{
    font-family: roboto, sans-serif;
    font-weight: 400;
    background: transparent;
    border-radius: 0;
    padding: 8px 30px;
    transition: all .3s;
    margin-top: 20px;
    border:2px solid #fff;
    color: #fff;
    text-transform:uppercase;
    font-size:14px;
    margin-left:0px
}
.explore-btn:hover{
    background: #fee2ca;
    color:#110b46;
    border:2px solid #fff;
    transition: all .3s;
}

.accordion{

}

.accordion .card {
    background: transparent;
    border: none;
}

.accordion .card .card-header{
    padding: 0;
}

.accordion .card .btn{
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    padding: 13px 10px;
    border: none;
    background: transparent;
    border-bottom: 1px solid #201865;
    margin-left: 20px;
    color: #fff;
    opacity: 80%;
    width: 100%;
    margin: 0;
    outline: none;
    box-shadow: none;
    text-decoration: none;
    display: flex;
    justify-content: space-between
}

.accordion .card .card-body p{
    margin-bottom: 10px;
}


@media (max-width:767px){
    .header .left-nav{
        margin-top: 8px;
    }
    .header.fixed{
        border-bottom: 1px solid #eee;
        height: auto;
        background: #110b46;
        padding: 20px 0px;
    }
    .no-padding{
        padding: 0px 15px;
    }
    .capsule{
        width:25px;
        height: 6px;
        display: none;
    }
    .col-6{
        max-width: 100%;
        flex:none;
    }
    .col-8{
        max-width: 100%;
        flex:none;
    }
    .col-4{
        max-width: 100%;
        flex:none;
    }
    .wrap{
        margin-top: 0px;
    }

    .banner{
        background: #110b46;
        height: auto
    }
    .banner .banner-text{
        top:0px;
        max-width: 100%;
    }
    .banner .banner-text h1{
        font-size:26px;
        margin-bottom: 15px;
        font-weight: 500
    }
    .banner .banner-text p{
        font-size:14px;
        margin-bottom: 15px;
    }
    .banner .banner-text h5{
        font-size: 14px;
        margin-bottom: 15px;
    }
    .banner .banner-text h3{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .banner .banner-text h3 span{
        font-size: 16px;
    }
    .banner .banner-text .space-line{
        width: 75%;
        margin-bottom: 10px;
    }
    .banner .main-text {
        position: relative;
        padding: 35px 0px;
    }

    .top-form{
        top:0px;
        padding: 40px 20px;
    }
    .top-form .form-inline .form-group{
        margin-bottom: 15px;
        display: block;
        width:100%;
    }
    .top-form .form-inline .form-group:last-child{
        margin-bottom: 0px;
    }
    .top-form .first-box h4{
        text-align: center;
        float: none;
        font-size:20px
    }
    .top-form .form-control{
        margin-left: 0px;
    }

    .project-overview{
        margin-top: 0px;
        z-index: 99;
    }
    .project-overview h2{
        font-size: 26px;
        margin-bottom: 5px;
    }
    .project-overview p{
        max-width: 100%;
    }
    .project-overview .project-desc ul li{
        width: 100%;
        margin: 8px 0px;
        font-size: 14px;
        line-height: 20px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .project-overview .project-desc ul li amp-img{
        margin-right: 15px;
    }
    .amenities{
        padding-top: 0px;
    }
    .convert-section{
        padding-bottom: 0px;
    }
    .convert-section h1{
        font-size: 26px;
        margin-bottom: 5px;
    }
    .convert-section h5{
        max-width: 100%;
        line-height: 20px;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .convert-section p{
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }
    .convert-section .orange-btn{
        margin-top: 0px;
    }
    .convert-section .left-image {
        width: 100%;
        height: 150px;
        background-size: cover;
    }
    .convert-section .right-text {
        max-width: 100%;
        padding: 0px 0px;
        position: relative;
        top: 0px;
        margin: 30px 0px;
    }
    .location-advantage .right-box {
        background: #ececec;
        padding: 25px 15px;
        margin-top: 0px;
    }
    .convert-section .orange-btn {
        font-size: 15px;
        padding: 10px 10px;
    }
    .convert-section .business{
        height: auto;
        background: #1f4694;
        margin-bottom: 0px;
    }
    .convert-section .business .blue-box{
        max-width: 100%;
        top:0;
        left:0;
        padding: 40px 0px;
    }
    .convert-section .business .blue-box .address{
        line-height: 18px;
        margin-bottom: 10px;
    }
    .growth-span:first-child {
        float: left;
        margin-left: 15px;
    }
    .growth-span img{
        width:60px;
    }
    .growth-bg{
        height: auto;
        padding-top: 35px;
    }
    .growth-bg ul li {
        width: 100%;
        float: none;
        display: flex;
        margin-bottom: 0px;
        align-items: center;
        justify-content: left;
    }

    .main-heading h2{
        font-size: 26px;
        margin-bottom: 35px;
    }
    .explore-btn{
        margin-bottom:25px;
    }

    .comfort h2{
        font-size: 26px;
        margin-bottom: 5px;
    }
    .comfort ul li{
        width:100%;
        margin-top: 15px;
    }
    .comfort ul li amp-img{
        margin-top: 0px;
    }

    .connectivity{
        padding-bottom: 40px;
        margin-right: 0px;
    }
    .connectivity h2{
        font-size: 26px;
        margin-bottom: 5px;
        margin-left: 0px;
    }
    .connectivity .container p{
        margin-left: 0px;
    }
    .connectivity .accordion{
        margin-top: 20px;
        padding-right: 0px;
    }
    .connectivity .accordion h5{
        margin-left: 0px;
    }
    .connectivity-content{
        margin-left: 0px;
    }

    .amenities h2{
        font-size: 26px;
        margin-bottom: 5px;
    }
    .amenities ul li{
        width:50%;
        padding: 15px 15px;
        border: 0px solid #fff;
        display: flex;
        align-items: center;
        min-height: 150px;
    }
    .amenities ul li h5{
        font-size: 13px;
    }
    .amenities ul li:nth-child(2){
        background: #84bc41;
    }
    .amenities ul li:nth-child(3){
        background: #ee4a41;
    }
    .amenities ul li:nth-child(4){
        background: #2e4d86;
    }
    .amenities ul li:nth-child(5){
        background: #84bc41;
    }
    .amenities ul li:nth-child(6){
        background: #ee4a41;
    }
    .amenities ul li:nth-child(7){
        background: #1c3868;
    }
    .amenities ul li:nth-child(8){
        background: #2e79bd;
    }

    .cid-qThCVJu5uA .card{
        width:100%;
        margin-bottom: 5px;
    }
    .cid-qThCVJu5uA .card-wrapper{
        padding-top: 50px;
        padding-left: 15px;
    }
    .cid-qThCVJu5uA .card-wrapper:hover{
        padding-top: 50px;
    }

    #site-plan{
        padding-top: 20px
    }
    #site-plan h2{
        font-size: 26px;
        margin-bottom: 5px;
        text-align: left
    }
    #site-plan .site-plan{
        width:100%;
    }
    #site-plan .site-desc{
        width:100%;
    }
    #site-plan p{
        text-align: left;
    }
    amp-selector[role=tablist].tabs-with-flex{
        justify-content:flex-start
    }
    amp-selector[role=tablist].tabs-with-flex [role=tab]{
        width:130px;
        font-size: 14px;
        margin-bottom: 0px;
        margin-left: 0px;
    }
    amp-selector[role=tablist].tabs-with-flex [role=tab][selected] + [role=tabpanel] amp-img{
        max-width:100%;
        border:10px solid #fff
    }
    #site-plan ul{
        margin-top: 20px;
    }
    #site-plan ul li {
        width: 100%;
        text-align: left;
        margin: 0px 0px;
        margin-bottom: 0px;
    }

    .facilities h2{
        font-size: 26px;
        margin-bottom: 5px;
    }
    .facilities ul li{
        width: 100%;
        float: none;
    }
    #section1{
        z-index: 99999;
        display: none
    }
    footer{
        padding: 2px 0px;
    }
    footer .box1 {
        width: 100%;
        float: left;
        display: inline-block;
        border-bottom: 1px solid #5f6186;
        padding: 10px 0px;
    }
    .red-bg{
        margin-bottom: 50px;
        ;
        padding: 15px 0px;
    }
    .red-bg ul li{
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #ddd;
        padding: 5px 0px;
    }
    .red-bg p{
        margin-top: 5px;
    }
    .red-bg ul li:last-child{
        border-bottom: none
    }
    footer .box2 {
        width: 100%;
        float: left;
        border-bottom: 0px solid #83d5e7;
    }
    footer .box2 p{
        margin: 0;
    }
    footer .box2 .social-icons {
        margin-top: 10px;
    }
    .desk-view{
        display: none;
    }
    .mob-view{
        display: block;
    }
    #myAccordion{
        position: fixed;
        width:100%;
        bottom:0;
    }
    .eleven{
        background: rgb(205 47 52);
        position: relative;
        bottom: 0;
        width:100%;
        z-index: 99;
    }
    #bottom-form{
        padding: 10px 20px;
        margin: 15px 0px;
    }
    #bottom-form .first-box {
        width: 100%;
    }
    #bottom-form .first-box h4{
        text-align: center;
        float: none;
    }
    #bottom-form .form-inline .form-group {
        display: block;
        margin-bottom: 10px;
        vertical-align: middle;
    }
    #bottom-form .form-control{
        width:100%;
        margin-left: 0px;
    }
    .footer-btn{
        background: #565469;
        position: fixed;
        bottom: 0;
        width:100%;
        z-index: 99;
        padding: 0px 0px;
    }
    .orange-form{
        background: #70b248;
        position: relative;
        z-index: 999999999
    }
    .orange-form h4{
        font-size: 30px;
        font-family: 'Exo', sans-serif;
        font-weight: 500;
        color:#fff;
        margin-bottom: 20px;
        line-height: 35px;
    }
    .orange-form ul{
        width:100%;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    .orange-form ul li{
        color:#fff;
        font-size: 14px;
    }
    .orange-form .form-control{
        border-radius: 0px;
        height: 40px;
        padding: 6px 22px;
        margin-left: 0px;
        background: #fff;
        color:#000;
        width: 100%;
        font-family: 'Ubuntu', sans-serif;
        font-size: 14px;
        margin-bottom: 15px;
        border: none;
        border-radius: 2px;
    }
    .orange-form .form-control:focus{
        border:1px solid #fff;
    }
    .orange-form .form-control::placeholder{
        color:#aaa;
        font-family: 'Ubuntu', sans-serif;
        font-size: 12px;
    }
    .btn{
        padding: 7px 35px;
        margin-left: -3px;
    }
    .orange-form .form-control textarea{
        padding-top: 9px;
    }
    .orange-form .form-control input{
        background: #fff;
        border-top: 1px solid #59ade0;
        border-right: 1px solid #59ade0;
    }
    .orange-form .submit-btn{
        height: 40px;
        background: #1c3868;
        width: 100%;
        border-radius: 0px;
        color:#fff;
        border:none;
        margin-top: 0px;
        margin-bottom: 20px;
        margin-left: 0px;
        font-family: 'Roboto Condensed', sans-serif;
        text-transform: uppercase;
        font-weight: 600;
    }
    .show {
        display: block;
    }
    .hide {
        display: none;
    }
    .desk-view{
        display: none;
    }
    .mob-view{
        display: block;
    }
    .whats-app{
        width:40px;
        height: 40px;
        position: fixed;
        right:16px;
        bottom: 8px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        z-index: 99999
    }
    .whats-app i{
        color:green;
        font-size: 24px;
        line-height: 30px;
    }
    #download-lb .form-slider-wrapper{
        width:100%;
    }
    .btn-download{
        margin: 20px 0px;
    }
    .offer-section{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .offer-section h1 {
        font-size: 26px;
        margin-bottom: 5px;
        padding-top: 40px;
    }
    .offer-section p {
        max-width: 100%;
    }
    .offer-section .offer-caro li {
        text-align: center;
        width: 45%;
        display: block;
        float: left;
        margin-left: 0px;
    }
    .offer-section .offer-box2{
        padding-right: 0px;
        padding-left: 0px;
    }
    .offer-section .offer-box{
        padding: 15px;
    }
    .top-form .form-inline {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 0px;
    }
    .private-features-box{
        grid-template-columns: 1fr;
        gap: 20px;
    }
    #bottom-form .close-btn {
        right: 0;
        left: 0;
        top: -30px;
        margin: 0 auto;
    }
    .call-to-action{
        padding: 60px 0px;
    }
    .call-to-action .sec-title h2{
        font-size: 30px;
    }
    .call-to-action .explore-btn{
        margin-bottom: 0px;
    }
    .construction-gallery .construction-item a .card img{
        height: 150px;
    }
    .otp-verify .modal-dialog{
        width:95%;
    }
    .otp-verify .form-slider-wrapper{
        width:100%;
        right:0;
    }
}