@font-face {
            font-family: 'Font Awesome 5 Free';
            src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff2') format('woff2');
            font-weight: 900;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: 'Bootstrap Icons';
            src: url('/fonts/bootstrap-icons.woff2') format('woff2');
            font-display: swap;
        }
        header .navbar-nav .nav-item .submenu {
            overflow: visible;       
            padding-left: 0;
        }
        header .navbar-nav .nav-item .submenu li a {
            padding-left: 23px;
        }
        header .navbar-nav .nav-item ul.submenu.sec-menu {
            left: 200px;
            top: calc(100% + 0px);
        }
        header .navbar-nav .sec-menu li a {
            font-size: 15px;
        }
        header li.nav-item a {
            font-size: 18px;
        }
        header a.nav-link.drop-s {
            font-size: 15px;
        }
        @media (max-width:480px) {
            header .navbar-nav .nav-item ul.submenu.sec-menu {
                left: 40px;
            }
            header li.nav-item a {
                font-size: 13px;
            }
        }
            .guest-dropdown {
            display: none;
            position: absolute;
            background: white;
            border: 1px solid #ccc;
            padding: 10px;
            z-index: 1000;
        }
        .guest-dropdown.show {
            display: block;
        }
        .opacity-one-i {
            opacity: 1 !important;
        }
        .toast-error {
                background-color: #983434 !important;
                color: #fff !important;
            }
         .royal-packages {
            background: linear-gradient(135deg, #0B0B4F, #1E2A8A, #1A0F5E);
            padding: 32px 0; /* height thodi kam */
            border-top: 1px solid #ead39c;
            border-bottom: 1px solid #ead39c;
        }
        .royal-container {
            max-width: 1200px;
            margin: auto;
            text-align: center;
            color: #2b1b12;
        }
            .royal-title {
            font-size: 25px; 
            letter-spacing: 2px;
            margin-bottom: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            background: linear-gradient(90deg, #f3d98b, #c9a24d, #9f7725);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            }
        .royal-title .line {
        width: 50px;
        height: 1px;
        background: linear-gradient(to right, transparent, #c9a24d, transparent);
        }
        .package-grid {
        display: flex;
        gap: 20px;
        justify-content: center;
        flex-wrap: wrap;
        }
        .package-box {
        width: 100%;
        padding: 14px 16px; /* 🔥 height kam */
        background: linear-gradient(180deg, #ffffff, #fdf4e4);
        border: 1px solid #ead39c;
        border-radius: 12px;
        box-shadow: 0 8px 18px rgba(201,162,77,0.16);
        transition: 0.3s ease;
        }
        .package-box:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 26px rgba(201,162,77,0.22);
        }
        .package-box.active {
        background: linear-gradient(180deg, #e9c56a, #b98a2e);
        color: #ffffff;
        }
        .package-box .icon {
        width: 40px;
        height: 40px;
        background: linear-gradient(180deg, #f3d98b, #c9a24d);
        color: #3a2a12;
        border-radius: 8px;
        font-weight: 700;
        font-size: 16px;
        margin: 0 auto 8px; /* gap kam */
        display: flex;
        align-items: center;
        justify-content: center;
        }
        .package-box h3 {
        font-size: 18px;
        margin-bottom: 4px;
        font-weight: 600;
        }
        .package-box p {
        font-size: 13px;
        opacity: 0.85;
        margin-bottom: 10px; /* gap kam */
        }
        .package-box a {
            display: inline-block;
            padding: 6px 16px;
            font-size: 12.5px;
            border-radius: 5px;
            background: linear-gradient(135deg, #0B0B4F, #1E2A8A, #1A0F5E);
            color: #ffffff;
            text-decoration: none;
            font-weight: 600;
        }
        .package-box:hover a{
            color: #fff;
        }
        .package-box.active a {
        background: #ffffff;
        color: #9f7725;
        }
        .modal_packages_main .modal-dialog{
        max-width: 900px !important;
        }
        .curser,
        .curser2,
        .guest-display {
            pointer-events: none
        }
        .header-menu ul li a,
        label {
            font-size: 14px;
            font-weight: 400
        }
        .header-menu ul li .sub-menu,
        ul.sub-menu-two {
            width: 200px;
            border-top: 5px solid #c19d68;
            transition: .5s;
            opacity: 0;
            visibility: hidden
        }
        .booking-area.home-1 label {
            color: #fff!important;
            margin-bottom: 10px
        }
        .cd {
            border: 1px solid #00000057;
            padding: 10px;
            border-radius: 7px;
            overflow-x:auto;
        }
        .blog-card,
        .sidebar {
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, .1)
        }
        .blog-content a:hover,
        .call-do-action-text a {
            text-decoration: underline
        }
        .home-three .blog-content,
        .home-three .contact-box-right,
        .home-three .single-facilities-box,
        ul.sub-menu-two {
            filter: drop-shadow(0px 5px 15px rgba(204, 204, 204, .25))
        }
        label {
            color: #000 !important;
            cursor: pointer
        }
        .room-details-button {
            background: #1e1e1e;
            font-size: 15px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 500;
            font-family: "Cormorant Garamond"
        }
    .header-area {
        padding: 0 34px;
        position: relative;
        z-index: 2;
        margin-bottom: -139px
    }
        .header-menu,
        .home-five .vedio-content,
        .home-four .header-menu,
        .home-four .vedio-content,
        .home-six .single-testimonial-box,
        .home-three .footer-bottom-content,
        .inner .header-menu,
        .subscriber-counter-content {
            text-align: center
        }
        .header-menu ul li {
            display: inline-block;
            margin-right: 60px
        }
        .header-menu ul li a {
            display: inline-block;
            line-height: 46px;
            color: #fff;
            font-family: Lora;
            text-transform: uppercase;
            padding: 25px 0;
            transition: .5s
        }
        .blog-details-submi-button button:hover,
        .header-menu ul li a:hover,
        .header-menu ul li a:hover i,
        .hero-slider-2 .owl-next i:hover,
        .hero-slider-2 .owl-prev i:hover,
        .home-five .blog-btn a:hover,
        .home-five .footer-bottom-item ul li a:hover,
        .home-five .header-menu ul li a:hover,
        .home-five .header-menu ul li i:hover,
        .home-five .service-button a:hover,
        .home-four .header-button a:hover,
        .home-four .header-menu ul li a:hover,
        .home-four .room-content a:hover,
        .home-four a.room-button:hover,
        .home-four a.room-button:hover i,
        .home-six .room-content-title a:hover,
        .home-three .blog-content a:hover,
        .home-three .contact-button button:hover,
        .home-three .footer-widget-social-icon ul li i:hover,
        .home-three .header-button a:hover,
        .home-three .header-menu ul li a:hover,
        .home-three .hero-booking-button button:hover,
        .home-two .blog-content-two a:hover,
        .home-two .footer-widget-menu-two ul li a:hover,
        .home-two .room-content h4:hover,
        .inner .header-button a:hover,
        .inner .header-menu ul li a:hover,
        .luxury-button a:hover,
        .offers-content a:hover,
        .prgoress_indicator:hover ::after,
        .sticky.home-five .header-menu ul li a:hover,
        .sticky.home-five .header-menu ul li a:hover i,
        .sticky.home-three .header-menu ul li a:hover,
        .sticky.home-three .header-menu ul li a:hover i,
        .widget-catefories-list ul li a:hover,
        .widget-catefories-list ul li a:hover i,
        a.facilities-button i:hover,
        a.theme-btn.btn-style-two i,
        span.offer {
            color: #c19d68
        }
        .header-menu ul li i {
            font-size: 11px;
            color: #ffff;
            left: 8px;
            position: relative;
            top: 0;
            transition: .5s
        }
        .has-sub,
        .header-menu ul li.menu-item-has-children,
        .home-five .gallery-thumb,
        .home-five .service-box-thumb,
        .home-five .service-button,
        .home-four .offer-thumb,
        .home-three .room-thumb,
        .home-three .single-blog-box,
        .last_booking,
        .pricing-thumb,
        .section-thumb,
        li.sub-menu-style-two {
            position: relative
        }
        .header-menu ul li .sub-menu {
            position: absolute;
            display: block;
            text-align: left;
            background: #fff;
            top: 150%;
            z-index: 2;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
            border-radius: 3px 3px 0 0
        }
        .header-menu ul li:hover .sub-menu {
            opacity: 1;
            top: 100%;
            visibility: visible
        }
        .header-menu ul li .sub-menu li a {
            display: block;
            padding: 0 19px;
            color: #1e1e1e;
            width: 200px;
            text-transform: capitalize;
            font-size: 16px;
            font-weight: 500;
            transition: .5s;
            position: relative;
            z-index: 1
        }
        .header-menu ul li .sub-menu li a:hover {
            color: #fff
        }
        .header-menu ul li .sub-menu li a:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 0;
            left: 0;
            bottom: 0;
            background: #c19d68;
            z-index: -1;
            transition: .5s
        }
        .header-menu ul li .sub-menu li a:hover:before {
            height: 100%;
            top: 0
        }
        li.sub-menu-style-two a i {
            color: #000;
            display: inline-block;
            position: relative;
            left: 90px;
            transition: .5s
        }
        .sticky.home-five .header-menu ul li .sub-menu li a:hover,
        .sticky.home-five .header-menu ul li .sub-menu li a:hover i,
        .sticky.home-three .header-menu ul li .sub-menu li a:hover,
        .sticky.home-three .header-menu ul li .sub-menu li a:hover i,
        .sub-menu li a:hover i,
        .swiper-button-next,
        .swiper-button-prev,
        li.nav-item a:hover,
        section.account_sec .nav-link.active {
            color: #000 !important
        }
        ul.sub-menu-two {
            left: 270px;
            position: absolute;
            top: 0;
            background: #ffff
        }
        li.sub-menu-style-two:hover ul.sub-menu-two {
            left: 200px;
            opacity: 1;
            z-index: 9;
            visibility: visible
        }
        .blog-card {
            background: #fff;
            padding: 20px
        }
        .blog-card h2 {
            font-size: 28px;
            font-weight: 700
        }
        .blog-card img {
            max-width: 100%;
            height: auto
        }
        .btn-custom {
            background-color: #c19b77;
            color: #fff;
            font-weight: 700
        }
        .sidebar {
            background-color: #fff;
            padding: 15px
        }
        section.royal_blog_detail {
            margin-top: 37px;
            margin-bottom: 126px
        }
        .recent-blogs h5 {
            background-color: #0d6efd;
            color: #fff;
            padding: 10px;
            border-radius: 5px
        }
        .recent-blogs .blog-item {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
            margin-top: 10px
        }
        .blog-button a,
        .guest-row,
        .guest-toggle,
        .room-bottom {
            justify-content: space-between
        }
        .recent-blogs img {
            width: 60px;
            height: 60px;
            margin-right: 10px
        }
        .recent-blogs p {
            margin: 0;
            font-size: 14px
        }
        .header-button a,
        .hero-content h4 {
            font-size: 16px;
            color: #fff;
            text-transform: uppercase
        }
        .header-button {
            text-align: right;
            position: relative
        }
        .header-button:hover:before,
        .home-five .header-button:hover:before,
        .home-five.service-area .luxury-button a:before,
        .inner.feature-area .single-feature-box:after,
        .inner.testimonial-area .single-testimonial-box:hover .testimonial-content:before,
        .question.active {
            background: #c19d68
        }
        .header-button a {
            display: inline-block;
            font-weight: 500;
            font-family: "Cormorant Garamond";
            border: 1px solid #000;
            padding: 11px 27px;
            position: relative;
            z-index: 1;
            transition: .5s;
            color: #000 !important;
        }
        .header-button a:hover {
            border: 1px solid #c19d68;
            color: #fff !important;
        }
        .header-button a:before,
        .inner.testimonial-area .testimonial-content:after,
        .pricing-button a:before {
            position: absolute;
            content: "";
            width: 0;
            height: 100%;
            left: 50%;
            top: 0;
            background: linear-gradient(135deg, #0B0B4F, #1E2A8A, #1A0F5E);
            z-index: -1;
            transition: .5s;
            color:#fff !important;
        }
        .blog-details-submi-button button:hover:before,
        .booking-button button:hover:before,
        .header-button a:hover:before,
        .home-five .blog-btn a:hover:before,
        .home-five .service-button a:hover:before,
        .home-five .single-gallery-box:hover .gallery-thumb:before,
        .home-five .single-service-box:hover .service-box-thumb:before,
        .home-four .header-button a:hover:before,
        .home-six .single-facilities-box:hover:before,
        .home-three .contact-button button:hover:before,
        .home-three .hero-booking-button button:hover:before,
        .home-three .single-facilities-box:hover:after,
        .home-two .single-facilities-box-two:hover:before,
        .inner .header-button a:hover:before,
        .inner.testimonial-area .single-testimonial-box:hover .testimonial-content:after,
        .luxury-button a:hover:before,
        .room-details-button a:hover:before,
        .single-pricing-box:hover .pircing-text h4:before,
        .single-pricing-box:hover .pricing-button a:before,
        .single-team-box:hover:before,
        .sticky,
        .style-two .single-input-box button:hover:before,
        .widget-catefories-tags a:hover:before {
            width: 100%;
            left: 0
        }
        .sticky {
            margin: auto;
            position: fixed !important;
            top: 0;
            -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, .1);
            box-shadow: 0 2px 5px -2px rgba(0, 0, 0, .1);
            background: #1e1e1e !important;
            transition: .5s !important;
            z-index: 922;
            -webkit-animation: .3s fadeInDown;
            animation: .5s slideInDown
        }
        .call-do-action-video i:after,
        .home-five .about-video-button i:after,
        .vedio-content a:before {
            -webkit-animation: 1.6s ease-out infinite ripple;
            -moz-animation: 1.6s ease-out infinite ripple
        }
        .hero-area {
            background: linear-gradient(166deg, rgb(0 0 0 / 43%), rgb(0 0 0 / 71%)) center center/cover no-repeat, url(../images/home-1/stayroyal_banner.jpg) center center/cover no-repeat;
            height: 700px;
            text-align: center;
            position: relative
        }
        .hero-contact,
        .owl-next,    
        .owl-prev {
            position: absolute
        }
        .hero-area.style-two {
        background: linear-gradient(166deg, rgb(0 0 0 / 43%), rgb(0 0 0 / 71%)) center center/cover no-repeat, url(../images/home-1/banner_2nd.png) center center/cover no-repeat;
        }


             .hero-area.style-three {
        background: linear-gradient(166deg, rgb(0 0 0 / 43%), rgb(0 0 0 / 71%)) center center/cover no-repeat, url(../images/home-1/banner_3rd.png) center center/cover no-repeat;
        }

        .booking-massage,
        .coustomar-rating ul li,
        .food-tab-menu ul li,
        .footer-widget-social-icon ul li,
        .home-five .footer-bottom-item ul li,
        .home-five .header-menu ul,
        .home-four .footer-bottom-social-icon ul li,
        .home-four .header-menu ul,
        .home-four .testi-rating ul li,
        .home-six .footer-widget-social-icon ul li,
        .home-six .hader-nav-button,
        .home-six .header-button,
        .home-six .header-menu ul,
        .home-six .single-booking-box,
        .home-six .testi-content ul li,
        .home-three .header-button,
        .home-two .testi-author-rating ul li,
        .hotel-rating ul li,
        .inner .header-menu ul,
        .nav-btn.navSidebar-button,
        .pagination-box ul .active a,
        .team-social-info ul li,
        .testi-rating ul li {
            display: inline-block
        }
        .hotel-rating ul li i {
            display: inline-block;
            color: #c19d68;
            margin-right: 10px
        }
        .hero-content p {
            letter-spacing: 2px;
            margin: 25px 0 23px;
            color:#fff;
            font-size: 20px;
        }
        p.feel_like {
            font-size: 16px;
            color: #c19d68;
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 21px;
        }
        .hero-content h1 {
            font-size: 60px;
            line-height: 61px;
            color: #fff;
            text-transform: uppercase
        }
        .hero-contact {
            left: -55px;
            top: 50%;
            transform: rotate(-90deg)
        }
        .hero-contact i {
            display: inline-block;
            color: #c19e68;
            margin-right: 12px
        }
        .hero-contact a {
            display: inline-block;
            font-size: 16px;
            color: #fff;
            font-weight: 400;
            font-family: Lora;
            border: 1px solid #fff;
            padding: 10px 30px
        }
        .owl-prev {
            right: 95px;
            bottom: 38px
        }
        .inner.testimonial-area .owl-next i,
        .inner.testimonial-area .owl-prev i,
        .owl-next i,
        .owl-prev i {
            color: #fff;
            display: inline-block;
            border: 1px solid #ffffff8a;
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            position: relative;
            z-index: 1
        }
        .inner.testimonial-area .owl-next i:after,
        .inner.testimonial-area .owl-prev i:after,
        .owl-next i:after,
        .owl-prev i:after {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: #c19d68;
            transform: scale(0);
            z-index: -1;
            transition: .5s
        }
        .footer-bottom-social-icon ul li i:hover:after,
        .footer-widget-social-icon ul li i:hover:after,
        .home-five .single-gallery-box:hover .gallery-content,
        .home-six .footer-widget-social-icon ul li i:hover:after,
        .home-three .footer-widget-social-icon ul li i:hover:after,
        .home-two .single-place-box:hover .place-thumb img,
        .home-two .single-room-box:hover .room-thumb img,
        .inner.testimonial-area .owl-next i:hover:after,
        .inner.testimonial-area .owl-prev i:hover:after,
        .owl-next i:hover:after,
        .owl-prev i:hover:after {
            transform: scale(1)
        }
        .owl-next {
            right: 35px;
            bottom: 39px
        }
        .home-three .contact-button,
        .luxury-button {
            margin-top: 31px;
            position: relative
        }
        .luxury-button:before {
            position: absolute;
            content: "";
            width: 30px;
            height: 1px;
            left: 0;
            right: 153px;
            bottom: -11px;
            background: 0 0;
            margin: auto
        }
        .home-four .header-button a,
        .inner .header-button a,
        .luxury-button a {
            display: inline-block;
            background: linear-gradient(135deg, #0B0B4F, #1E2A8A, #1A0F5E);
            padding: 13px 28px;
            font-size: 16px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 500;
            font-family: "Cormorant Garamond";
            position: relative;
            z-index: 1;
            border: 1px solid #c19d68;
            transition: .5s
        }
        .booking-button button:before,
        .home-five .blog-btn a:before,
        .home-five .service-button a:before,
        .home-four .header-button a:before,
        .home-three .contact-button button:before,
        .home-three .hero-booking-button button:before,
        .home-two .single-facilities-box-two:before,
        .inner .header-button a:before,
        .luxury-button a:before,
        .style-two .single-input-box button:before {
            position: absolute;
            content: "";
            width: 0;
            height: 100%;
            left: 50%;
            top: 0;
            background: #fff;
            z-index: -1;
            transition: .5s
        }
        .row.add-bg {
            background: #1e1e1e;
            position: relative;
            padding: 35px 15px 38px;
            border-top: 4px solid #c19d68;
            margin-top: -98px;
            z-index: 1
        }
        .booking-input-box {
            position: relative;
            width: 22%;
            display: inline-block
        }
        .booking-input-box:before {
            position: absolute;
            content: "";
            width: 1px;
            height: 90%;
            right: 10px;
            top: -2px;
            background: #66666673
        }
        .section-thumb:after,
        .section-thumb:before {
            background: #61616142;
            width: 95px;
            margin: auto
        }
        .booking-input-box.upper:before,
        .hero-slider-2 .owl-next i:after,
        .hero-slider-2 .owl-prev i:after,
        .home-five .about-thumb:after,
        .home-five .about-thumb:before,
        .home-five .footer-widget-menu ul li a:before,
        .home-five .meta-blog span:before,
        .home-five .section-title.center:before,
        .home-five.hero-area .luxury-button a,
        .home-four .section-title.center:before,
        .home-four .testi-content p:before,
        .home-six .facilities-content p:before,
        .home-six .footer-widget-menu ul li a:before,
        .home-six .footer-widget-title h4:before,
        .home-six .meta-blog span:before,
        .home-six .testi-content p:before,
        .home-three .facilities-content p:before,
        .home-three .footer-widget-menu ul li a:before,
        .home-three .footer-widget-title h4:before,
        .home-three .meta-blog span:before,
        .home-three .section-title.center:before,
        .home-three .single-testi-box:after,
        .home-three .single-testi-box:before,
        .home-three .testi-content p:before,
        .home-three.testimonial-area .owl-next i:after,
        .home-three.testimonial-area .owl-prev i:after,
        .home-two .booking-input-box:before,
        .home-two .section-title.center h4:before,
        .home-two .section-title.center:before,
        .inner.facilities-area .facilities-content p:before,
        .inner.section-title.center:before,
        .room-pricing span.dolar:before,
        .style-two .single-contact-box:last-child:before,
        .testimonial-area .section-title.center:before {
            background: 0 0
        }
        .booking-input-box h4 {
            font-size: 14px;
            line-height: 14px;
            color: #acacac;
            font-weight: 400;
            font-family: Lora;
            margin-left: 3px
        }
        .booking-input-box input {
            width: 78% !important;
            height: 50px;
            outline: 0 !important;
            background: 0 0;
            border: transparent !important;
            color: #fff;
            padding: 0 6px 0 0 !important
        }
        .booking-input-box input::placeholder {
            color: #fff
        }
        input[type=date]::-webkit-calendar-picker-indicator {
            filter: brightness(24.3) invert(15);
            filter: invert(.5);
            cursor: pointer
        }
        .booking-input-box select {
            width: 78%;
            height: 50px;
            outline: 0;
            background: 0 0;
            border: transparent;
            color: #fff
        }
        .booking-input-box option {
            color: #222;
            font-family: Lora;
            font-size: 16px !important;
            display: inline-block
        }
        .booking-button button,
        .room-details-button a {
            text-transform: uppercase;
            font-family: "Cormorant Garamond";
            z-index: 1
        }
        .booking-button {
            position: absolute;
            right: -86%;
            top: 58px;
            display: inline-block
        }
        .booking-button button {
            background: #c19e68;
            font-size: 15px;
            position: relative;
            transition: .5s
        }
        .blog-button a:hover,
        .blog-button a:hover i,
        .booking-button button:hover,
        .home-five .booking-button button:hover,
        .home-six .booking-button button:hover,
        .home-six .footer-widget-menu ul li a:hover i {
            color: #c19e68
        }
        .room-title-area {
            background-color: #f8f6f3;
            padding: 195px 0 335px;
            margin-top: -70px
        }
        .room-area {
            z-index: 1;
            position: relative;
            background: #f8f6f3
        }
        .room-area .row.margin-top {
            margin-top: -314px
        }
        .room-single-box {
            position: relative;
            margin: 0 15px
        }
        .room-thumb {
            position: relative;
            overflow: hidden;
            border-radius: 12px 12px 0 0
        }
        .text.pt-5.room-area {
            padding-bottom: 60px
        }
        .room-thumb img {
            width: 100%;
            transition: .5s;
            object-fit: cover;
            height: 100%;
            max-height: 280px
        }
        .footer-widget-title h4 {
            font-size: 15px !important
        }
        .gallery-item:hover img,
        .home-five .single-blog-box:hover .blog-thumb img,
        .home-four .single-room-box:hover .room-thumb img,
        .home-six .single-blog-box:hover .blog-thumb img,
        .home-six .single-room-box:hover .single-room-thumb img,
        .home-three .single-blog-box:hover .blog-thumb img,
        .room-single-box:hover .room-thumb img,
        .single-blog-box:hover .single-blog-thumb img {
            transform: scale(1.1)
        }
        .room-details-button {
            position: absolute;
            bottom: 0;
            left: -200px;
            transition: .5s
        }
        .room-single-box:hover .room-details-button {
            left: 0
        }
        .room-details-button a {
            display: inline-block;
            background: linear-gradient(135deg, #0B0B4F, #1E2A8A, #1A0F5E);
            font-size: 15px;
            color: #fff;
            font-weight: 500;
            padding: 9px 30px;
            position: relative
        }
        .room-details-button a:before {
            position: absolute;
            content: "";
            width: 0;
            height: 100%;
            left: 50%;
            top: 0;
            background: #c29d69;
            z-index: -1;
            transition: .5s
        }
        .room-details-button i {
            display: inline-block;
            font-size: 14px;
            position: relative;
            left: 7px;
            top: 1px
        }
        .room-pricing {
            background: linear-gradient(135deg, #0B0B4F, #1E2A8A, #1A0F5E);
            display: inline-block;
            padding: 3px 21px;
            position: absolute;
            top: 10px;
            right: 10px;
            box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
            z-index: 1
        }
        .room-pricing span {
            display: inline-block;
            font-size: 14px;
            color: #fff;
            font-weight: 400;
            font-family: Lora;
            text-transform: none;
            padding-right: 18px;
            position: relative
        }
        .col-lg-5.upper.col-md-12.col-sm-12,
        .room-pricing span:last-child {
            padding-right: 0
        }
        .room-pricing span:before {
            position: absolute;
            content: "";
            width: 1px;
            height: 10px;
            top: 8px;
            left: -11px;
            background: #fff
        }
        .room-content {
            padding: 16px 9px 7px;
            border: 1px solid rgba(30, 30, 30, .1);
            border-top: transparent;
            background: #fff
        }
        .blog-content,
        .room-bottom {
            border: 1px solid rgba(30, 30, 30, .1)
        }
        .room-content h4 {
            font-size: 14px;
            color: #c19d68;
            font-weight: 600;
            text-transform: uppercase
        }
        .room-content a {
            display: inline-block;
            font-size: 18px;
            color: #1e1e1e;
            font-weight: 700;
            font-family: "Cormorant Garamond";
            transition: .5s
        }
        .room-content a:hover {
            color: #c29d69
        }
        .room-content p {
            font-size: 14px;
            color: #616161;
            font-weight: 400;
            font-family: Lora;
            padding: 0;
            margin: 0
        }
        .room-bottom {
            border-top: none;
            padding: 15px 25px 18px;
            /* display: flex */
        }
        .coustomar-rating {
            display: flex;
            justify-content: space-between;
        }
        .room-bottom-icon span {
            display: inline-block;
            font-size: 12px;
            color: #616161;
            font-weight: 400;
            position: relative
        }
        .room-bottom-icon span:before {
            position: absolute;
            content: "";
            width: 1px;
            height: 24px;
            right: 126px;
            top: 4px;
            background: rgba(30, 30, 30, .1)
        }
        .room-bottom-icon img {
            margin-right: 10px;
            display: inherit !important
        }
        .coustomar-rating ul li i {
            display: inline-block;
            color: #f7b00a;
            margin-left: 3px;
            font-size: 11px
        }
        .room-area .owl-dots {
            position: relative;
            text-align: center;
            left: 0;
            bottom: -30px;
            margin: auto
        }
        .about-area .owl-dot,
        .about-area .owl-dot.active,
        .room-area .owl-dot,
        .room-area .owl-dot.active {
            width: 13px;
            height: 13px;
            margin-right: 6px;
            display: inline-block
        }
        .room-area .owl-dot {
            border: 2px solid rgba(30, 30, 30, .1);
            border-radius: 50%;
            margin-top: 48px
        }
        .room-area .owl-dot.active {
            background: #c19e66;
            border-radius: 50%;
            margin-top: 11px;
            border: transparent
        }
        .section-title {
            margin-bottom: 40px
        }
        /* .form_bottom_home form,
        .home-two .single-blog-box-two,
        .section-title.center {
            position: relative;
            z-index: 1
        } */
        .animation-bar:before,
        .section-thumb:after,
        .section-thumb:before {
            position: absolute;
            height: 1px;
            content: ""
        }
        .section-thumb:before {
            left: -201px;
            right: 0;
            top: 47px
        }
        .feature-area .feature-icon {
            display: flex;
            justify-content: center;
        }
        .section-thumb:after {
            left: 0;
            right: -201px;
            top: 49px
        }
        .section-title h1 {
            font-size: 29px;
            line-height: 60px;
            text-transform: none;
            color: #1e1e1e
        }
        p.section-desc-1 {
            width: 100%;
            max-width: 851px;
            margin: auto
        }
        .section-title.two h4 {
            font-size: 16px;
            color: #c19d68;
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 21px
        }
        .section-title.two h1 {
            font-size: 38px;
            line-height: 35px;
            color: #1e1e1e
        }
        p.section-desc-2 {
            width: 96%;
            margin: 18px 0 0
        }
        .about-area {
            padding: 10px 0 54px
        }
        .about-thumb {
            position: relative;
            margin: 35px
        }
        .about-area .col-lg-6.upper {
            padding-left: 43px;
            margin-bottom: 47px
        }
        .about-area .section-title {
            margin-bottom: 4px
        }
        .about-conuter-box {
            display: inline-block;
            margin-right: 95px
        }
        .about-counter-content h4 {
            font-size: 70px;
            color: #c19d68;
            font-weight: 500;
            display: inline-block;
            margin: 0
        }
        .about-counter-content span {
            font-size: 50px;
            color: #c19d68;
            font-weight: 500;
            display: inline-block
        }
        .about-counter-content p {
            margin-top: 10px
        }
        .animation-bar {
            background: #e8e8e8;
            width: 100%;
            height: 1px;
            margin-top: 14px;
            position: relative
        }
        .animation-bar:before {
            width: 50px;
            top: 0;
            left: 0;
            background: #c19d68;
            transition: .5s;
            -webkit-animation-duration: 6s;
            -webkit-animation-timing-function: linear;
            animation-duration: 6s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-name: MOVE-BG
        }
        @-webkit-keyframes MOVE-BG {
            from {
                transform: translateX(0)
            }
            to {
                transform: translateX(590px)
            }
        }
        @keyframes MOVE-BG {
            from {
                transform: translateX(0)
            }
            to {
                transform: translateX(590px)
            }
        }
        .about-area .luxury-button:before,
        .home-four .footer-bottom-content p,
        .home-six.gallery-area .luxury-button:before,
        .home-six.hero-area .luxury-button:before,
        .home-six.location-area .luxury-button:before,
        .luxury-button.card-d,
        .team-content p {
            margin: 0
        }
        .about-area .owl-dots {
            position: relative;
            text-align: center;
            left: 0;
            bottom: 71px;
            margin: auto;
            background: #fff;
            width: 17%;
            height: 36px;
            padding: 8px 0 13px
        }
        .about-area .owl-dot {
            border: 2px solid rgba(30, 30, 30, .1);
            border-radius: 50%
        }
        .about-area .owl-dot.active {
            background: #c19e66;
            border-radius: 50%;
            border: transparent
        }
        .feature-area {
            background: linear-gradient(135deg, #0B0B4F, #1E2A8A, #1A0F5E);
            padding: 60px 0 82px
        }
        .single-feature-box .feature-icon img {
            filter: brightness(0) invert(1);
        }
        .feature-area .section-title.center,
        .home-six.room-area .section-title,
        .home-two .section-title {
            margin-bottom: 58px
        }
        .facilities-area .luxury-button a:hover,
        .feature-area .section-title h1,
        .footer-widget-social-icon ul li i:hover,
        .testimonial-area .section-title h1 {
            color: #fff
        }
        .feature-area p.section-desc-1,
        .home-three .single-facilities-box:hover .facilities-content p,
        .testimonial-area p.section-desc-1 {
            color: #acacac
        }
        .single-feature-box {
            border: 1px solid #353535;
            text-align: center;
            padding: 37px 0 27px;
            transition: .5s;
            position: relative;
            z-index: 1;
            margin-bottom: 20px
        }
        .single-feature-box.active:before {
            width: 114%
        }
        .single-feature-box:after {
            position: absolute;
            content: "";
            width: 0;
            height: 100%;
            left: 0;
            top: 0;
            background: #c29d68;
            transition: .5s;
            z-index: -1
        }
        .single-testi-box:after,
        .single-testi-box:before {
            width: 85%;
            height: 10px;
            background: #c29d68;
            right: 0
        }
        .about_list.owl-carousel.sa.owl-loaded.owl-drag .item img,
        .blog-details-social ul li a:hover:before,
        .home-five .gallery-thumb img,
        .home-five .service-box-thumb img,
        .home-four .offer-thumb img,
        .home-three .contact-thumb img,
        .home-three .room-thumb img,
        .home-three .single-offer-thumb img,
        .inner.facilities-area .facilities-button a:hover:before,
        .inner.facilities-area .facilities-thumb img,
        .pricing-thumb img,
        .single-feature-box.active:after,
        .single-offers-box:hover .offers-content a:before,
        .single-offers-box:hover .offers-dollar h4:before,
        .team-thumb img {
            width: 100%
        }
        .feature-content h4 {
            font-size: 22px;
            color: #fff;
            font-weight: 500;
            margin-top: 63px;
            position: relative
        }
        .feature-content h4:before {
            position: absolute;
            content: "";
            width: 1px;
            height: 30px;
            left: 96px;
            top: -42px;
            background: #fff;
        }
        .row.call-do-action-bg {
            padding: 80PX 0
        }
        .call-do-action-area .section-title {
            margin-bottom: 19px
        }
        .call-do-action-area p.section-desc-2,
        .home-five .section-title p {
            width: 90%
        }
        .call-do-action-text a {
            display: inline-block;
            font-size: 16px;
            line-height: 26px;
            color: #616161;
            font-weight: 500;
            font-style: italic;
            font-family: Lora;
            width: 90%
        }
        .call-do-action-author {
            display: flex;
            align-items: center;
            gap: 19px;
            margin-top: 42px
        }
        .call-do-action-content h4 {
            font-size: 22px;
            line-height: 26px;
            color: #1e1e1e;
            font-weight: 500
        }
        .call-do-action-content p {
            margin-left: 29px;
            position: relative
        }
        .call-do-action-content p:before,
        .testi-author-title p:before {
            position: absolute;
            content: "";
            width: 18px;
            height: 1px;
            top: 15px;
            left: -26px;
            background: #c19d68
        }
        .call-do-action-video i:after {
            position: absolute;
            content: "";
            width: 90px;
            height: 90px;
            left: -10px;
            top: -11px;
            border: 1px solid #ffffff73;
            border-radius: 50%
        }
        .facilities-area {
            padding: 109px 0 87px
        }
        .facilities-area .section-title,
        .home-six.facilities-area .section-title,
        .services-details-title-box {
            margin-bottom: 51px
        }
        .facilities-area .luxury-button {
            text-align: right;
            margin-top: 0
        }
        .facilities-area .luxury-button:before {
            right: -295px;
            background: #1e1e1e
        }
        .facilities-area .luxury-button a {
            color: #1e1e1e;
            border: 1px solid #1e1e1e;
            background: 0 0
        }
        .facilities-area .luxury-button a:before {
            background: #1e1e1e
        }
        .facilities-area .row.add-boder {
            border-top: 1px solid #61616142;
            padding-top: 39px;
            padding-bottom: 38px
        }
        .single-facilities-box {
            position: relative;
            margin-left: 107px
        }
        .single-facilities-box.two {
            margin: 0 100px 0 0
        }
        .facilities-content h4 {
            font-size: 16px;
            line-height: 26px;
            color: #c19d68;
            font-weight: 500;
            text-transform: uppercase
        }
        .facilities-content h1 {
            font-size: 32px;
            line-height: 26px;
            color: #1e1e1e;
            font-weight: 600
        }
        .facilities-content p {
            margin-top: 46px;
            position: relative;
            margin-bottom: 40px
        }
        .facilities-content p:before {
            position: absolute;
            content: "";
            width: 1px;
            height: 30px;
            left: 0;
            top: -35px;
            background: #61616159
        }
        a.facilities-button i {
            display: inline-block;
            color: #616161;
            font-size: 25px;
            transition: .5s
        }
        .facilities-number {
            position: absolute;
            left: -21%;
            top: -18px
        }
        .facilities-number.two {
            position: absolute;
            left: 111%;
            top: -18px
        }
        .facilities-number h1 {
            font-size: 40px;
            color: #c19d68;
            font-weight: 500
        }
        .offers-area {
            background-color: #f8f6f3;
            padding: 109px 0 123px
        }
        .single-offers-box {
            text-align: center;
            position: relative;
            margin: 0 15px
        }
        .blog-details-comment-content,
        .home-five .blog-thumb,
        .home-four .room-thumb,
        .home-six .blog-thumb,
        .home-six .single-room-thumb,
        .home-three .blog-thumb,
        .home-two .blog-thumb-two,
        .offers-thumb,
        .single-blog-thumb {
            overflow: hidden
        }
        .home-five .blog-thumb img,
        .home-six .blog-thumb img,
        .home-six .single-room-thumb img,
        .home-three .blog-thumb img,
        .home-two .blog-thumb-two img,
        .offers-thumb img,
        .single-blog-thumb img {
            width: 100%;
            transition: .5s
        }
        .offers-content a:before,
        .offers-dollar h4:before {
            position: absolute;
            width: 0;
            transition: .5s;
            left: 0;
            bottom: 0;
            content: ""
        }
        .home-two .single-blog-box-two:hover .blog-thumb-two img,
        .single-offers-box:hover .offers-thumb img {
            transform: scale(1.2)
        }
        .offers-content {
            background: #fff;
            padding: 24px 0 26px
        }
        .offers-content a {
            display: inline-block;
            font-size: 24px;
            line-height: 26px;
            color: #1e1e1e;
            font-weight: 600;
            font-family: "Cormorant Garamond";
            position: relative;
            transition: .5s
        }
        .offers-content a:before {
            height: 2px;
            background: #1e1e1eb8
        }
        .offers-dollar {
            position: absolute;
            top: 9px;
            left: 18px
        }
        .offers-dollar h4 {
            font-size: 22px;
            color: #fff;
            font-weight: 600;
            border: 1px solid #fff;
            padding: 7px 35px;
            position: relative;
            z-index: 1
        }
        .offers-dollar h4:before {
            height: 100%;
            background: #bf9e69;
            z-index: -1
        }
        .testimonial-area {
            background: linear-gradient(166deg, rgb(0 0 0 / 43%), rgb(0 0 0 / 71%)) center center/cover no-repeat, url(../images/home-1/2-slider.png) center center/cover no-repeat;
            padding: 123px 0 95px
        }
        .testimonial-area .section-title.center {
            margin-bottom: 52px
        }
        .single-testi-box {
            background: #fff;
            padding: 34px 43px 36px;
            position: relative;
            margin: 16px 15px
        }
        .single-testi-box:before {
            position: absolute;
            content: "";
            left: 0;
            top: -10px;
            margin: auto
        }
        .single-testi-box:after {
            position: absolute;
            content: "";
            left: 0;
            bottom: -10px;
            margin: auto
        }
        .testi-quote-icon {
            position: absolute;
            right: 40px;
            top: -32px
        }
        .home-four .testi-rating ul li i,
        .testi-rating ul li i {
            display: inline-block;
            color: #c19c67;
            margin-right: 4px
        }
        .testi-content p {
            font-size: 14px;
            line-height: 26px;
            color: #616161;
            font-weight: 400;
            font-style: italic;
            margin: 9px 0 0;
            position: relative
        }
        .testi-content p:before {
            content: ""
        }
        .testi-author {
            display: flex;
            align-items: center;
            gap: 19px
        }
        .testi-author-title h4 {
            font-size: 15px;
            line-height: 26px;
            color: #1e1e1e;
            font-weight: 500
        }
        .testi-author-title p {
            margin-left: 26px;
            position: relative
        }
        .blog-area {
            padding: 122px 0 123px
        }
        .blog-area .section-title.center {
            margin-bottom: 59px
        }
        .single-blog-box.inner {
            margin-bottom: 26px
        }
        .blog-content {
            border-top: transparent;
            padding: 22px 31px 24px
        }
        .meta-blog span {
            display: inline-block;
            font-size: 16px;
            line-height: 26px;
            text-transform: uppercase;
            color: #616161;
            font-weight: 400;
            margin-right: 28px;
            margin-left: 13px;
            margin-bottom: 15px;
            position: relative
        }
        .blog-button a,
        .blog-content a {
            color: #1e1e1e;
            font-family: arial;
            transition: .5s
        }
        .meta-blog span:before {
            position: absolute;
            content: "";
            width: 7px;
            height: 7px;
            left: -13px;
            top: 10px;
            background: #d1d1d1
        }
        .blog-content a {
            display: inline-block;
            font-size: 22px;
            line-height: 34px;
            font-weight: 600
        }
        .blog-button a,
        .footer-widget-title h4,
        .home-two .hero-content h4,
        .single-newsletter-box button {
            font-weight: 500;
            text-transform: uppercase
        }
        .blog-button {
            border: 1px solid rgba(30, 30, 30, .1);
            border-top: transparent;
            padding: 14px 31px
        }
        .blog-button a {
            display: flex;
            font-size: 16px
        }
        .blog-button i {
            display: inline-block;
            font-size: 20px;
            transition: .5s
        }
        .brand-area {
            background: #c29d68;
            padding: 67px 0 44px
        }
        .single-brand-box {
            text-align: center !important
        }
        .owl-carousel .owl-item img {
            display: inline-block;
            text-align: center
        }
        .footer-area {
            background: #fff !important;
            padding: 100px 0 0
        }
        .footer-widget-content.upper {
            margin-left: 23px
        }
        .footer-widget-title h4 {
            line-height: 38px;
            color: #000;
            position: relative;
            margin-bottom: 35px
        }
        .footer-widget-title h4:before {
            position: absolute;
            content: "";
            width: 20px;
            height: 1px;
            left: 0;
            bottom: 0;
            background: #c29d68
        }
        .footer-widget-contact {
            background: #fff !important;
            padding: 27px 30px 32px;
            position: relative;
            margin-top: -179px;
        }
        .footer-widget-contact-info ul li {
            font-size: 16px;
            color: #000;
            font-weight: 400;
            font-family: Lora;
            margin-bottom: 18px;
            display: inline-block;
                margin-right: 13px
        }
        .footer-widget-contact-info ul li i {
            color: #101260;
        }
        .footer-widget-social-icon ul li i {
            display: inline-block;
            color: #ffffff;
            font-size: 15px;
            /* border: 1px solid #848484; */
            width: 35px;
            height: 35px;
            text-align: center;
            line-height: 35px;
            border-radius: 50%;
            margin-right: 8px;
            position: relative;
            z-index: 1;
            transition: .5s;
            background: #101260;
        }
        .footer-widget-social-icon ul li i:after,
        .home-six .footer-widget-social-icon ul li i:after {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: #c19e68;
            transform: scale(0);
            z-index: -1;
            border-radius: 50%;
            transition: .5s
        }
        .footer-widget-menu ul li a {
            display: inline-block;
            font-size: 16px;
            line-height: 40px;
            color: #000;
            font-weight: 400;
            font-family: Lora;
            position: relative
        }
        .footer-widget-menu ul li a:hover {
            margin-left: 14px;
            color: #c19e68
        }
        .footer-widget-menu ul li a:before {
            position: absolute;
            content: "";
            width: 5px;
            height: 5px;
            left: -16px;
            top: 19px;
            background: #c19e68;
            border-radius: 50%;
            opacity: 0;
            transition: .5s
        }
        .footer-widget-menu ul li a:hover:before,
        .gallery-item:hover .overlay,
        .gallery-thumbs .swiper-slide-thumb-active,
        .home-two .single-facilities-box-two:hover a.facilities-button,
        .prgoress_indicator:hover ::before {
            opacity: 1
        }
        .footer-widget-gallery {
            margin-top: 48px
        }
        .footer-widget-gallery img {
            float: left;
            margin: 0 9px 9px 0
        }
        .single-newsletter-box input {
            background: #fff;
            width: 100%;
            height: 60px;
            border: 1px solid #101260;
            text-align: center;
            padding: 0 14px;
            outline: 0;
        }
        .single-newsletter-box button {
            background-color: #101260;
            width: 100%;
            padding: 16px 0;
            border: transparent;
            margin-top: 16px;
            font-size: 16px;
            color: #fff;
            font-family: "Cormorant Garamond"
        }
        .footer-bottom-area {
            background: linear-gradient(135deg, #0B0B4F, #1E2A8A, #1A0F5E);
            padding: 18px 0 18px;
        }
        .footer-bottom-content h4 {
            font-size: 16px;
            color: #fff;
            font-weight: 400;
            font-family: Lora
        }
        .home-two.header-menu ul li {
            display: inline-block;
            margin-right: 43px
        }
        .home-four .header-button,
        .home-two .header-button,
        .inner .header-button {
            display: inline-block;
            position: relative
        }
        .home-six .header-button:before,
        .home-two .header-button:before {
            left: 0;
            margin: 0
        }
        .home-two.hero-area {
            background: url(../images/home2/hero-bg.jpg)
        }
        .home-two .hero-content h4 {
            margin: 25px 0 73px;
            font-size: 18px;
            letter-spacing: 3px;
            line-height: 28px;
            color: #fff;
            position: relative
        }
        .home-two .hero-content h4:before {
            position: absolute;
            content: "";
            width: 1px;
            height: 55px;
            background: #fff;
            left: 0;
            top: 40px;
            right: 0;
            margin: auto
        }
        .home-two .hero-content h1 {
            font-size: 60px;
            line-height: 75px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 700
        }
        .home-two.booking-area .row.upper {
            margin-top: -180px;
            padding: 0 0 0 50px
        }
        .home-two .booking-input-box {
            position: relative;
            display: inline-block;
            width: 18%;
            margin-right: 20px
        }
        .home-two .booking-input-box h4 {
            font-size: 20px;
            line-height: 28px;
            color: #fff;
            font-weight: 500;
            font-family: "Cormorant Garamond";
            text-align: left
        }
        .home-two .booking-input-box input {
            width: 100% !important;
            height: 50px;
            outline: 0;
            background: 0 0;
            border: transparent;
            border-bottom: 1px solid #c19e68;
            color: #fff;
            padding: 0
        }
        .home-two .booking-input-box input::placeholder {
            color: #fff
        }
        .home-two .booking-input-box select {
            width: 100%;
            height: 45px;
            outline: 0;
            background: 0 0;
            border: 1px solid #c19e68;
            color: #fff;
            padding: 0 5px;
            margin-top: 5px
        }
        .home-two .booking-button {
            display: inline-block;
            position: relative;
            right: 0;
            top: 0
        }
        .home-two .booking-button button {
            padding: 10px 52px
        }
        .home-two input[type=date]::-webkit-calendar-picker-indicator {
            filter: brightness(24.3) invert(15)
        }
        .home-two.offer-area {
            padding: 202px 0 123px
        }
        .offer-thumb.home-two.upper {
            margin-bottom: 52px;
            margin-top: 12px
        }
        .home-two .section-title h4 {
            font-size: 18px;
            line-height: 28px;
            text-transform: uppercase;
            color: #c19d68;
            font-weight: 500;
            margin-top: 0;
            margin-left: 73px;
            position: relative
        }
        .home-two .section-title h4:before {
            position: absolute;
            content: "";
            width: 56px;
            height: 1px;
            top: 14px;
            left: -67px;
            background: #1e1e1e
        }
        .home-two .section-title h1 {
            font-size: 38px;
            line-height: 36px;
            color: #1e1e1e;
            font-weight: 700;
            text-transform: capitalize
        }
        .home-two p.section-desc {
            width: 95%;
            margin: 18px 0 0
        }
        .home-two .section-title.center h4 {
            margin-left: 0
        }
        .home-two p.section-desc-2 {
            width: 60%;
            margin: 12px auto auto
        }
        .home-two .luxury-button {
            margin-top: -19px;
            position: relative
        }
        .home-two .luxury-button:before {
            position: absolute;
            content: "";
            width: 30px;
            height: 1px;
            left: 0;
            bottom: -11px;
            background: #c19d68;
            margin: 0
        }
        .home-two.facilities-area {
            background-color: #f8f6f3;
            padding: 116px 0 124px
        }
        .home-two .facilities-icon,
        .home-two .place-thumb-icon i {
            background: #fff;
            height: 55px;
            border-radius: 50%;
            display: inline-block
        }
        .home-two .single-facilities-box-two {
            text-align: center;
            padding: 48px 20px 33px;
            position: relative;
            z-index: 1
        }
        .home-two .facilities-icon {
            position: relative;
            width: 55px;
            line-height: 100px;
            transition: .5s
        }
        .home-two .single-facilities-box-two:hover .facilities-icon {
            background: #f7f6f2
        }
        .home-two .facilities-content-two h4 {
            font-size: 28px;
            color: #1e1e1e;
            font-weight: 700;
            margin: 27px 0 14px
        }
        .home-two a.facilities-button {
            display: inline-block;
            font-size: 15px;
            color: #c19d68;
            font-weight: 400;
            font-family: Lora;
            text-transform: uppercase;
            margin-top: 3px;
            opacity: 0;
            transition: .5s
        }
        .home-two a.facilities-button i {
            display: inline-block;
            color: #c19d68;
            position: relative;
            top: 2px;
            font-size: 20px;
            left: 3px
        }
        .home-two.place-area {
            padding: 109px 0 123px
        }
        .home-two.place-area .luxury-button {
            margin-top: 36px
        }
        .home-two.place-area .luxury-button:before {
            margin: auto
        }
        .home-two .single-place-box {
            position: relative;
            margin: 0 12px
        }
        .card-img-wrapper,
        .home-four .single-offer-box,
        .home-two .place-thumb,
        .home-two .room-thumb {
            position: relative;
            overflow: hidden
        }
        .home-two .place-thumb img {
            width: 100%;
            transition: .5s;
            transform: scale(1.1)
        }
        .home-two .place-thumb-icon {
            position: absolute;
            top: 55%;
            left: 48%;
            opacity: 0;
            transition: .5s
        }
        .home-two .single-place-box:hover .place-thumb-icon {
            top: 46%;
            opacity: 1
        }
        .home-two .place-thumb-icon i {
            color: #c19e68;
            font-size: 24px;
            width: 55px;
            text-align: center;
            line-height: 55px
        }
        .home-two a.place-box-button {
            display: inline-block;
            background: #c19d68;
            font-size: 14px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 500;
            font-family: "Cormorant Garamond";
            padding: 6px 20px;
            position: absolute;
            top: 29px;
            right: 27px
        }
        .home-two.room-area {
            background-color: #f8f6f3;
            padding: 117px 0 102px
        }
        .home-two .single-room-box {
            position: relative;
            margin: 0 13px 21px
        }
        .home-two .room-thumb img {
            transform: scale(1.2);
            transition: .5s
        }
        .home-two .room-content {
            padding: 16px 32px 1px;
            background: #fff;
            border: transparent
        }
        .home-two .room-content h4 {
            font-size: 28px;
            line-height: 38px;
            color: #1e1e1e;
            font-weight: 700;
            text-transform: capitalize;
            transition: .5s
        }
        .home-two .room-content p {
            font-size: 17px;
            color: #616161;
            font-weight: 400;
            font-family: Lora
        }
        .home-two .room-item ul li {
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #cfcfcf;
            padding-bottom: 7px;
            margin-bottom: 22px
        }
        .home-two .room-item ul li:last-child {
            border-bottom: transparent
        }
        .home-two.testimonial-area {
            background: 0 0;
            padding: 116px 0
        }
        .home-four.subscribe-area .section-title.center,
        .home-three .section-title,
        .home-two.testimonial-area .section-title.center {
            margin-bottom: 34px
        }
        .home-two .single-testimonial-box-two {
            background-color: #f8f6f3;
            padding: 0 0 16px;
            position: relative;
            margin: 24px
        }
        .home-two .single-testimonial-box-two:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            top: 17px;
            left: -17px;
            background: url(../images/home2/testi-shape.png) no-repeat;
            z-index: -1
        }
        .home-two .testi-content-two {
            display: flex;
            align-items: center;
            gap: 20px
        }
        .home-two .testi-title h4 {
            font-size: 24px;
            color: #1e1e1e;
            font-weight: 700
        }
        .home-two .testi-title p {
            font-size: 16px;
            color: #616161;
            font-weight: 500;
            font-family: Lora;
            margin: 0
        }
        .home-two .testi-decs-two p {
            padding: 25px 36px 0;
            font-size: 17px
        }
        .home-two .testi-author-rating {
            position: absolute;
            right: 0;
            top: 51px;
            background: #fff;
            padding: 6px 28px 6px 35px;
            border-radius: 20px 0 0 20px
        }
        .home-two .testi-author-rating ul li i {
            display: inline-block;
            color: #c09d67;
            margin-right: 9px;
            font-size: 15px
        }
        .home-two.blog-area {
            background-color: #f8f6f3;
            padding: 116px 0 260px
        }
        .home-two .single-blog-box-two:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            top: 23px;
            left: -11px;
            background: url(../images/home2/box-shape.png) no-repeat;
            z-index: -1
        }
        .home-two .blog-content-two {
            background: #fff;
            padding: 32px 33px
        }
        .home-two .meta-blog-two,
        .single-pricing-box {
            margin-bottom: 22px
        }
        .home-two .meta-blog-two span {
            display: inline-block;
            font-size: 15px;
            color: #616161;
            font-weight: 400;
            font-family: Lora;
            margin-right: 27px
        }
        .home-two .meta-blog-two i {
            display: inline-block;
            color: #c19d68;
            background: #f8f6f3;
            width: 35px;
            height: 35px;
            line-height: 35px;
            border-radius: 50%;
            text-align: center;
            margin-right: 12px
        }
        .home-two .blog-content-two a {
            display: inline-block;
            font-size: 24px;
            line-height: 30px;
            color: #1e1e1e;
            font-weight: 700;
            font-family: "Cormorant Garamond";
            transition: .5s
        }
        .home-two p.blog-box-desc {
            margin: 8px 0 0
        }
        .subscribe-area .row.subscribe {
            background: url(../images/home2/subscribe-bg.jpg) center center/cover no-repeat;
            padding: 63px 62px;
            margin-top: -126px
        }
        .subscribe-content h4 {
            font-size: 18px;
            color: #fff;
            font-weight: 700;
            text-transform: uppercase
        }
        .subscribe-content h1 {
            font-size: 38px;
            color: #fff;
            font-weight: 700
        }
        .blog-details-social,
        .col-lg-6.position-right,
        .home-five .footer-bottom-item,
        .home-five .header-menu,
        .home-four .footer-bottom-social-icon,
        .home-six .top-bar-social-icon,
        .home-six.room-area .luxury-button,
        .home-three .col-lg-3.text-right,
        .home-two .footer-bottom-content-two,
        .single-subscribe-input-box {
            text-align: right
        }
        .single-subscribe-input-box input {
            width: 60% !important;
            background: 0 0;
            border: 1px solid #fff !important;
            height: 53px;
            outline: 0 !important;
            padding: 0 22px !important;
            color: #fff
        }
        .single-subscribe-input-box input::placeholder {
            color: #fff
        }
        .single-subscribe-input-box button {
            font-size: 16px;
            color: #c19d68;
            font-weight: 500;
            font-family: "Cormorant Garamond";
            border: transparent;
            text-transform: uppercase;
            padding: 14px 38px;
            background: #fff;
            position: relative;
            left: -4px;
            top: -1px
        }
        .booking-massage a,
        .top-bar-info ul li a {
            font-size: 14px;
            display: inline-block
        }
        .booking-massage a,
        .home-two .footer-widget-menu-two ul li,
        .home-two .footer-widget-menu-two ul li a,
        .top-bar-info ul li a {
            color: #616161;
            font-weight: 400;
            font-family: Lora
        }
        .home-two.footer-area-two,
        .style-two.contact-area {
            padding: 124px 0 0
        }
        .home-six .single-room-box,
        .home-six.subscribe-area .section-title,
        .home-two.footer-area-two .footer-widget-logo {
            margin-bottom: 20px
        }
        .home-two.footer-area-two .footer-desc-2 p {
            width: 80%
        }
        .home-two .footer-widget-titel-two h4 {
            font-size: 18px;
            color: #1e1e1e;
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 26px
        }
        .home-two .footer-widget-menu-two ul li {
            font-size: 16px;
            margin-bottom: 11px
        }
        .home-two .footer-widget-menu-two ul li.style {
            font-size: 18px;
            line-height: 26px;
            color: #c19d68;
            font-weight: 600;
            font-family: Lora
        }
        .home-two .footer-widget-menu-two ul li a {
            display: inline-block;
            font-size: 16px
        }
        .home-two .footer-widget-gallery-two {
            float: left
        }
        .home-two .footer-widget-gallery-two img {
            width: 30%;
            margin: 0 3px 7px 0
        }
        .home-two .footer-bottom-area-two {
            background: #f7f6f2;
            padding: 20px 0 7px;
            margin-top: 107px
        }
        .top-header {
            padding: 13px 65px;
            border: 1px solid #6161615c
        }
        .top-bar-info ul li {
            display: inline-block;
            margin-right: 28px
        }
        .top-bar-info ul li a {
            letter-spacing: 1px
        }
        .top-bar-info ul li i {
            display: inline-block;
            font-size: 16px;
            margin-right: 9px
        }
        .booking-massage i {
            display: inline-block;
            font-size: 20px;
            margin-left: 24px;
            position: relative
        }
        .login-button button,
        .review-button button,
        .singup-button button {
            font-size: 14px;
            line-height: 22px;
            color: #616161;
            background: 0 0;
            border: transparent;
            font-weight: 400;
            font-family: Lora
        }
        .booking-massage i:after {
            position: absolute;
            content: "4";
            width: 16px;
            height: 18px;
            top: -3px;
            left: 11px;
            background: #c19d68;
            color: #fff;
            font-size: 11px;
            text-align: center;
            line-height: 20px
        }
        .review-button {
            display: inline-block;
            margin-left: 53px
        }
        .login-button,
        .singup-button {
            display: inline-block;
            margin-left: 16px
        }
        .home-three.header-area {
            margin: 0;
            padding: 0 62px
        }
        .display_according,
        .sticky.home-five a.light-logo,
        .sticky.home-three a.light-logo,
        a.dark-logo {
            display: none
        }
        .home-three .header-menu ul li {
            margin-right: 46px
        }
        .home-five .header-menu ul li a,
        .home-five .header-menu ul li i,
        .home-five.blog-area .section-title.center h1,
        .home-five.gallery-area .section-title.center h1,
        .home-five.testimonial-area .section-title.center h1,
        .home-three .header-menu ul li a,
        .home-three .header-menu ul li i,
        .inner.facilities-area .facilities-button a:hover,
        .inner.feature-area .feature-content h4,
        .inner.feature-area .section-title h1 {
            color: #1e1e1e
        }
        .home-three .header-search-button {
            display: inline-block;
            position: relative;
            margin-right: 11px;
            top: 3px
        }
        .home-three .header-search-button i {
            display: inline-block;
            background: #c19d68;
            width: 65px;
            height: 54px;
            text-align: center;
            line-height: 54px;
            color: #fff;
            font-size: 20px;
            transition: .5s;
            border: 1px solid #c19d68
        }
        .home-three .header-search-button i:hover {
            background: #fff;
            color: #c19d68
        }
        .home-three .header-button:before {
            left: 0;
            background: #c19d68;
            margin: 0
        }
        .home-three .header-button a {
            padding: 13px 27px;
            background: #c19d68;
            border: 1px solid #c19d68
        }
        .faq-section,
        .find-room-area .room-bottom,
        .home-three .header-button a:before,
        .inner.feature-area .single-feature-box.active .feature-content h4:before,
        .inner.room-area .room-bottom,
        .sticky.home-five .header-button:before {
            background: #fff
        }
        .sticky.home-three .header-menu ul li a,
        .sticky.home-three .header-menu ul li i {
            color: #fff
        }
        .sticky.home-five .header-menu ul li .sub-menu li a,
        .sticky.home-five .header-menu ul li .sub-menu li a i,
        .sticky.home-three .header-menu ul li .sub-menu li a {
            color: #1e1e1e !important
        }
        .search-popup .form-group button:hover,
        .search-popup .form-group input[type=submit]:hover,
        .sticky.home-three .header-menu ul li .sub-menu li a i {
            color: #000
        }
        #mobile-screen,
        .answer p.active,
        .guest-dropdown.active,
        .guest-select.open .guest-dropdown,
        .sticky.home-five a.dark-logo,
        .sticky.home-three a.dark-logo {
            display: block
        }
        .home-three.hero-area {
            background: url(../images/home3/hero-bg.jpg);
            text-align: left;
            height: 800px;
            margin-left: 70px
        }
        .home-three.hero-area.two {
            background: url(../images/home3/hero-bg-2.jpg)
        }
        .home-three.hero-area.three {
            background: url(../images/home3/hero-bg-3.jpg)
        }
        .home-three .hero-content h4 {
            margin: 0;
            font-size: 20px;
            line-height: 20px;
            color: #c19d68;
            font-weight: 400;
            font-family: Lora;
            text-transform: capitalize;
            position: relative
        }
        .home-three .hero-content h4:before {
            position: absolute;
            content: "";
            width: 105px;
            height: 2px;
            top: 15px;
            left: 35%;
            background: #c19d68;
            display: inline-block
        }
        .home-three .hero-content h1 {
            font-size: 90px;
            line-height: 104px;
            color: #fff;
            font-weight: 600;
            font-family: "Cormorant Garamond";
            text-transform: capitalize
        }
        .home-three .hero-booking-area {
            border: 1px solid #fff;
            text-align: center;
            padding: 25px 38px 43px;
            position: relative;
            z-index: 1
        }
        .home-three .hero-booking-area:before {
            position: absolute;
            content: "";
            width: 106%;
            height: 105%;
            left: -12px;
            top: -12px;
            background-color: rgba(30, 30, 30, .5);
            z-index: -1
        }
        .home-three .hero-booking-content h4 {
            font-size: 14px;
            line-height: 26px;
            color: #c19d68;
            font-weight: 600;
            font-family: "Cormorant Garamond";
            text-transform: uppercase
        }
        .home-three .hero-booking-content h1 {
            font-size: 32px;
            line-height: 28px;
            color: #fff;
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 17px
        }
        .home-three .hero-booking-input-box input {
            width: 100%;
            height: 50px;
            background: 0 0;
            border: 1px solid #fff !important;
            color: #fff;
            padding: 0 20px;
            margin-top: 15px;
            outline: 0
        }
        .home-three .hero-booking-input-box input::placeholder {
            color: #fff
        }
        .home-three .hero-booking-input-box select {
            width: 100%;
            height: 50px;
            background: 0 0;
            border: 1px solid #fff;
            margin-top: 14px;
            color: #fff;
            padding: 0 17px;
            outline: 0
        }
        .home-three .hero-booking-input-box option {
            color: #222
        }
        .home-three .hero-booking-button button {
            width: 100%;
            background: #c19d68;
            border: transparent;
            color: #ffff;
            text-transform: uppercase;
            font-size: 14px;
            padding: 12px 0;
            margin-top: 20px;
            position: relative;
            z-index: 1;
            transition: .5s
        }
        .home-three input[type=date]::-webkit-calendar-picker-indicator {
            filter: brightness(24.3) invert(15)
        }
        .hero-slider-2 .owl-prev {
            position: absolute;
            left: 7px;
            bottom: 32%;
            z-index: -1
        }
        .hero-slider-2 .owl-next i,
        .hero-slider-2 .owl-prev i {
            color: #1e1e1e;
            border: transparent;
            transform: rotate(-90deg);
            font-size: 20px;
            transition: .5s
        }
        .hero-slider-2 .owl-next {
            position: absolute;
            left: 7px;
            bottom: 61%;
            z-index: -1
        }
        .hero-slider-2 .owl-dots {
            position: absolute;
            top: 43%;
            left: 27px
        }
        .hero-slider-2 .owl-dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            border: 1px solid #c19d68;
            margin-bottom: 24px
        }
        .hero-slider-2 .owl-dot.active {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #c19d68
        }
        .home-three.about-area {
            padding: 125px 0
        }
        .home-three .single-about-thumb {
            margin-left: -47px
        }
        .home-three .section-title h4 {
            font-size: 14px;
            line-height: 40px;
            color: #c19d68;
            font-weight: 500;
            font-family: Lora;
            text-transform: uppercase;
            position: relative
        }
        .home-three .section-title h4:before {
            position: absolute;
            content: "";
            width: 36px;
            height: 1px;
            right: 67%;
            top: 19px;
            background: #c19d68;
            display: inline-block
        }
        .home-three .section-title h4:after {
            position: absolute;
            content: "";
            width: 7px;
            height: 7px;
            right: 72%;
            top: 16px;
            background: #c19d68;
            border-radius: 50%;
            display: inline-block;
            transition: .5s;
            -webkit-animation-duration: 3s;
            -webkit-animation-timing-function: linear;
            animation-duration: 3s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-name: MOVE-Bo
        }
        @-webkit-keyframes MOVE-Bo {
            from {
                transform: translateX(0)
            }
            to {
                transform: translateX(35px)
            }
        }
        .home-three .section-title h1 {
            font-size: 38px;
            line-height: 31px;
            color: #1e1e1e;
            font-weight: 700;
            text-transform: capitalize
        }
        .home-three p.section-desc-1 {
            width: 88%;
            margin: 25px 0 0
        }
        .home-three .section-title.center {
            margin-bottom: 64px !important
        }
        .home-three .section-title.center h4:before {
            right: 0;
            left: 10%;
            top: 19px;
            margin: auto
        }
        .home-three .section-title.center h4:after {
            right: 0;
            left: 7%;
            top: 16px;
            margin: auto
        }
        .home-three p.section-desc-2 {
            width: 50%;
            margin: 28px auto auto;
            color: #acacac
        }
        .home-three .row.about-list-item-bg {
            background-color: #f8f6f3;
            padding: 28px 16px 31px;
            border-left: 2px solid #c19d68
        }
        .home-three .about-list-item ul li {
            font-size: 16px;
            line-height: 37px;
            color: #1e1e1e;
            font-weight: 500;
            font-family: Lora
        }
        .home-three .about-list-item ul li img,
        section.account_sec .nav-icon {
            margin-right: 10px
        }
        .home-three .about-single-box {
            display: flex;
            align-items: center;
            gap: 85px;
            margin-top: 35px
        }
        .home-three .about-author {
            display: flex;
            align-items: center;
            gap: 13px
        }
        .home-three .about-author-content h4 {
            font-size: 22px;
            line-height: 30px;
            color: #1e1e1e;
            font-weight: 700
        }
        .home-three .about-author-content p {
            font-size: 14px;
            line-height: 28px;
            color: #c19d68;
            font-weight: 400;
            font-family: Lora
        }
        .home-three .about-call-contact {
            display: flex;
            align-items: center;
            gap: 11px
        }
        .home-three .about-contact-icon i {
            display: inline-block;
            background-color: #c19d68;
            color: #fff;
            width: 60px;
            height: 60px;
            text-align: center;
            font-size: 18px;
            line-height: 60px
        }
        .home-three .about-contact-content h4 {
            font-size: 15px;
            line-height: 22px;
            color: #616161;
            font-weight: 400;
            font-family: Lora
        }
        .home-three .about-contact-content p {
            font-size: 22px;
            line-height: 30px;
            color: #1e1e1e;
            font-weight: 500;
            font-family: Lora;
            margin-bottom: 11px
        }
        .home-three.room-area {
            background-color: #f8f8f8;
            padding: 123px 0 125px
        }
        .home-three.room-area .section-title h4:before {
            right: 68%
        }
        .home-three.room-area .section-title h4:after {
            right: 76%
        }
        .home-three .single-room-box {
            margin: 0 12px
        }
        .home-three .room-quality {
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: #272727;
            padding: 5px 27px
        }
        .home-three .room-quality span {
            font-size: 14px;
            color: #fff;
            font-weight: 400;
            font-family: Lora;
            margin-right: 20px
        }
        .home-three .room-quality i {
            display: inline-block;
            color: #ffffff9e;
            font-size: 16px;
            margin-right: 12px
        }
        .home-three .room-content {
            padding: 22px 32px 7px;
            background-color: #272727;
            border: transparent
        }
        .home-three .room-content a {
            font-size: 22px;
            line-height: 20px;
            color: #fff;
            font-weight: 400;
            font-family: Lora
        }
        .home-three .room-content p {
            color: #acacac;
            font-size: 16px
        }
        .home-three .room-bottom {
            border: transparent;
            padding: 15px 31px 49px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #272727
        }
        .home-three .room-price p {
            font-size: 18px;
            color: #c19d68;
            font-weight: 700
        }
        .home-three .room-price span {
            font-size: 14px;
            color: #fff;
            font-weight: 400;
            margin-left: 4px
        }
        .contact-area.style-two.inner .row.add-backgroun,
        .home-three.room-area .luxury-button {
            margin-top: 0
        }
        .home-three.room-area .luxury-button a {
            padding: 10px 38px
        }
        .home-three .owl-prev {
            position: absolute;
            left: -50%;
            bottom: 40%;
            z-index: -1
        }
        .home-three .owl-next i,
        .home-three .owl-prev i {
            color: #b2b2b2;
            background: #fff;
            transition: .5s
        }
        .home-five .footer-widget-social-icon ul li i:hover,
        .home-five.service-area .luxury-button a:hover,
        .home-four .event-content a:hover i,
        .home-four .header-menu ul li a,
        .home-four .offer-content a:hover i,
        .home-four.subscribe-area .section-title.center h1,
        .home-four.subscribe-area .section-title.center h4,
        .home-six .single-facilities-box:hover .facilities-content h4,
        .home-six .single-facilities-box:hover .facilities-content p,
        .home-six.subscribe-area .section-title h1,
        .home-six.subscribe-area .section-title h4,
        .home-three .owl-next i:hover,
        .home-three .owl-prev i:hover,
        .home-three .single-facilities-box:hover .facilities-content h4,
        .home-three.testimonial-area .section-title h1,
        .sticky.home-five .header-menu ul li a,
        .sticky.home-five .header-menu ul li i {
            color: #fff
        }
        .home-three .owl-next {
            position: absolute;
            left: -42%;
            bottom: 40%;
            z-index: -1
        }
        .home-three.offer-area {
            padding: 99px 222px 123px
        }
        .home-three .single-offer-box {
            text-align: center;
            position: relative;
            overflow: hidden;
            transition: .5s;
            margin: 0 10px
        }
        .home-three .offer {
            position: absolute;
            top: 37px;
            left: 23px
        }
        .home-three .offer-content {
            background: #fff;
            position: absolute;
            width: 100%;
            bottom: -150%;
            left: 0;
            right: 0;
            margin: auto;
            padding: 6px 0 0;
            transition: .6s
        }
        .home-three .single-offer-box:hover .offer-content {
            bottom: 0
        }
        .home-three .offer span {
            display: inline-block;
            background-color: #1e1e1e;
            padding: 6px 28px;
            font-size: 16px;
            color: #fff;
            font-weight: 700;
            font-family: Lora
        }
        .home-three .offer-content h4 {
            font-size: 28px;
            line-height: 34px;
            color: #1e1e1e;
            font-weight: 600;
            position: relative
        }
        .home-three .offer-content h4:before {
            position: absolute;
            content: "";
            width: 60px;
            height: 2px;
            top: 57px;
            left: 0;
            right: 0;
            background: #c19e68;
            margin: auto
        }
        .home-three .offer-content p {
            width: 85%;
            margin: auto;
            padding: 47px 0 27px
        }
        .home-three .offer-content a {
            display: inline-block;
            background-color: #c19d68;
            width: 100%;
            padding: 18px 0;
            font-size: 16px;
            color: #fff;
            font-weight: 500;
            text-transform: uppercase;
            font-family: Lora
        }
        .home-three .offer-bottom-title {
            border: 1px solid #6161614f;
            border-top: transparent;
            padding: 7px 0 13px
        }
        .home-three .offer-bottom-title h4 {
            font-size: 28px;
            color: #1e1e1e;
            font-weight: 600
        }
        .home-three.testimonial-area {
            background: #272727 !important;
            padding: 101px 35px 122px
        }
        .home-three.testimonial-area .section-title.center h4:before {
            left: -11%;
            top: 20px
        }
        .home-three.testimonial-area .section-title.center h4:after {
            left: -14%;
            top: 17px
        }
        .home-three .single-testi-box {
            background: 0 0;
            text-align: center;
            margin: 0 34px;
            padding: 0
        }
        .home-three .testi-content h4 {
            font-size: 22px;
            line-height: 30px;
            color: #fff;
            font-weight: 600;
            margin-top: 14px
        }
        .home-three .testi-content p {
            margin: 10px 0 25px;
            position: relative;
            font-size: 16px;
            color: #acacac;
            font-style: normal
        }
        .home-three .coustomar-rating {
            background: #1e1e1e;
            padding: 25px 17px 17px
        }
        .home-three p.coustomar-comment {
            color: #acacac;
            margin-top: 18px
        }
        .home-three.testimonial-area .owl-prev {
            position: absolute;
            left: 33%;
            bottom: 78%;
            z-index: 1
        }
        .home-three.testimonial-area .owl-next i,
        .home-three.testimonial-area .owl-prev i {
            color: #b2b2b2;
            background: 0 0;
            transition: .5s;
            border: transparent;
            font-size: 25px
        }
        .home-three.testimonial-area .owl-next {
            position: absolute;
            left: 65%;
            bottom: 78%;
            z-index: 1
        }
        .home-three.facilities-area {
            background-color: #f8f8f8;
            padding: 100px 0
        }
        .home-three.facilities-area .section-title.center h4:before {
            right: 0;
            left: 13%;
            top: 19px;
            margin: auto
        }
        .home-three.facilities-area .section-title.center h4:after {
            right: 0;
            left: 10%;
            top: 16px;
            margin: auto
        }
        .home-three .single-facilities-box {
            position: relative;
            background-color: #fff;
            text-align: center;
            padding: 19px 40px 42px;
            margin: 0 0 22px;
            z-index: 1
        }
        .home-three .single-facilities-box:before {
            position: absolute;
            content: "";
            width: 100px;
            height: 12px;
            left: 0;
            right: 0;
            top: 0;
            background: #f1eee8;
            margin: auto
        }
        .home-three .single-facilities-box:after {
            position: absolute;
            content: "";
            width: 0;
            height: 100%;
            left: 50%;
            top: 0;
            background-color: #272727;
            z-index: -1;
            transition: .5s
        }
        .home-three .facilities-icon {
            background: 0 0;
            margin-top: 25px
        }
        .home-three .facilities-content h4 {
            font-size: 28px;
            color: #1e1e1e;
            font-weight: 600;
            text-transform: capitalize;
            padding: 26px 0 22px;
            transition: .5s
        }
        .home-three .facilities-content p {
            margin: 0;
            transition: .5s
        }
        .blog-details-area,
        .home-three.contact-area {
            padding: 123px 0 122px
        }
        .home-five.service-area .section-title,
        .home-three.contact-area .section-title {
            margin-bottom: 45px
        }
        .home-three.contact-area .section-title h4:before {
            right: 63%;
            top: 20px
        }
        .home-three.contact-area .section-title h4:after {
            right: 69%;
            top: 17px
        }
        .home-four .col-lg-4.upper,
        .home-three .col-lg-7.upper {
            padding-left: 0
        }
        .home-three .contact-box-right {
            background-color: #fff;
            padding: 93px 92px 122px
        }
        .home-three .single-input-box input {
            background-color: #f8f8f8;
            border: transparent;
            width: 100%;
            height: 52px;
            outline: 0;
            padding: 0 19px;
            margin-bottom: 19px
        }
        .home-three .single-input-box input::placeholder {
            color: #acacac
        }
        .home-three .single-input-box textarea {
            background-color: #f8f8f8;
            border: transparent;
            width: 100%;
            height: 160px !important;
            outline: 0;
            padding: 9px 19px;
            margin-top: 5px
        }
        .home-three .single-input-box textarea::placeholder {
            color: #acacac
        }
        .home-five .blog-btn:before,
        .home-three .contact-button:before,
        .pricing-button:before {
            position: absolute;
            content: "";
            width: 30px;
            height: 1px;
            left: 0;
            right: 153px;
            bottom: -11px;
            background: #c19d68
        }
        .home-three .contact-button button {
            display: inline-block;
            background: #c19d68;
            padding: 13px 28px;
            font-size: 16px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 500;
            position: relative;
            z-index: 1;
            border: 1px solid #c19d68;
            transition: .5s;
            outline: 0
        }
        .home-three.blog-area {
            background-color: #f8f8f8;
            padding: 100px 0 251px
        }
        .home-three.blog-area .section-title h4:before {
            right: 78%;
            top: 20px
        }
        .home-three.blog-area .section-title h4:after {
            right: 83%;
            top: 17px
        }
        .home-three.blog-area .luxury-button {
            margin-top: 0;
            position: relative;
            text-align: right
        }
        .home-three.blog-area .luxury-button:before {
            right: -42%
        }
        .home-three .blog-text {
            position: absolute;
            top: 11px;
            left: 11px
        }
        .home-three .blog-text span {
            display: inline-block;
            font-size: 14px;
            color: #fff;
            font-weight: 500;
            font-family: Lora;
            background-color: #1e1e1e;
            padding: 2px 15px
        }
        .home-three .blog-content {
            border: transparent;
            padding: 22px 31px 18px;
            background-color: #fff
        }
        .home-three .meta-blog {
            margin-bottom: 7px
        }
        .home-three .meta-blog span {
            display: inline-block;
            margin-right: 28px;
            margin-left: 0;
            margin-bottom: 0;
            color: #616161;
            text-transform: capitalize
        }
        .home-three .meta-blog i {
            display: inline-block;
            color: #c19d68;
            font-size: 15px;
            margin-right: 10px
        }
        .home-three .blog-content a {
            display: inline-block;
            font-size: 28px;
            line-height: 34px;
            color: #012549;
            font-weight: 700;
            font-family: "Cormorant Garamond";
            width: 85%
        }
        .home-three .blog-bottom {
            display: flex;
            justify-content: space-between;
            border-top: 1px solid #61616173;
            padding-top: 21px;
            margin-top: 21px
        }
        .home-three .blog-user span {
            display: inline-block;
            font-size: 16px;
            line-height: 26px;
            color: #012549;
            font-weight: 600;
            font-family: Lora
        }
        .home-three .blog-user i {
            display: inline-block;
            color: #fff;
            background: #c19d68;
            width: 25px;
            height: 25px;
            line-height: 26px;
            text-align: center;
            border-radius: 50%;
            font-size: 14px;
            margin-right: 8px
        }
        .home-three .blog-button {
            border: transparent;
            padding: 0
        }
        .home-three .blog-button a {
            display: inline-block;
            font-size: 15px !important;
            line-height: 26px;
            color: #012549;
            font-weight: 500;
            font-family: Lora;
            text-transform: capitalize;
            width: 100%
        }
        .home-three .blog-button i {
            display: inline-block;
            color: #012549;
            position: relative;
            top: 4px;
            left: 1px
        }
        .home-three.subscribe-area .row.subscribe {
            background: url(../images/home2/subscribe-bg.jpg) center center/cover no-repeat;
            padding: 63px 62px;
            margin-top: -126px;
            z-index: 1;
            position: relative
        }
        .home-three.footer-area {
            background: url(../images/home3/footer-bg.jpg) center center/cover no-repeat;
            padding: 196px 0 30px;
            margin-top: -87px
        }
        .home-three .footer-desc p {
            opacity: .7;
            color: #acacac
        }
        .home-six.hero-area .luxury-button,
        .home-three .footer-widget-social-icon {
            margin-top: 44px
        }
        .home-three .footer-widget-social-icon ul li {
            font-size: 20px;
            line-height: 27px;
            color: #f7f9fb;
            font-weight: 700;
            font-family: "Cormorant Garamond"
        }
        .home-three .footer-widget-social-icon ul li i {
            display: inline-block;
            color: #ffff;
            font-size: 15px;
            background: rgba(247, 249, 251, .1);
            width: 35px;
            height: 35px;
            text-align: center;
            line-height: 35px;
            border-radius: 50%;
            margin-right: 0;
            position: relative;
            z-index: 1;
            transition: .5s;
            border: transparent
        }
        .home-three .footer-widget-social-icon ul li i:after {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: #fff;
            transform: scale(0);
            z-index: -1;
            border-radius: 50%;
            transition: .5s
        }
        .home-three .footer-widget-title h4 {
            text-transform: capitalize;
            margin-bottom: 35px;
            font-size: 28px;
            color: #f7f9fb;
            font-weight: 700;
            font-family: "Cormorant Garamond"
        }
        .home-three .footer-widget-menu ul li a {
            display: inline-block;
            font-size: 16px;
            line-height: 41px;
            color: #fff;
            font-weight: 400;
            font-family: Lora;
            position: relative
        }
        .home-six .footer-widget-menu ul li a:hover,
        .home-three .footer-widget-menu ul li a:hover {
            margin-left: 0;
            color: #c19e68
        }
        .home-three .footer-widget-contact {
            background: 0 0;
            padding: 0;
            margin-top: 0
        }
        .home-three .footer-widget-contact-box {
            display: flex
        }
        .home-three .footer-widget-contact-content h4 {
            font-size: 20px;
            line-height: 27px;
            color: #f7f9fb;
            font-weight: 700;
            font-family: "Cormorant Garamond";
            margin: 0
        }
        .home-three .footer-widget-contact-content p {
            font-size: 16px;
            line-height: 28px;
            color: #f7f9fb;
            font-weight: 400
        }
        .home-three .footer-widget-contact-icon i {
            display: inline-block;
            color: #be9965;
            margin-right: 7px
        }
        .home-three .row.add-border {
            border-top: 1px solid #6161619e;
            padding-top: 29px;
            margin-top: 92px
        }
        .home-three .footer-bottom-content p {
            font-size: 16px;
            line-height: 27px;
            color: #f7f9fb;
            font-weight: 400;
            margin: 0
        }
        .home-three .footer-bottom-content a {
            display: inline-block;
            color: #be9965
        }
        .home-four .header-button:before,
        .inner .header-button:before {
            position: absolute;
            content: "";
            width: 30px;
            height: 1px;
            left: 0;
            right: 153px;
            bottom: -11px;
            background: #c19d68;
            margin: auto
        }
        .home-four.hero-area {
            background: url(../images/home4/hero-bg.jpg);
            height: 775px
        }
        .home-four .hero-content h4 {
            font-size: 18px;
            color: #fff;
            font-weight: 700;
            letter-spacing: 0;
            background-color: rgba(193, 157, 104, .4);
            display: inline-block;
            padding: 6px 20px
        }
        .home-four .hero-content h1 {
            text-transform: capitalize;
            font-size: 80px;
            line-height: 54px;
            color: #fff;
            font-weight: 700
        }
        .home-four .luxury-button {
            margin-top: 48px;
            position: relative
        }
        .home-four .row.booking-bg {
            background-color: #1e1e1e;
            padding: 67px 68px;
            margin-top: -115px;
            z-index: 2;
            position: relative
        }
        .home-four .single-booking-box {
            display: inline-block;
            background-color: #272727;
            padding: 15px 19px;
            width: 20%;
            margin-right: 4px
        }
        .home-four .single-booking-box input {
            background: 0 0;
            border: transparent;
            color: #fff;
            padding: 0
        }
        .home-four .single-booking-box label,
        .home-four .single-booking-button button {
            color: #fefefe;
            font-weight: 700;
            text-transform: uppercase;
            font-family: "Cormorant Garamond"
        }
        .home-four .single-booking-box input::placeholder {
            font-size: 22px;
            color: #fefefe;
            font-weight: 700;
            font-family: "Cormorant Garamond"
        }
        .home-four .single-booking-box label {
            opacity: .302;
            font-size: 15px;
            margin-bottom: 2px
        }
        .home-four .single-booking-button {
            display: inline-block;
            position: relative;
            top: -16px;
            left: 0
        }
        .home-four .single-booking-button button {
            background-color: #c19d68;
            border: transparent;
            padding: 37px 51px;
            font-size: 17px
        }
        .home-four .booking-content p {
            text-align: center;
            font-size: 24px;
            color: #acacac;
            font-weight: 500;
            font-style: italic;
            font-family: "Cormorant Garamond";
            margin: 0;
            padding: 40px 0 0
        }
        .home-four.room-area {
            padding: 326px 0 135px;
            background-color: #f8f6f3;
            margin-top: -202px
        }
        .home-four .single-room-box {
            background: #fff;
            padding: 30px
        }
        .home-four .room-thumb img,
        .home-six .facilities-icon-images img,
        .inner.testimonial-area .testi-quote img,
        .inner.testimonial-area .testimonial-content p {
            transition: .5s
        }
        .home-four .room-content {
            padding: 16px 0 0;
            border: transparent;
            border-top: transparent;
            background: 0 0
        }
        .home-four .room-content a {
            display: inline-block;
            font-size: 34px;
            line-height: 40px;
            color: #1e1e1e;
            font-weight: 600;
            font-family: "Cormorant Garamond";
            transition: .5s
        }
        .home-four a.room-button,
        .vedio-content a {
            color: #1e1e1e;
            font-weight: 500;
            display: inline-block;
            text-transform: uppercase
        }
        .home-four .room-content p {
            font-size: 16px;
            margin: 0 0 17px
        }
        .home-four a.room-button {
            font-size: 16px !important;
            margin: 0
        }
        .home-four a.room-button i {
            display: inline-block;
            color: #222;
            font-size: 20px;
            position: relative;
            top: 3px;
            left: 1px;
            transition: .5s
        }
        .home-four.room-area .luxury-button {
            margin-top: 48px;
            position: relative;
            text-align: center
        }
        .home-four.vedio-area {
            background: url(../images/home4/vedio-bg.jpg) center center/cover no-repeat;
            height: 600px
        }
        .vedio-content a {
            font-size: 16px;
            font-family: "Cormorant Garamond";
            background: #fff;
            width: 70px;
            height: 70px;
            text-align: center;
            line-height: 70px;
            border-radius: 50%;
            position: relative
        }
        .vedio-content a:before {
            position: absolute;
            content: "";
            width: 100px;
            height: 100px;
            top: -16px;
            left: -15px;
            border-radius: 50%;
            border: 1px solid #fff
        }
        .home-four.offer-area {
            padding: 100px 0 125px
        }
        .home-four .room-discount-offer span {
            display: inline-block;
            font-size: 34px;
            color: #fff;
            font-weight: 600;
            font-family: "Cormorant Garamond";
            position: absolute;
            bottom: 40px;
            left: 41px
        }
        .home-four .company-logo {
            position: absolute;
            top: 48px;
            left: 37px
        }
        .home-four .offer-content {
            position: absolute;
            bottom: -370px;
            left: 0;
            right: 0;
            background: #fff;
            width: 92%;
            margin: auto;
            padding: 22px 25px 39px;
            transition: .5s
        }
        .home-four .single-offer-box:hover .offer-content {
            bottom: 15px
        }
        .home-four .offer-content h4 {
            font-size: 34px;
            color: #1e1e1e;
            font-weight: 600
        }
        .home-four .offer-content p {
            margin: 20px 0 22px
        }
        .home-four .event-content a,
        .home-four .offer-content a {
            display: inline-block;
            font-size: 16px;
            color: #1e1e1e;
            font-weight: 500;
            font-family: "Cormorant Garamond";
            text-transform: uppercase;
            border: 1px solid #1e1e1e47;
            padding: 8px 24px;
            transition: .5s
        }
        .home-four .event-content a:hover,
        .home-four .offer-content a:hover,
        ul.social-box li a:hover {
            background: #c19d68;
            color: #fff
        }
        .home-four .event-content i,
        .home-four .offer-content i {
            font-size: 20px;
            position: relative;
            top: 2px;
            left: 6px;
            transition: .5s
        }
        .home-four .section-title.center {
            margin-bottom: 57px
        }
        .home-four .event-content h4,
        .home-four .section-title.center h4 {
            font-size: 16px;
            color: #616161;
            font-weight: 600;
            text-transform: uppercase;
            position: relative;
            z-index: 1
        }
        .home-four .event-content h4:after,
        .home-four .event-content h4:before,
        .home-four .section-title.center h4:after,
        .home-four .section-title.center h4:before {
            position: absolute;
            height: 100%;
            top: 2px;
            background: url(../images/home4/shape.png) no-repeat;
            content: ""
        }
        .home-four .section-title.center h4:before {
            width: 100%;
            left: 40%;
            z-index: -1
        }
        .home-four .section-title.center h4:after {
            width: 100%;
            right: -55.2%;
            z-index: -1
        }
        .home-four .section-title.center h1 {
            font-size: 38px;
            color: #1e1e1e;
            text-transform: capitalize;
            margin-top: 7px
        }
        .home-four .section-title.center p {
            width: 45%;
            margin: 8px auto auto
        }
        .home-four.event-area {
            background: url(../images/home4/event-bg-1.jpg) center center/cover no-repeat;
            padding: 124px 0 123px
        }
        .home-four.event-area-2 {
            background: url(../images/home4/event-bg-2.jpg);
            padding: 124px 0 123px
        }
        .home-four.event-area-3 {
            background: url(../images/home4/event-bg-3.jpg);
            padding: 124px 0 123px
        }
        .home-four .single-event-box {
            background: #fff;
            text-align: center;
            padding: 53px 63px 70px;
            width: 94%
        }
        .home-four .event-content h4:before {
            width: 100%;
            right: -68%;
            z-index: -1
        }
        .home-four.event-area-2 .event-content h4:before {
            right: -75%
        }
        .home-four.event-area-3 .event-content h4:before {
            right: -72%
        }
        .home-four .event-content h4:after {
            width: 100%;
            left: 20%;
            z-index: -1
        }
        .home-four.event-area-2 .event-content h4:after {
            left: 12%
        }
        .home-four.event-area-3 .event-content h4:after {
            left: 15%
        }
        .home-four .event-content h1 {
            font-size: 38px;
            color: #1e1e1e;
            font-weight: 700;
            margin-top: 15px
        }
        .home-four .event-content p {
            margin: 11px 0 34px
        }
        .home-four.testimonial-area {
            background: #f8f6f3 !important;
            padding: 109px 0 123px
        }

        .home-four .testi-bg {
            background: #fff;
            position: relative
        }
        .home-four .testi-content h1 {
            font-size: 34px;
            line-height: 45px;
            color: #1e1e1e;
            font-weight: 600;
            margin: 0
        }
        .home-four .testi-content span {
            display: inline-block;
            font-size: 15px;
            text-transform: uppercase;
            color: #c19d68;
            font-weight: 500;
            font-family: "Cormorant Garamond";
            margin-bottom: 8px
        }
        .home-four .testi-content p {
            font-style: normal;
            font-size: 16px;
            width: 80%;
            margin-bottom: 29px
        }
        .home-four .owl-dots {
            position: absolute;
            text-align: center;
            right: 74px;
            bottom: 116px
        }
        .home-four .owl-dot {
            display: inherit;
            background: #f7f6f2;
            width: 6px;
            height: 55px
        }
        .home-four .owl-dot.active {
            display: inherit;
            background: #c19e68;
            width: 6px;
            height: 55px
        }
        .home-four.subscribe-area {
            background: url(../images/home4/subscribe-bg.jpg) center center/cover no-repeat;
            padding: 109px 0 116px
        }
        .home-four.subscribe-area .section-title.center h4:before {
            left: 37%;
            background: url(../images/home4/shape-2.png) no-repeat
        }
        .home-four.subscribe-area .section-title.center h4:after {
            right: -58.2%;
            background: url(../images/home4/shape-2.png) no-repeat
        }
        .home-four .single-sebscribe-box input {
            width: 38%;
            height: 60px;
            border: 1px solid #c19c67;
            outline: 0;
            background: 0 0;
            color: #fff;
            padding: 0 19px
        }
        .footer-bottom-social-icon ul li i,
        .home-four .footer-widget-infor-content i {
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            display: inline-block
        }
        .home-four .single-sebscribe-box input::placeholder {
            opacity: .4;
            font-size: 16px;
            color: #fff;
            font-weight: 500;
            font-family: Lora
        }
        .home-four .single-sebscribe-box button {
            font-size: 24px;
            color: #fff;
            font-weight: 600;
            font-family: "Cormorant Garamond";
            background: #c19c67;
            border: transparent;
            padding: 17px 42px;
            position: relative;
            top: 3px;
            left: -5px
        }
        .home-four .footer-bottom-content p,
        .home-four .footer-widget-infor-content p {
            font-size: 16px;
            font-weight: 500;
            color: #fff
        }
        .home-four.footer-area {
            background-color: #1e1e1e;
            padding: 124px 0 41px
        }
        .home-four .footer-logo {
            padding-bottom: 40px
        }
        .home-four .footer-widget-infor-box {
            display: inline-block;
            margin-right: 65px
        }
        .home-four .footer-widget-infor-content i {
            color: #fff;
            border: 1px solid #ffffff57;
            border-radius: 50%;
            margin-right: 11px
        }
        .home-four .row.footer-bottom {
            border-top: 1px solid #ffffff2e;
            margin-top: 95px;
            padding-top: 37px
        }
        .home-four .footer-bottom-content p a {
            display: inline-block;
            color: #c19c67;
            font-weight: 600
        }
        .footer-bottom-social-icon ul li i {
            color: #fff;
            border: 1px solid #ffffff4f;
            border-radius: 50%;
            margin-left: 9px;
            position: relative;
            z-index: 1
        }
        .footer-bottom-social-icon ul li i:after {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: #c19c67;
            border-radius: 50%;
            transform: scale(0);
            transition: .5s;
            z-index: -1
        }
        .home-five.header-area {
            margin-bottom: 0
        }
        .home-five .header-menu ul li {
            margin-right: 63px
        }
        .home-five .header-menu ul li:last-child {
            margin-right: 45px
        }
        .home-five .header-button {
            position: relative;
            display: inline-block
        }
        .home-five .header-button:before {
            background: #222;
            margin: 0;
            right: 0;
            left: 0
        }
        .home-five .header-button a {
            color: #1e1e1e;
            border: 1px solid #1e1e1e;
            padding: 11px 40px;
            transition: .5s
        }
        .home-five .header-button a:hover {
            color: #fff;
            border: 1px solid #c19d68
        }
        .sticky.home-five .header-button a {
            color: #fff;
            border: 1px solid #fff
        }
        .home-five.hero-area {
            background: url(../images/home5/hero-bg.jpg) center center/cover no-repeat;
            height: 840px
        }
        .home-five .hero-content h4 {
            letter-spacing: 0;
            text-transform: capitalize;
            margin: 14px 0 17px;
            font-family: Lora;
            font-weight: 400
        }
        .home-five .hero-content h1 {
            text-transform: capitalize;
            font-weight: 600
        }
        .home-five.about-area {
            padding: 124px 0 125px
        }
        .home-five .about-thumb {
            position: relative;
            margin: 0;
            left: 90px
        }
        .home-five .about-video-button {
            position: absolute;
            top: 20%;
            right: 37%
        }
        .home-five .about-video-button i {
            background: #c19d68;
            width: 80px;
            height: 80px;
            text-align: center;
            line-height: 80px;
            color: #fff;
            font-size: 20px;
            position: relative
        }
        .home-five .about-video-button i:after {
            position: absolute;
            content: "";
            width: 100px;
            height: 100px;
            top: -10px;
            left: -10px;
            border: 1px solid #c19d68
        }
        @keyframes ripple {
            0%,
            35% {
                -webkit-transform: scale(0);
                -moz-transform: scale(0);
                -ms-transform: scale(0);
                -o-transform: scale(0);
                transform: scale(0);
                opacity: 1
            }
            50% {
                opacity: .8;
                -webkit-transform: scale(1.2);
                -moz-transform: scale(1.2);
                -ms-transform: scale(1.2);
                -o-transform: scale(1.2);
                transform: scale(1.2);
                opacity: 1
            }
            100% {
                opacity: 0;
                -webkit-transform: scale(1.5);
                -moz-transform: scale(1.5);
                -ms-transform: scale(1.5);
                -o-transform: scale(1.5);
                transform: scale(1.5)
            }
        }
        .home-five .section-title h4 {
            font-size: 16px;
            font-weight: 400;
            font-family: Lora;
            margin-bottom: -8px;
            color: #c19d68
        }
        .home-five .section-title h1 {
            font-size: 45px;
            line-height: 60px;
            text-transform: capitalize;
            color: #1e1e1e
        }
        .home-five .section-title.center h4 {
            font-size: 16px;
            font-weight: 400;
            font-family: Lora;
            margin-bottom: 0;
            color: #c19d68
        }
        .home-five .section-title.center h1 {
            font-size: 45px;
            line-height: 42px;
            color: #fff;
            font-weight: 500;
            text-transform: unset
        }
        .home-five p.section-desc2 {
            color: #fff;
            width: 100% !important;
            margin-top: 48px;
            position: relative
        }
        .home-five p.section-desc2:before {
            position: absolute;
            content: "";
            width: 60px;
            height: 3px;
            left: 0;
            right: 0;
            top: -18px;
            background: #c19e68;
            margin: auto
        }
        .home-five.service-area {
            background-color: #ededed;
            padding: 109px 0 102px
        }
        .home-five .service-desc p {
            text-align: center;
            width: 90%;
            margin: auto;
            padding-bottom: 25px
        }
        .home-five.service-area .luxury-button {
            text-align: right;
            margin-top: -37px
        }
        .home-five.service-area .luxury-button:before {
            right: 40px;
            background: #222
        }
        .home-five.service-area .luxury-button a {
            background: 0 0;
            color: #616161;
            border: 1px solid #222
        }
        .home-five .single-service-box {
            position: relative;
            overflow: hidden;
            margin-bottom: 22px
        }
        .home-five .service-box-thumb:before {
            position: absolute;
            content: "";
            width: 0;
            height: 100%;
            left: 50%;
            top: 0;
            background: rgba(30, 30, 30, .8);
            transition: .5s
        }
        .home-five .service-content {
            position: absolute;
            bottom: -50px;
            left: 0;
            right: 0;
            width: 88%;
            margin: auto;
            padding: 0 15px;
            opacity: 0;
            transition: .5s
        }
        .home-five .single-booking-box,
        .single-team-box {
            margin-bottom: 25px
        }
        .home-five .single-service-box:hover .service-content {
            bottom: 50px;
            opacity: 1
        }
        .home-five .service-content h4 {
            font-size: 30px;
            color: #fff;
            font-weight: 500
        }
        .home-five .service-button a,
        .home-five .single-booking-box label {
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 500;
            font-family: "Cormorant Garamond"
        }
        .home-five .service-content p {
            color: #fff;
            margin: 16px 0 33px
        }
        .home-five .service-button:before {
            position: absolute;
            content: "";
            width: 30px;
            height: 1px;
            left: 0;
            bottom: -11px;
            background: #c19d68
        }
        .home-five .service-button a {
            display: inline-block;
            background: #c19d68;
            padding: 10px 42px;
            color: #fff;
            position: relative;
            z-index: 1;
            border: 1px solid #c19d68;
            transition: .5s
        }
        .home-five.booking-area {
            padding: 100px 0 123px
        }
        .home-five .single-booking-box input {
            width: 100%;
            height: 60px;
            padding: 0 16px;
            outline: 0;
            border: 1px solid #6161617a;
            text-transform: uppercase
        }
        .home-five .single-booking-box label {
            color: #1e1e1e;
            padding-bottom: 13px
        }
        .home-five .single-booking-box select {
            width: 100%;
            height: 60px;
            padding: 0 16px;
            outline: 0;
            border: 1px solid #6161617a;
            text-transform: capitalize
        }
        .home-five .single-booking-box option {
            text-transform: capitalize
        }
        .home-five .booking-button {
            display: inherit;
            margin-top: 17px;
            position: inherit
        }
        .home-five .booking-button button {
            background: #c19e68;
            padding: 15px 31px;
            border: 1px solid #c19e68;
            font-size: 15px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 500;
            font-family: "Cormorant Garamond";
            width: 100%;
            transition: .5s
        }
        .home-five.video-area {
            background: url(../images/home5/video-bg.jpg) center center/cover no-repeat;
            padding: 124px 0
        }
        .home-five .vedio-content i {
            display: inline-block;
            color: #c19e68;
            font-size: 30px;
            line-height: 71px
        }
        .home-five.testimonial-area {
            background: 0 0;
            padding: 109px 0 155px
        }
        .home-five .single-testimonial-box,
        .inner.testimonial-area .single-testimonial-box {
            margin: 0 10px
        }
        .home-five .testimonial-content {
            background-color: #ededed;
            padding: 23px 27px 11px;
            position: relative;
            margin-bottom: 54px
        }
        .home-five .testimonial-content:before {
            position: absolute;
            content: "";
            width: 25px;
            height: 25px;
            left: 37px;
            bottom: -13px;
            background: #ededed;
            transform: rotate(45deg)
        }
        .home-five .testi-reating ul li,
        .inner.testimonial-area .testi-reating ul li {
            display: inline-block;
            padding-bottom: 15px
        }
        .home-five .testi-reating ul li i {
            display: inline-block;
            color: #c19d68;
            font-size: 13px;
            margin-right: 2px
        }
        .home-five .testi-author,
        .home-six .single-booking-input-box,
        .inner.testimonial-area .testi-author {
            display: flex;
            align-items: center;
            gap: 18px
        }
        .home-five .testi-title h4 {
            font-size: 24px;
            font-weight: 500;
            color: #041341
        }
        .home-five .testi-title p {
            font-size: 12px;
            font-weight: 400
        }
        .home-five .owl-dots {
            text-align: center;
            position: relative;
            top: 38px;
            left: 0
        }
        .home-five .owl-dot {
            background: #ededed;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            display: inline-block;
            margin-right: 6px
        }
        .home-five .owl-dot.active {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #c19d68
        }
        .home-five.blog-area {
            background-color: #ededed;
            padding: 110px 0 95px
        }
        .home-five .blog-content {
            border: transparent;
            background: #ffff;
            padding: 27px 30px 39px
        }
        .home-five .meta-blog span {
            display: inline-block;
            font-size: 16px;
            line-height: 26px;
            text-transform: capitalize;
            color: #616161;
            font-weight: 400;
            margin-right: 22px;
            margin-left: 0;
            margin-bottom: 15px;
            position: relative
        }
        .home-five .meta-blog i {
            display: inline-block;
            color: #c19d68;
            font-size: 16px;
            margin-right: 11px
        }
        .home-five .blog-content a {
            display: inline-block;
            font-size: 30px;
            line-height: 38px;
            color: #1e1e1e;
            font-weight: 500;
            font-family: "Cormorant Garamond";
            transition: .5s
        }
        .home-five .blog-content a:hover {
            color: #c19d68;
            text-decoration: none
        }
        .home-five .blog-content p {
            margin-top: 12px
        }
        .home-five .blog-btn {
            margin-top: 26px;
            position: relative
        }
        .home-five .blog-btn a {
            display: inline-block;
            background: #c19d68;
            padding: 4px 36px;
            font-size: 16px !important;
            text-transform: uppercase;
            color: #fff;
            font-weight: 500;
            font-family: "Cormorant Garamond";
            position: relative;
            z-index: 1;
            border: 1px solid #c19d68;
            transition: .5s
        }
        .home-five .single-blog-box.upper {
            padding: 54px 10px 58px 337px;
            background: #fff;
            position: relative;
            z-index: 1;
            margin-bottom: 30px
        }
        .home-five .single-blog-box.upper:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: url(../images/home5/blog-2.jpg) no-repeat;
            z-index: -1
        }
        .single-blog-box.upper.two:before {
            background: url(../images/home5/blog-3.jpg) no-repeat
        }
        .home-five .blog-content.upper {
            background: 0 0;
            padding: 0
        }
        .home-five.gallery-area {
            padding: 107px 0 125px
        }
        .home-five.gallery-area .section-title.center,
        .home-six .footer-widget-logo,
        .home-six.blog-area .section-title {
            margin-bottom: 50px
        }
        .home-five .single-gallery-box {
            position: relative;
            text-align: center
        }
        .home-five .gallery-thumb:before {
            position: absolute;
            content: "";
            width: 0;
            height: 100%;
            left: 50%;
            top: 0;
            background: rgba(30, 30, 30, .9);
            transition: .5s
        }
        .home-five .gallery-content {
            position: absolute;
            bottom: 41%;
            left: 23%;
            transform: scale(0);
            transition: .5s
        }
        .home-five .gallery-content h4 {
            font-size: 30px;
            line-height: 38px;
            color: #fff;
            font-weight: 500
        }
        .home-five .gallery-content a {
            display: inline-block;
            font-size: 16px;
            line-height: 38px;
            color: #fff
        }
        .home-five.footer-area {
            background-color: #1e1e1e;
            padding: 100px 0 33px
        }
        .home-five .footer-widget-desc p {
            color: #acacac;
            margin: 30px 0 0
        }
        .home-five .footer-widget-social-icon {
            margin-top: 31px
        }
        .home-five .footer-widget-social-icon ul li i {
            color: #c19d68;
            background: #fff;
            border: transparent
        }
        .home-five .footer-widget-title h4 {
            font-size: 30px;
            text-transform: capitalize;
            color: #fff;
            font-weight: 500;
            position: relative;
            margin-bottom: 35px
        }
        .home-five .footer-widget-title h4:before {
            position: absolute;
            content: "";
            width: 48px;
            height: 2px;
            left: 0;
            bottom: -4px;
            background: #c29d68
        }
        .home-five .footer-widget-menu ul li a {
            display: inline-block;
            font-size: 16px;
            line-height: 40px;
            color: #ffff;
            font-weight: 400;
            font-family: Lora;
            position: relative
        }
        .home-five .footer-widget-menu ul li a:hover {
            margin: 0;
            color: #c19d68
        }
        .home-five .footer-widget-gallery img {
            float: left;
            margin: 0 9px 9px 0;
            width: 30%
        }
        .home-five .row.footer-bottom {
            border-top: 1px solid #616161;
            margin-top: 109px;
            padding-top: 46px
        }
        .home-five .footer-bottom-content p {
            font-size: 16px;
            color: #fff;
            margin: 0
        }
        .home-five .footer-bottom-item ul li a {
            color: #fff;
            display: inline-block;
            transition: .5s
        }
        .home-six.top-header {
            background-color: #c19d68;
            border: transparent
        }
        .home-six .top-bar-info ul li {
            color: #fff;
            font-size: 15px;
            margin-right: 47px;
            display: inline-block
        }
        .home-six .room-service span:last-child,
        .home-six .top-bar-info ul li:last-child,
        .room-details-check-box.upper {
            margin-right: 0
        }
        .home-six .top-bar-info ul li i {
            display: inline-block;
            font-size: 14px;
            margin-right: 7px;
            color: #fff
        }
        .home-six .top-bar-social-icon ul li {
            display: inline-block;
            color: #fff;
            margin-right: 13px;
            font-size: 15px
        }
        .home-six .top-bar-social-icon ul li a {
            color: #fff;
            display: inline-block;
            font-size: 14px
        }
        .home-six.header-area {
            background-color: #1e1e1e;
            margin-bottom: 0
        }
        .home-six .header-menu ul li {
            display: inline-block;
            margin-right: 48px
        }
        .home-six .hader-nav-button i {
            display: inline-block;
            font-size: 25px;
            color: #fff;
            margin-right: 34px
        }
        .home-six.hero-area {
            background: url(../images/home6/hero-bg.jpg) center center/cover no-repeat;
            height: 756px;
            text-align: left;
            position: relative
        }
        .home-six.hero-area.two {
            background: url(../images/home6/hero-bg-2.png)
        }
        .home-six.hero-area.three {
            background: url(../images/home6/hero-bg-3.png)
        }
        .home-six.hero-area.four {
            background: url(../images/home6/hero-bg-4.png)
        }
        .home-six .hero-content h4 {
            font-size: 20px;
            color: #c19d68;
            font-weight: 500;
            text-transform: uppercase;
            margin: 25px 0 6px;
            background: rgba(250, 250, 250, .1);
            display: inline-block;
            padding: 11px 25px
        }
        .home-six .hero-content h1 {
            font-size: 80px;
            line-height: 75px;
            color: #fff;
            text-transform: capitalize;
            font-weight: 700
        }
        .home-six .hero-content p {
            font-size: 18px;
            line-height: 30px;
            color: #fff;
            width: 75%;
            opacity: .8;
            margin: 14px 0 0
        }
        .home-six .hero-shpe-content {
            position: absolute;
            top: 30%;
            left: 6%
        }
        .home-six .hero-shpe-content h1 {
            opacity: .102;
            font-size: 400px;
            line-height: 32px;
            font-weight: 600;
            font-family: Lora;
            -webkit-text-stroke-width: 1px;
            color: transparent;
            -webkit-text-stroke-color: #fff
        }
        .hero-slider-3 .owl-dots {
            position: absolute;
            bottom: 117px;
            left: 75%
        }
        .hero-slider-3 .owl-dot {
            background: url(../images/home6/hero-dot1.jpg);
            width: 160px;
            height: 100px;
            margin-bottom: 20px
        }
        .hero-slider-3 .owl-dot.active {
            border: 2px solid #fff;
            border-radius: 2px
        }
        .hero-slider-3 .owl-dot:nth-child(2) {
            background: url(../images/home6/hero-dot2.jpg)
        }
        .hero-slider-3 .owl-dot:nth-child(3) {
            background: url(../images/home6/hero-dot3.jpg)
        }
        .hero-slider-3 .owl-dot:nth-child(4) {
            background: url(../images/home6/hero-dot4.jpg)
        }
        .home-six .row.booking-bg {
            text-align: center;
            margin: -38px auto -68px;
            background: #fff;
            z-index: 1;
            position: relative;
            width: 69%;
            padding: 22px 0 16px
        }
        .home-six .booking-images-icon {
            margin-top: -10px
        }
        .home-six .booking-content p {
            font-size: 22px;
            color: #1e1e1e;
            font-weight: 500;
            font-family: Lora;
            margin: 0 0 -4px;
            text-align: left
        }
        .home-six .booking-content input {
            width: 96%;
            border: transparent;
            outline: 0;
            padding: 0
        }
        .home-six .booking-button {
            position: inherit
        }
        .home-six .booking-button button {
            background: #c19e68;
            border: 1px solid #c19e68;
            padding: 19px 35px;
            font-size: 15px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 500;
            font-family: "Cormorant Garamond";
            transition: .5s
        }
        .home-six.about-area {
            background-color: #f8f8f8;
            padding: 190px 0 122px
        }
        .home-six .about-thumb {
            position: relative;
            margin: 0;
            left: -108px
        }
        .home-six .about-list-item {
            margin-bottom: 16px
        }
        .home-six .about-list-item ul li {
            opacity: .851;
            font-size: 18px;
            line-height: 44px
        }
        .about-list-item ul li i {
            display: inline-block;
            color: #222;
            margin-right: 15px;
            position: relative;
            top: 3px
        }
        .home-six .about-box {
            display: flex;
            align-items: center;
            gap: 23px
        }
        .home-six .about-phone-content i {
            display: inline-block;
            background: #fff;
            width: 55px;
            height: 55px;
            line-height: 55px;
            border-radius: 50%;
            text-align: center;
            color: #222;
            font-size: 20px;
            margin-right: 18px
        }
        .home-six .about-phone-content p {
            font-size: 16px;
            color: #1e1e1e;
            font-weight: 500
        }
        .home-six.about-area .luxury-button {
            margin-top: 0;
            position: relative
        }
        .home-six.about-area .about-phone-content {
            margin-top: 14px
        }
        .home-six .section-title {
            margin-bottom: 14px
        }
        .home-six .section-title h4 {
            font-size: 16px;
            line-height: 32px;
            text-transform: uppercase;
            color: #c19d68;
            font-weight: 600
        }
        .home-six .section-title h1 {
            text-transform: capitalize;
            font-size: 46px;
            line-height: 46px;
            color: #1e1e1e;
            font-weight: 600
        }
        .breacumb-content ul li,
        .breadcum-title h4,
        .home-six .testi-content h4,
        .home-six .testi-thumb h4 {
            text-transform: uppercase;
            text-transform: uppercase
        }
        .home-six .section-title p {
            opacity: .851;
            font-size: 18px;
            line-height: 30px;
            color: #616161;
            width: 95%;
            margin: 13px 0 0
        }
        .home-six .section-title.content p {
            width: 65%;
            margin: 14px auto auto
        }
        .home-six.tourism-area {
            padding: 99px 0 123px
        }
        .home-six.tourism-area .luxury-button:before {
            right: 129px
        }
        .home-six.location-area {
            background-color: #f8f8f8;
            padding: 102px 0 125px;
            position: relative
        }
        .home-six.location-area:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: -40px;
            top: 0;
            background: url(../images/home6/location-img.jpg) no-repeat
        }
        .home-six .location-text-box {
            position: relative;
            z-index: 1;
            padding-left: 80px
        }
        .home-six .location-text {
            position: absolute;
            top: 91px;
            left: -17px;
            z-index: -1
        }
        .home-six .gallery-text p,
        .home-six .location-text p {
            opacity: .102;
            font-size: 450px;
            line-height: 32px;
            font-weight: 500;
            -webkit-text-stroke-width: 1px;
            color: transparent;
            -webkit-text-stroke-color: #222;
            font-family: "Cormorant Garamond";
            text-transform: uppercase
        }
        .home-six.gallery-area {
            padding: 102px 0 125px;
            position: relative
        }
        .home-six.gallery-area:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            right: -49%;
            top: 0;
            background: url(../images/home6/gallery-bg.jpg) no-repeat
        }
        .home-six .gallery-text-box {
            position: relative;
            z-index: 1;
            padding-right: 80px
        }
        .home-six .gallery-text {
            position: absolute;
            top: 61px;
            left: -131px;
            z-index: -1
        }
        .home-six.room-area {
            padding: 102px 0 108px;
            background-color: #f8f8f8
        }
        .home-six.room-area .luxury-button:before {
            right: -45%
        }
        .home-six .single-room-content {
            padding: 31px 37px 26px;
            background: #fff
        }
        .home-six .coustomer-rating {
            padding-bottom: 9px
        }
        .home-six .coustomer-rating ul li {
            display: inline-block;
            color: #c19d68;
            margin-right: 3px
        }
        .breacumb-content ul li a,
        .home-six .coustomer-rating ul li i,
        .home-six .testi-content ul li i,
        span.flaticon-multiply i {
            display: inline-block;
            color: #c19d68
        }
        .home-six .room-content-title a {
            display: inline-block;
            font-size: 22px;
            line-height: 32px;
            color: #1e1e1e;
            font-weight: 400;
            font-family: Lora;
            transition: .5s
        }
        .home-six .room-content-title span {
            display: inherit;
            font-size: 14px;
            line-height: 30px;
            color: #1e1e1e;
            font-weight: 400;
            font-family: Lora;
            padding-top: 13px
        }
        .home-six .room-content-title span i {
            display: inline-block;
            color: #1e1e1e;
            margin-right: 10px
        }
        .home-six .room-content-title p {
            border-top: 1px solid #2222;
            padding-top: 19px;
            margin-top: 21px
        }
        .home-six .room-box-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center
        }
        .home-six .room-service span {
            display: inline-block;
            color: #c19d68;
            font-size: 14px;
            font-family: Lora;
            font-weight: 500;
            margin-right: 9px
        }
        .home-six .room-service img {
            margin-right: 6px
        }
        .home-six .room-box-button a {
            display: inline-block;
            font-size: 16px;
            color: #c19d68;
            font-weight: 500;
            font-family: Lora
        }
        .home-six .room-box-button i {
            display: inline-block;
            font-size: 19px;
            color: #c19d68;
            position: relative;
            top: 3px
        }
        .home-six.testimonial-area {
            background: url(../images/home6/testimonial-bg.jpg) center center/cover no-repeat;
            padding: 100px 0
        }
        .home-six .testi-content h1 {
            font-size: 46px;
            color: #1e1e1e;
            font-weight: 600
        }
        .home-six .testi-content p {
            font-size: 18px;
            line-height: 30px;
            color: #616161;
            font-style: normal;
            margin: 31px 0 28px;
            opacity: .851
        }
        .home-six .testi-content h4 {
            font-size: 16px;
            line-height: 38px;
            color: #1e1e1e;
            margin: 11px 0 -3px
        }
        .home-six .testi-thumb h4 {
            font-size: 20px;
            color: #1e1e1e;
            font-weight: 500;
            margin-bottom: 22px
        }
        .home-six.facilities-area {
            background: #f8f8f8;
            padding: 104px 0 105px
        }
        .home-six .single-facilities-box {
            position: relative;
            margin-left: 0;
            text-align: center;
            background: #fff;
            padding: 37px 14px 31px;
            z-index: 1;
            margin-bottom: 20px
        }
        .home-six .single-facilities-box:before {
            position: absolute;
            content: "";
            width: 0;
            height: 100%;
            left: 50%;
            top: 0;
            background: #c19e68;
            z-index: -1;
            transition: .5s
        }
        .home-six .single-facilities-box:hover .facilities-icon-images img,
        .inner.feature-area .single-feature-box.active .feature-icon img,
        .inner.testimonial-area .single-testimonial-box:hover .testi-quote img {
            filter: brightness(0) invert(1)
        }
        .home-six .facilities-content h4 {
            font-size: 22px;
            color: #1e1e1e;
            font-weight: 500;
            font-family: Lora;
            text-transform: capitalize;
            margin-top: 23px;
            transition: .5s
        }
        .home-six .facilities-content p {
            margin-top: 16px;
            position: relative;
            margin-bottom: 0;
            transition: .5s
        }
        .home-six.subscribe-area {
            background: url(../images/home6/subscribe-bg.jpg) center center/cover no-repeat;
            padding: 100px 0
        }
        .home-six .single-subscribe-box input {
            background: 0 0;
            border: transparent;
            border-bottom: 1px solid #fff;
            padding: 0 28px 5px 0;
            width: 85%;
            color: #fff;
            outline: 0;
            margin-bottom: 22px
        }
        .home-six .single-subscribe-box input::placeholder {
            color: #fff
        }
        .home-six .single-subscribe-box button {
            background: 0 0;
            border: transparent;
            color: #fff;
            font-size: 20px;
            position: relative;
            left: -26px;
            top: 1px
        }
        .home-six .single-subscribe-box p {
            font-size: 15px;
            color: #fff
        }
        .home-six .single-subscribe-box a {
            display: inline-block;
            color: #fff;
            font-size: 15px;
            border-bottom: 1px solid #fff
        }
        .subscribe-counter {
            float: right
        }
        .home-six .subscriber-counter-content h1,
        .home-six .subscriber-counter-content span {
            font-size: 90px;
            line-height: 63px;
            color: #fff;
            font-weight: 600;
            font-family: Lora;
            display: inline-block
        }
        .home-six .subscriber-counter-content p {
            font-size: 40px;
            line-height: 76px;
            color: #fff;
            font-weight: 600
        }
        .home-six.blog-area {
            padding: 100px 0;
            background: #f8f8f8
        }
        .home-six .blog-content {
            border: transparent;
            background: #fff;
            padding: 34px 31px 38px;
            position: relative
        }
        .home-six .blog-date {
            background: #c19e68;
            display: inline-block;
            padding: 12px 12px 16px;
            text-align: center;
            position: absolute;
            top: -40px;
            right: 32px
        }
        .home-six .blog-date h4,
        .home-six .blog-date p {
            font-size: 22px;
            line-height: 26px;
            color: #fff;
            font-weight: 500;
            font-family: Lora;
            margin: 0
        }
        .home-six .meta-blog {
            margin-bottom: 6px
        }
        .home-six .meta-blog span {
            font-size: 14px;
            color: #616161;
            font-weight: 400;
            font-family: Lora;
            text-transform: capitalize;
            margin: 0 18px 0 0
        }
        .home-six .meta-blog i {
            color: #c19e68;
            display: inline-block;
            margin-right: 7px;
            font-size: 18px
        }
        .home-six .blog-content a {
            display: inline-block;
            font-size: 22px;
            line-height: 36px;
            color: #1e1e1e;
            font-weight: 500;
            font-family: Lora;
            transition: .5s;
            width: 85%
        }
        .home-six .blog-content a:hover {
            color: #c19e68;
            text-decoration: none
        }
        .home-six a.blog-button {
            display: inline-block;
            font-size: 16px !important;
            border: transparent;
            background: #f7f0e8;
            color: #000 !important;
            padding: 1px 17px;
            width: 100%;
            margin-top: 19px
        }
        .home-six a.blog-button i {
            float: right;
            color: #000;
            position: relative;
            top: 3px
        }
        .home-six.footer-area {
            background: url(../images/home6/footer-bg.jpg) center center/cover no-repeat;
            padding: 100px 0
        }
        .home-six .footer-widget-desc p {
            color: #fff;
            opacity: .8
        }
        .home-six .footer-widget-social-icon {
            margin-top: 43px
        }
        .home-six .footer-widget-social-icon ul li i {
            display: inline-block;
            font-size: 15px;
            border: transparent;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-radius: 50%;
            margin-right: 8px;
            position: relative;
            z-index: 1;
            transition: .5s;
            background: #fff;
            color: #c19e68
        }
        .col-md-2.position-relative label,
        .faqs-section .section-title h1,
        .form-wrapper .row.g-3.align-items-center label,
        .header-button i.fa-solid.fa-user,
        .home-six .footer-widget-social-icon ul li i:hover,
        .inner.facilities-area .facilities-button:hover i,
        .inner.facilities-area .section-title.two h1,
        .inner.feature-area .single-feature-box.active .feature-content h4,
        .inner.testimonial-area .single-testimonial-box:hover .testi-reating ul li i,
        .inner.testimonial-area .single-testimonial-box:hover .testimonial-content p,
        .pagination-box ul li a:hover i,
        .single-pricing-box:hover .pricing-button a,
        .widget-catefories-tags a:hover,
        h2.macke,
        h5#mustLoginModalLabel,
        nav.navbar a.nav-link:hover,
        p.section-desc-2.at,
        section.registration_section .card-header h4,
        section.user_login_main .card-header h4 {
            color: #fff;
        }
        .home-six .footer-widget-menu ul li a {
            opacity: .8;
            color: #fff
        }
        .home-six .footer-widget-menu ul li i {
            margin-right: 8px;
            opacity: .8;
            color: #fff;
            transition: .5s
        }
        .home-six .footer-widget-title.upper h4 {
            margin-top: 22px;
            margin-bottom: 0
        }
        .home-six .footer-widget-gallery {
            margin-top: 20px
        }
        .inner .header-menu ul li a {
            color: #fff;
            transition: .5s
        }
        .breadcumb-area {
            background: url(../images/home-1/about.jpg) center center/cover no-repeat;
            padding: 133px 0;
            text-align: center
        }
        .breadcum-title h4 {
            font-size: 60px;
            line-height: 70px;
            color: #fff;
            font-weight: 600;
            margin-bottom: 11px
        }
        .breacumb-content ul li {
            display: inline-block;
            color: #fff;
            font-weight: 500;
            font-family: "Cormorant Garamond"
        }
        .about-area.inner {
            padding: 88px 0 89px
        }
        .inner.about-area .col-lg-6.upper {
            padding-left: 43px;
            margin-bottom: 26px
        }
        .about-area.inner p.about-inner-desc {
            margin-top: 18px;
            margin-bottom: 27px
        }
        .about-area.inner .about-address p {
            background-color: #f8f6f3;
            margin: 0;
            color: #1e1e1e;
            padding: 14px 145px 17px 30px
        }
        .inner.feature-area {
            background-color: #f8f6f3;
            padding: 122px 0 123px
        }
        .inner.feature-area p.section-desc-1 {
            color: #616161
        }
        .inner.feature-area .single-feature-box {
            /* background: #fff; */
                border: 1px solid #353535;
        }
        .inner.feature-area .single-feature-box .feature-content.new-f h4 {
            color: #fff !important;
        }
        .inner.call-do-action-area {
            /* background-color: #1e1e1e; */
        padding: 124px 0
        }
        .inner.call-do-action-area .row.call-do-action-bg {
            padding: 0;
            background: #fff
        }
        .inner.call-do-action-area .matha-ta-ghurlo {
            padding-left: 57px
        }
        .team-area {
            padding: 125px 0 100px
        }
        .single-team-box {
            text-align: center;
            border: 1px solid rgba(30, 30, 30, .1);
            padding: 28px;
            position: relative;
            z-index: 1;
            overflow: hidden
        }
        .single-team-box:before {
            position: absolute;
            content: "";
            width: 0;
            height: 100%;
            left: 50%;
            bottom: 0;
            background: #c19d68;
            z-index: -1;
            transition: .5s
        }
        .team-content {
            opacity: 1;
            transition: .5s;
            padding: 7px 0 0
        }
        .loaded .loader,
        .single-team-box:hover .team-content {
            opacity: 0
        }
        .team-content h4 {
            font-size: 28px;
            line-height: 45px;
            color: #1e1e1e;
            font-weight: 600
        }
        .team-contact-info {
            padding: 28px 0 0;
            opacity: 0;
            transition: .5s;
            position: absolute;
            left: 0;
            bottom: -64px;
            right: 0;
            margin: auto
        }
        .single-team-box:hover .team-contact-info {
            opacity: 1;
            bottom: 24px
        }
        .team-social-info ul li i {
            display: inline-block;
            font-size: 14px;
            margin-right: 17px;
            color: #fff
        }
        .team-contact-info span {
            font-size: 22px;
            line-height: 40px;
            font-family: "Cormorant Garamond";
            color: #fff
        }
        .inner.testimonial-area .row.border-add {
            position: relative;
            padding-top: 59px
        }
        .inner.testimonial-area .row.border-add:before {
            position: absolute;
            content: "";
            width: 97%;
            height: 1px;
            top: 0;
            right: 0;
            left: 0;
            background: #ffffff38;
            margin: auto
        }
        .inner.testimonial-area .testimonial-content {
            background-color: #ffff;
            padding: 31px 37px 18px;
            position: relative;
            margin-bottom: 34px;
            z-index: 1
        }
        .inner.testimonial-area .testimonial-content:before {
            position: absolute;
            content: "";
            width: 25px;
            height: 25px;
            left: 37px;
            bottom: -13px;
            background: #fff;
            transform: rotate(45deg);
            transition: .5s
        }
        .inner.testimonial-area .testi-quote {
            float: right;
            bottom: 40px;
            position: relative;
            right: -1px
        }
        .inner.testimonial-area .testi-reating ul li i {
            display: inline-block;
            color: #c19d68;
            font-size: 13px;
            margin-right: 2px;
            transition: .5s
        }
        .inner.testimonial-area .testi-title h4 {
            font-size: 15px;
            font-weight: 500;
            color: #fff
        }
        .inner.testimonial-area .testi-title p {
            font-size: 16px;
            font-weight: 400;
            color: #ae9455
        }
        .inner.testimonial-area .owl-nav.disabled {
            display: block !important
        }
        .inner.testimonial-area .owl-next {
            position: absolute;
            right: 24px;
            top: -170px
        }
        .inner.testimonial-area .owl-prev {
            position: absolute;
            right: 95px;
            top: -170px
        }
        .inner.room-area {
            background-color: #f8f6f3;
            padding: 121px 0 0;
            margin-top: 0
        }
        .inner.room-area .room-single-box {
            position: relative;
            margin: 0 0 29px
        }
        .find-room-area {
            background: #f8f6f3;
            padding: 95px 0 105px
        }
        .find-room-area .row.add-bg {
            background: #1e1e1e;
            position: relative;
            padding: 35px 15px 38px;
            border-top: 4px solid #c19d68;
            margin-bottom: 85px;
            margin-top: 0
        }
        .find-room-area .room-single-box {
            position: relative;
            margin: 0 0 20px
        }
        .inner.facilities-area {
            background-color: #1e1e1e;
            padding: 110px 0 220px
        }
        .inner.facilities-area .facilities-icon {
            margin-bottom: 36px
        }
        .inner.facilities-area .facilities-content h4 {
            font-size: 30px;
            color: #fff;
            font-weight: 600;
            text-transform: capitalize
        }
        .inner.facilities-area .facilities-content p {
            margin-top: 22px;
            margin-bottom: 22px;
            color: #acacac;
            width: 90%
        }
        .inner.facilities-area .facilities-content a {
            display: inline-block;
            font-size: 16px;
            color: #fff;
            text-transform: uppercase;
            font-weight: 500;
            font-family: "Cormorant Garamond"
        }
        .inner.facilities-area .facilities-content i {
            font-size: 26px;
            color: #c29d68;
            position: relative;
            top: 5px;
            left: 7px
        }
        .inner.facilities-area .single-facilities-box {
            position: relative;
            margin: 8px
        }
        .inner.facilities-area .facilities-button {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 86%;
            background: #272727
        }
        .inner.facilities-area .facilities-button a {
            font-size: 22px;
            font-weight: 600;
            font-family: "Cormorant Garamond";
            color: #fff;
            position: relative;
            z-index: 1;
            padding: 0 0 0 28px;
            transition: .5s;
            display: flex;
            align-items: center;
            justify-content: space-between
        }
        .inner.facilities-area .facilities-button a:before {
            position: absolute;
            content: "";
            width: 0;
            height: 100%;
            left: 0;
            top: 0;
            background: #fff;
            z-index: -1;
            transition: .5s
        }
        .inner.facilities-area .facilities-button i {
            display: inline-block;
            position: relative;
            background: #c29d68;
            width: 68px;
            height: 68px;
            text-align: center;
            line-height: 68px;
            transition: .5s
        }
        .inner.facilities-area .owl-prev {
            position: absolute;
            right: 95px;
            top: -155px
        }
        .inner.facilities-area .owl-next {
            position: absolute;
            right: 30px;
            top: -155px
        }
        .inner.facilities-area .row.border-add {
            position: relative;
            padding-top: 54px
        }
        .inner.facilities-area .row.border-add:before {
            position: absolute;
            content: "";
            width: 97%;
            height: 1px;
            left: -9px;
            right: 0;
            top: 0;
            background: #ffffff38;
            margin: auto
        }
        .style-two .row.add-backgroun {
            background-color: #f8f6f3;
            padding: 98px 67px 101px;
            margin-top: -203px
        }
        .style-two .single-contact-box {
            display: flex;
            align-items: center;
            gap: 18px;
            margin-bottom: 41px;
            position: relative
        }
        .style-two .single-contact-box:before {
            position: absolute;
            content: "";
            width: 95%;
            height: 1px;
            left: 5px;
            bottom: -19px;
            background: #6161612b
        }
        .style-two .contact-icon i {
            background: #ffff;
            color: #c19d68;
            width: 65px;
            height: 65px;
            text-align: center;
            line-height: 65px;
            border-radius: 50%;
            display: inline-block
        }
        .style-two .contact-title h4 {
            font-size: 15px;
            line-height: 26px;
            color: #616161;
            font-weight: 400;
            font-family: Lora
        }
        .style-two .contact-title p {
            font-size: 22px;
            color: #1e1e1e;
            font-weight: 500;
            font-family: "Cormorant Garamond"
        }
        .style-two .single-contact-form {
            background-color: #272727;
            padding: 42px 53px 60px;
            text-align: center
        }
        .style-two .contact-content h4 {
            font-size: 28px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 600;
            margin-bottom: 26px
        }
        .style-two .single-input-box input {
            background: 0 0 !important;
            border: 1px solid #acacac4f;
            color: #ffff;
            outline: 0;
            width: 100%;
            height: 60px;
            position: relative;
            margin-bottom: 11px;
            padding: 0 21px
        }
        .style-two .single-input-box select,
        .style-two .single-input-box textarea {
            background: 0 0 !important;
            border: 1px solid #acacac4f;
            color: #acacac;
            width: 100%;
            position: relative;
            outline: 0
        }
        .style-two .single-input-box input::placeholder {
            color: #acacac
        }
        .style-two .single-input-box select {
            height: 60px;
            padding: 0 19px;
            margin-top: 5px;
            text-transform: capitalize
        }
        .style-two .single-input-box textarea {
            height: 120px;
            padding: 9px 19px;
            margin-top: 17px
        }
        .style-two .single-input-box textarea::placeholder {
            color: #acacac
        }
        .style-two .single-input-box button {
            background: #c29d68;
            font-size: 16px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 500;
            font-family: "Cormorant Garamond";
            width: 100%;
            border: transparent;
            padding: 16px 0;
            margin-top: 13px;
            position: relative;
            z-index: 1;
            transition: .5s
        }
        .blog-details-social ul li a:hover,
        .style-two .single-input-box button:hover {
            color: #c29d68
        }
        .google-map-content iframe {
            width: 100%;
            height: 500px
        }
        .room-details {
            padding: 124px 0 52px
        }
        .room-details-content {
            margin-top: 38px
        }
        .room-details-content h4 {
            font-size: 16px;
            line-height: 14px;
            color: #c29d68;
            font-weight: 600;
            text-transform: uppercase
        }
        p.luxury_room_detail{
                font-size: 16px;
            line-height: 14px;
            color: #c29d68;
            font-weight: 600;
            text-transform: uppercase
        }
        p.contact_main {
            font-size: 16px;
            color: #c19d68;
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 21px;
        }
        .room-details-content h1 {
            font-size: 22px;
            color: #1e1e1e;
            font-weight: 600
        }
        p.room-detils-desc {
            width: 93%;
            margin-top: 15px
        }
        .room-details-check-box {
            display: inline-block;
            margin-right: 145px;
            margin-bottom: 29px
        }
        .room-details-check-content span {
            display: inline-block;
            font-size: 26px;
            line-height: 26px;
            color: #1e1e1e;
            font-weight: 600;
            font-family: "Cormorant Garamond";
            margin: 38px 0 24px
        }
        .booking-list-content h4,
        h1.room-detils-title-2 {
            font-size: 23px;
            color: #1e1e1e
        }
        .room-details-check-content img {
            margin-right: 9px;
            margin-bottom: 5px
        }
        p.check-item {
            margin-bottom: 9px
        }
        .room-amenities-item ul li i,
        .room-detls-list-item ul li i,
        p.check-item i {
            display: inline-block;
            color: #c19d68;
            font-size: 22px;
            position: relative;
            top: 3px;
            margin-right: 10px
        }
        p.room-detils-desc.upper {
            margin-bottom: 49px
        }
        .room-detls-list-item {
            margin-top: 24px
        }
        .room-detls-list-item ul li {
            margin-bottom: 11px
        }
        .booking-list {
            background: #b9ab96;
            padding: 17px;
            border-radius: 5px
        }
        .booking-list-content h4,
        .tab-pane h4 {
            margin-bottom: 17px
        }

        .booking-item ul li,
        .service-time-list-item ul li {
            color: #c19d68;
            background: #fff;
            padding: 13px 26px;
            margin-bottom: 16px
        }
        .booking-item ul li strong,
        .service-time-list-item ul li strong {
            color: #1e1e1e;
            font-weight: 500;
            font-family: Lora;
            font-size: 15px
        }
        .room-details-amenities-content h4 {
            font-size: 23px;
            font-weight: 600;
            padding-bottom: 13px
        }
        .room-amenities-item ul li {
            color: #616161;
            font-size: 12px;
            border-bottom: 1px solid #61616129;
            padding-bottom: 6px;
            padding-top: 6px;
            font-weight: 500;
            display: flex;
        }
        .room-amenities-item ul li:last-child,
        .widget-catefories-list ul li:last-child {
            border: transparent
        }
        .room-amenities-item ul li img {
            margin-right: 14px;
            margin-bottom: 6px
        }
        .inner.two.room-title-area .room-single-box {
            margin: 11px
        }
        .inner.two.room-title-area .owl-dots {
            text-align: center;
            margin-top: 23px
        }
        .inner.two.room-title-area .owl-dot {
            border: 1px solid #c29d68;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            display: inline-block;
            margin-right: 5px
        }
        .inner.two.room-title-area .owl-dot.active {
            background: #c29d68;
            width: 14px;
            height: 14px;
            border-radius: 50%
        }
        .pricing-area {
            padding: 123px 0 100px
        }
        .pircing-text {
            position: absolute;
            bottom: -28px;
            left: 0;
            right: 0;
            width: 80%;
            margin: auto
        }
        .pircing-text h4 {
            color: #fff;
            margin-top: 0;
            padding: 13px 29px;
            font-size: 26px;
            background: #1e1e1e;
            position: relative;
            z-index: 1
        }
        .pircing-text h4:before {
            position: absolute;
            content: "";
            width: 0;
            height: 100%;
            top: 0;
            left: 50%;
            background: #c19d68;
            z-index: -1;
            transition: .5s
        }
        .pricing-content {
            padding: 40px 39px 47px;
            border: 1px solid rgba(30, 30, 30, .1);
            transition: .5s
        }
        .single-pricing-box:hover .pricing-content {
            border: 1px solid #c19d68
        }
        .price {
            border-bottom: 1px solid rgba(30, 30, 30, .1);
            padding-bottom: 21px
        }
        .price h4 {
            font-size: 50px;
            color: #c19d68;
            font-weight: 400;
            display: inline-block;
            font-family: Lora, serif
        }
        .blog-details-tag ul li a,
        .price span {
            display: inline-block;
            font-family: Lora
        }
        .price span {
            font-size: 18px;
            line-height: 26px;
            color: #616161;
            font-weight: 400;
            margin-left: 5px
        }
        .blog-details-tag ul li,
        .blog-details-title a,
        .nav-pills .nav-link,
        .pricing-button a,
        .question {
            font-family: "Cormorant Garamond"
        }
        .pricing-item {
            margin-top: 27px
        }
        .pricing-item ul li {
            font-size: 16px;
            margin-bottom: 10px;
            margin-left: 15px;
            position: relative
        }
        .pricing-item ul li:before {
            position: absolute;
            content: "";
            width: 8px;
            height: 8px;
            left: -17px;
            top: 10px;
            background: #c19d68;
            border-radius: 50%
        }
        .pricing-button {
            position: relative;
            margin-top: 37px
        }
        .pricing-button a {
            display: inline-block;
            border: 1px solid #c19d68;
            padding: 13px 28px;
            font-size: 16px;
            text-transform: uppercase;
            color: #1e1e1e;
            font-weight: 500;
            position: relative;
            z-index: 1;
            transition: .5s
        }
        .faqs-section {
            background-color: #1e1e1e;
            padding: 100px 0
        }
        .faqs {
            margin: 20px 0;
            background-color: rgba(255, 255, 255, .050980392156862744)
        }
        .question {
            font-size: 22px;
            font-weight: 600;
            padding: 20px 80px 20px 20px;
            position: relative;
            display: flex;
            align-items: center;
            cursor: pointer;
            color: #fff;
            transition: .5s
        }
        .question::after {
            content: "\002B";
            font-size: 2.2rem;
            position: absolute;
            right: 20px;
            transition: .2s
        }
        .question.active::after {
            transform: rotate(45deg)
        }
        .answer {
            max-height: 0;
            overflow: hidden;
            transition: .3s
        }
        .answer p {
            padding: 25px 20px 0;
            line-height: 26px;
            color: #acacac;
            font-size: 16px
        }
        .service-details {
            padding: 124px 0 74px
        }
        .service-details-content {
            margin-top: 40px
        }
        .service-time-list {
            background: #f8f6f3;
            padding: 31px 39px 116px
        }
        .service-time-list-content h4 {
            color: #1e1e1e;
            font-size: 30px;
            margin-bottom: 31px
        }
        .services-details-title-box h4 {
            color: #c19d68;
            text-transform: uppercase;
            font-size: 16px
        }
        .services-details-title-box h1 {
            font-size: 40px;
            color: #1e1e1e
        }
        .services-details-title-box h2 {
            font-size: 32px
        }
        .services-details-title-box p {
            width: 96%;
            margin: 16px 0 0
        }
        .service-details-item {
            margin-top: 18px
        }
        .service-details-item ul li {
            margin-bottom: 10px
        }
        .service-details-item ul li i {
            display: inline-block;
            color: #c19d68;
            font-size: 22px;
            position: relative;
            top: 3px;
            margin-right: 6px
        }
        .food-menu-area {
            background-color: #f8f6f3;
            padding: 122px 0 102px
        }
        .food-tab-menu {
            text-align: center;
            padding: 0 0 33px
        }
        .nav {
            display: inherit
        }
        .nav-pills .nav-link {
            background: #101260;
            border: transparent;
            border-radius: 0;
            margin-right: 13px;
            text-transform: uppercase;
            color: #1e1e1e;
            font-weight: 600;
            font-size: 15px;
            padding: 9px 25px
        }
        .prgoress_indicator::after,
        .prgoress_indicator::before {
            content: "\f106";
            font-family: "Font Awesome 5 Free";
            line-height: 46px;
            font-weight: 900;
            top: 0;
            height: 46px;
            width: 46px;
            transition: .2s linear !important;
            cursor: pointer
        }
        .nav-pills .nav-link.active,
        .nav-pills .show>.nav-link {
            color: #fff;
            background-color: #c19d68
        }
        .single-food-item-box {
            display: flex;
            align-items: center;
            background: #ffff;
            gap: 27px;
            padding: 20px 22px;
            margin-bottom: 24px
        }
        .blog-related-box,
        .change-style.style-two .contact-icon i,
        .widget_search {
            background: #f8f6f3
        }
        .food-item-content h4 {
            font-size: 26px;
            color: #1e1e1e;
            font-weight: 500;
            display: inline-block
        }
        .food-item-content span {
            color: #c19d68;
            font-size: 20px;
            float: right;
            position: relative;
            top: 15px;
            left: 0
        }
        .food-item-content p {
            border-top: 1px dashed #2222223d;
            padding-top: 12px;
            margin-top: 12px;
            margin-bottom: 0;
            font-size: 15px
        }
        .blog-details-content {
            padding-top: 27px
        }
        .blog-details-area .meta-blog ul li {
            display: inline-block;
            color: #616161;
            font-weight: 400;
            text-transform: uppercase;
            font-size: 16px;
            margin-right: 4px
        }
        .blog-details-title a {
            display: inline-block;
            font-size: 32px;
            color: #1e1e1e;
            font-weight: 700;
            padding-top: 20px
        }
        .blog-details-desc p {
            width: 97%;
            margin: 20px 0 27px
        }
        .blog-details-title h4 {
            font-size: 28px;
            margin-bottom: 14px;
            margin-top: 48px
        }
        .blog-details-rules-item {
            margin-top: 34px
        }
        .blog-details-rules-item ul li {
            color: #1e1e1e;
            font-size: 16px;
            margin-bottom: 14px
        }
        .blog-details-social ul li,
        .blog-details-tag ul li {
            color: #101010;
            font-size: 20px;
            font-weight: 600
        }
        .blog-details-rules-item ul li i {
            color: #c29d68;
            font-size: 16px;
            margin-right: 9px
        }
        .blog-details-thumb-2 img {
            width: 100%;
            margin-top: 39px;
            margin-bottom: 8px
        }
        .row.akta-boder-add-korlam {
            border-top: 1px solid #22222214;
            padding-top: 26px;
            border-bottom: 1px solid #22222214;
            padding-bottom: 26px;
            margin-bottom: 66px
        }
        .blog-details-tag ul li {
            display: inline-block;
            margin-right: 13px
        }
        .blog-details-tag ul li a {
            color: #616161;
            font-size: 15px;
            border: 2px solid #f8f6f3;
            padding: 2px 20px;
            transition: .5s
        }
        .blog-details-social ul li,
        .blog-details-social ul li a,
        .blog-related-content a {
            font-family: "Cormorant Garamond";
            display: inline-block
        }
        .blog-details-tag ul li a:hover {
            background: #c29d68;
            color: #fff
        }
        .blog-details-social ul li a {
            color: #1e1e1e;
            font-weight: 400;
            text-transform: uppercase;
            font-size: 16px;
            margin-left: 14px;
            transition: .5s;
            position: relative
        }
        .blog-details-social ul li a:before {
            position: absolute;
            content: "";
            width: 0;
            height: 2px;
            left: 0;
            bottom: 2px;
            background: #c29d68;
            transition: .5s
        }
        .blog-related-box {
            display: flex;
            align-items: center;
            padding: 30px 21px 31px 70px;
            gap: 19px
        }
        .blog-related-box.style-two {
            text-align: right;
            padding: 30px 63px 31px 21px
        }
        .blog-related-content a {
            font-size: 19px;
            line-height: 24px;
            color: #1e1e1e;
            font-weight: 600
        }
        .blog-related-content p,
        .recent-widget-content p {
            font-size: 14px;
            margin: 0
        }
        .blog-details-comment-title h4 {
            font-size: 32px;
            margin: 83px 0 28px
        }
        .blog-details-comment {
            margin-bottom: 19px;
            position: relative;
            border: 1px solid #22222214;
            padding: 29px 29px 25px
        }
        .blog-details-comment.style-two {
            margin-left: 105px
        }
        .blog-details-comment-thumb {
            float: left;
            margin-right: 30px
        }
        .blog-details-comment-content h2 {
            font-size: 20px;
            margin-top: 0;
            display: inline-block;
            font-weight: 700;
            margin-right: 30px
        }
        .blog-details-comment-content p {
            font-size: 15px;
            margin: 13px 0 0
        }
        .blog-details-comment-reply {
            position: absolute;
            right: 22px;
            top: 21px
        }
        .blog-details-comment-reply a {
            background: #c29d68;
            padding: 3px 20px;
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            border-radius: 2px;
            display: inline-block
        }
        .blog-details-comment.reply {
            margin-left: 70px;
            padding-top: 35px;
            border-top: 2px solid rgba(255, 255, 255, .2)
        }
        .blog-details-contact-title h4 {
            font-size: 32px;
            font-weight: 600;
            padding-bottom: 22px
        }
        .blog-details-area .contact-input-box input {
            background: #f8f8f8;
            border: transparent;
            width: 100%;
            height: 60px;
            padding: 22px;
            outline: 0;
            margin-bottom: 11px
        }
        .blog-details-area .contact-input-box textarea {
            background: #f8f8f8;
            border: transparent;
            width: 100%;
            height: 170px;
            padding: 12px 22px 0;
            outline: 0;
            margin-top: 11px;
            margin-bottom: 20px
        }
        .input-check-box span {
            font-size: 15px;
            margin-left: 7px
        }
        .blog-details-submi-button button {
            background: #c29d68;
            color: #fff;
            text-transform: uppercase;
            border: 1px solid #c19d68;
            padding: 12px 26px;
            font-size: 15px;
            margin-top: 34px;
            position: relative;
            z-index: 1;
            transition: .5s
        }
        .blog-details-submi-button button:before {
            position: absolute;
            content: "";
            width: 0;
            height: 100%;
            left: 50%;
            top: 0;
            background: #fff;
            transition: .5s;
            z-index: -1
        }
        .widget_search {
            padding: 13px 40px 37px;
            border-radius: 4px;
            margin-bottom: 30px
        }
        .widget_search form {
            position: relative;
        margin-top: 25px
        }
        .widget_search input {
            border-radius: 4px;
            padding-left: 20px !important;
            height: 60px;
            width: 100% !important;
            position: relative;
            color: #012549;
            outline: 0 !important;
            border: transparent !important
        }
        button.icons {
            border: 0;
            font-size: 16px;
            position: absolute;
            right: 14px;
            top: 20px;
            color: #1e1e1e;
            background: 0 0;
            opacity: .7
        }
        .widget-categories-box {
            background: #f8f6f3;
            padding: 21px 37px 15px;
            margin-bottom: 32px
        }
        .categories_title h4 {
            font-size: 24px;
            color: #1e1e1e;
            font-weight: 600;
            margin-bottom: 42px;
            position: relative
        }
        .categories_title h4:before {
            position: absolute;
            content: "";
            width: 55px;
            height: 1px;
            left: 0;
            bottom: -6px;
            background: #1e1e1e
        }
        .sidber-widget-recent-post {
            margin-bottom: 27px;
            display: flex;
            align-items: center;
            gap: 22px
        }
        .recent-widget-content a {
            transition: .5s;
            color: #101010 !important;
            font-weight: 400;
            font-size: 16px;
            line-height: 26px
        }
        .widget-catefories-list ul li a,
        .widget-catefories-tags a {
            font-weight: 700;
            font-family: "Cormorant Garamond";
            display: inline-block
        }
        .sidber-widget-recent-post:hover .recent-widget-content a {
            color: #c19d68 !important
        }
        .widget-catefories-list ul li {
            border-bottom: 1px solid rgba(16, 16, 16, .1);
            margin-bottom: 11px;
            padding-bottom: 14px
        }
        .widget-catefories-list ul li a {
            color: #1e1e1e;
            font-size: 18px;
            transition: .5s
        }
        .widget-catefories-list ul li i {
            display: inline-block;
            font-size: 14px;
            margin-right: 9px;
            transition: .5s
        }
        .widget-catefories-tags a {
            color: #101010;
            background: #fff;
            padding: 6px 19px;
            margin: 6px 3px;
            position: relative;
            z-index: 1
        }
        .widget-catefories-tags a:before {
            position: absolute;
            content: "";
            width: 0;
            height: 100%;
            left: 50%;
            top: 0;
            background: #c19d68;
            transition: .5s;
            z-index: -1
        }
        .pagination-box {
            padding-top: 57px
        }
        .pagination-box ul li {
            display: inline-block;
            list-style: none
        }
        .pagination-box ul li a {
            font-size: 18px;
            margin-left: 5px
        }
        .pagination-box ul .active a,
        .pagination-box ul li a:hover {
            background: #c19d68;
            color: #fff;
            border: 1px solid #c19d68
        }
        .pagination-box ul li i {
            display: inline-block;
            color: #c19d68;
            font-size: 18px;
            transition: .5s
        }
        .change-style.style-two .row.add-backgroun {
            border: 2px solid #f8f6f3;
            background-color: transparent;
            padding: 98px 67px 101px;
            margin-top: 0
        }
        .prgoress_indicator {
            position: fixed;
            right: 26px;
            bottom: 35px;
            height: 46px;
            width: 46px;
            cursor: pointer;
            display: block;
            border-radius: 50px;
            box-shadow: inset 0 0 0 2px rgba(22, 93, 245, .2);
            z-index: 9999999999;
            opacity: 0;
            visibility: hidden;
            transform: translateY(15px) !important;
            transition: .2s linear !important
        }
        .prgoress_indicator.active-progress {
            opacity: 1;
            visibility: visible;
            transform: translateY(0) !important
        }
        .loaded .loader-wrapper,
        .sidebar-widget-container,
        .submenu,
        .xs-sidebar-widget {
            visibility: hidden
        }
        .prgoress_indicator::after {
            position: absolute;
            text-align: center;
            font-size: 18px;
            color: #c19d68;
            left: 0;
            display: block;
            z-index: 1
        }
        .prgoress_indicator::before {
            position: absolute;
            text-align: center;
            font-size: 18px;
            opacity: 0;
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            left: 0;
            display: block;
            z-index: 2
        }
        .prgoress_indicator svg path {
            fill: none
        }
        .prgoress_indicator svg.progress-circle path {
            stroke: #c19d68;
            stroke-width: 4;
            box-sizing: border-box;
            transition: .2s linear !important
        }
        .dark-button {
            position: fixed;
            right: 18px;
            top: 47%;
            z-index: 999
        }
        input[type=checkbox].toggle-switch {
            transform: rotate(90deg);
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            outline: 0;
            cursor: pointer;
            width: 4em;
            height: 1.5em;
            border-radius: 3em;
            background-color: #ebebeb;
            transition: background-color 90ms ease-in-out;
            position: relative;
            border: transparent
        }
        input[type=checkbox].toggle-switch:active::after {
            background-color: #f2f2f2;
            padding-right: .8em
        }
        input[type=checkbox].toggle-switch::after {
            content: '';
            width: 2em;
            height: 2em;
            background-color: #fff;
            border-radius: 3em;
            position: absolute;
            left: -5px;
            top: 50%;
            transform: translateY(-50%);
            transition: left .3s cubic-bezier(.175, .885, .32, 1.275), padding .3s, margin .3s;
            box-shadow: 2px 0 5px 0 rgba(0, 0, 0, .15)
        }
        input[type=checkbox].toggle-switch:checked {
            background-color: #fff
        }
        input[type=checkbox].toggle-switch:checked:active::after {
            margin-left: -.8em
        }
        input[type=checkbox].toggle-switch:checked::after {
            left: 2em;
            background-color: #c19e66
        }
        .loader-wrapper {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            transition: .5s;
            z-index: 9999
        }
        .loader,
        .loader:before {
            position: absolute;
            z-index: 9999;
            border-radius: 50%
        }
        .loader {
            width: 120px;
            height: 120px;
            box-shadow: inset 0 0 20px -5px rgba(193, 157, 104, .5), inset 0 -40px 40px -20px rgba(193, 157, 104, .5);
            background: linear-gradient(#c19d68 120px, transparent 0) no-repeat;
            background-position: 0 120px;
            animation: 4s linear infinite alternate fillLq;
            left: 47%;
            top: 45%;
            transition: 1s 3.1s
        }
        .loader:before {
            content: '';
            width: 40%;
            height: 25%;
            top: 20px;
            left: 10px;
            background: rgba(255, 255, 255, .1);
            transform: rotate(-45deg)
        }
        @keyframes fillLq {
            0%,
            10% {
                background-position: 0 120px
            }
            100%,
            90% {
                background-position: 0 0
            }
        }
        .loader-wrapper .loder-section {
            position: fixed;
            top: 0;
            width: 50%;
            height: 100%;
            background: #111;
            z-index: 1
        }
        .loader-wrapper .loder-section.left-section {
            left: 0;
            transition: 1s 3.1s
        }
        .loader-wrapper .loder-section.right-section {
            right: 0;
            transition: 1s 3.1s
        }
        .loaded .loder-section.left-section {
            left: 0;
            opacity: 0
        }
        .loaded .loder-section.right-section {
            right: 0;
            opacity: 0
        }
        .nav-btn.navSidebar-button a i {
            font-size: 24px;
            display: inline-block;
            color: #c19d68;
            transition: .5s
        }
        .xs-sidebar-group .xs-overlay {
            left: 100%;
            top: 0;
            position: fixed;
            z-index: 101;
            height: 100%;
            opacity: 0;
            width: 100%;
            visibility: hidden;
            -webkit-transition: .4s ease-in .8s;
            -o-transition: .4s ease-in .8s;
            transition: .4s ease-in .8s
        }
        .xs-sidebar-group .widget-heading {
            position: absolute;
            top: 23px;
            right: 0;
            padding: 25px
        }
        .xs-sidebar-widget {
            position: fixed;
            right: -100%;
            top: 0;
            bottom: 0;
            width: 100%;
            max-width: 360px;
            z-index: 999999;
            overflow: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            background-color: #272727;
            -webkit-transition: .5s cubic-bezier(.9, .03, 0, .96) .6s;
            -o-transition: .5s cubic-bezier(.9, .03, 0, .96) .6s;
            transition: .5s cubic-bezier(.9, .03, 0, .96) .6s;
            opacity: 0
        }
        .xs-sidebar-group.isActive .xs-overlay {
            opacity: .7;
            visibility: visible;
            -webkit-transition: .8s ease-out;
            -o-transition: .8s ease-out;
            transition: .8s ease-out;
            left: 0
        }
        .xs-sidebar-group.isActive .xs-sidebar-widget {
            opacity: 1;
            visibility: visible;
            right: 0;
            -webkit-transition: .7s cubic-bezier(.9, .03, 0, .96) .4s;
            -o-transition: .7s cubic-bezier(.9, .03, 0, .96) .4s;
            transition: .7s cubic-bezier(.9, .03, 0, .96) .4s
        }
        .sidebar-textwidget {
            padding: 40px 32px
        }
        .close-side-widget i {
            color: #c19d68;
            font-size: 28px;
            display: block
        }
        .contact-info h2,
        .content-box h2 {
            font-size: 26px;
            font-weight: 600;
            color: #fff
        }
        .sidebar-widget-container {
            position: relative;
            top: 150px;
            opacity: 0;
            -webkit-transition: .3s ease-in .3s;
            -o-transition: .3s ease-in .3s;
            transition: .3s ease-in .3s;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }
        .xs-sidebar-group.isActive .sidebar-widget-container {
            top: 0;
            opacity: 1;
            visibility: visible;
            -webkit-transition: 1s ease-out 1.2s;
            -o-transition: 1s ease-out 1.2s;
            transition: 1s ease-out 1.2s;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }
        .xs-overlay {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            opacity: .5;
            z-index: 0
        }
        .xs-bg-black {
            background-color: #c19d68
        }
        .nav-logo {
            margin: 0 0 50px
        }
        .content-box p {
            display: inline-block;
            color: #fff;
            padding: 15px 0 0
        }
        a.theme-btn.btn-style-two span {
            color: #fff;
            font-size: 20px
        }
        .contact-info h2,
        section.account_sec .form-control,
        section.account_sec .form-select,
        textarea {
            margin-bottom: 15px
        }
        ul.list-style-one li {
            display: block;
            list-style: none;
            color: #fff;
            padding: 16px 0 0;
            overflow: hidden;
            font-family: 'Fira Sans'
        }
        ul.list-style-one li span {
            font-size: 20px;
            font-weight: 600;
            color: #c19d68;
            margin: 0 10px 0 0
        }
        ul.social-box {
            margin: 30px 0 0
        }
        ul.social-box li {
            display: inline-block;
            list-style: none;
            margin: 0 6px 0 0
        }
        ul.social-box li a {
            display: inline-block;
            width: 35px;
            height: 35px;
            line-height: 36px;
            text-align: center;
            background: #fff;
            color: #c19d68;
            transition: .5s;
            font-size: 18px;
            border-radius: 3px
        }
        input[type=password],
        input[type=text] {
            width: 100%;
            padding: 10px 20px;
            margin: 1px 0 5px;
            display: inline-block;
            box-sizing: border-box;
            outline: 0
        }
        .cancelbtn {
            width: auto;
            padding: 10px 18px;
            background-color: #f44336
        }
        .imgcontainer {
            text-align: center;
            margin: 24px 0 12px;
            position: relative
        }
        .modal,
        .search-popup {
            position: fixed;
            left: 0;
            top: 0
        }
        img.avatar {
            width: 40%;
            border-radius: 50%
        }
        .container_form {
            padding: 16px
        }
        .container_form button {
            background: #c19e68;
            color: #fff;
            border: transparent;
            padding: 12px 32px;
            width: 100%;
            margin-top: 26px
        }
        .container_form label {
            font-size: 14px;
            color: #616161;
            font-weight: 400;
            font-family: Lora
        }
        .container_bottom {
            background: #fff;
            padding: 12px 18px;
            border-top: 1px solid #616161
        }
        .container_bottom button {
            background: #c19e68;
            color: #fff;
            border: transparent;
            padding: 10px 25px
        }
        span.psw {
            float: right;
            padding-top: 16px
        }
        .modal {
            display: none;
            z-index: 999;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, .4);
            padding-top: 60px
        }
        .close {
            position: absolute;
            right: 25px;
            top: 0;
            color: #000;
            font-size: 35px;
            font-weight: 700
        }
        .close:focus,
        .close:hover {
            color: red;
            cursor: pointer
        }
        .animate {
            -webkit-animation: .6s animatezoom;
            animation: .6s animatezoom
        }
        @-webkit-keyframes animatezoom {
            from {
                -webkit-transform: scale(0)
            }
            to {
                -webkit-transform: scale(1)
            }
        }
        @keyframes animatezoom {
            from {
                transform: scale(0)
            }
            to {
                transform: scale(1)
            }
        }
        .search-popup {
            height: 100vh;
            z-index: 99999;
            margin-top: -540px;
            transform: translateY(-100%);
            background-color: rgba(0, 0, 0, .9);
            -webkit-transition: .5s cubic-bezier(.86, 0, .070, 1);
            -moz-transition: .5s cubic-bezier(.86, 0, .070, 1);
            -o-transition: .5s cubic-bezier(.86, 0, .070, 1);
            transition: 1.5s cubic-bezier(.86, 0, .070, 1);
            -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
            -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
            -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
            transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
            width: 100%
        }
        .curser,
        .curser2 {
            top: 0;
            transform: translate(-50%, -50%);
            z-index: 9999;
            left: 0;
            position: fixed
        }
        .search-active .search-popup {
            transform: translateY(0);
            margin-top: 0
        }
        .search-popup .close-search {
            position: absolute;
            left: 0;
            right: 0;
            margin: -200px auto 0;
            border-radius: 50%;
            background-color: #c19d68;
            width: 70px;
            cursor: pointer;
            box-shadow: 0 0 10px rgba(0, 0, 0, .05);
            border-bottom: 3px solid #fff;
            border-top: 3px solid #fff;
            border-right: 3px solid #062462;
            border-left: 3px solid #062462;
            -webkit-transition: .5s;
            height: 70px;
            line-height: 70px;
            text-align: center
        }
        .search-active .search-popup .close-search {
            visibility: visible;
            opacity: 1;
            top: 50%;
            -webkit-transition-delay: 1.5s;
            -moz-transition-delay: 1.5s;
            -ms-transition-delay: 1.5s;
            -o-transition-delay: 1.5s;
            transition-delay: 1.5s
        }
        .search-popup form {
            position: absolute;
            max-width: 700px;
            top: 50%;
            left: 15px;
            right: 15px;
            margin: -35px auto 0;
            transform: scaleX(0);
            transform-origin: center;
            background-color: #111;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -ms-transition: .3s;
            -o-transition: .3s;
            transition: .3s
        }
        .search-active .search-popup form {
            transform: scaleX(1);
            -webkit-transition-delay: 1.2s;
            -moz-transition-delay: 1.2s;
            -ms-transition-delay: 1.2s;
            -o-transition-delay: 1.2s;
            transition-delay: 1.2s
        }
        .search-popup .form-group {
            position: relative;
            margin: 0;
            overflow: hidden
        }
        .search-popup .form-group input[type=search],
        .search-popup .form-group input[type=text] {
            position: relative;
            display: block;
            font-size: 18px;
            line-height: 50px;
            color: #000;
            height: 70px;
            width: 100%;
            padding: 10px 30px;
            background-color: #fff;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -ms-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            font-weight: 500;
            text-transform: capitalize
        }
        .search-popup .form-group button,
        .search-popup .form-group input[type=submit] {
            position: absolute;
            right: 30px;
            top: 0;
            height: 70px;
            line-height: 70px;
            background: 0 0;
            text-align: center;
            font-size: 24px;
            color: #c19d68;
            padding: 0;
            cursor: pointer;
            -webkit-transition: .5s;
            border: none
        }
        button.btn.btn-primary,
        section.registration_section .card-header,
        section.user_login_main .card-header {
            background: #1d217b !important
        }
        .search-popup input::placeholder,
        .search-popup textarea::placeholder {
            color: #000
        }
        .search-popup .close-search.style-two {
            position: absolute;
            right: 25px;
            left: auto;
            color: #fff;
            width: auto;
            height: auto;
            top: 25px;
            margin: 0;
            border: none;
            background: 0 0 !important;
            box-shadow: none !important;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -ms-transition: .5s;
            -o-transition: .5s;
            transition: .5s
        }
        .search-box-btn {
            display: inline-block;
            padding-left: 22px
        }
        .search-box-btn i {
            display: inline-block;
            color: #fff;
            line-height: 30px;
            text-align: center;
            font-size: 18px;
            cursor: pointer;
            transition: .5s
        }
        .upp.search-box-btn i,
        .upp.search-box-btn.search-box-outer span i {
            color: #9e9fa1
        }
        .search-box-btn.search-box-outer span i {
            font-size: 20px;
            display: inline-block;
            color: #fff;
            padding-left: 17px;
            position: relative;
            z-index: 1
        }
        .search-box-btn.search-box-outer span i:after {
            position: absolute;
            content: "0";
            right: -10px;
            top: -4px;
            width: 16px;
            height: 16px;
            line-height: 16px;
            text-align: center;
            background: #c19d68;
            color: #fff;
            border-radius: 50%;
            display: inline-block;
            font-size: 12px
        }
        .flaticon-multiply:before {
            content: inherit
        }
        button.close-search i {
            font-size: 25px;
            color: #fff;
            display: inline-block
        }
        .header-search-button.search-box-outer {
            padding: 0 8px 0 0;
            display: inline-block
        }
        .header-search-button.search-box-outer a {
            color: #062462;
            display: inline-block;
            position: relative;
            left: 16px
        }
        .curser {
            width: 50px;
            height: 50px;
            border: 1px solid #c19d68;
            border-radius: 50%;
            transition: .1s
        }
        .curser2 {
            width: 8px;
            height: 8px;
            background: #c19d68;
            border-radius: 50%;
            transition: .15s;
            animation: 1.6s ease-in-out infinite Ripple;
            -webkit-animation: 1.6s ease-in-out infinite Ripple;
            -moz-animation: 1.6s ease-in-out infinite Ripple
        }
        .dropdown-item,
        ul.dropdown-menu {
            background-color: #333 !important
        }
        .main_fff {
            display: flex;
            gap: 28px
        }
        .footer-widget-logo img {
            width: 110px
        }
        section.privacy-policy {
            padding: 90px 0
        }
        .text-box h2 {
            font-size: 30px
        }
        nav.navbar.navbar-expand-lg.navbar-light {
            background: #fff;
        }
        .header-logo img {
            width: 93px
        }
        nav.navbar .nav-link {
            color: #000 !important;
        }
        li.nav-item a {
            color: #fff;
            padding-right: 41px !important;
            font-size: 20px;
            font-weight: 500
        }
        a.dropdown-item.dropdown-toggle:hover,
        a.dropdown-item:hover {
            background-color: #000 !important
        }
        ul.dropdown-menu {
            border-radius: 10px
        }
        button.navbar-toggler {
            background: wheat !important
        }
        div#userDropdownMenu {
            text-align: left !important;
            margin-top: 35px;
            background: #000 !important;
            color: #fff !important;
            border: none !important
        }
        .nav-link.active {
            color: #a0845b !important
        }
        .new-f h4 {
            font-size: 19px !important
        }
        .footer-widget-contact-info ul li a {
            color: #000;
        }
        .feature-content.new-f h4 {
            font-size: 16px !important
        }
        section.account_sec .sidebar .nav-link {
            color: #000;
            padding: 15px 20px;
            font-weight: 500
        }
        section.account_sec .sidebar .nav-link.active {
            background-color: #f5a100;
            color: #fff !important
        }
        section.account_sec,
        section.registration_section,
        section.user_login_main {
            padding: 80px 0 120px
        }
        .about-video video {
            width: 100%;
            height: 100%
        }
        .bi-chevron-left::before {
            content: "\f284";
            top: 15px;
            position: absolute !important;
            left: 0;
            right: 0
        }
        .bi-chevron-right::before {
            content: "\f285";
            position: absolute;
            left: 0;
            right: 0;
            top: 15px
        }
        .guest-select {
            position: relative;
            border: 1px solid #aaa;
            padding: 8px 12px;
            cursor: pointer;
            outline: 0;
            background: 0 0;
            border: transparent;
            color: #fff
        }
        .guest-select::after {
            content: "â–¾";
            position: absolute;
            right: 12px;
            top: 50%;
            transform: translateY(-50%);
            color: #c9a36e
        }
        .guest-dropdown {
            box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
            padding: 10px
        }
        .guest-row {
            display: flex;
            align-items: center;
            margin-bottom: 8px
        }
        .guest-controls {
            display: flex;
            align-items: center;
            gap: 5px
        }
        .guest-controls button {
            color: #000
        }
        .booking-button button {
            background-color: #c9a36e;
            color: #fff;
            padding: 8px 20px;
            border: none;
            font-weight: 700
        }
        .last_booking::before {
            position: absolute;
            content: "";
            width: 1px;
            height: 90%;
            right: 6px;
            top: -2px;
            background: #66666673
        }
        .modal-backdrop.fade.show {
            z-index: unset !important;
            width: 100%
        }
        .modal-content {
            background-color: #fefefe;
            margin: 5% auto 15%;
            border: 1px solid #888
        }
        .btn_form_boottom button,
        .modal-header {
            background: #c19d68 !important
        }
        .modal-footer a.btn.btn-primary {
            background-color: #c19d68;
            color: #fff;
            border: none
        }
        .containing_modal .video-thumbnail {
            position: relative;
            cursor: pointer;
            display: inline-block;
            max-width: 100%
        }
        .containing_modal .video-thumbnail img {
            width: 100%;
            height: auto;
            display: block
        }
        .containing_modal .play-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 23px;
            color: #fff;
            opacity: .9;
            background: #c19d68;
            padding: 20px;
            border-radius: 50px
        }
        #loader,
        .open>.submenu {
            opacity: 1;
            visibility: visible
        }
        .containing_modal .modal-body {
            padding: 0
        }
        .containing_modal .modal-body iframe {
            width: 100%;
            height: 450px
        }
        .btn-close {
            position: absolute;
            top: 8px !important;
            right: 14px !important;
            z-index: 1051;
            background: #fff;
            border-radius: 50%;
            padding: 4px;
        }
        section.account_sec ul.nav {
            padding: 22px;
            border: 1px solid #0000000d;
            box-shadow: 0 0 13px #0000001a;
            border-radius: 8px
        }
        .form-wrapper {
            background: linear-gradient(135deg, #0B0B4F, #1E2A8A, #1A0F5E);
            color: #fff;
            padding: 30px 45px;
            border-top: 2px solid #c9a766;
            position: relative;
            margin-top: -101px;
            border-radius: 20px
        }
        .guest-dropdown,
        .guest-toggle {
            background: #fff;
            color: #000;
            border: 1px solid #ccc
        }
        .form-wrapper label {
            font-size: 14px;
            font-weight: 500
        }
        .btn_form_boottom button {
            color: #fff !important;
            border: none !important;
            padding: 9px 0
        }
        .guest-toggle {
            padding: 8px 12px;
            border-radius: 4px;
            cursor: pointer;
            display: flex;
            align-items: center
        }
        .guest-dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            display: none;
            border-radius: 4px;
            z-index: 999;
            box-shadow: 0 4px 8px rgba(0, 0, 0, .1)
        }
        .guest-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 15px;
            border-bottom: 1px solid #eee
        }
        .guest-row:last-child,
        .submenu li:last-child {
            border-bottom: none
        }
        .guest-controls button {
            width: 32px;
            height: 32px;
            background: #f8f8f8;
            border: 1px solid #ccc;
            font-size: 18px;
            line-height: 1;
            padding: 0;
            cursor: pointer
        }
        .dropdown-item,
        .room-content ul li i,
        .submenu a {
            font-size: 14px
        }
        .guest-controls span {
            min-width: 25px;
            display: inline-block;
            width: 24px;
            text-align: center
        }
        .form_bottom_home .input-icon {
            position: absolute;
            right: 15px;
            bottom: 12px;
            color: #686868;
            pointer-events: none
        }
        .form_bottom_home .date-input {
            padding-right: 30px !important
        }
        .form-select.form-s {
            line-height: 2
        }
        .section-thumb img {
            width: 95px;
            /* background: #000; */
            border-radius: 48px;
            margin: auto;
        }
        .brand-thumb img,
        marquee.marq img {
            background: #fff;
            height: 60px;
            padding: 5px;
            width: 150px;
            object-fit: contain
        }
        .brand-thumb img {
            border: 1px solid #063c7c;
            border-radius: 6px
        }
        .submenu {
            position: absolute;
            top: calc(100% + 5px);
            left: 0;
            background: #192987;
            min-width: 265px;
            border-radius: 6px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
            overflow: hidden;
            opacity: 0;
            transform: translateY(10px);
            transition: opacity .25s, transform .25s, visibility .25s;
            z-index: 100
        }
        .submenu li.has-sub a{
            color: #fff !important;
        }
        .open>.submenu {
            transform: translateY(0)
        }
        .submenu li {
            border-bottom: 1px solid rgba(255, 255, 255, .1)
        }
        .submenu a {
            display: block;
            padding: 10px 15px;
            color: #ddd;
            transition: background .2s
        }
        .submenu a:hover {
            background: #060606;
            color: #1f1f1f
        }
        a.nav-link.drop-s {
            font-size: 13px
        }
        .about_list.owl-carousel.sa.owl-loaded.owl-drag {
            padding: 0;
            margin: 0;
            height: 279px !important
        }
        .room-content ul li {
            font-size: 12px;
            display: inline-block;
            padding: 5px
        }
        .coustomar-rating p {
            text-align: end;
            font-size: 14px
        }
        .about_list.owl-carousel.card-c.owl-loaded.owl-drag {
            height: unset
        }
        section.seasonal {
            padding-bottom: 70px;
            text-align: center
        }
        .img-card {
            text-align: center;
            padding: 20px 0;
            box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0
        }
        .luxury-button.card-d a {
            padding: 6px 25px 7px
        }
        .discount-badge {
            position: absolute;
            top: .5rem;
            right: .5rem;
            background: #dc3545;
            color: #fff;
            padding: .25rem .5rem;
            z-index: 1;
            font-weight: 700;
            border-radius: .25rem
        }
        #loader,
        .lightbox-modal {
            z-index: 9999;
            left: 0;
            top: 0
        }
        .gallery-item {
            position: relative;
            overflow: hidden;
            border-radius: .5rem;
            box-shadow: 0 6px 18px rgba(0, 0, 0, .1);
            transition: transform .3s, box-shadow .3s;
            cursor: pointer
        }
        .gallery-item img {
            transition: transform .5s;
            width: 100%
        }
        .gallery-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 24px rgba(0, 0, 0, .2)
        }
        .overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, .4);
            opacity: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: opacity .3s
        }
        .overlay i {
            font-size: 2rem;
            color: #fff
        }
        .caption {
            text-align: center;
            margin-top: .5rem;
            font-weight: 500
        }
        .text.pt-5.room-area {
            z-index: 0
        }
        marquee.marq img {
            border: 1px solid #dfdfdf;
            border-radius: 6px
        }
        .testimonial-content p {
            font-size: 13px;
            line-height: 1.5;
            font-style: italic
        }
        .testi-title {
            margin-left: 15px
        }
        .gallery-top {
            width: 100%;
            height: 370px;
            margin-bottom: 10px
        }
        .gallery-thumbs .swiper-slide img,
        .gallery-top .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }
        .gallery-thumbs {
            height: 100px;
            box-sizing: border-box
        }
        .gallery-thumbs .swiper-slide {
            width: 25%;
            height: 100%;
            opacity: .4;
            cursor: pointer
        }
        button.pay {
            padding: 8px;
            width: 100%;
            background: #1e1e1e;
            border: #ffdead;
            color: #fff
        }
        .room-area.room-d {
            padding: 80px 0;
            z-index: 0;
            margin-bottom: 55px
        }
        section.seasonal.f-days {
            background: #ededed;
            padding-top: 49px
        }
        section.seasonal.t-day {
            padding-bottom: 0;
            /* padding-top: 70px; */
            text-align: center
        }
        #loader {
            position: fixed;
            width: 100vw;
            height: 100vh;
            background: #fff;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            transition: opacity .5s, visibility .5s
        }
        .spinner {
            width: 60px;
            height: 60px;
            border: 6px solid #e0e0e0;
            border-top-color: #c19d68;
            border-radius: 50%;
            animation: 1s linear infinite spin;
            margin-bottom: 20px
        }
        #loader h1 {
            font-family: sans-serif;
            font-size: 1.5rem;
            color: #c19d68;
            letter-spacing: 2px
        }
        #loader.hidden {
            opacity: 0;
            visibility: hidden
        }
        @keyframes spin {
            to {
                transform: rotate(360deg)
            }
        }
        .client-logo-section {
            padding: 40px 0;
            background-color: #f9f9f9
        }
        .client-logo {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 15px
        }
        .client-logo img {
            max-width: 150px;
            background: #fff;
            height: 60px;
            object-fit: contain;
            border: 1px solid #dfdfdf;
            border-radius: 6px;
            padding: 5px;
            width: 150px
        }
        .client-logo img:hover {
            filter: grayscale(0%)
        }
        .room-bottom-icon ul {
            display: flex;
            gap: 20px
        }
        .tooltip {
            position: relative;
            display: contents !important;
            border-bottom: 1px dotted #000
        }
        .tooltip li img {
            width: 18px
        }
        .room-bottom-icon {
            display: flex;
            gap: 10px;
            justify-content: space-between;
        }
        .tooltip .tooltiptext {
            visibility: hidden;
            width: 120px;
            background-color: #000;
            color: #fff;
            text-align: center;
            padding: 5px 0;
            border-radius: 6px;
            position: absolute;
            z-index: 1
        }
        .tooltip li i {
            font-size: 16px
        }
        .tooltip:hover .tooltiptext {
            visibility: visible
        }
        .footer-gallery {
            background-color: #222;
            padding: 40px 0;
            color: #fff
        }
        .gallery-img {
            width: 100%;
            max-width: 200px;
            border-radius: 8px;
            cursor: pointer;
            transition: transform .3s
        }
        .gallery-img:hover {
            transform: scale(1.05)
        }
        .lightbox-modal {
            display: none;
            position: fixed;
            width: 100vw;
            height: 100vh;
            background: rgba(0, 0, 0, .9);
            justify-content: center;
            align-items: center
        }
        .lightbox-modal img {
            max-width: 90%;
            max-height: 90%;
            border-radius: 10px
        }
        .room-content ul img,
        ul.rooms-icon li img {
            width: 20px
        }
        .header-logo img {
            /* box-shadow: rgb(153 136 103) -1px 0 8px 3px; */
            border-radius: 100%
        }
        @media (min-width:992px) {
            #mobile-screen {
                display: none
            }
            .navbar .dropdown:hover>.dropdown-menu {
                display: block;
                margin-top: 0
            }
            .dropdown-submenu {
                position: relative
            }
            .dropdown-submenu>.dropdown-menu {
                top: 0;
                left: 100%;
                margin-top: -1px;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }
        }
        .navbar .dropdown-menu {
            border: none;
            box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
            min-width: 240px
        }
        .dropdown-item {
            color: #333;
            padding: 10px 15px
        }
        .dropdown-item:hover {
            background-color: #f5f5f5;
            color: #000
        }
        .dropdown-submenu>a::after {
            content: "▸";
            float: right;
            margin-left: 5px;
            font-size: 12px;
            opacity: .7
        }
        .pagination-box {
            text-align: center;
            margin-top: 30px
        }
        .pagination-box ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: inline-flex;
            gap: 10px
        }
        .pagination-box ul li a,
        .pagination-box ul li span {
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 38px;
            text-align: center;
            border: 1px solid #ddd;
            border-radius: 50%;
            color: #333;
            font-weight: 500;
            transition: .3s
        }
        .pagination-box ul li a:hover,
        .pagination-box ul li.active a {
            background-color: #c29d59;
            color: #fff;
            border-color: #c29d59
        }
        .pagination-box ul li.disabled span {
            opacity: .5;
            cursor: not-allowed
        }
        .text-gold {
            color: #b79a65
        }
        .accordion-button {
            font-weight: 600;
            color: #333;
            background-color: #fdfdfd;
            border: 1px solid #e5e5e5;
            border-radius: 8px;
            padding: 14px 20px;
            position: relative;
            transition: .3s
        }
        .accordion-button:focus {
            box-shadow: none;
            border-color: #b79a65
        }
        .accordion-button:not(.collapsed) {
            color: #b79a65;
            background-color: #fff8ee;
            border-color: #b79a65
        }
        .accordion-button::after {
            content: '\002B';
            font-weight: 700;
            font-size: 20px;
            color: #b79a65;
            transform: none !important;
            background-image: none !important
        }
        .accordion-button:not(.collapsed)::after {
            content: '\2212';
            font-size: 22px;
            color: #b79a65
        }
        .accordion-body {
            color: #555;
            font-size: 16px;
            background: #fff;
            border-left: 3px solid #b79a65;
            padding-left: 20px
        }

        @media (max-width:768px) {
            .faq-section img {
                margin-bottom: 30px
            }
            .footer-widget-contact {
            background: #272727;
            padding: 48px 42px 54px;
            position: relative;
            margin-top: -122px;
        }
        }
        /*-----------------------------*/
        /* <!-- WhatsApp Floating Icon --> */
            .whatsapp-icon {
                position: fixed;
                bottom: 80px;
                /* 20px se badha kar 80px kar diya - thoda upar aa jayega */
                right: 25px;
                z-index: 1000;
                transition: all 0.3s ease;
            }
            .whatsapp-icon img {
                width: 65px;
                height: 65px;
                border-radius: 50%;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }
            .whatsapp-icon:hover img {
                transform: scale(1.1);
                box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
            }
            /* Mobile responsive adjustment */
            @media (max-width: 768px) {
                .whatsapp-icon img {
                    width: 55px;
                    height: 55px;
                }

                .whatsapp-icon {
                    bottom: 70px;
                    right: 15px;
                }
            }
            /*------------------------------*/
                .blog-card a {
                    color: #b19043 !important;
                }
                .sidebar {
                    transition: top 0.1s ease, transform 0.4s ease, opacity 0.1s ease;
                }
                .sidebar.smooth-sticky {
                    transform: translateY(10px);
                    opacity: 1;
                }
                #sticky-sidebar {
                    transition: transform 0.3s ease, top 0.3s ease;
                    will-change: transform, top;
                }
                .sidebar-container {
                    position: relative;
                }
                .sidebar-container.is-stuck .sidebar {
                    position: fixed;
                    top: 20px;
                    width: inherit;
                    max-width: 350px;
                }
                .sidebar-container.is-bottom .sidebar {
                    position: absolute;
                    bottom: 20;
                    top: auto;
                    width: 100%;
                }
                .sidebar {
                    transition: top 0.2s ease;
                }
                .sidebar-container {
                    position: relative;
                }
                .sidebar-container.is-stuck .sidebar {
                    position: fixed;
                    top: 20px;
                    width: inherit;
                    max-width: 350px;
                }
                .sidebar-container.is-bottom .sidebar {
                    position: absolute;
                    bottom: 20;
                    top: auto;
                    width: 100%;
                }
                .blog-body ul,
                .blog-body ol {
                    padding-left: 22px !important;
                    margin-bottom: 16px;
                }
                .blog-body ul {
                    list-style-type: disc !important;
                }
                .blog-body ol {
                    list-style-type: decimal !important;
                }

                .blog-body li {
                    display: list-item !important;
                    list-style: inherit !important;
                    margin-bottom: 8px;
                }
                .blog-body li::marker {
                    color: #000;
                }
                    .error-msg {
                text-align: left;
                margin-top: 4px;
                font-size: 0.9rem;
            }
                .room-detils-desc ul,
                    .room-detils-desc ol {
                        margin-left: 15px !important;
                        padding-left: 18px !important;
                        list-style-position: inside !important;
                    }
                .room-detils-desc li {
                        margin-bottom: 6px !important;
                }
                .booking-area.home-1{
                    position: relative;
                        z-index: 999;
                }
                .form_bottom_home { 
                    background: linear-gradient(135deg, #0B0B4F, #1E2A8A, #1A0F5E);
                    color: #fff;
                    padding: 30px 45px;
                    border-top: 2px solid #c9a766;
                    margin-top: -37px;
                    border-radius: 20px;
                
                }