#cta,
#cta23 {
    width: 53px !important;
    left: -7px !important
}

#cta23::before,
#cta::before,
.s-video-content1 a::before {
    animation: 1.5s ease-out infinite pulse-border !important;
    transform: translate(-50%, -50%);
    z-index: -1;
    content: ""
}

body,
p {
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

#maindiv,
.button,
.main-btn {
    white-space: nowrap
}

#cta23::before,
#cta::before,
.banner-slider h1,
.s-video-content1 a::before,
.unique-bg img {
    transform: translate(-50%, -50%)
}

.d-table-cell,
.main-btn,
.table-cell,
svg {
    vertical-align: middle
}

#preloader,
.form-radio.flexd {
    display: flex
}

.container {
    max-width: 1140px
}

#cta23::before,
#cta::before {
    position: absolute;
    left: 0;
    top: 3px;
    height: 50px;
    width: 55px;
    background: rgba(214, 152, 61, .479);
    border-radius: 50%
}

#cta23::before {
    background: #38b529;
    opacity: .3
}

#maindiv {
    overflow: hidden;
    background: #f2f2f2;
    width: 100% !important
}

#div1 {
    animation: 25s linear infinite marquee
}

@keyframes pulse-border {
    0%,
    100% {
        transform: scale(1, 1)
    }
    50% {
        transform: scale(1.5, 1.5)
    }
}

@keyframes cta {
    0%,
    100% {
        transform: scale(1, 1)
    }
    50% {
        transform: scale(1.5, 1.5)
    }
}

@keyframes horizontal-shaking {
    0%,
    100% {
        transform: translateX(0)
    }
    25%,
    75% {
        transform: translateX(2px)
    }
    50% {
        transform: translateX(-2px)
    }
}

.horizontal-shaking {
    animation: 5s cubic-bezier(.455, .030, .515, .955) infinite both shake
}

@keyframes marquee {
    from {
        transform: translateX(100%)
    }
    to {
        transform: translateX(-50%)
    }
}

.blinking {
    animation: 1.2s infinite blinkingText
}

@keyframes blinkingText {
    0%,
    100%,
    49% {
        color: #000
    }
    60%,
    99% {
        color: #d2ae6d
    }
}

.close,
.form .close {
    font-size: 35px
}

.h-65 {
    height: 65px
}

.banner-section .slick-dots {
    position: absolute;
    transform: translateX(-50%);
    display: flex;
    left: 50%;
    bottom: 0
}

.banner-section .slick-dots li {
    padding: 0 5px;
    margin: 0 5px;
    font-size: 0;
    background: #fff;
    height: 10px;
    border-radius: 50%
}

.banner-section .slick-dots button {
    height: 10px;
    border: 0;
    border-radius: 50%
}

.banner-section .slick-dots .slick-active {
    background-color: #ed7f29
}

.banner-slider .slick-next.slick-arrow,
.banner-slider .slick-prev.slick-arrow,
.rooms-slider-two .slick-next.slick-arrow,
.rooms-slider-two .slick-prev.slick-arrow {
    font-size: 0;
    height: 8px;
    width: 8px;
    background-color: rgb(0, 0, 0, .3);
    padding: 25px;
    background-size: contain;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%
}

#myModal .modal-title,
#myModal2 .modal-title {
    font-size: 24px;
    font-weight: 600
}

.mobile-in {
    display: none !important
}

#sidemenu a {
    position: fixed;
    z-index: 999;
    transition: .3s;
    padding: 12px 16px;
    direction: rtl;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    border-radius: 0 5px 5px 0
}

#sidemenu i {
    font-size: 24px
}

#cta {
    top: 155px;
    background: linear-gradient(351deg, rgb(225 0 0) 0, rgb(255 164 3) 100%)
}

#cta23 {
    top: 230px;
    background: linear-gradient(351deg, rgb(231 204 74) 0, rgb(56 181 41) 100%)
}

.help-block {
    color: red;
    font-size: 12px
}

.banner-slider,
.navbar-toggler,
.slider,
.slider .parallax-slider,
[data-overlay-dark],
[data-overlay-light] {
    position: relative
}

.banner-slider .slick-prev.slick-arrow,
.rooms-slider-two .slick-prev.slick-arrow {
    border: 0;
    position: absolute;
    background-image: url(../img/arrow-left.png);
    left: 30px;
    border-radius: 50%
}

.banner-slider .slick-next.slick-arrow,
.rooms-slider-two .slick-next.slick-arrow {
    border: 0;
    position: absolute;
    background-image: url(../img/right-arrow.png);
    right: 30px;
    border-radius: 50%
}

.main-btn.btn-filled:hover,
a {
    background-color: transparent
}

.banner-slider h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 75px;
    color: #fff;
    font-weight: 700;
    z-index: 10
}

.s-video-content1 a,
.video-area h2 {
    font-size: 24px;
    color: #fff
}

.footer-area ul li:first-child::before,
.mobile-form-section,
.navbar-b.navbar-reduce .navbar-brand .white-logo {
    display: none
}

#myModal .sticky-bar {
    background: #fff;
    border-radius: 10px
}

.footer-description {
    color: #fff;
    text-align: justify;
}

.back-to-top:focus,
.back-to-top:hover,
.bg-color h1,
.bg-color h2,
.bg-color h3,
.bg-color h4,
.bg-color h5,
.bg-color h6,
.bg-color span,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-dark span,
.button:hover,
.footer-area .footer-link ul li a,
.footer-copyright-text p,
.header-navber-area .nav-top-bar .call-to-action p a,
.header-navber-area .nav-top-bar.template-color-bg .call-to-action p a,
.header-navber-area .nav-top-bar.template-color-bg .top-social li a,
.navbar-b.navbar-reduce .navbar-brand,
.navbar-b.navbar-trans .active>.nav-link,
.navbar-b.navbar-trans .nav-link.active,
.navbar-b.navbar-trans .nav-link.show,
.navbar-b.navbar-trans .nav-link:hover,
.navbar-b.navbar-trans .show>.nav-link,
.services-area .services-single-item:hover h5,
.services-area .services-single-item:hover h5 .services-area .services-single-item:hover span,
.services-area .services-single-item:hover p,
.widget h4,
[data-overlay-dark] h1,
[data-overlay-dark] h2,
[data-overlay-dark] h3,
[data-overlay-dark] h4,
[data-overlay-dark] h5,
[data-overlay-dark] h6,
[data-overlay-dark] span {
    color: #fff;
}

footer.footer-two {
    background-image: url(../img/iconwebp/footerbg.webp);
    width: 100%;
    height: auto;
    background-color: #1b207b;
}

.pt-40 {
    padding-top: 40px
}

.widget.nav-widget ul li a::before {
    position: absolute;
    color: orange;
    left: 0;
    top: 0;
    content: '+'
}

.desc {
    margin-left: 20px
}

.contact-lists a,
footer .footer-widget-area .widget.nav-widget ul li a {
    color: #fff;
    position: relative;
    padding-left: 20px
}

.footer-two {
    padding: 20px 0 0
}

.pb-20 {
    padding-bottom: 20px
}

footer .copyright-area.light-theme {
    background-color: #f8f8f8;
    padding: 20px 0
}

.fw-600,
footer .copyright-area.light-theme p {
    font-weight: 600
}

footer .footer-widget-area .widget.nav-widget ul li {
    margin-bottom: 20px;
    width: 50%;
    float: left
}

.fw-500 {
    font-weight: 500
}

.custom-grid h3,
.fw-700 {
    font-weight: 700
}

.fw-800 {
    font-weight: 800
}

.fw-900 {
    font-weight: 900
}

.formcont {
    margin-top: -450px;
    padding-top: 40px
}

.form-radio label {
    position: relative;
    cursor: pointer;
    line-height: 22px;
    padding-left: 0;
    margin-bottom: 0;
    padding-right: 20px;
    text-align: left;
    color: #333;
    display: block
}

.form-group label {
    display: block;
    font-weight: 500
}

.form-radio {
    margin-top: 20px
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag {
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0;
    width: 20px
}

.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

svg {
    overflow: hidden
}

.fea.icon-sm {
    height: 16px;
    width: 16px
}

.form-group .icons {
    position: absolute;
    top: 39px;
    left: 18px
}

.fea {
    stroke-width: 1.8
}

.header-navber-area .nav-top-bar .top-social li,
a,
i,
span {
    display: inline-block
}

element.style {
    background-image: url(assets/img/gallery/2.jpg)
}

.video-wrap.video-wrap-two {
    height: 460px
}

.video-wrap {
    width: 100%;
    height: 480px;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.button,
.main-btn,
.s-video-content1 a {
    display: inline-block;
    text-align: center
}

s-video-content1>h2 {
    margin-bottom: 20px;
    color: rgba(214, 152, 61, .479)
}

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

.s-video-content1 a::before {
    position: absolute;
    left: -10%;
    top: -10%;
    height: 240px;
    width: 240px;
    border-radius: 50%
}

.main-btn {
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 48px;
    font-size: 14px;
    line-height: 60px;
    border-radius: 0;
    cursor: pointer;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #777;
    border: 2px solid #313149
}

.button,
.enquire,
.secondry-p {
    font-weight: 600
}

.main-btn.btn-filled {
    background-color: #5c5c7a;
    color: #fff;
    -webkit-box-shadow: 0 14px 24px 0 rgb(190 173 142 / 40%);
    box-shadow: 0 14px 24px 0 rgb(190 173 142 / 40%)
}

.main-btn.btn-filled:hover {
    opacity: .8;
    color: #c57418
}

.s-video-content1 {
    width: 100%;
    float: left;
    text-align: center
}

.s-video-content1 a {
    z-index: 9;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    margin-bottom: 25px;
    position: relative;
    font-weight: 600;
    padding-top: 70px;
    background: #d6983d;
    text-decoration: none
}

body {
    background: #fff;
    color: #333;
    font-family: Mukta, sans-serif !important;
    overflow-x: hidden;
    margin: 0 auto;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 400;
    color: #333;
    line-height: 1.5
}

a {
    color: #daaa73;
    text-decoration: none !important;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.feature-box a {
    color: #2c2c2e;
    font-size: 25px
}

img {
    max-width: 100%;
    border-radius: 3px
}

a:hover {
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.single-feature h3>a {
    color: #222;
    font-size: 16px;
    max-width: 300px;
    text-align: justify;
   
}

.single-feature h3>a:hover {
    color: #222;
    text-decoration: underline
}

.space {
    padding: 40px 0
}

.cta-features i {
    padding-bottom: 15px
}

a:focus,
a:hover {
    color: #daaa73;
    text-decoration: none
}

p {
    margin: 0;
    color: #333
}

.bg-dark {
    background: #17171b !important
}

.z-index {
    z-index: 9
}

.position-relative {
    position: relative !important
}

.form-control:focus {
    box-shadow: none;
    outline: 0;
}

.btn:focus {
    outline: 0 !important;
    box-shadow: none
}

.button:focus,
button:focus {
    outline: 0;
    box-shadow: none
}

.button {
    position: relative;
    z-index: 1;
    padding: 9px 30px;
    font-size: 15px;
    text-transform: capitalize;
    letter-spacing: .5px;
    border: 1px solid #febe10;
    background: 0 0;
    border-radius: 0;
    cursor: pointer;
    color: #febe10;
    margin-top: 25px;
    overflow: hidden;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    will-change: transform
}

.button:after,
.button:before {
    content: '';
    width: 0;
    height: 100%;
    background: #febe10;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: width .4s;
    transition: width .4s;
    z-index: -1;
    opacity: .4
}

.button:after {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    background: #febe10;
    opacity: 1
}

.button:hover:after,
.button:hover:before {
    width: 100%
}

.button:hover:after {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.bg-gray {
    background-color: #f8f8f9
}

.bg-none {
    background: 0 0 !important
}

.bg-img,
.unique-bg {
    background-repeat: no-repeat
}

.color-text,
.header-navber-area .nav-top-bar .top-social li a:focus,
.header-navber-area .nav-top-bar .top-social li a:hover {
    color: #daaa73
}

dl,
ol,
ul {
    padding: 7px;
    line-height: 40px;
    margin: 0;
    list-style: none
}

.mr-15 {
    margin-right: 15px
}

.d-table {
    width: 100%;
    height: 100%
}

.bg-fixed {
    background-attachment: fixed
}

.bg-img {
    background-size: cover
}

.section-padding {
    padding: 100px 0
}

.section-title,
.slider .parallax-slider .caption {
    text-align: center
}

.section-title h5 {
    color: #daaa73 !important;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 5px;
    margin-bottom: 10px
}

.overview h3,
.overview p {
    margin-bottom: 22px;
    text-align: justify;
}

.location-section .section-heading,
.overview .section-heading,
.section-title .section-heading {
    margin-bottom: 30px
}

.mobile-align {
    margin-left: -14px
}

@media (min-width:481px) {
    .mob_display {
        display: none
    }
}

@media (max-width:481px) {
    .des_display {
        display: none
    }
}

.white-logo {
    height: 55px
}

.amenities-section {
    padding: 50px 0
}

.custom-grid:last-child {
    border-right: unset
}

.stickey {
    position: sticky;
    top: 0
}

.custom-grid {
    width: 100%;
    max-width: 20%;
    padding: 15px;
    border-right: 1px solid;
    text-align: center
}

.amenities-section i,
.custom-grid i {
    color: orange;
    font-size: 22px;
    margin-right: 8px
}

.overview h3 {
    font-weight: 700
}

.secondry-p {
    font-size: 16px;
    margin-bottom: 5px;
    position: relative
}

.enquire {
    font-size: 18px;
    color: #fff;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 10px;
    background-color: rgb(21 134 201);
    border: 0
}

.overview {
    margin: 50px 0
}

.bg-dark {
    background-color: #000
}

.amenities-section img {
    height: 80px
}

.amenities-section h3 {
    font-size: 17px;
    font-weight: 500;
    margin-top: 20px;
}

.mb-30 {
    margin-bottom: 30px;
    padding: 0
}

.image-box h4 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 8px
}

.property-tabs .enquire {
    padding: 5px 20px;
    margin-top: 8px;
    border: 0
}

.user {
    color: orange;
    padding: 0 8px 0 10px
}

.location-section,
.pb-80,
.pt-80,
.room-slider {
    padding-bottom: 80px
}

.mail-address,
.mail-address:hover,
.navbar-b.navbar-reduce .nav-link {
    color: #fff !important;
}

.plan-box .image-box {
    background: #d7c6a4;
    padding: 20px;
    margin: 20px 50px
}

.instagram-slider .image {
    margin: 10px
}

.club-details .club-title {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    text-align: left
}

.club-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    bottom: 10%;
    left: 5%;
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.club-content {
    position: relative;
    overflow: hidden
}

.instagram-slider .prev-arrow {
    text-align: right;
    margin-right: 120px
}

.instagram-slider .next-arrow {
    top: 0;
    right: 5%;
    position: absolute
}

.instagram-slider .next-arrow i,
.instagram-slider .prev-arrow i {
    font-size: 25px;
    font-weight: 400
}

.location-section i {
    color: #1b207c;
    font-size: 40px
}

.club-content .content-overlay {
    background-image: linear-gradient(to bottom, #404040 0, rgba(64, 64, 64, 0) 10%, rgba(64, 64, 64, 0) 50%, #000 100%);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.pb-80,
.pt-80 {
    padding-top: 80px
}

.room-slider .rooms-slider-two .single-rooms-box {
    position: relative;
    margin: 0 15px
}

.room-slider .rooms-slider-two .single-rooms-box .room-img .img {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: bottom;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.room-slider .slick-slide img {
    display: block;
    height: 400px;
    overflow: hidden;
    width: 100%;
    object-fit: cover;
    transition: 1s ease-in-out
}

.room-slider .rooms-slider-two .single-rooms-box .room-img {
    overflow: hidden;
    width: 100%;
    height: 400px
}

.room-slider .rooms-slider-two .slick-current .single-rooms-box .icons,
.room-slider .rooms-slider-two .slick-current .single-rooms-box .room-desc {
    visibility: visible;
    opacity: 1
}

.room-slider .room-desc {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 10px;
    background-color: #fff;
    padding: 0;
    -webkit-box-shadow: 0 8px 16px 0 rgb(138 138 138 / 4%);
    box-shadow: 0 8px 16px 0 rgb(138 138 138 / 4%);
    font-size: 14px;
    visibility: visible;
    opacity: 0;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.room-slider .rooms-slider-two .single-rooms-box .room-desc h3 {
    font-size: 28px;
    margin-bottom: 0;
    letter-spacing: -1px
}

.room-slider .rooms-slider-two .single-rooms-box .room-desc h3 a {
    color: #333;
    font-weight: 600
}

.room-slider .slick-slide img:hover {
    transform: scale(1.1)
}

.align-end {
    text-align: end
}

.unique-selling-section {
    padding: 0 0 80px
}

.unique-bg {
    position: relative;
    background-image: url(../img/uspbg.webp);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center
}

.p-50 {
    padding: 50px
}

.unique-bg img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 180px
}

.vedio-description {
    font-weight: 400;
    color: #444;
    margin-bottom: 20px;
    margin-top: 15px
}

.vedio-section {
    margin-bottom: 80px
}

.display-table {
    width: 100%;
    height: 100%;
    display: table
}

.table-cell {
    display: table-cell
}

.mr-0 {
    margin: 0
}

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

.back-to-top {
    position: fixed;
    cursor: pointer;
    top: 0;
    right: 15px;
    color: #fff;
    background: #daaa73;
    z-index: 4;
    width: 40px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .9s;
    transition: .9s
}

.back-to-top i,
.back-to-top:before,
.v-middle {
    position: absolute;
    left: 0
}

.back-to-top:before {
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #ffc518;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s
}

#preloader,
[data-overlay-light]:before {
    background: #fff
}

.back-to-top.active,
.back-to-top:focus:before,
.back-to-top:hover:before {
    opacity: 1;
    visibility: visible
}

.back-to-top.active {
    top: 90%;
    -webkit-transform: translateY(-98%);
    transform: translateY(-98%)
}

.back-to-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%
}

.back-to-top:focus i:first-child,
.back-to-top:hover i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden
}

.back-to-top:focus i:last-child,
.back-to-top:hover i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%
}

.back-to-top i {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    margin: 0 auto;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 20px
}

.v-middle {
    width: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.valign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[data-overlay-dark] .container,
[data-overlay-light] .container {
    position: relative;
    z-index: 2
}

[data-overlay-dark]:before,
[data-overlay-light]:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

[data-overlay-dark]:before {
    background: #000
}

.bg-color p,
.bg-dark p,
[data-overlay-dark] p {
    color: #dad6d6
}

.services-area .services-single-item:hover:after,
[data-overlay-dark="0"]:before,
[data-overlay-light="0"]:before {
    opacity: 0
}

[data-overlay-dark="1"]:before,
[data-overlay-light="1"]:before {
    opacity: .1
}

[data-overlay-dark="2"]:before,
[data-overlay-light="2"]:before {
    opacity: .2
}

[data-overlay-dark="3"]:before,
[data-overlay-light="3"]:before {
    opacity: .3
}

[data-overlay-dark="4"]:before,
[data-overlay-light="4"]:before {
    opacity: .4
}

[data-overlay-dark="5"]:before,
[data-overlay-light="5"]:before {
    opacity: .5
}

[data-overlay-dark="6"]:before,
[data-overlay-light="6"]:before {
    opacity: .6
}

[data-overlay-dark="7"]:before,
[data-overlay-light="7"]:before {
    opacity: .7
}

[data-overlay-dark="8"]:before,
[data-overlay-light="8"]:before {
    opacity: .8
}

[data-overlay-color="9"]:before,
[data-overlay-dark="9"]:before,
[data-overlay-light="9"]:before {
    opacity: .9
}

[data-overlay-dark="10"]:before,
[data-overlay-light="10"]:before {
    opacity: 1
}

#preloader {
    position: fixed;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 999999
}

#preloader .line {
    position: absolute;
    border-radius: 50%;
    border: 2px solid #fff;
    border-bottom: 2px solid #daaa73
}

#preloader .line:first-child {
    width: 25px;
    height: 25px;
    animation: .6s linear infinite circle-anim
}

#preloader .line:nth-child(2) {
    width: 50px;
    height: 50px;
    animation: .8s linear infinite circle-anim
}

#preloader .line:nth-child(3) {
    width: 75px;
    height: 75px;
    animation: 1s linear infinite circle-anim
}

#preloader .line:nth-child(4) {
    width: 100px;
    height: 100px;
    animation: 1.2s linear infinite circle-anim
}

@keyframes circle-anim {
    to {
        transform: rotate(360deg)
    }
}

.header-navber-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 999;
    background: rgb(0 0 0 /65%)
}

.header-navber-area .nav-top-bar {
    background: 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding-top: 15px;
    padding-bottom: 15px
}

.header-navber-area .nav-top-bar .call-to-action p {
    margin: 0 13px 0 0;
    display: inline-block;
    color: #fff;
    font-size: 15px
}

.header-navber-area .nav-top-bar .call-to-action p i,
.header-navber-area .nav-top-bar .opening-hours p i {
    margin-right: 3px;
    font-size: 16px
}

.header-navber-area .nav-top-bar .call-to-action p a:focus,
.header-navber-area .nav-top-bar .call-to-action p a:hover {
    color: #ffc107
}

.header-navber-area .nav-top-bar .top-social {
    float: right;
    padding: 0;
    margin: 0 0 0 10px;
    list-style-type: none
}

.header-navber-area .nav-top-bar .top-social li a {
    color: #fff;
    font-size: 15px;
    margin-left: 5px
}

.header-navber-area .nav-top-bar .opening-hours {
    float: right
}

.header-navber-area .nav-top-bar .opening-hours p {
    font-size: 15px;
    color: #fff;
    margin-bottom: 0
}

.header-navber-area .nav-top-bar.template-color-bg {
    background: #daaa73;
    border-bottom: none
}

.navbar-b {
    transition: .5s ease-in-out;
    background-color: #1b207b;
}

.navbar-b.navbar-reduce {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    box-shadow: 0 6px 9px 0 rgba(0, 0, 0, .06);
    transition: .6s;
    background-color: #1b207c;
    -webkit-animation: .5s ease-in-out fadeInDown;
    animation: .5s ease-in-out fadeInDown;
    -webkit-transition: .6s
}

.navbar-b.navbar-reduce .nav-item,
.navbar-b.navbar-trans .nav-item {
    position: relative;
    padding-right: 0;
    padding-left: 10px
}

.navbar-b.navbar-reduce .nav-link,
.navbar-b.navbar-trans .nav-link {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .7px;
    padding-right: 0;
    padding-left: 18px
}

.navbar-b.navbar-reduce .nav-link:hover {
    color: #505050
}

.navbar-b.navbar-reduce .active>.nav-link,
.navbar-b.navbar-reduce .nav-link.active,
.navbar-b.navbar-reduce .nav-link.show,
.navbar-b.navbar-reduce .show>.nav-link {
    color: #ffc518
}

.navbar-b.navbar-reduce .navbar-toggler span {
    background-color: #1b1b1b
}

.navbar-b .navbar-brand {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700
}

.navbar-b .dropdown-btn.show .dropdown-menu,
.navbar-b .dropdown.show .dropdown-menu,
.navbar-b .navbar-nav .dropdown-item.show .dropdown-menu {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible !important
}

.navbar-b .dropdown-menu {
    margin: 1.12rem 0 0;
    border-radius: 0
}

.navbar-b .dropdown-menu .dropdown-item {
    padding: .7rem 1.7rem;
    transition: .5s
}

.navbar-b .dropdown-menu .dropdown-item:hover {
    background-color: #daaa73;
    color: #fff;
    transition: .5s
}

.navbar-b .dropdown-menu .dropdown-item.active {
    background-color: #daaa73
}

.navbar-toggler:active,
.navbar-toggler:focus {
    outline: 0
}

.navbar-toggler span {
    display: block;
    background-color:black;
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 0;
    opacity: 1
}

.navbar-toggler span:first-child,
.navbar-toggler span:nth-child(3) {
    transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out
}

.navbar-toggler:not(.collapsed) span:first-child {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: .9
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: .9
}

.navbar-b .black-logo {
    height: 45px;
    display: none
}

.navbar-b.navbar-reduce .navbar-brand .black-logo {
    display: block
}

.slider.fixed-slider {
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.slider .swiper-slide-active {
    z-index: 3
}

.slider .parallax-slider .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 100vh;
    padding-bottom: 50px
}

.slider .parallax-slider .swiper-slide .bg-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center
}

.slider .parallax-slider .swiper-slide-active .caption h1 {
    opacity: 1;
    animation: .8s .3s fadeInLeft;
    -webkit-animation-delay: 1s
}

.slider .parallax-slider .caption h1 {
    font-size: 75px;
    font-weight: 700;
    color: #fff;
    opacity: 1;
    visibility: visible
}

.slider .parallax-slider .caption p {
    color: #fff;
    font-weight: 400;
    margin-top: 10px;
    opacity: 1
}

.slider .parallax-slider .swiper-slide-active .caption p {
    color: #fff;
    font-weight: 400;
    margin-top: 10px;
    opacity: 1;
    animation: .8s fadeInRight
}

.slider .parallax-slider .swiper-slide-active .caption .home-slider-btn {
    font-size: 16px;
    font-weight: 300;
    text-transform: capitalize;
    letter-spacing: 1px;
    position: relative;
    opacity: 1;
    animation: 1s fadeInUp;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.slider .control-text {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    z-index: 8;
    width: 100%;
    height: auto;
    align-items: center;
    display: flex;
    justify-content: space-between
}

.slider .control-text .swiper-nav-ctrl {
    color: #eee;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-left: 50px;
    margin-right: 50px;
    position: static;
    width: auto;
    height: auto;
    display: inline-block;
    background: 0 0;
    padding: 6px 10px;
    border-radius: 3px
}

.slider .control-text .swiper-nav-ctrl:after {
    font-size: 25px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    display: block;
    text-align: center;
    background: rgb(0, 0, 0, .3)
}

.slider .swiper-pagination-bullets {
    bottom: 20px
}

.slider .swiper-pagination-bullet {
    background: #fff;
    opacity: .4
}

.slider .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1
}

.services-area .services-single-item {
    padding: 50px 35px;
    position: relative;
    background-size: cover;
    background-position: 50% 0 !important;
    border: 1px solid #f3f3f3
}

.services-area .services-single-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(12, 12, 12, .5)
}

.services-area .services-single-item:hover .count-number {
    -webkit-text-stroke: 1px #fff
}

.services-area .services-single-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fbfbfb;
    z-index: 1;
    -webkit-transition: .4s;
    transition: .4s
}

.services-area .services-single-item .services-content {
    position: relative;
    z-index: 7
}

.services-area .services-single-item h5 {
    color: #daaa73;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px
}

.services-area .services-single-item .count-number {
    font-size: 65px;
    line-height: 75px;
    font-weight: 400;
    color: transparent;
    -webkit-text-stroke: 1px #999;
    opacity: .8;
    margin-bottom: 20px
}

.footer-area {
    border-top: 4px solid #a5b11a;
    padding: 30px 0;
    background-color: #665c4b0e
}

.footer-area .footer-link ul {
    text-align: right;
    list-style-type: none
}

.footer-area .footer-link ul li {
    display: inline-block;
    position: relative;
    padding-left: 20px
}

.footer-area .footer-link ul li:first-child {
    padding-left: 0
}

.footer-area .footer-link ul li::before {
    content: '';
    position: absolute;
    left: 7px;
    top: 5px;
    background: #ccc;
    width: 2px;
    height: 14px
}

.contact-us {
    padding-bottom: 80px;
}

.project-progress-section {
    padding-bottom: 80px;
}

.h-68 {
    height: 68px;
    margin-top: 40px;
}

.bg-white-form {
    background: #FFF;
    padding: 25px;
    border-radius: 15px;
}

.br-25 {
    border-radius: 25px;
}

.h-60 {
    height: 60px;
    margin-bottom: 75px;
}

html {
    width: 100%;
    overflow-x: hidden
}

@media (max-width:399px) {
    body {
        font-size: 14px
    }
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

img {
    max-width: 100%;
    -webkit-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s
}

.property-tabs .tab-btns {
    position: relative;
    display: table;
    width: 100%
}

.property-tabs .floor-info li,
.property-tabs .tab-btns li {
    position: relative;
    font-size: 16px;
    color: #6c6d70;
    text-transform: uppercase;
    background-color: #f7f5f1
}

.property-tabs .tab-btns li {
    display: table-cell;
    vertical-align: middle;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: .03em;
    cursor: pointer;
    text-align: center;
    padding: 30px 15px;
    border-right: 1px solid #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.property-tabs .tab {
    position: relative
}

.property-tabs .content-box {
    position: relative;
    padding: 70px 75px
}

.property-tabs .content-box .text {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #6c6d70;
    font-weight: 500;
    margin-bottom: 70px
}

.property-tabs .info-column,
.tabs-box {
    position: relative
}

.property-tabs .floor-info {
    position: relative;
    margin-bottom: 60px;
    opacity: 0;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
    -webkit-transition: all .5s ease .2s;
    -ms-transition: all .5s ease .2s;
    transition: all .5s ease .2s
}

.property-tabs .active-tab .floor-info,
.property-tabs .active-tab .image-column .image {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.property-tabs .floor-info li {
    line-height: 27px;
    font-weight: 600;
    padding: 15px 30px
}

.property-tabs .floor-info li:nth-child(even) {
    background-color: #fff
}

.property-tabs .floor-info li span {
    position: relative;
    float: right;
    color: #313149
}

.property-tabs .image-column {
    position: relative;
    text-align: right
}

.property-tabs .image-column .image {
    position: relative;
    opacity: 0;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: all .5s ease .2s;
    -ms-transition: all .5s ease .2s;
    transition: all .5s ease .2s
}


.tabs-box .active-tab {
    display: block
}

.room-detail-tabs .tabs-content {
    position: relative;
    padding: 0 0 70px
}

.room-detail-tabs .tab-btns li.active-btn,
.room-detail-tabs .tab-btns li:hover {
    background-color: #de9e53;
    color: #fff
}

.room-detail-tabs .tab-btns li.active-btn:before,
.room-detail-tabs .tab-btns li:hover:before {
    -webkit-transition: all .3s ease .3s;
    -moz-transition: all .3s ease .3s;
    -ms-transition: all .3s ease .3s;
    -o-transition: all .3s ease .3s;
    transition: all .3s ease .3s;
    background-color: #de9e53
}

.room-detail-tabs .tab-btns li.active-btn span,
.room-detail-tabs .tab-btns li:hover span {
    color: #fff;
    opacity: .1
}

.property-tabs .tab-btns li.active-btn,
.property-tabs .tab-btns li:hover {
    background-color: #313149;
    color: #d7c6a4
}

@media(max-width:599px) {
    .main-footer .footer-bottom .social-links,
    .property-tabs .tab-btns li {
        width: 100%
    }
    .main-footer .footer-bottom .copyright {
        width: 100%;
        margin-top: 10px
    }
    .property-tabs .content-box {
        padding: 40px 15px
    }
    .property-tabs .floor-info li {
        padding: 15px
    }
}

@media only screen and (max-width:767px) {
    .property-tabs .tab-btns li {
        position: relative;
        display: block;
        width: 100%;
        float: left;
        font-size: 16px;
        border: 1px solid #fff
    }
}

.amenities-tabs {
    border: 0
}

.amenities-tabs .tab-btns {
    position: relative;
    display: table;
    width: 100%
}

.amenities-tabs .tab-btns li {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    line-height: 30px;
    color: #6c6d70;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    cursor: pointer;
    text-align: center;
    padding: 30px 15px;
    background-color: #f7f5f1;
    border-right: 1px solid #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.amenities-tabs .tab-btns li.active-btn,
.amenities-tabs .tab-btns li:hover {
    background-color: #313149;
    color: #d7c6a4
}

.amenities-tabs,
.amenities-tabs .tab {
    position: relative
}

.property-section {
    padding-bottom: 0px
}

@media only screen and (max-width:767px) {
    .amenities-tabs .tab-btns li {
        position: relative;
        display: block;
        width: 100%;
        float: left;
        font-size: 16px;
        border: 1px solid #fff
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
    padding: 3px;
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none;
}

.custom-grid h3 {
    font-size: 20px;
}

#Sevenpopups .modal-body {
    text-align: center;
}

#Sevenpopups .modal-body img {
    height: 450px;
}

#Sevenpopups.modal {
    z-index: 9999999999 !important;
}

.custom-grid {
    flex: 20%;
}

.amenities-section .tab img {
    width: 80px;
}

/*---responsive css ----*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider .parallax-slider .caption h1 {
        font-size: 60px;
    }
    .about-image {
        text-align: center;
        margin-top: 30px
    }
    .custom-none {
        display: none
    }
}

@media only screen and (max-width: 768px) {
    .custom-none {
        display: none
    }
    .project-progress-section .slick-slide {
        margin: 0 10px
    }
    .row {
        margin: 0
    }
    .header-navber-area .nav-top-bar {
        display: none
    }
    #navbarDefault {
        width: 100%;
        height: 250px;
        overflow-y: scroll
    }
    .slider .parallax-slider .caption h1 {
        font-size: 50px
    }
    .slider .control-text .swiper-nav-ctrl {
        margin-left: 10px;
        margin-right: 10px
    }
    .about-content h2 {
        font-size: 30px
    }
    .about-image {
        margin-top: 30px
    }
    .about-image,
    .footer-area {
        text-align: center
    }
    .footer-area .footer-link ul {
        margin-top: 10px;
        text-align: center;
        list-style-type: none
    }
    .custom-grid img {
        height: 43px
    }
    .amenities-section h3,
    .custom-grid h3,
    .image-box h4 {
        font-size: 10px;
    }
    .overview p,
    .single-feature h3>a,
    footer .copyright-area.light-theme p {
        font-size: 14px
    }
    .amenities-section,
    .wow,
    .wow .container {
        padding: 0
    }
    .overview h2 {
        margin-bottom: 0
    }
    .enquire {
        padding: 8px 20px;
        font-size: 18px
    }
    .tab-flex {
        align-items: baseline !important
    }
    .tab-flex h3 {
        text-align: start !important;
        margin-left: 0 !important
    }
    .property-tabs .tab-btns li {
        padding: 15px 60px;
        font-size: 12px;
        line-height: 18px
    }
    .amenities-section .tabs-content img {
        height: 53px
    }
    .property-tabs .tab-btns {
        display: flex
    }
    .unique-bg img {
        height: 200px;
        width: 270px
    }
    .image-box h4 {
        text-align: center
    }
    .mb-30 {
        padding: 0 15px
    }
    .pb-80,
    .pt-80 {
        padding-top: 20px;
        padding-bottom: 50px
    }
    .instagram-slider .prev-arrow {
        margin-right: 80px
    }
    .room-slider .rooms-slider-two .single-rooms-box .room-img,
    .room-slider .slick-slide img {
        height: 300px
    }
    .room-slider {
        padding-bottom: 65px
    }
    .location-section h2 {
        margin-bottom: 15px
    }
    .single-feature h3>a {
        padding-top: 15px
        
    }
    .location-section {
        padding-bottom: 25px
    }
    .space {
        padding: 20px 10px
    }
    .mobile-form-section .form-control:focus {
        border-bottom: 1px solid #80bdff
    }
    .p-50 {
        padding: 0
    }
    .property-tabs .enquire {
        margin-top: 15px
    }
    .custom-grid2 {
        max-width: 100%;
        flex: 0 0 100%
    }
    .mb-22 {
        margin-bottom: 22px
    }
    .fixed-bottom i {
        color: orange;
        font-size: 15px
    }
    .fixed-bottom span {
        font-size: 15px
    }
    footer .copyright-area.light-theme {
        padding: 10px 0 85px
    }
    .mt-24 {
        margin-top: 24px
    }
    .room-slider .room-desc {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 15px !important;
        bottom: 10px;
        white-space: nowrap;
        right: inherit
    }
    .room-slider .rooms-slider-two .single-rooms-box .room-desc h3 a {
        font-size: 20px
    }
    .banner-slider h1 {
        transform: translateY(-50%);
        text-align: center;
        left: unset;
        font-size: 45px
    }
    .banner-slider .slick-next.slick-arrow,
    .banner-slider .slick-prev.slick-arrow {
        display: none !important
    }
    .property-tabs .tab-btns.custom-tabs li {
        padding: 15px 65px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
    .col-768 {
        max-width: 50%;
        flex: 0 0 50%
    }
    .navbar {
        margin-top: -10px
    }
    .mobile-in {
        height: auto;
        width: 100% !important;
        object-fit: cover;
        padding: 0px !important;
    }
}

@media only screen and (max-width: 479px) {
    .navbar-b .nav-item {
        margin-bottom: 10px
    }
    .navbar-b .nav-item:last-child {
        margin-bottom: 0
    }
    .slider .parallax-slider .caption h1 {
        font-size: 45px
    }
    .slider .control-text .swiper-nav-ctrl {
        display: none
    }
    .about-content h2 {
        font-size: 30px
    }
    .about-image {
        margin-top: 30px
    }
    .about-image,
    .footer-area {
        text-align: center
    }
    .footer-area .footer-link ul {
        margin-top: 10px;
        text-align: center;
        list-style-type: none
    }
    .desc {
        margin-left: 0;
        margin-top: 25px;
    }
    .unique-bg {
        height: 350px
    }
    .mobile-none {
        display: none
    }
    .mobile-form-section {
        display: block
    }
    #div1 {
        font-size: 18px
    }
    .white-logo {
        height: 45px
    }
    .slider .parallax-slider .swiper-slide {
        min-height: 75vh
    }
    .custom-grid {
        max-width: 50%;
        padding: 15px;
        border-right: unset
    }
    .overview {
        margin: 30px 0
    }
    .overview h3 {
        font-weight: 700;
        font-size: 22px;
        margin-bottom: 12px
    }
    .user {
        color: orange;
        padding: 0 8px 0 0
    }
    .amenities-section h3 {
        font-size: 16px
    }
    .overview h2 {
        margin-bottom: 10px
    }
    .plan-box .image-box {
        padding: 5px;
        margin: 0
    }
    .property-tabs .tab-btns {
        padding: 0 0 15px
    }
    .property-tabs .content-box {
        padding: 0
    }
    .image-box,
    .overview p {
        margin-bottom: 15px;
        text-align: justify;
    
    }
    .instagram-feed-section .p-0 {
        padding: 0 15px !important
    }
    .instagram-slider .prev-arrow {
        margin-right: 60px
    }
    .rooms-slider-two .slick-next.slick-arrow,
    .rooms-slider-two .slick-prev.slick-arrow {
        padding: 20px
    }
    .location-section .fw-600 {
        font-size: 19px;
        text-align: left !important;
        padding-left: 8px;
    }
    .unique-selling-section {
        padding: 20px 0
    }
    .amenities-section {
        padding: 10px 0
    }
    .property-tabs .tab-btns.custom-tabs li {
        padding: 10px 5px
    }
    .property-tabs .tab-btns li {
        padding: 15px 0
    }
    .p-50 {
        padding: 50px 0
    }
    .mobile-form-section {
        padding-bottom: 30px
    }
    .mobile-flex {
        display: block !important;
        text-align: center
    }
    .footer-description {
        padding-bottom: 40px
    }
    #sidemenu,
    .mobile-units {
        display: none
    }
    .mobile-align {
        margin-left: -12px
    }
    .unique-selling-section .mobile-flex img {
        height: 50px
    }
    .mobile-flex .secondry-p {
        font-size: 14px;
        font-weight: 400
        text-align:justify;
    }
    .align-end {
        text-align: center
    }
    .text-initial {
        text-align: initial !important
    }
    .custom-width {
        width: 100%
    }
    .h-50 {
        height: 47px !important;
        object-fit: cover
    }
    .Specifications {
        margin-top: 20px
    }
    .Specifications,
    .amenities-section {
        margin-bottom: 40px
    }
    .section-title {
        text-align: initial !important
    }
    .room-slider h2 {
        padding-left: 15px
    }
    .vedio-description {
        text-align: initial
    }
  
    .mobile-in {
        display: block !important
    }
    .col-768 {
        max-width: 100%;
        flex: 0 0 100%
    }
    .h-65 {
        height: 50px;
        margin-top: 15px
    }
    .project-progress-section {
        padding-bottom: 50px
    }
    .vedio-section {
        margin-bottom: 50px
    }
    .p-mobile-0 {
        padding: 0 0 25px !important
    }
    .h-68 {
        height: 41px
    }
    .h-60 {
        height: 52px;
        margin-bottom: 40px
    }
    .navbar-b .navbar-brand {
        margin-right: 0px !important;
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 320px) and (min-width: 0px) {
    .section-title h2,
    .slider .parallax-slider .caption h1 {
        font-size: 30px
    }
    .navbar-nav {
        margin-top: 15px
    }
    .navbar-b .nav-item {
        margin-bottom: 10px
    }
    .navbar-b .nav-item:last-child {
        margin-bottom: 0
    }
    #navbarDefault {
        width: 100%;
        height: auto;
        overflow-y: scroll
    }
    .slider .parallax-slider .caption {
        padding-top: 35px
    }
    .slider .control-text .swiper-nav-ctrl {
        display: none
    }
    .about-content h2 {
        font-size: 28px
    }
    .about-image {
        margin-top: 30px
    }
    .about-image,
    .footer-area {
        text-align: center
    }
    .footer-area .footer-link ul {
        margin-top: 10px;
        text-align: center;
        list-style-type: none
    }
}

.enqhover {
    z-index: 999;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
    position: fixed;
    bottom: 65%;
    right: 0px;
    line-height: 1;
    margin: 0px;
    text-align: center;
}

.enqhover h6 {
    font-size: 15px;
    line-height: 22px;
    padding: 7px;
    font-weight: 600;
    margin: 0 0 0 8px;
    background: #162068;
    color: #fff;
}

}

#kenytChatBubble.style1 .kbubble-container {
    bottom: 50px !important;
    width: 100%;
}

.modal-title {
    margin: 0 auto !important;
}

#myModal .modal-title,
#myModal2 .modal-title {
    margin: auto 0 auto auto !important;
}

#myModal .modal-title,
#myModal2 .modal-title {
    font-size: 24px;
    font-weight: 600;
    margin: auto 0 auto auto !important;
}