@import url(../../css2);

a,
a:hover {
    color: unset
}

.eg-btn1,
.eg-btn2 {
    text-decoration: none;
    overflow: hidden;
    text-align: center
}

.btn--primary2:hover::after,
.btn--primary3:hover::after,
.btn--primary5:hover::after,
.btn--primary6:hover::after,
.btn--primary:hover::after,
.btn_primary4:hover::after,
.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li .submenu>li a:hover::before,
header.style-1 .main-menu .menu-list>li .submenu>li a:hover::before,
header.style-2 .main-menu .menu-list>li .submenu>li a:hover::before,
header.style-3 .main-menu .menu-list>li .submenu>li a:hover::before,
header.style-4 .main-menu .menu-list>li .submenu>li a:hover::before {
    transform: scale(1)
}

.eg-btn1,
.eg-btn2 {
    display: inline-block;
    cursor: pointer
}

.top-bar .email .email-icon svg,
.top-bar .email .hotline-icon svg,
.top-bar .hotline .email-icon svg,
.top-bar .hotline .hotline-icon svg,
header.style-1 .email .email-icon svg,
header.style-1 .email .hotline-icon svg,
header.style-1 .hotline .email-icon svg,
header.style-1 .hotline .hotline-icon svg,
header.style-2 .email-icon svg,
header.style-2 .hotline-icon svg,
header.style-3 .email .email-icon svg,
header.style-3 .email .hotline-icon svg,
header.style-3 .hotline .email-icon svg,
header.style-3 .hotline .hotline-icon svg {
    fill: var(--primary-color1);
    vertical-align: -webkit-baseline-middle
}

:root {
    --primary-color1: #434e57;
    --title-color: #1C171D;
    --text-color1: #666666;
    --white: #e8f1f6;
    --font-jost: "Jost", sans-serif;
    --font-yeseva: "Yeseva One", cursive;
    --font-island: "Island Moments", cursive
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-yeseva)
}

body {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth
}

p {
    font-family: var(--font-jost);
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: var(--text-color1)
}

a {
    text-decoration: none
}

a:focus {
    outline: solid 0
}

a:hover {
    text-decoration: none
}

::-moz-selection {
    background-color: var(--primary-color1);
    color: #fff
}

::selection {
    background-color: var(--primary-color1);
    color: #fff
}

button:focus,
input:focus,
textarea:focus {
    outline: 0
}

ul {
    list-style: none
}

i.bx {
    vertical-align: middle
}

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

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

.ml-40 {
    margin-left: 40px
}

.home-two-feature .section-title2,
.mb-120 {
    margin-bottom: 120px
}

.mb-100 {
    margin-bottom: 100px
}

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

@media(min-width:992px) and (max-width:1199px) {
    .pt-120 {
        padding-top: 90px
    }

    .mb-120 {
        margin-bottom: 90px
    }

    .mb-100 {
        margin-bottom: 70px
    }

    .pb-120 {
        padding-bottom: 90px
    }
}

.ml--230 {
    margin-left: -230px
}

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

.home4-about .about-right .about-content p,
.home4-single-service .included-feature,
.home5-room-suits .room-wrrap .room-content,
.our-room-section .single-room:hover .room-content .book-btn,
.pt-30,
.room-suits-details-page .single-room:hover .room-content .book-btn {
    padding-top: 30px
}

.home5-testimonial .swiper-btn2,
.pt-60 {
    padding-top: 60px
}

.h5-choose-area .choose-right-area .choose-content,
.home-one-video .video-area .our-activitys .booking .number,
.home-one-video .video-area .our-activitys .satisfied-gest .number,
.home-one-video .video-area .our-activitys .visitors .number,
.home-two-counter .our-activitys .booking .number,
.home-two-counter .our-activitys .satisfied-gest .number,
.home-two-counter .our-activitys .visitors .number,
.home4-about .about-left-content .about-img,
.home4-blog-area .blog-wrrap .blog-content .blog-meta,
.home4-facilities .facilities-wrrap .overlay,
.pt-20 {
    padding-top: 20px
}

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

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

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

.contact-page .section-title,
.mb-60 {
    margin-bottom: 60px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-75 {
    margin-bottom: 75px
}

.contact-page .address-area .address-list li,
.error-page .error-wrrap .error-content p,
.home-one-blog .section-title1,
.home-one-gallery .section-title1,
.home-one-gallery.two .section-title1,
.home-one-offers .section-title1,
.mb-50,
.our-room-section .section-title1 {
    margin-bottom: 50px
}

.inner-blog .widget-area .single-widgets,
.mb-45 {
    margin-bottom: 45px
}

.mb-40 {
    margin-bottom: 40px !important
}

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

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

.error-page .error-wrrap .error-content,
.pt-70 {
    padding-top: 70px
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pt-25 {
    padding-top: 25px !important
}

.swiper-fix {
    margin: -12px;
    padding: 12px
}

.btn--primary {
    background: var(--primary-color1);
    color: var(--white);
    position: relative;
    z-index: 1;
    padding: 12px 41px;
    transition: .45s ease-in-out
}

.btn--primary2,
.btn--primary3 {
    background: 0 0;
    position: relative;
    padding: 12px 41px;
    z-index: 1
}

.btn--primary3,
.eg-btn1 {
    color: var(--title-color)
}

.btn--primary:hover {
    color: #fff;
    background: unset
}

.btn--primary3::after,
.btn--primary::after {
    background: var(--title-color);
    transition: .45s ease-in-out;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    position: absolute;
    width: 100%;
    z-index: -1;
    height: 100%;
    content: ""
}

.btn--primary3 {
    transition: .45s ease-in-out
}

.btn--primary3:hover {
    color: #fff
}

.btn--primary3::after {
    border-radius: 0
}

.eg-btn1 {
    transition: .45s ease-in-out
}

.btn--primary2,
.btn--primary5,
.btn_primary4,
.eg-btn2 {
    color: var(--white);
    transition: .45s ease-in-out
}

.btn--primary2:hover {
    color: var(--primary-color1)
}

.btn--primary2::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--white);
    width: 100%;
    height: 100%;
    transition: .45s ease-in-out;
    z-index: -1;
    transform: scale(0);
    border-radius: 0
}

.btn_primary4 {
    background: var(--primary-color1);
    position: relative;
    z-index: 1;
    padding: 12px 41px
}

.btn_primary4:hover {
    color: #fff;
    background-color: transparent
}

.btn_primary4::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--title-color);
    width: 100%;
    height: 100%;
    transition: .45s ease-in-out;
    z-index: -1;
    transform: scale(0);
    border-radius: 130px
}

.btn--primary5 {
    background: 0 0;
    position: relative;
    z-index: 1;
    padding: 12px 41px
}

.btn--primary5:hover,
.hero-style2 .social-link li:hover,
.home-one-about .about-img .reviews .stars li i,
.home-one-blog .blog-wrrap .blog-content .blog-meta a:hover,
.home-one-blog .blog-wrrap .blog-content .blog-title h4>a:hover,
.home-one-offers .scroll-offer .single-offer>.content .left-content .stars li i,
.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg .review ul li i,
.home-one-testimonial .testimonial-wrrap .author-review-area .review ul li i,
.home-two-about .about-img .reating .stars li i,
.home-two-blog .blog-wrrap .blog-content .blog-title h4 a:hover,
.home-two-offer .offer-wraper>.content .left-content .stars li i,
.home-two-offer .offer-wraper>.content .left-content h3 a:hover,
.home-two-room-suits .room-wrrap .room-content .stars li i,
.home-two-room-suits .room-wrrap .room-content h3 a:hover,
.home-two-testimonial .testimonial-wrrap .author-img-rating .stars li i,
.our-room-section .single-room .room-content h3:hover,
.top-bar .social-icon ul li a:hover,
footer .footer-top .footer-items ul li a:hover,
header.style-1 .main-menu .menu-list>li .dropdown-icon.active,
header.style-1 .main-menu .menu-list>li .submenu>li a:hover,
header.style-1 .main-menu .menu-list>li a.active,
header.style-1 .main-menu .menu-list>li a:hover,
header.style-1 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon.active,
header.style-1 .main-menu .mobile-logo-area .menu-close-btn .bi:hover,
header.style-2 .main-menu .menu-list>li .dropdown-icon.active,
header.style-2 .main-menu .menu-list>li .submenu>li a:hover,
header.style-2 .main-menu .menu-list>li a.active,
header.style-2 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon.active,
header.style-3 .main-menu .menu-list>li .dropdown-icon.active,
header.style-3 .main-menu .menu-list>li a.active,
header.style-3 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon.active,
header.style-3 .main-menu .menu-list>li:hover a {
    color: var(--primary-color1)
}

.btn--primary5::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--white);
    width: 100%;
    height: 100%;
    transition: .45s ease-in-out;
    z-index: -1;
    transform: scale(0);
    border-radius: 100px
}

.btn--primary6 {
    background: 0 0;
    position: relative;
    z-index: 1;
    padding: 12px 41px;
    transition: .45s ease-in-out
}

.btn--primary6:hover,
footer .footer-mdl .quick-menu ul li a:hover,
footer .footer-top .footer-items .email .email-info h6 a:hover,
footer .footer-top .footer-items .email .hotline-info h6 a:hover,
footer .footer-top .footer-items .hotline .email-info h6 a:hover,
footer .footer-top .footer-items .hotline .hotline-info h6 a:hover {
    color: #fff
}

.btn--primary6::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--title-color);
    width: 100%;
    height: 100%;
    transition: .45s ease-in-out;
    z-index: -1;
    transform: scale(0);
    border-radius: 0
}

.egns-preloader,
.egns-preloader::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff
}

.egns-preloader {
    min-width: 100%;
    min-height: 100%;
    position: fixed !important;
    z-index: 999999
}

.egns-preloader::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: -1
}

.circle-border {
    width: 100%;
    max-width: 140px;
    height: 100%;
    max-height: 140px;
    border: 0 solid var(--primary-color1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    border-radius: 50%;
    box-shadow: 2px 2px 30px rgba(0, 0, 0, .1)
}

.circle-border .moving-circle,
.circle-border .moving-circle:nth-child(2),
.circle-border .moving-circle:nth-child(3) {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    margin: auto;
    background: var(--primary-color1);
    right: 0;
    bottom: 0;
    overflow: hidden
}

.circle-border svg,
.hero-style5 .banner-area header.style-5 .email .email-icon svg,
.hero-style5 .banner-area header.style-5 .email .hotline-icon svg,
.hero-style5 .banner-area header.style-5 .hotline .email-icon svg,
.hero-style5 .banner-area header.style-5 .hotline .hotline-icon svg,
.home-one-offers .scroll-offer .single-offer .offer-card .offer svg,
.home-two-testimonial .swiper-btn .btns svg,
.home4-rooms .rooms-wrrap .room-img .room-features ul li svg:hover,
.inner-blog .blog-post-area .comment-section ul li .comment-content .comment-top .replay-btn a svg,
.room-suits-details-page .section-title .swiper-btn .btns svg,
header.style-2 .email .email-icon svg,
header.style-2 .email .hotline-icon svg,
header.style-2 .hotline .email-icon svg,
header.style-2 .hotline .hotline-icon svg,
header.style-4 .email .email-icon svg,
header.style-4 .email .hotline-icon svg,
header.style-4 .hotline .email-icon svg,
header.style-4 .hotline .hotline-icon svg {
    fill: var(--primary-color1)
}

.circle-border svg path {
    stroke: var(--primary-color1)
}

.circle-border .moving-circle {
    top: 0;
    left: 0;
    -webkit-animation: 2s linear infinite circle;
    animation: 2s linear infinite circle
}

.circle-border .moving-circle:nth-child(2) {
    top: 0;
    left: 0;
    -webkit-animation: 2.25s linear infinite circle;
    animation: 2.25s linear infinite circle
}

.circle-border .moving-circle:nth-child(3) {
    top: 0;
    left: 0;
    -webkit-animation: 2.5s linear infinite circle;
    animation: 2.5s linear infinite circle
}

@-webkit-keyframes circle {
    0% {
        transform: rotate(0) translate(-70px) rotate(0)
    }

    100% {
        transform: rotate(360deg) translate(-70px) rotate(-360deg)
    }
}

@keyframes circle {
    0% {
        transform: rotate(0) translate(-70px) rotate(0)
    }

    100% {
        transform: rotate(360deg) translate(-70px) rotate(-360deg)
    }
}

#outline {
    stroke-dasharray: 2.427766571px, 242.7766571045px;
    stroke-dashoffset: 0;
    -webkit-animation: 1.6s linear infinite anim;
    animation: 1.6s linear infinite anim
}

@-webkit-keyframes anim {
    12.5% {
        stroke-dasharray: 33.9887319946px, 242.7766571045px;
        stroke-dashoffset: -26.7054322815px
    }

    43.75% {
        stroke-dasharray: 84.9718299866px, 242.7766571045px;
        stroke-dashoffset: -84.9718299866px
    }

    100% {
        stroke-dasharray: 2.427766571px, 242.7766571045px;
        stroke-dashoffset: -240.3488905334px
    }
}

@keyframes anim {
    12.5% {
        stroke-dasharray: 33.9887319946px, 242.7766571045px;
        stroke-dashoffset: -26.7054322815px
    }

    43.75% {
        stroke-dasharray: 84.9718299866px, 242.7766571045px;
        stroke-dashoffset: -84.9718299866px
    }

    100% {
        stroke-dasharray: 2.427766571px, 242.7766571045px;
        stroke-dashoffset: -240.3488905334px
    }
}

.mobile-search {
    background: rgba(0, 0, 0, .85);
    box-shadow: 0 0 10px rgba(0, 0, 0, .09);
    width: 100%;
    height: 100%;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    align-items: center;
    position: fixed;
    cursor: pointer;
    transform: scale(0);
    top: 0;
    left: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: .65s;
    padding: 35px 100px
}

.mobile-search label {
    color: #fff;
    margin-bottom: 20px;
    font-family: saira, sans-serif
}

.mobile-search.slide {
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.mobile-search input {
    border: none;
    border-radius: unset;
    border-bottom: 1px solid #eee;
    padding-left: 0;
    padding-bottom: 5px;
    width: 100%;
    background: 0 0;
    transition: .3s ease-in-out;
    color: #fff;
    margin-bottom: 20px
}

.mobile-search input:focus {
    border-bottom: 1px solid #fff
}

.mobile-search input::-moz-placeholder {
    font-family: saira, sans-serif;
    color: #696969
}

.mobile-search input:-ms-input-placeholder {
    font-family: saira, sans-serif;
    color: #696969
}

.mobile-search input::placeholder {
    font-family: saira, sans-serif;
    color: #696969
}

.mobile-search .search-cross-btn {
    color: #fff;
    cursor: pointer;
    background: rgba(60, 170, 159, .6);
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 41px;
    transition: .5s
}

.mobile-search .search-cross-btn.style-3:hover,
.mobile-search .search-cross-btn:hover {
    background: var(--primary-color1);
    color: #fff
}

.mobile-search .search-cross-btn.style-2 {
    background-color: transparent;
    border: 1px solid #f9395f
}

.mobile-search .search-cross-btn.style-2:hover {
    background: #f9395f;
    color: #fff
}

.mobile-search .search-cross-btn.style-3 {
    background-color: transparent;
    border: 1px solid var(--primary-color1)
}

.mobile-search .search-cross-btn i {
    font-size: 25px;
    cursor: pointer
}

.top-bar {
    background-color: var(--white);
    padding: 10px 4%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee
}

.top-bar .top-bar-items,
.top-bar2 .top-bar-items {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.hero-style5 .banner-area header.style-5 .email,
.hero-style5 .banner-area header.style-5 .hotline,
.home4-about .about-right .contect-area .hotline,
.top-bar .email,
.top-bar .hotline,
.top-bar2 .email,
.top-bar2 .hotline {
    display: flex;
    align-items: center;
    justify-content: center
}

.hero-style4 .author-side-bar .email .email-info,
.hero-style4 .author-side-bar .email .hotline-info,
.hero-style4 .author-side-bar .hotline .email-info,
.hero-style4 .author-side-bar .hotline .hotline-info,
.hero-style4 .hero-social .hotline .hotline-info,
.hero-style5 .banner-area header.style-5 .email .email-info,
.hero-style5 .banner-area header.style-5 .email .hotline-info,
.hero-style5 .banner-area header.style-5 .hotline .email-info,
.hero-style5 .banner-area header.style-5 .hotline .hotline-info,
.hero-style5 .hero-sidebar .hotline .hotline-info,
.home4-about .about-right .contect-area .hotline .hotline-info,
.top-bar .email .email-info,
.top-bar .email .hotline-info,
.top-bar .hotline .email-info,
.top-bar .hotline .hotline-info,
.top-bar2 .email .email-info,
.top-bar2 .email .hotline-info,
.top-bar2 .hotline .email-info,
.top-bar2 .hotline .hotline-info,
header.style-1 .email .email-info,
header.style-1 .email .hotline-info,
header.style-1 .hotline .email-info,
header.style-1 .hotline .hotline-info,
header.style-2 .email .email-info,
header.style-2 .email .hotline-info,
header.style-2 .hotline .email-info,
header.style-2 .hotline .hotline-info,
header.style-3 .email .email-info,
header.style-3 .email .hotline-info,
header.style-3 .hotline .email-info,
header.style-3 .hotline .hotline-info,
header.style-4 .email .email-info,
header.style-4 .email .hotline-info,
header.style-4 .hotline .email-info,
header.style-4 .hotline .hotline-info {
    margin-left: 10px
}

.hero-style5 .banner-area header.style-5 .email .email-info span,
.hero-style5 .banner-area header.style-5 .email .hotline-info span,
.hero-style5 .banner-area header.style-5 .hotline .email-info span,
.hero-style5 .banner-area header.style-5 .hotline .hotline-info span,
.hero-style5 .hero-sidebar .hotline .hotline-info span,
.home4-about .about-right .contect-area .hotline .hotline-info span,
.top-bar .email .email-info span,
.top-bar .email .hotline-info span,
.top-bar .hotline .email-info span,
.top-bar .hotline .hotline-info span,
header.style-1 .email .email-info span,
header.style-1 .email .hotline-info span,
header.style-1 .hotline .email-info span,
header.style-1 .hotline .hotline-info span,
header.style-2 .email .email-info span,
header.style-2 .email .hotline-info span,
header.style-2 .hotline .email-info span,
header.style-2 .hotline .hotline-info span,
header.style-3 .email .email-info span,
header.style-3 .email .hotline-info span,
header.style-3 .hotline .email-info span,
header.style-3 .hotline .hotline-info span,
header.style-4 .email .email-info span,
header.style-4 .email .hotline-info span,
header.style-4 .hotline .email-info span,
header.style-4 .hotline .hotline-info span {
    font-size: 12px;
    font-weight: 400;
    font-family: var(--font-jost);
    color: var(--primary-color1)
}

.hero-style4 .hero-social .hotline .hotline-info h6,
.hero-style5 .banner-area header.style-5 .email .email-info h6,
.hero-style5 .banner-area header.style-5 .email .hotline-info h6,
.hero-style5 .banner-area header.style-5 .hotline .email-info h6,
.hero-style5 .banner-area header.style-5 .hotline .hotline-info h6,
.top-bar .email .email-info h6,
.top-bar .email .hotline-info h6,
.top-bar .hotline .email-info h6,
.top-bar .hotline .hotline-info h6,
.top-bar2 .email .email-info h6,
.top-bar2 .email .hotline-info h6,
.top-bar2 .hotline .email-info h6,
.top-bar2 .hotline .hotline-info h6,
header.style-1 .email .email-info h6,
header.style-1 .email .hotline-info h6,
header.style-1 .hotline .email-info h6,
header.style-1 .hotline .hotline-info h6,
header.style-3 .email .email-info h6,
header.style-3 .email .hotline-info h6,
header.style-3 .hotline .email-info h6,
header.style-3 .hotline .hotline-info h6,
header.style-4 .email .email-info h6,
header.style-4 .email .hotline-info h6,
header.style-4 .hotline .email-info h6,
header.style-4 .hotline .hotline-info h6 {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--font-yeseva);
    color: var(--title-color);
    white-space: nowrap;
    margin-bottom: 0
}

.top-bar .social-icon ul {
    margin: 0;
    padding: 0;
    gap: 40px
}

.hero-style1 .hero-video,
.hero-style4 .hero-social .social-icon ul li,
.hero-style5 .banner-area header.style-5 .nav-right .bookmark-icon,
.home-one-about,
.home-one-gallery .gallery-item,
.home-one-gallery.two .gallery-item,
.home-one-offers .single-offer2 .offer-batch .offer,
.home-one-offers .single-offer2 .offer-img,
.home-one-testimonial .swiper-btn-left,
.home-one-testimonial .swiper-btn-right,
.home-one-video .video-area,
.home-two-choose .choose-left,
.home-two-offer .offer-wraper .offer-card .offer,
.home-two-room-suits .room-wrrap,
.home4-blog-area .blog-wrrap .blog-img,
.home4-facilities .facilities-wrrap,
.home4-single-service .playzaone-wrap,
.home5-about-area .about-right,
.home5-extra-services .ex-service-wrrap .ex-service-img,
.home5-room-suits,
.nice-select,
.superior-offer .offer-wrap .offer-img .batch .offer,
.top-bar .social-icon ul li,
header.style-1 .header-logo,
header.style-1 .header-logo .logo-inner img,
header.style-1 .nav-right .bookmark-icon,
header.style-1.sticky .header-logo,
header.style-2 .nav-right .bookmark-icon,
header.style-3 .nav-right .bookmark-icon,
header.style-4 .nav-right .bookmark-icon {
    position: relative
}

.hero-style4 .hero-social .social-icon ul li a,
.top-bar .social-icon ul li a {
    color: var(--title-color);
    transition: .35s
}

.hero-style4 .hero-social .social-icon ul li a i,
.top-bar .social-icon ul li a i {
    font-size: 22px
}

.top-bar .social-icon ul li::after {
    content: "";
    width: 3px;
    height: 3px;
    background: rgba(28, 23, 29, .2);
    position: absolute;
    left: -22px;
    top: 13px
}

.form-section .multi-main-searchber .searchbox-input.two::before,
.hero-style1 .multi-main-searchber .searchbox-input.two::before,
.hero-style2 .social-link li:last-child::after,
.hero-style3 .multi-main-searchber .searchbox-input.two::before,
.hero-style4 .hero-social .social-icon ul li:last-child::after,
.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input.two::before,
.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg .review,
.home-three-offers .booking-area form .searchbox-input.two::before,
.top-bar .social-icon ul li:first-child::after,
header.style-4 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon i {
    display: none
}

header.style-1 {
    background: var(--white);
    width: 100%;
    position: relative;
    top: 0;
    z-index: 9999;
    padding: 0 4%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

header.style-1.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: var(--white);
    box-shadow: 0 10px 30px -1px rgba(82, 82, 82, .15);
    -webkit-animation: .65s linear smooth-header;
    animation: .65s linear smooth-header
}

@-webkit-keyframes smooth-header {
    0% {
        transform: translateY(-30px)
    }

    100% {
        transform: translateY(0)
    }
}

header.style-1.sticky .header-logo .logo-inner {
    position: relative;
    top: 0
}

header.style-1.sticky .header-logo .logo-inner img {
    height: 75px;
    width: 75px
}

header.style-1.sticky .header-logo .logo-inner::after,
header.style-1.sticky .header-logo .logo-inner::before {
    display: none;
    visibility: hidden
}

header.style-1 .header-logo .logo-inner {
    position: absolute;
    top: -102px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--white)
}

header.style-1 .header-logo .logo-inner::before {
    content: url(../images/icons/header-shap-left.svg);
    position: absolute;
    left: -41px;
    top: 50%;
    transform: translateY(-56%);
    background-color: var(--white)
}

header.style-1 .header-logo .logo-inner::after {
    content: url(../images/icons/header-shap-right.svg);
    position: absolute;
    right: -33px;
    top: 50%;
    transform: translateY(-54%);
    background-color: var(--white);
    z-index: -1
}

header.style-1 .nav-right,
header.style-2 .nav-right,
header.style-3 .nav-right {
    gap: 100px
}

header.style-1 .nav-right .header-btn {
    display: inline-flex
}

header.style-1 .nav-right .header-btn a {
    font-family: var(--font-jost);
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
    color: var(--white)
}

header.style-1 .nav-right .bookmark-icon>a i {
    color: var(--primary-color1);
    font-size: 25px;
    line-height: 25px
}

.hero-style5 .banner-area header.style-5 .nav-right .bookmark-icon .batch,
header.style-1 .nav-right .bookmark-icon .batch,
header.style-2 .nav-right .bookmark-icon .batch,
header.style-3 .nav-right .bookmark-icon .batch,
header.style-4 .nav-right .bookmark-icon .batch {
    color: var(--white);
    height: 18px;
    width: 18px;
    line-height: 17px;
    background-color: var(--primary-color1);
    border-radius: 50%;
    font-size: 10px;
    position: absolute;
    right: -3px;
    top: -3px
}

.hero-style5 .banner-area header.style-5 .nav-right .bookmark-icon .batch a,
header.style-1 .nav-right .bookmark-icon .batch a,
header.style-2 .nav-right .bookmark-icon .batch a,
header.style-3 .nav-right .bookmark-icon .batch a,
header.style-4 .nav-right .bookmark-icon .batch a {
    display: flex;
    justify-content: center;
    align-self: center;
    font-size: 10px
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list,
header.style-1 .main-menu .menu-list,
header.style-2 .main-menu .menu-list,
header.style-3 .main-menu .menu-list {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    padding: 0
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li,
header.style-1 .main-menu .menu-list>li,
header.style-2 .main-menu .menu-list>li,
header.style-3 .main-menu .menu-list>li {
    position: relative;
    margin: 0 17px;
    display: inline-block
}

@media(max-width:1199px) {
    .top-bar .social-icon ul {
        gap: 30px
    }

    .top-bar .social-icon ul li::after {
        left: -18px
    }

    header.style-1 .main-menu .menu-list>li {
        margin: 0 10px
    }
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li .dropdown-icon,
header.style-1 .main-menu .menu-list>li .dropdown-icon,
header.style-2 .main-menu .menu-list>li .dropdown-icon,
header.style-3 .main-menu .menu-list>li .dropdown-icon {
    color: var(--title-color);
    font-size: 25px;
    transition: .4s ease-in;
    opacity: 0;
    visibility: hidden
}

header.style-1 .main-menu .menu-list>li a {
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    color: var(--title-color);
    padding: 32px 0;
    display: inline-block;
    white-space: nowrap;
    transition: .4s;
    display: flex;
    align-items: center;
    font-family: var(--font-jost)
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li .submenu>li a.active::before,
header.style-1 .main-menu .menu-list>li a.active::before,
header.style-2 .main-menu .menu-list>li a.active::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 22px;
    width: 100%;
    height: 1px;
    background-color: var(--primary-color1)
}

header.style-1 .main-menu .menu-list>li a:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 22px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--primary-color1);
    transform: translateX(-50%)
}

header.style-1 .main-menu .menu-list>li .submenu {
    padding: 0;
    position: absolute;
    top: 84px;
    left: 0;
    max-width: 230px;
    min-width: 230px;
    background-color: var(--white);
    text-align: left;
    transform: translateY(25px);
    opacity: 0;
    visibility: hidden;
    transition: .55s ease-in-out;
    box-shadow: 5px 3px 40px rgba(0, 72, 88, .1)
}

header.style-1 .main-menu .menu-list>li .submenu>li a {
    display: block;
    padding: 15px 30px;
    border-bottom: 1px solid rgba(60, 170, 159, .1);
    position: relative;
    z-index: 1;
    font-size: 18px;
    color: var(--title-color)
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li .submenu>li a::before,
header.style-1 .main-menu .menu-list>li .submenu>li a::before,
header.style-2 .main-menu .menu-list>li .submenu>li a::before,
header.style-3 .main-menu .menu-list>li .submenu>li a::before,
header.style-4 .main-menu .menu-list>li .submenu>li a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: #434e57;
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    transform-origin: left;
    transition: .4s ease-in;
    z-index: -1
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li .submenu>li:last-child a,
.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input:last-child,
.home-one-features .nav-tabs,
header.style-1 .main-menu .menu-list>li .submenu>li a:last-child,
header.style-2 .main-menu .menu-list>li .submenu>li a:last-child,
header.style-3 .main-menu .menu-list>li .submenu>li a:last-child,
header.style-4 .main-menu .menu-list>li .submenu>li a:last-child {
    border-bottom: unset
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li.menu-item-has-children,
header.style-1 .main-menu .menu-list>li.menu-item-has-children,
header.style-2 .main-menu .menu-list>li.menu-item-has-children,
header.style-3 .main-menu .menu-list>li.menu-item-has-children,
header.style-4 .main-menu .menu-list>li.menu-item-has-children {
    position: relative;
    z-index: 1;
    padding-right: 20px
}

header.style-1 .main-menu .menu-list>li.menu-item-has-children::after {
    content: "\f282";
    font-family: bootstrap-icons;
    font-weight: 600;
    position: absolute;
    top: 35px;
    right: 0;
    font-size: 13px;
    color: var(--title-color);
    transition: .42s ease-in-out
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon,
header.style-1 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon {
    position: absolute;
    top: 12px;
    right: 0;
    font-size: 20px
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li.menu-item-has-children:hover .submenu,
header.style-1 .main-menu .menu-list>li.menu-item-has-children:hover .submenu,
header.style-2 .main-menu .menu-list>li.menu-item-has-children:hover .submenu,
header.style-3 .main-menu .menu-list>li.menu-item-has-children:hover .submenu,
header.style-4 .main-menu .menu-list>li.menu-item-has-children:hover .submenu {
    opacity: 1;
    visibility: visible
}

header.style-1 .main-menu .menu-list>li.menu-item-has-children:hover::after,
header.style-2 .main-menu .menu-list>li.menu-item-has-children:hover::after {
    color: var(--primary-color1);
    transform: rotate(180deg)
}

.hero-style5 .banner-area header.style-5 .main-menu .mobile-logo-area,
.home-three-about .about-feature .icon,
.home-two-testimonial .testimonial-wrrap .author-name-deg,
.home4-single-service .rooms-wrrap2 .room-content p,
.inner-blog .widget-area .widget_egns_tag .widget-title h3,
.room-suits-details-page p,
header.style-1 .main-menu .mobile-logo-area,
header.style-2 .main-menu .mobile-logo-area,
header.style-3 .main-menu .mobile-logo-area,
header.style-4 .main-menu .mobile-logo-area {
    margin-bottom: 25px
}

.hero-style5 .banner-area header.style-5 .main-menu .mobile-logo-area .menu-close-btn,
header.style-1 .main-menu .mobile-logo-area .menu-close-btn,
header.style-2 .main-menu .mobile-logo-area .menu-close-btn,
header.style-3 .main-menu .mobile-logo-area .menu-close-btn,
header.style-4 .main-menu .mobile-logo-area .menu-close-btn {
    cursor: pointer
}

header.style-1 .main-menu .mobile-logo-area .menu-close-btn .bi,
header.style-2 .main-menu .mobile-logo-area .menu-close-btn .bi,
header.style-3 .main-menu .mobile-logo-area .menu-close-btn .bi {
    color: var(--title-color);
    font-size: 18px
}

header.style-1 .main-menu .mobile-logo-wrap {
    padding: 10px 10px 10px 0
}

header.style-1 .main-menu .mobile-logo-wrap img {
    height: 60px;
    width: 60px
}

.hero-style5 .banner-area header.style-5 .mobile-menu-btn,
.hero-style5 .banner-area header.style-5 .sidebar-btn,
.top-bar2 .mobile-menu-btn,
header.style-1 .mobile-menu-btn,
header.style-2 .mobile-menu-btn,
header.style-3 .mobile-menu-btn,
header.style-4 .mobile-menu-btn {
    margin-left: 25px
}

.top-bar2 .mobile-menu-btn .bx,
header.style-1 .mobile-menu-btn .bx,
header.style-3 .mobile-menu-btn .bx {
    color: var(--title-color);
    font-size: 28px
}

.hero-style3,
.hero-style4 .author-side-bar .email,
.hero-style4 .author-side-bar .hotline,
.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt,
footer .footer-top .footer-items .email,
footer .footer-top .footer-items .hotline,
header.style-1 .email,
header.style-1 .hotline,
header.style-2 .email,
header.style-2 .hotline,
header.style-3 .email,
header.style-3 .hotline,
header.style-4 .email,
header.style-4 .hotline {
    display: flex;
    align-items: center
}

.hero-style1 .hero-video video {
    width: 100% !important;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 900px;
    position: relative
}

@media(min-width:768px) and (max-width:1799px) {
    .hero-style1 .hero-video video {
        max-height: 700px
    }
}

.hero-style1 .hero-video video::after,
.home-one-video .video-area video::after,
.home5-about-area .h5-about-banner video::after {
    content: "";
    background-color: rgba(34, 34, 34, .5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9
}

.hero-style1 .hero-video .hero-content {
    position: absolute;
    bottom: 130px;
    left: 140px
}

@media(max-width:991px) {
    .pt-120 {
        padding-top: 80px
    }

    .mb-120 {
        margin-bottom: 80px
    }

    .mb-100 {
        margin-bottom: 60px
    }

    .pb-120 {
        padding-bottom: 80px
    }

    .top-bar {
        display: none
    }

    .top-bar .top-bar-items {
        justify-content: center
    }

    .top-bar .email,
    .top-bar .hotline {
        display: none !important;
        visibility: hidden
    }

    .top-bar .social-icon {
        display: flex;
        justify-content: center
    }

    header.style-1 {
        padding: 10px 4%
    }

    header.style-1 .header-logo .logo-inner img,
    header.style-1.sticky .header-logo .logo-inner img {
        height: 60px;
        width: 60px
    }

    header.style-1 .header-logo .logo-inner::after,
    header.style-1 .header-logo .logo-inner::before,
    header.style-1 .main-menu .menu-list>li a.active::before,
    header.style-1 .main-menu .menu-list>li a:hover::before,
    header.style-1 .main-menu .menu-list>li.menu-item-has-children::after,
    header.style-1 .nav-right .header-btn a {
        display: none;
        visibility: hidden
    }

    header.style-1 .header-logo .logo-inner {
        position: relative;
        left: 0;
        top: 0;
        transform: unset;
        background-color: unset
    }

    header.style-1 .main-menu .menu-list {
        flex-direction: column;
        justify-content: start
    }

    header.style-1 .main-menu .menu-list>li {
        margin: 0;
        width: 100%
    }

    header.style-1 .main-menu .menu-list>li .dropdown-icon {
        opacity: 1;
        visibility: visible
    }

    header.style-1 .main-menu .menu-list>li a {
        padding: 12px 0;
        display: block;
        position: relative;
        border-bottom: 1px solid rgba(60, 170, 159, .098)
    }

    header.style-1 .main-menu .menu-list>li .submenu {
        opacity: 1;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        border: unset;
        display: none;
        transition: unset;
        box-shadow: unset;
        transform: translateY(0);
        visibility: unset
    }

    header.style-1 .main-menu .menu-list>li .submenu>li a {
        border-bottom: unset;
        padding: 12px 15px
    }

    header.style-1 .main-menu .menu-list>li.menu-item-has-children {
        padding-right: unset
    }

    header.style-1 .main-menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 280px;
        height: 100%;
        overflow-y: auto;
        background-color: var(--white);
        border-right: 1px solid #eee;
        padding: 40px 20px;
        z-index: 999;
        transition: .7s ease-in-out
    }

    header.style-1 .main-menu.show-menu {
        left: 0
    }

    .hero-style1 .hero-video .hero-content {
        left: 5%
    }
}

.hero-style1 .hero-video .hero-content h4 {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 25px;
    line-height: 35px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    margin-bottom: 30px
}

.hero-style1 .hero-video .hero-content h1 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 80px;
    line-height: 100px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    margin-bottom: 0
}

@media(max-width:1199px) {
    .hero-style1 .hero-video .hero-content h1 {
        font-size: 70px;
        line-height: 85px
    }
}

@media(max-width:991px) {
    .hero-style1 .hero-video .hero-content h1 {
        font-size: 50px;
        line-height: 60px
    }
}

.hero-style1 .hero-video .scroll-dowm {
    position: absolute;
    right: 140px;
    bottom: 130px;
    -webkit-animation: 2s linear infinite alternate up-down;
    animation: 2s linear infinite alternate up-down
}

header.style-2.sticky,
header.style-3.sticky {
    -webkit-animation: .65s linear smooth-header
}

@-webkit-keyframes up-down {

    0%,
    100% {
        bottom: 130px
    }

    50% {
        bottom: 110px
    }
}

@keyframes up-down {

    0%,
    100% {
        bottom: 130px
    }

    50% {
        bottom: 110px
    }
}

@media(max-width:1500px) {
    header.style-1 .nav-right {
        gap: 50px
    }

    .hero-style1 .hero-video video {
        min-height: 600px
    }

    .hero-style1 .hero-video .hero-content {
        bottom: 60px
    }

    .hero-style1 .hero-video .hero-content h4 {
        margin-bottom: 10px
    }

    @-webkit-keyframes up-down {

        0%,
        100% {
            bottom: 60px
        }

        50% {
            bottom: 80px
        }
    }

    @keyframes up-down {

        0%,
        100% {
            bottom: 60px
        }

        50% {
            bottom: 80px
        }
    }
}

.hero-style1 .multi-main-searchber {
    background-color: #fff;
    width: 100%;
    padding: 0 0 0 50px;
    position: relative
}

.hero-style1 .multi-main-searchber .searchbox-input,
.hero-style5 .hero-sidebar .multi-main-searchber,
.section-title-area .marquee {
    width: 100%;
    position: relative
}

.hero-style1 .multi-main-searchber .searchbox-input::after {
    content: "";
    width: 2px;
    height: 36px;
    background: var(--primary-color1);
    opacity: .4;
    border-radius: 10px;
    margin-top: 5px
}

.form-section .main-form-submit,
.hero-style1 .multi-main-searchber .searchbox-input.date-picker-input,
.hero-style3 .multi-main-searchber .searchbox-input.date-picker-input,
.home-three-offers .booking-area form .searchbox-input.date-picker-input,
.home-three-offers .booking-area form .searchbox-input.two {
    display: flex
}

.hero-style1 .multi-main-searchber .searchbox-input::before {
    position: absolute;
    content: "\f1e2";
    font-family: bootstrap-icons !important;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary-color1)
}

.hero-style1 .multi-main-searchber .searchbox-input input,
.hero-style3 .multi-main-searchber .searchbox-input input {
    padding: 10px 15px;
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    height: 45px;
    border: none;
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color) !important
}

.hero-style1 .multi-main-searchber .searchbox-input input::-moz-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color) !important
}

.hero-style1 .multi-main-searchber .searchbox-input input:-ms-input-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color) !important
}

.hero-style1 .multi-main-searchber .searchbox-input input::placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color) !important
}

.hero-style1 .nice-select {
    width: 100%;
    border: none;
    padding-top: 5px
}

.form-section .nice-select span,
.hero-style1 .nice-select span,
.hero-style2 .nice-select span,
.hero-style3 .nice-select span,
.hero-style5 .hero-sidebar .nice-select span,
.home-three-offers .booking-area form .nice-select span,
.room-suits-page-2 .nice-select span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: #666 !important;
    z-index: 9
}

.hero-style1 .nice-select .list {
    top: 51px;
    width: 100%;
    border-radius: unset;
    z-index: 9999
}

.form-section .nice-select .option,
.hero-style1 .nice-select .option,
.hero-style3 .nice-select .option,
.hero-style5 .hero-sidebar .nice-select .option,
.home-three-offers .booking-area form .nice-select .option,
.room-suits-page-2 .nice-select .option {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--title-color)
}

.hero-style1 .nice-select::after {
    height: 8px;
    width: 8px;
    right: 50px;
    border-color: var(--primary-color1)
}

.hero-style1 .main-form-submit a {
    background: var(--primary-color1);
    width: 100%;
    padding: 20px;
    border: none;
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    white-space: nowrap;
    display: inline-block;
    text-align: center
}

.ui-datepicker {
    width: 17em;
    padding: .5em .5em 0;
    display: none;
    z-index: 99
}

.ui-datepicker td {
    border: 0;
    padding: 2px
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    background: var(--primary-color1);
    border: 1px solid var(--primary-color1);
    color: #fff;
    border-radius: 0
}

div#ui-datepicker-div {
    border: 1px solid transparent;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
    border-radius: 0;
    margin-top: 8px;
    margin-left: -15px
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border: 1px solid rgba(238, 238, 238, .5);
    background: var(--white);
    font-weight: 400;
    padding: 4px;
    transition: .45s;
    color: var(--text-color1)
}

.home-one-features,
.home-two-offer,
.home-two-room-suits,
footer {
    background-repeat: no-repeat;
    background-size: cover
}

.home-one-features,
.home-three-room-suits,
.home-two-offer,
.home-two-room-suits {
    background-position: center center
}

.ui-button:hover,
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover,
html .ui-button.ui-state-disabled:active:hover,
html .ui-button.ui-state-disabled:hover:hover {
    border: 1px solid var(--primary-color1);
    color: var(--primary-color1)
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid var(--primary-color1) !important;
    color: var(--primary-color1) !important
}

.ui-datepicker-next::after,
.ui-datepicker-prev::after,
.ui-widget-header .ui-icon::after {
    font-family: bootstrap-icons;
    z-index: 9;
    color: var(--white)
}

.ui-widget-header .ui-icon {
    background-image: unset;
    position: relative
}

.ui-widget-header .ui-icon::after {
    content: "\f12c";
    position: absolute;
    left: 0;
    top: 0
}

.ui-datepicker-next,
.ui-datepicker-prev {
    border: 1px solid var(--primary-color1)
}

.ui-datepicker-next:hover,
.ui-datepicker-prev:hover {
    border: 1px solid var(--primary-color1);
    background-color: inherit
}

.ui-datepicker-prev::after {
    content: "\f12c";
    font-weight: 400;
    position: absolute;
    top: -1px;
    left: 5px;
    margin: auto;
    font-size: 22px;
    transition: .35s
}

.ui-datepicker-next span.ui-icon,
.ui-datepicker-prev span.ui-icon {
    display: none !important;
    visibility: hidden
}

.ui-datepicker-next::after {
    content: "\f135";
    font-weight: 400;
    position: absolute;
    top: -1px;
    left: 5px;
    margin: auto;
    font-size: 22px;
    transition: .35s
}

.home-one-about .about-content .author-area,
.section-title1 {
    padding-top: 5px
}

.section-title1 h2,
.section-title1 span {
    font-family: var(--font-island);
    font-weight: 400;
    font-size: 40px;
    line-height: 1;
    letter-spacing: .03em;
    color: var(--primary-color1);
    margin-bottom: 0
}

.brands_feature .section-title1 h2 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 50px;
    line-height: 68px;
    color: var(--title-color);
    margin-bottom: 20px;
    margin-top: 10px
}

.home-one-about .about-vector {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

.home-one-about .about-content {
    padding: 0 20px 0 0
}

.home-one-about .about-content p {
    letter-spacing: .03em;
    margin-bottom: 28px
}

.home-one-about .about-content .author-area .author-img,
.inner-blog .blog-post-area .comment-section ul li .comment-content .comment-top .comment-meta {
    margin-right: 20px
}

.home-one-about .about-content .author-area .author-details h5 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 20px;
    color: var(--primary-color1)
}

.home-one-about .about-img {
    position: relative;
    text-align: center
}

.home-one-about .about-img img {
    border-radius: 0 50px;
    width: 100%;
    max-width: 540px
}

.home-one-about .about-img::after {
    content: url(../images/bg/about-vec-top.png);
    position: absolute;
    left: 0;
    top: -40px;
    z-index: -1
}

.home-one-about .about-img::before {
    content: url(../images/bg/about-vec-btm.png);
    position: absolute;
    right: 0;
    bottom: -40px;
    z-index: -1
}

.home-one-about .about-img .reviews {
    background: var(--white);
    border: 1px solid rgba(28, 23, 29, .1);
    box-shadow: 0 0 25px rgba(0, 0, 0, .05);
    border-radius: 20px;
    max-width: 240px;
    width: 100%;
    padding: 20px;
    position: absolute;
    top: -40px;
    right: 0
}

.home-one-about .about-img .reviews h2 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 50px;
    letter-spacing: .03em;
    color: var(--title-color);
    text-align: center;
    margin-bottom: 5px
}

.home-one-about .about-img .reviews .stars {
    margin: 0 0 10px;
    padding: 0;
    justify-content: center;
    gap: 10px
}

.home-one-about .about-img .reviews span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .03em;
    color: var(--title-color);
    display: flex;
    justify-content: center
}

.hero-style4,
.home-one-blog .blog-wrrap .blog-img,
.home-one-offers .single-offer2,
.home4-rooms .rooms-wrrap .room-img,
.home5-blog-area .blog-wrrap .blog-img,
.inner-blog .blog-wrrap .blog-img,
.our-room-section .single-room,
.room-suits-details-page .single-room {
    position: relative;
    overflow: hidden
}

.our-room-section .single-room>img {
    min-height: 320px
}

.our-room-section .single-room .background {
    opacity: 0;
    background: linear-gradient(180.75deg, rgba(28, 23, 29, 0) 32.54%, rgba(28, 23, 29, .86) 64.35%, #1c171d 99.35%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: .35s
}

.our-room-section .single-room .room-content,
.room-suits-details-page .single-room .room-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -125px;
    padding: 40px 35px;
    transition: .35s
}

.our-room-section .single-room .room-content .price-tag {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--white)
}

.home-one-offers .scroll-offer .single-offer>.content .left-content .price-tag span,
.home-one-offers .single-offer2 .offer-content .price-tag span,
.our-room-section .single-room .room-content .price-tag span {
    font-size: 25px;
    font-weight: 500
}

.our-room-section .single-room .room-content h3 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 30px;
    line-height: 35px;
    color: var(--white);
    margin-bottom: 15px;
    padding-top: 2px;
    transition: .35s
}

.home-one-offers .single-offer2 .offer-content .bed-and-person,
.our-room-section .single-room .room-content .bed-and-person,
.room-suits-details-page .single-room .room-content .bed-and-person {
    gap: 40px
}

.home-one-offers .single-offer2 .offer-content .bed-and-person .bed-qty p,
.home-one-offers .single-offer2 .offer-content .bed-and-person .persons p,
.our-room-section .single-room .room-content .bed-and-person .bed-qty p,
.our-room-section .single-room .room-content .bed-and-person .persons p,
.room-suits-details-page .single-room .room-content .bed-and-person .bed-qty p,
.room-suits-details-page .single-room .room-content .bed-and-person .persons p {
    margin-bottom: 0;
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .03em;
    color: var(--white);
    display: flex;
    align-items: baseline
}

.h5-choose-area .choose-right-area .choose-content ul li img,
.home-one-offers .single-offer2 .offer-content .bed-and-person .bed-qty p img,
.home-one-offers .single-offer2 .offer-content .bed-and-person .persons p img,
.home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person .bed-qty p img,
.home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person .persons p img,
.home-three-service .service-content .services-feature ul li img,
.home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person .bed-qty p img,
.home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person .persons p img,
.home5-room-suits .room-wrrap .room-content .bed-and-person .bed-qty p img,
.home5-room-suits .room-wrrap .room-content .bed-and-person .persons p img,
.our-room-section .single-room .room-content .bed-and-person .bed-qty p img,
.our-room-section .single-room .room-content .bed-and-person .persons p img,
.room-suits-details-page .single-room .room-content .bed-and-person .bed-qty p img,
.room-suits-details-page .single-room .room-content .bed-and-person .persons p img,
.room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person .bed-qty p img,
.room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person .persons p img,
.superior-offer .offer-wrap .offer-content .bed-and-person .bed-qty p img,
.superior-offer .offer-wrap .offer-content .bed-and-person .persons p img {
    margin-right: 10px
}

.our-room-section .single-room .room-content .book-btn,
.room-suits-details-page .single-room .room-content .book-btn {
    padding-top: 60px;
    transition: .35s
}

.our-room-section .single-room .room-content .book-btn a,
.room-suits-details-page .single-room .room-content .book-btn a {
    font-family: var(--font-island);
    font-weight: 400;
    font-size: 30px;
    letter-spacing: .03em;
    border: .5px solid #fff;
    padding: 5px 35px
}

.home-one-offers .scroll-offer .single-offer:hover::after,
.home4-rooms .rooms-wrrap:hover .room-img::after,
.our-room-section .single-room:hover .background,
.room-suits-details-page .single-room:hover .background,
header.style-3 .main-menu .menu-list>li:hover::before {
    opacity: 1
}

.home-one-offers .single-offer2:hover .offer-content,
.home-two-feature .feature-card .featura-img:hover .feature-content,
.home4-rooms .rooms-wrrap:hover .room-img .room-content,
.our-room-section .single-room:hover .room-content,
.room-suits-details-page .single-room:hover .room-content {
    bottom: 0
}

.our-room-section .room-btn {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .03em;
    background: var(--primary-color1);
    padding: 14px 45px
}

.home-one-features {
    background-image: url(../images/bg/h1-features-img.png)
}

.home-one-features .nav-pills .nav-link.active,
.home-one-features .nav-pills .show>.nav-link {
    color: unset;
    background-color: unset
}

.home-one-features .swiper {
    padding: unset
}

.home-one-features .feature-content {
    padding: 80px 50px
}

@media(min-width:1200px) and (max-width:1399px) {
    .home-one-features .feature-content {
        padding: 80px 30px
    }
}

.home-one-features .feature-content .section-title1,
.home-three-facilites .section-title3,
.home-two-about .about-img .about-img-1,
.home5-about-area .about-content p,
.home5-facilities .facilities-wrrap .facilities-content p {
    margin-bottom: 40px
}

.home-one-features .feature-content .feature-items {
    background-color: var(--white);
    padding: 45px 15px;
    width: 100%;
    position: relative;
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 23px;
    color: var(--title-color);
    text-align: center;
    margin-bottom: 0;
    line-height: 13px
}

.home-one-features .feature-content .feature-items::after {
    content: url(../images/bg/f-icon-bg.png);
    position: absolute;
    left: 45px;
    top: 30px
}

@media(min-width:1400px) and (max-width:1599px) {
    .home-one-features .feature-content {
        padding: 80px 25px 80px 50px
    }

    .home-one-features .feature-content .feature-items {
        padding: 30px 8px;
        width: 145px
    }
}

.home-one-features .tab-content .swiper-pagination-bullet,
.swiper-pagination .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 25px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 90px;
    background: var(--primary-color1)
}

@media(max-width:1399px) {
    .ml--230 {
        margin-left: unset
    }

    header.style-1 .nav-right {
        gap: 20px
    }

    .home-one-features .feature-content .feature-items::after {
        left: 30%
    }

    .home-one-features .feature-content .feature-items {
        padding: 30px 8px
    }
}

@media(max-width:576px) {
    .pt-60 {
        padding-top: 40px
    }

    header.style-1 .nav-right .bookmark-icon {
        display: none
    }

    .hero-style1 .hero-video video {
        min-height: 400px
    }

    .hero-style1 .hero-video .hero-content {
        left: 0;
        padding: 20px
    }

    .hero-style1 .hero-video .hero-content h1 {
        font-size: 40px;
        line-height: 50px
    }

    .section-title1 h2 {
        font-size: 35px
    }

    .our-room-section .single-room .room-content {
        padding: 40px 25px
    }

    .our-room-section .single-room .room-content .bed-and-person {
        gap: 20px;
        flex-wrap: wrap
    }

    .home-one-features .feature-content {
        padding: 80px 20px
    }

    .home-one-features .feature-content .feature-items::after {
        left: 30%;
        top: 15px
    }

    .home-one-features .feature-content .feature-items {
        padding: 20px 8px 17px
    }
}

.home-one-features .feature-content .feature-items svg {
    fill: var(--title-color);
    transition: .35s;
    margin-bottom: 35px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hero-style4 .swiper-btn .btns svg,
.home-one-features .feature-content .feature-items:hover svg,
.home-one-testimonial .swiper-btn-left .btns svg,
.home-one-testimonial .swiper-btn-right .btns svg,
.home-two-offer .swiper-btn .btns svg {
    fill: var(--primary-color1);
    transition: .35s
}

.home-one-features .feature-content .feature-items.active {
    background-color: var(--title-color);
    color: var(--white)
}

.home-one-features .feature-content .feature-items.active svg,
.home-two-offer .offer-wraper>.content .room-features ul li svg {
    fill: var(--white)
}

.home-one-features .tab-content .feature-slider img,
.home-two-about .about-img .about-img-1 img,
.home-two-about .about-img .about-img-2 img,
.home-two-choose .choose-left .choose-img img,
.home-two-feature .feature-card .featura-img>img,
.room-suits-details-page .widget-area2 .single-widgets .select-items .nice-select.open .list {
    width: 100%
}

.home-one-features .tab-content .swiper-pagination-bullet {
    width: 25px;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1)
}

.home-one-features .tab-content .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--white)
}

.home-one-features .nav-link {
    padding: .3rem
}

.home-one-features .nav-tabs .nav-link:focus,
.home-one-features .nav-tabs .nav-link:hover {
    border-color: transparent
}

.swiper-pagination .swiper-pagination-bullet {
    width: 25px
}

.swiper-pagination .swiper-pagination-bullet-active {
    background: var(--white)
}

.home-one-offers .scroll-offer {
    height: 1170px;
    overflow-y: scroll
}

.home-one-offers .scroll-offer::-webkit-scrollbar {
    width: 0
}

.home-one-offers .scroll-offer .single-offer {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.home-one-offers .scroll-offer .single-offer>img {
    height: 330px;
    width: 100% !important
}

.home-one-offers .scroll-offer .single-offer::after {
    content: "";
    background: linear-gradient(357.71deg, #1c171d 9.06%, rgba(28, 23, 29, .3) 49.66%, rgba(28, 23, 29, 0) 101.76%, rgba(28, 23, 29, 0) 139.43%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: -1
}

.home-one-offers .scroll-offer .single-offer .offer-card {
    position: absolute;
    top: 15px;
    right: 20px
}

.home-one-offers .scroll-offer .single-offer .offer-card .offer {
    position: relative;
    margin-right: -50px
}

.home-one-offers .scroll-offer .single-offer .offer-card .offer .content,
.home-one-offers .single-offer2 .offer-batch .offer .content {
    position: absolute;
    left: 10px;
    top: 19px
}

.home-one-offers .scroll-offer .single-offer .offer-card .offer .content h4,
.home-two-offer .offer-wraper .offer-card .offer .content h4 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 23px;
    letter-spacing: .03em;
    color: var(--white);
    transform: rotate(-4.16deg);
    margin-bottom: 0;
    line-height: 15px
}

.home-one-offers .scroll-offer .single-offer .offer-card .offer .content span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 13px;
    letter-spacing: .03em;
    color: var(--white);
    transform: rotate(-6.1deg);
    margin-left: 7px
}

.home-one-offers .scroll-offer .single-offer .offer-card .day span,
.home-two-offer .offer-wraper .offer-card .day span {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .04em;
    color: var(--white);
    background: rgba(32, 32, 32, .4);
    border: 1px solid #434e57;
    border-radius: 170px;
    padding: 13px 15px 13px 63px
}

.home-one-offers .scroll-offer .single-offer>.content {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px 30px 30px;
    width: 100%;
    gap: 10px
}

.home-one-offers .scroll-offer .single-offer>.content .left-content .price-tag {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    color: var(--white)
}

.home-one-offers .scroll-offer .single-offer>.content .left-content h3 a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 30px;
    color: var(--white);
    margin-bottom: 0
}

.home-one-offers .scroll-offer .single-offer>.content .left-content .stars,
.home-two-offer .offer-wraper>.content .left-content .stars {
    margin: 0;
    padding: 0;
    gap: 9px
}

.home-one-offers .scroll-offer .single-offer>.content .book-btn,
.home-two-offer .offer-wraper>.content .room-features {
    opacity: 0;
    transform: scale(.4);
    transition: .35s
}

.home-one-offers .scroll-offer .single-offer>.content .book-btn a {
    font-family: var(--font-island);
    font-weight: 400;
    font-size: 30px;
    letter-spacing: .03em;
    border: .5px solid #fff;
    padding: 5px 35px;
    white-space: nowrap
}

.home-one-offers .scroll-offer .single-offer:hover .content .book-btn {
    opacity: 1;
    transform: scale(1);
    transition: .35s
}

.home-one-offers .single-offer2 .offer-img img {
    height: 300px
}

.home-one-offers .single-offer2 .background {
    background: linear-gradient(214.35deg, rgba(217, 217, 217, 0) 32.25%, #000 76.56%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: .35s
}

.home-one-offers .single-offer2 .offer-batch {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 9
}

.home-one-offers .single-offer2 .offer-batch .offer .content h4 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 23px;
    letter-spacing: .03em;
    color: var(--title-color);
    transform: rotate(-4.16deg);
    margin-bottom: 0;
    line-height: 15px
}

.home-one-offers .single-offer2 .offer-batch .offer .content span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 13px;
    letter-spacing: .03em;
    color: var(--title-color);
    transform: rotate(-6.1deg);
    margin-left: 7px
}

.home-one-offers .single-offer2 .offer-content {
    position: absolute;
    left: 0;
    bottom: -117px;
    padding: 40px 35px;
    transition: .35s
}

.home-one-offers .single-offer2 .offer-content .price-tag {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white)
}

.home-one-offers .single-offer2 .offer-content h3 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 30px;
    line-height: 35px;
    color: var(--white);
    margin-bottom: 45px;
    padding-top: 2px
}

.home-one-offers .single-offer2 .offer-content .book-btn,
.home5-blog-area .blog-wrrap .blog-img img,
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wi img,
.superior-offer .offer-wrap .offer-img .batch .offer img {
    transition: .35s
}

.home-one-offers .single-offer2 .offer-content .book-btn a {
    font-family: var(--font-island);
    font-weight: 400;
    font-size: 30px;
    letter-spacing: .03em;
    color: var(--primary-color1);
    border: .5px solid #434e57;
    padding: 5px 35px
}

.breadcrumb-section nav ol .breadcrumb-item.active,
.error-page .error-wrrap .error-content a:hover i,
.home-one-offers .single-offer2:hover .offer-content span,
.home-three-facilites .faciliti-wrrap .content a:hover,
.home-three-facilites .faciliti-wrrap:hover .facility-overlay .content h3,
.home-two-choose .choose-feature a:hover,
.home-two-feature .feature-card .featura-img .feature-content>a:hover,
.home-two-offer .view-all-btn a:hover,
footer .footer-btm .devlopar-area p a:hover,
footer .footer-top .footer-items .social-link li a:hover i {
    color: var(--white)
}

.home-one-offers .single-offer2:hover .offer-content h3 {
    color: var(--white);
    margin-bottom: 15px
}

.home-one-offers .single-offer2:hover .offer-content .book-btn {
    padding-top: 27px
}

.home-one-offers .offer-banner {
    padding-bottom: 9px
}

.home-one-offers .offer-banner .left-banner {
    background: #fff;
    border: 1px solid #434e57;
    border-radius: 10px;
    padding: 30px;
    max-width: 192px;
    width: 100%;
    position: relative
}

.home-one-offers .offer-banner .left-banner::after {
    content: "";
    width: 177px;
    height: 180px;
    background: var(--primary-color1);
    opacity: .5;
    border-radius: 10px;
    transform: rotate(-3.68deg);
    position: absolute;
    left: 8px;
    top: -2px;
    z-index: -1
}

.home-one-offers .offer-banner .left-banner .vector {
    content: url(../images/icons/offer-vec-2.svg);
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0
}

.home-one-offers .offer-banner .left-banner::before {
    content: "";
    width: 12.5px;
    height: 25px;
    background: var(--white);
    border-bottom-right-radius: 90px;
    border-top-right-radius: 90px;
    border: 1px solid #434e57;
    border-left: 0;
    position: absolute;
    bottom: 45px;
    left: -1px;
    z-index: 6
}

.home-one-offers .offer-banner .left-banner h5 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: .03em;
    color: var(--title-color);
    margin-bottom: 0
}

.home-one-offers .offer-banner .left-banner span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    color: var(--text-color1)
}

.home-one-offers .offer-banner .left-banner p {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 0;
    padding-top: 33px
}

.home-one-offers .offer-banner .right-banner {
    background: #fff;
    border: 1px solid #434e57;
    border-radius: 10px;
    padding: 23px 38px;
    max-width: 280px;
    width: 100%;
    margin-left: -1px;
    position: relative
}

.home-one-offers .offer-banner .right-banner::before {
    content: "";
    width: 13.5px;
    height: 25px;
    background: var(--white);
    border-bottom-left-radius: 90px;
    border-top-left-radius: 90px;
    border: 1px solid #434e57;
    border-right: 0;
    position: absolute;
    bottom: 45px;
    left: -14px;
    z-index: 6
}

.home-one-offers .offer-banner .right-banner h3 {
    margin-bottom: 0;
    font-family: var(--font-yeseva);
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 35px;
    color: var(--dark)
}

.home-one-offers .offer-banner .right-banner .sammer {
    text-align: center;
    font-size: 60px;
    font-family: var(--font-island);
    color: var(--primary-color1);
    padding-top: 12px;
    margin-bottom: 10px
}

.home-one-offers .offer-banner .right-banner .offer {
    text-align: end
}

.home-one-testimonial .section-title1 {
    margin-bottom: 55px
}

.home-one-testimonial .swiper {
    padding: 25px;
    margin: -25px
}

.home-one-testimonial .testimonial-wrrap {
    border: 1px solid #eee;
    padding: 45px 30px;
    position: relative;
    transition: .35s
}

.home-one-testimonial .testimonial-wrrap>img {
    background-color: var(--white);
    position: absolute;
    top: -12px;
    left: -26px
}

.home-one-testimonial .testimonial-wrrap .content {
    margin-bottom: 30px;
    text-align: center
}

.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-img {
    border-radius: 50%;
    margin-right: 15px
}

.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg h4 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 22px;
    color: var(--title-color);
    margin-bottom: 0;
    white-space: nowrap
}

@media(min-width:992px) and (max-width:1199px) {
    .home-one-testimonial .testimonial-wrrap {
        padding: 45px 20px
    }

    .home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg h4 {
        font-size: 20px
    }

    header.style-2 {
        padding: 0 30px
    }
}

.hero-style3 .hero-content .hero-facility .single-facility .content h5,
.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg p,
.home-three-about .about-feature .content p,
.home-three-counter-accrodian .faq-wrap .faq-item:last-child,
.home-two-about .about-content p,
.home4-single-service .content p,
.inner-blog .blog-post-area .blog-details .blog-meta p,
.inner-blog .widget-area .widget_egns_social .social-link li,
footer .footer-top .footer-items .email .email-info h6,
footer .footer-top .footer-items .email .hotline-info h6,
footer .footer-top .footer-items .hotline .email-info h6,
footer .footer-top .footer-items .hotline .hotline-info h6,
footer .footer-top .footer-items .social-link li,
footer .footer-top .footer-items ul li:last-child {
    margin-bottom: 0
}

.hero-style4 .author-side-bar .athor-slider-wrrap .author-name-review .stars,
.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg .review ul,
.home-one-testimonial .testimonial-wrrap .author-review-area .review ul {
    margin: 0;
    padding: 0;
    gap: 8px
}

.home-one-testimonial .testimonial-wrrap:hover {
    border-color: var(--primary-color1)
}

.home-one-testimonial .swiper-btn-left::after {
    left: 60px;
    top: 50%
}
.home-one-testimonial .swiper-btn-left::after,
.home-one-testimonial .swiper-btn-right::after {
    content: "";
    width: 70% !important;
    border: 1px dashed #434e57;
    position: absolute;
}

.home-one-testimonial .swiper-btn-right::after {
    right: 60px;
    top: 21px
}

.home-one-testimonial .swiper-btn-left .btns {
    height: 40px;
    width: 40px;
    border: 1px solid #434e57;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .35s
}

.home-one-testimonial .swiper-btn-left .btns:hover,
.home-one-testimonial .swiper-btn-right .btns:hover,
.home-two-offer .swiper-btn .btns:hover,
.home-two-testimonial .swiper-btn .btns:hover {
    border-color: var(--title-color)
}

.hero-style4 .author-side-bar .email .email-icon svg,
.hero-style4 .author-side-bar .email .hotline-icon svg,
.hero-style4 .author-side-bar .hotline .email-icon svg,
.hero-style4 .author-side-bar .hotline .hotline-icon svg,
.hero-style4 .swiper-btn .btns:hover svg,
.home-one-testimonial .swiper-btn-left .btns:hover svg,
.home-one-testimonial .swiper-btn-right .btns:hover svg,
.home-two-offer .swiper-btn .btns:hover svg,
.home-two-testimonial .swiper-btn .btns:hover svg {
    fill: var(--title-color)
}


.home-one-testimonial .swiper-btn-right .btns,
.home-two-offer .swiper-btn .btns {
    height: 40px;
    width: 40px;
    border: 1px solid #434e57;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    transition: .35s
}

.home-one-testimonial .contents p {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .03em;
    line-height: 26px;
    color: var(--text-color1);
    margin-bottom: 0;
}

.home-one-video .video-area video {
    width: 100% !important;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 700px;
    position: relative
}

.home-one-video .video-area .our-activitys {
    max-width: 1100px;
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #1c171d;
    height: 126px;
    padding: 10px 65px;
    position: absolute;
    right: 0;
    bottom: 6px;
    gap: 10px
}

.home-one-video .video-area .our-activitys .booking .number h2,
.home-one-video .video-area .our-activitys .satisfied-gest .number h2,
.home-one-video .video-area .our-activitys .visitors .number h2 {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 110px;
    -webkit-text-stroke: 2px rgba(255, 255, 255, .2);
    color: transparent;
    margin-bottom: 0;
    letter-spacing: .07em
}

.home-one-video .video-area .our-activitys .booking .number span,
.home-one-video .video-area .our-activitys .satisfied-gest .number span,
.home-one-video .video-area .our-activitys .visitors .number span {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 110px;
    -webkit-text-stroke: 2px rgba(255, 255, 255, .2);
    color: transparent
}

.home-one-video .video-area .our-activitys .booking .contents,
.home-one-video .video-area .our-activitys .satisfied-gest .contents,
.home-one-video .video-area .our-activitys .visitors .contents,
.home-two-counter .our-activitys .booking .contents,
.home-two-counter .our-activitys .satisfied-gest .contents,
.home-two-counter .our-activitys .visitors .contents {
    margin-left: -25px
}

.home-one-video .video-area .our-activitys .booking .contents p,
.home-one-video .video-area .our-activitys .satisfied-gest .contents p,
.home-one-video .video-area .our-activitys .visitors .contents p {
    margin-bottom: 0;
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    color: var(--white)
}

.home-one-video .video-area .video-batch,
.home5-about-area .about-right .about-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.home-one-video .video-area .video-batch img {
    width: 75px
}

.home-one-video .video-area .video-batch h2 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: var(--white);
    margin-bottom: 0;
    padding-top: 40px
}

.home-one-gallery .gallery-item a,
.home-one-gallery.two .gallery-item a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(34, 34, 34, .8);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: scale(.4);
    transition: .5s
}

.home-one-gallery .gallery-item a i,
.home-one-gallery.two .gallery-item a i {
    color: #fff;
    font-size: 30px
}

.home-one-gallery .gallery-item.five,
.home-one-gallery .gallery-item.four {
    margin-top: -247px
}

.home-one-gallery .gallery-item.six {
    margin-top: -250px
}

.home-one-gallery .gallery-item.seven {
    margin-top: -501px
}

@media(max-width:1399px) {
    .home-one-offers .scroll-offer {
        height: 1175px
    }

    .home-one-video .video-area .our-activitys {
        gap: 30px
    }

    .home-one-gallery .gallery-item.five,
    .home-one-gallery .gallery-item.four {
        margin-top: -212px
    }

    .home-one-gallery .gallery-item.six {
        margin-top: -214px
    }

    .home-one-gallery .gallery-item.seven {
        margin-top: -430px
    }

    header.style-2 .nav-right {
        gap: 50px
    }
}

@media(max-width:1199px) {
    .hero-style1 .multi-main-searchber {
        padding: 20px 20px 0
    }

    .hero-style1 .multi-main-searchber .searchbox-input::after {
        display: none
    }

    .hero-style1 .multi-main-searchber .searchbox-input::before {
        right: 18px
    }

    .hero-style1 .nice-select::after {
        right: 22px
    }

    .hero-style1 .main-form-submit a {
        width: unset;
        padding: 20px 70px;
        margin-top: 24px
    }

    .hero-style1 .main-form-submit,
    footer .footer-btm .devlopar-area {
        display: flex;
        justify-content: center
    }

    .home-one-features .nav-link {
        padding: .5rem
    }

    .home-one-offers .scroll-offer {
        height: 1230px
    }

    .home-one-testimonial .contents p {
        font-size: 18px
    }

    .home-one-gallery .gallery-item.four {
        margin-top: -177px
    }

    .home-one-gallery .gallery-item.five,
    .home-one-gallery .gallery-item.six {
        margin-top: -178px
    }

    .home-one-gallery .gallery-item.seven {
        margin-top: -360px
    }
}

.home-one-gallery .gallery-item.eight {
    margin-top: 10px
}

.home-one-gallery .gallery-item:hover a,
.home-one-gallery.two .gallery-item:hover a,
.home-three-facilites .faciliti-wrrap:hover .facility-overlay,
.home-two-offer .swiper-container .swiper-slide.swiper-slide-active .offer-wraper .content .room-features {
    opacity: 1;
    transform: scale(1)
}

.home-one-blog .blog-wrrap,
.inner-blog .blog-wrrap {
    background: #fafafa
}

.home-one-blog .blog-wrrap .blog-img img {
    width: 100%;
    transition: .4s
}

footer .footer-top .social-area .dot1,
footer .footer-top .social-area .dot2 {
    width: 20px;
    height: 20px;
    background: #343035;
    top: -11px;
    display: inline-block;
    position: absolute
}

.home-one-blog .blog-wrrap .blog-img .batch,
.inner-blog .blog-post-area .blog-details .post-thumbnail .batch,
.inner-blog .blog-wrrap .blog-img .batch {
    position: absolute;
    left: 0;
    top: 0
}

.home-one-blog .blog-wrrap .blog-img .batch a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 16px;
    color: var(--white);
    background-color: #434e57;
    padding: 7px 20px;
    display: block
}

.home-one-blog .blog-wrrap .blog-content,
.inner-blog .blog-wrrap .blog-content {
    padding: 25px 20px 20px
}

.home-one-blog .blog-wrrap .blog-content .blog-meta {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px
}

.home-one-blog .blog-wrrap .blog-content .blog-meta a,
.inner-blog .blog-wrrap .blog-content .blog-meta a {
    transition: .35s;
    color: #5e5e5e
}

.home-one-blog .blog-wrrap .blog-content .blog-title h4,
.home4-about .section-title-4,
.home5-blog-area .blog-wrrap .blog-content .blog-title h4,
.inner-blog .blog-post-area .comment-section .section-title,
.inner-blog .blog-wrrap .blog-content .blog-title h4,
.section-title1 .main_title {
    margin-bottom: 20px
}

.home-one-blog .blog-wrrap .blog-content .blog-title h4>a,
.inner-blog .blog-wrrap .blog-content .blog-title h4>a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 24px;
    line-height: 35px;
    color: var(--title-color);
    text-transform: capitalize;
    transition: .35s
}

.home-one-blog .blog-wrrap .blog-content .read-more-btn>a,
.inner-blog .blog-wrrap .blog-content .read-more-btn>a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    color: var(--primary-color1);
    display: flex;
    align-items: center;
    transition: .35s
}

.home-one-blog .blog-wrrap .blog-content .read-more-btn>a svg,
.inner-blog .blog-wrrap .blog-content .read-more-btn>a svg {
    margin-right: 10px;
    stroke: var(--primary-color1);
    fill: none;
    transition: .35s
}

.faq-page .faq-wrap .accordion-button:hover::after,
.hero-style5 .banner-area header.style-5 .main-menu .mobile-logo-area .menu-close-btn .bi:hover,
.home-one-blog .blog-wrrap .blog-content .read-more-btn>a:hover,
.home-three-counter-accrodian .faq-wrap .accordion-button:hover::after,
.home-three-latest-post .latest-post-wraper .read-more-btn a:hover,
.home-two-blog .blog-wrrap .blog-content .read-more-btn>a:hover,
.inner-blog .blog-wrrap .blog-content .read-more-btn>a:hover,
.pagination li:first-child a:hover,
.pagination li:last-child a:hover {
    color: var(--title-color)
}

.home-one-blog .blog-wrrap .blog-content .read-more-btn>a:hover svg,
.home-three-latest-post .latest-post-wraper .read-more-btn a:hover svg,
.home-three-room-suits .swiper-btn .btns svg:hover,
.home-two-blog .blog-wrrap .blog-content .read-more-btn>a:hover svg,
.home4-testimonial .swiper-btn .btns:hover svg,
.home5-room-suits .swiper-btn .btns:hover svg,
.home5-room-suits .swiper-btn2 .btns:hover svg,
.home5-testimonial .swiper-btn2 .btns:hover,
.inner-blog .blog-wrrap .blog-content .read-more-btn>a:hover svg {
    stroke: var(--title-color)
}

.home-one-blog .blog-wrrap:hover .blog-img img,
.home-three-room-suits .room-suits-wrrap:hover .room-suits-img img,
.home-two-room-suits .room-wrrap:hover .room-img img,
.home5-blog-area .blog-wrrap:hover .blog-img img,
.inner-blog .blog-wrrap:hover .blog-img img,
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt:hover .wi img,
.room-suits-page-2 .room-suits-wrrap:hover .room-suits-img img,
.superior-offer .offer-wrap:hover .offer-img img {
    transform: scale(1.1)
}

footer {
    background-color: #434e57
}

footer .footer-top {
    padding: 100px 0 30px;
    border-bottom: 1px solid rgba(52, 48, 53, .5)
}

footer .footer-top .footer-about {
    padding-right: 100px
}

@media(max-width:991px) {
    .hero-style1 .hero-video .scroll-dowm {
        right: 5%
    }

    .section-title1 span {
        font-size: 30px;
        line-height: 35px
    }

    .home-one-about .about-content {
        margin-bottom: 100px;
        padding: unset
    }

    .home-one-about .about-img .reviews h2 {
        font-size: 35px
    }

    .home-one-features .feature-content .section-title1 {
        text-align: center
    }

    .home-one-offers .scroll-offer {
        height: 897px
    }

    .home-one-testimonial .testimonial-wrrap {
        padding: 35px 20px
    }

    .home-one-video .video-area .our-activitys {
        position: relative;
        height: unset;
        padding: 10px 25px
    }

    .home-one-video .video-area .our-activitys .booking,
    .home-one-video .video-area .our-activitys .satisfied-gest,
    .home-one-video .video-area .our-activitys .visitors {
        flex-wrap: wrap
    }

    .home-one-video .video-area .our-activitys .booking .number h2,
    .home-one-video .video-area .our-activitys .booking .number span,
    .home-one-video .video-area .our-activitys .satisfied-gest .number h2,
    .home-one-video .video-area .our-activitys .satisfied-gest .number span,
    .home-one-video .video-area .our-activitys .visitors .number h2,
    .home-one-video .video-area .our-activitys .visitors .number span {
        font-size: 70px
    }

    .home-one-video .video-area .our-activitys .booking .contents,
    .home-one-video .video-area .our-activitys .satisfied-gest .contents,
    .home-one-video .video-area .our-activitys .visitors .contents {
        margin-left: 20px
    }

    .home-one-gallery .gallery-item.eight,
    .home-one-gallery .gallery-item.five,
    .home-one-gallery .gallery-item.four {
        margin-top: unset
    }

    .home-one-gallery .gallery-item.six {
        margin-top: -204px
    }

    .home-one-gallery .gallery-item.seven {
        margin-top: unset;
        margin-right: 10px
    }

    footer .footer-top .footer-about {
        padding: 0 50px;
        text-align: center
    }

    footer .footer-top .footer-about .footer-btn {
        justify-content: center
    }
}

footer .footer-top .social-area {
    max-width: 300px;
    margin: 0 auto;
    border: 1px solid #fff;
    border-radius: 0 0 200px 200px;
    padding: 40px 20px 60px;
    position: relative
}

footer .footer-top .social-area .dot1 {
    border-radius: 50%;
    border: 1px solid #434e57;
    left: 50px
}

footer .footer-top .social-area .dot1::before,
footer .footer-top .social-area .dot2::before {
    content: url(../images/icons/footer-dash.svg);
    position: absolute;
    bottom: 12px;
    left: 4px;
    z-index: 9
}

footer .footer-top .social-area .dot2 {
    border-radius: 50%;
    border: 1px solid #434e57;
    right: 50px
}

.home-two-blog .blog-wrrap .blog-content .blog-title h4,
.home4-facilities .facilities-wrrap .overlay h3,
footer .footer-top .footer-items ul li,
footer .footer-top .social-area .footer-logo img {
    margin-bottom: 10px
}

footer .footer-top .social-area .footer-logo p {
    font-family: var(--font-jost);
    font-size: 20px;
    font-weight: 300px;
    line-height: 35px;
    color: #fff;
    margin-bottom: 0
}

footer .footer-top .social-area .footer-logo span {
    width: 5.66px;
    height: 5.66px;
    background: var(--primary-color1);
    transform: rotate(-45deg);
    display: inline-block;
    position: relative
}

footer .footer-top .social-area .footer-logo span::before {
    content: "";
    width: 84px;
    height: 1px;
    background-color: var(--primary-color1);
    position: absolute;
    left: -77px;
    top: -34px;
    transform: rotate(45deg)
}

footer .footer-top .social-area .footer-logo span::after {
    content: "";
    width: 84px;
    height: 1px;
    background-color: var(--primary-color1);
    position: absolute;
    right: -75px;
    top: 39px;
    transform: rotate(45deg)
}

footer .footer-top .footer-items .footer-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

footer .footer-top .footer-items .footer-btn a {
    border-color: #fff
}

footer .footer-top .footer-items .footer-btn a i {
    font-size: 10px
}

footer .footer-top .footer-items h4 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    text-transform: capitalize;
    letter-spacing: .03em;
    color: #fff;
    margin-bottom: 20px
}

footer .footer-top .footer-items p {
    color: #fff;
    margin-bottom: 18px;
    letter-spacing: .03em
}

.home-three-service .service-content .services-feature ul,
.inner-blog .blog-post-area .comment-section ul,
.inner-blog .widget-area .widget_egns_tag .wp-block-tag-cloud,
footer .footer-top .footer-items ul {
    margin: 0;
    padding: 0
}

footer .footer-top .footer-items ul li a {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #efefef;
    transition: .35s
}

footer .footer-top .footer-items .email .email-icon img,
footer .footer-top .footer-items .email .hotline-icon img,
footer .footer-top .footer-items .hotline .email-icon img,
footer .footer-top .footer-items .hotline .hotline-icon img {
    margin-right: 12px
}

footer .footer-top .footer-items .email .email-info h6 a,
footer .footer-top .footer-items .email .hotline-info h6 a,
footer .footer-top .footer-items .hotline .email-info h6 a,
footer .footer-top .footer-items .hotline .hotline-info h6 a {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-jost);
    color: #fff;
    transition: .35s
}

footer .footer-top .footer-items .footer-titel {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 28px;
    letter-spacing: .03em;
    color: var(--white);
    position: relative
}

footer .footer-top .footer-items .footer-titel::after {
    content: "";
    width: 145px;
    height: 2px;
    background: linear-gradient(90.02deg, #fff .02%, rgba(255, 255, 255, 0) 91.04%);
    border-radius: 20px;
    position: absolute;
    left: 0;
    bottom: -5px
}

footer .footer-top .footer-items .social-link {
    margin: 0;
    padding: 0;
    gap: 20px
}

footer .footer-top .footer-items .social-link li a {
    height: 34px;
    width: 34px;
    line-height: 35px;
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .35s
}

footer .footer-top .footer-items .social-link li a i {
    font-size: 20px;
    transition: .35s
}

.inner-blog .widget-area .widget_egns_social .social-link li a:hover,
footer .footer-top .footer-items .social-link li a:hover {
    background-color: var(--primary-color1)
}

footer .footer-mdl {
    border-bottom: 1px solid rgba(52, 48, 53, .5)
}

footer .footer-mdl .quick-menu ul {
    display: flex;
    align-content: center;
    justify-content: center;
    margin: 0;
    padding: 0
}

footer .footer-mdl .quick-menu ul li {
    padding: 10px 20px
}

footer .footer-mdl .quick-menu ul li a {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 16px;
    color: #efefef;
    transition: .35s
}

.home4-rooms .rooms-wrrap .room-img .room-features ul li,
footer .footer-btm {
    padding: 10px 0
}

footer .footer-btm .payment-mathort ul {
    margin: 0;
    padding: 0;
    gap: 40px;
    display: flex
}

footer .footer-btm .payment-mathort ul li {
    font-family: var(--font-jost);
    font-weight: 300;
    font-size: 20px;
    letter-spacing: .03em;
    color: var(--white)
}

footer .footer-btm .payment-mathort ul li a img {
    max-width: 100%
}

footer .footer-btm .devlopar-area p {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
    line-height: 27px
}

footer .footer-btm .devlopar-area p a {
    font-weight: 700;
    transition: .35s;
    color: #fff
}

.top-bar2 {
    background-color: var(--white);
    padding: 12px 0 15px;
    border-bottom: 1px solid #eee
}

.top-bar2 .email .email-icon svg,
.top-bar2 .email .hotline-icon svg,
.top-bar2 .hotline .email-icon svg,
.top-bar2 .hotline .hotline-icon svg {
    vertical-align: -webkit-baseline-middle
}

.hero-style4 .hero-social .hotline .hotline-info span,
.top-bar2 .email .email-info span,
.top-bar2 .email .hotline-info span,
.top-bar2 .hotline .email-info span,
.top-bar2 .hotline .hotline-info span {
    font-size: 12px;
    font-weight: 400;
    font-family: var(--font-jost);
    color: var(--title-color)
}

header.style-2 {
    background: var(--white);
    width: 100%;
    position: relative;
    top: 0;
    z-index: 9999
}

@media(max-width:991px) {
    footer .footer-mdl .quick-menu ul {
        flex-wrap: wrap;
        padding: 20px 0
    }

    footer .footer-mdl .quick-menu ul li {
        padding: 5px 10px
    }

    footer .footer-btm .devlopar-area p {
        padding: 10px 0 0
    }

    .top-bar2 {
        display: none
    }

    .top-bar2 .email,
    .top-bar2 .hotline {
        display: none !important;
        visibility: hidden
    }

    header.style-2 {
        padding: 0 30px;
        top: 0
    }
}

header.style-2.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    box-shadow: 5px 3px 40px rgba(0, 72, 88, .1);
    animation: .65s linear smooth-header
}

header.style-2 .header-logo {
    height: 100%;
    display: none
}

header.style-2 .header-logo img,
header.style-3 .header-logo img {
    min-width: 120px;
    max-width: 100%
}

header.style-2 .nav-right .header-btn a {
    font-family: var(--font-jost);
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    transition: .35s ease-in;
    cursor: pointer;
    white-space: nowrap;
    padding: 14px 41px
}

header.style-2 .nav-right .bookmark-icon>a i,
header.style-3 .nav-right .bookmark-icon>a i,
header.style-4 .nav-right .bookmark-icon>a i {
    color: var(--title-color);
    font-size: 25px;
    line-height: 25px
}

@media(max-width:1199px) {
    header.style-2 .nav-right {
        gap: 20px
    }

    header.style-2 .main-menu .menu-list>li {
        margin: 0 15px
    }
}

header.style-2 .main-menu .menu-list>li a {
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    color: var(--title-color);
    padding: 32px 0;
    display: inline-block;
    white-space: nowrap;
    transition: .4s;
    display: flex;
    align-items: center;
    font-family: var(--font-jost);
    text-transform: capitalize
}

header.style-2 .main-menu .menu-list>li a:hover {
    color: var(--primary-color1);
    position: relative
}

header.style-2 .main-menu .menu-list>li a:hover::before {
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(90.05deg, #434e57 .06%, rgba(219, 167, 101, 0) 102.94%);
    border-radius: 20px;
    position: absolute;
    left: 0;
    bottom: 20px
}

header.style-2 .main-menu .menu-list>li .submenu {
    padding: 0;
    position: absolute;
    top: 82px;
    left: 0;
    max-width: 230px;
    min-width: 230px;
    background-color: #fff;
    text-align: left;
    transform: translateY(25px);
    opacity: 0;
    visibility: hidden;
    transition: .55s ease-in-out;
    box-shadow: 5px 3px 40px rgba(0, 72, 88, .1)
}

header.style-2 .main-menu .menu-list>li .submenu>li a {
    display: block;
    padding: 12px 25px;
    border-bottom: 1px solid rgba(60, 170, 159, .1);
    position: relative;
    z-index: 1;
    font-size: 18px;
    color: var(--title-color)
}

header.style-2 .main-menu .menu-list>li.menu-item-has-children::after {
    content: "\f282";
    font-family: bootstrap-icons;
    font-weight: 600;
    position: absolute;
    top: 35px;
    right: 0;
    font-size: 12px;
    color: var(--title-color);
    transition: .42s ease-in-out
}

header.style-2 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon {
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 20px
}

header.style-2 .main-menu .mobile-logo-area .menu-close-btn .bi:hover {
    color: red
}

.hero-style5 .banner-area header.style-5 .main-menu .mobile-logo-wrap,
header.style-2 .main-menu .mobile-logo-wrap,
header.style-3 .main-menu .mobile-logo-wrap,
header.style-4 .main-menu .mobile-logo-wrap {
    padding: 10px
}

header.style-2 .mobile-menu-btn .bx {
    color: var(--title-color);
    font-size: 28px;
    line-height: 0
}

header.style-2 .email .email-info h6,
header.style-2 .email .hotline-info h6,
header.style-2 .hotline .email-info h6,
header.style-2 .hotline .hotline-info h6 {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--font-yeseva);
    color: var(--white);
    white-space: nowrap;
    margin-bottom: 0
}

.hero-style2 {
    padding: 50px 0 30px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10
}

.main_title,
.section-title2 h2 {
    margin-bottom: -3px;
    padding-top: 10px
}

.hero-style2 .social-link {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%)
}

.hero-style2 .social-link li {
    padding: 20px;
    color: var(--white);
    position: relative;
    transition: .35s
}

.hero-style2 .social-link li a i {
    font-size: 25px
}

.hero-style2 .social-link li::after {
    content: "";
    height: 3px;
    width: 3px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .2);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.hero-style2 .hero-content {
    max-width: 980px;
    width: 100%;
    margin-bottom: 90px
}

.hero-style2 .hero-content h4 {
    font-family: var(--font-jost);
    font-weight: 300;
    font-size: 17px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .7);
    margin-bottom: 25px;
    background-color: rgba(60, 170, 159, .25);
    display: inline-block;
    padding: 15px 20px;
    text-align: center
}

.hero-style2 .hero-content a,
.hero-style2 .hero-content h1,
.hero-style2 .main-form-submit a,
.hero-style2 .nice-select .option {
    text-transform: capitalize;
    letter-spacing: .03em
}

.hero-style2 .hero-content h1 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 85px;
    line-height: 105px;
    color: var(--white)
}

@media(max-width:1399px) {
    .hero-style2 .social-link {
        right: 30px
    }

    .hero-style2 .hero-content h1 {
        font-size: 70px;
        line-height: 90px
    }
}

.hero-style2 .hero-content p {
    letter-spacing: .03em;
    color: var(--white);
    margin-bottom: 50px
}

.hero-style2 .hero-content a {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 18px;
    padding: 12px 25px;
    display: inline-block
}

.hero-style2 .multi-main-searchber {
    background-color: #fff;
    margin: 0 auto;
    padding: 20px 15px;
    position: relative;
    z-index: 0;
    border-radius: 0 35px;
}
.hero-style2 .multi-main-searchber .main-form-submit a {
    width: 100%;
}

@media(max-width:991px) {
    header.style-2 .header-logo {
        padding: 20px 0;
        display: block
    }

    header.style-2 .main-menu .menu-list>li a.active::before,
    header.style-2 .main-menu .menu-list>li.menu-item-has-children::after,
    header.style-2 .nav-right .bookmark-icon,
    header.style-2 .nav-right .header-btn {
        display: none;
        visibility: hidden
    }

    header.style-2 .main-menu .menu-list {
        flex-direction: column;
        justify-content: start
    }

    header.style-2 .main-menu .menu-list>li {
        margin: 0;
        width: 100%
    }

    header.style-2 .main-menu .menu-list>li .dropdown-icon {
        opacity: 1;
        visibility: visible
    }

    header.style-2 .main-menu .menu-list>li a:hover::before {
        bottom: 0;
        display: none
    }

    header.style-2 .main-menu .menu-list>li a {
        padding: 12px 0;
        display: block;
        position: relative;
        border-bottom: 1px solid rgba(60, 170, 159, .098)
    }

    header.style-2 .main-menu .menu-list>li a:hover {
        color: unset
    }

    header.style-2 .main-menu .menu-list>li .submenu {
        opacity: 1;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        border: unset;
        display: none;
        transition: unset;
        box-shadow: unset;
        transform: translateY(0);
        visibility: unset
    }

    header.style-2 .main-menu .menu-list>li .submenu>li a {
        border-bottom: unset;
        padding: 12px 15px
    }

    header.style-2 .main-menu .menu-list>li.menu-item-has-children {
        padding-right: unset
    }

    header.style-2 .main-menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 280px;
        height: 100%;
        overflow-y: auto;
        background-color: var(--white);
        border-right: 1px solid #eee;
        padding: 40px 20px;
        z-index: 999;
        transition: .7s ease-in-out
    }

    header.style-2 .main-menu.show-menu {
        left: 0
    }

    header.style-2 .email .email-info h6,
    header.style-2 .email .email-info span,
    header.style-2 .email .hotline-info h6,
    header.style-2 .email .hotline-info span,
    header.style-2 .hotline .email-info h6,
    header.style-2 .hotline .email-info span,
    header.style-2 .hotline .hotline-info h6,
    header.style-2 .hotline .hotline-info span {
        color: var(--title-color)
    }

    .hero-style2 {
        padding: 100px 0;
        height: unset
    }

    .hero-style2 .social-link {
        display: none
    }

    .hero-style2 .hero-content {
        margin-bottom: 70px
    }

    .hero-style2 .hero-content h4 {
        margin-bottom: 10px
    }

    .hero-style2 .hero-content h1 {
        margin-bottom: 30px;
        font-size: 50px;
        line-height: 60px
    }

    .hero-style2 .multi-main-searchber {
        padding: 25px 50px
    }
}

.form-section .multi-main-searchber .searchbox-input,
.hero-style2 .multi-main-searchber .searchbox-input,
.room-suits-page-2 .multi-main-searchber .searchbox-input {
    width: 100%;
    position: relative;
    border: 1px solid #e2e2e2;
    height: 60px
}

/* .hero-style2 .multi-main-searchber .searchbox-input.message_box {
    height: 133px;
} */
.hero-style2 .multi-main-searchber .searchbox-input.message_box:before {
    top: 30px;
}
.multi-main-searchber .column_box {
    padding: 0 7px;
}

.multi-main-searchber .row {
    gap: 14px 0;
}

.form-section .multi-main-searchber .searchbox-input::after,
.hero-style2 .multi-main-searchber .searchbox-input::after,
.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input::after,
.room-suits-page-2 .multi-main-searchber .searchbox-input::after {
    content: "";
    width: 2px;
    height: 36px;
    background: var(--primary-color1);
    opacity: .2;
    border-radius: 10px
}

.hero-style2 .multi-main-searchber .searchbox-input::before,
.room-suits-page-2 .multi-main-searchber .searchbox-input::before {
    position: absolute;
    content: url(../images/icons/date.svg);
    left: 22px;
    line-height: 0;
    top: 50%;
    transform: translateY(-50%)
}
.user_icon:before,
.mobile_icon:before,
.location_icon:before,
.message_icon:before,
.property_icon:before {
    content: '' !important;
    background-size: 22px;
    background-position: left top;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}
.message_icon:before {
    background-image: url('../images/icons/message.png');
}
.user_icon:before {
    background-image: url('../images/icons/user.svg');
}
.mobile_icon:before {
    background-image: url('../images/icons/mobile.png');
}
.property_icon:before {
    background-image: url('../images/icons/house.png');
}
.location_icon:before {
    background-image: url('../images/icons/location.png');
}



.hero-style2 .multi-main-searchber .searchbox-input label,
.room-suits-page-2 .multi-main-searchber .searchbox-input label {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    color: var(--title-color);
    padding: 5px 20px 0 65px;
    white-space: nowrap
}

.hero-style2 .multi-main-searchber .searchbox-input input,
.room-suits-page-2 .multi-main-searchber .searchbox-input input {
    padding: 0 20px 2px 65px;
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    border: none;
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 16px;
    color: #666 !important
}

.hero-style2 .multi-main-searchber .searchbox-input input::-moz-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: #666 !important
}

.hero-style2 .multi-main-searchber .searchbox-input input:-ms-input-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: #666 !important
}

.hero-style2 .multi-main-searchber .searchbox-input input::placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: #666 !important
}

.form-section .multi-main-searchber .searchbox-input .calendar,
.hero-style2 .multi-main-searchber .searchbox-input .calendar,
.hero-style3 .multi-main-searchber .searchbox-input .calendar,
.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input .calendar,
.home-three-offers .booking-area form .searchbox-input .calendar,
.room-suits-page-2 .multi-main-searchber .searchbox-input .calendar {
    background: #fff;
    border-radius: 4px;
    font-size: 14px !important;
    border: none;
    position: relative
}

.form-section .multi-main-searchber .searchbox-input.two,
.hero-style2 .multi-main-searchber .searchbox-input.two,
.room-suits-page-2 .multi-main-searchber .searchbox-input.two {
    height: 60px
}

.hero-style2 .multi-main-searchber .searchbox-input.two::before,
.room-suits-page-2 .multi-main-searchber .searchbox-input.two::before {
    content: url(../images/icons/user.svg);
    z-index: 99
}

.hero-style2 .multi-main-searchber .searchbox-input.three::before,
.room-suits-page-2 .multi-main-searchber .searchbox-input.three::before {
    content: url(../images/icons/hotel.svg)
}

.hero-style2 .nice-select,
.room-suits-page-2 .nice-select {
    width: 100%;
    border: none;
    padding: 0 30px 0 65px;
    line-height: 1;
    height: 25px
}

.hero-style2 .nice-select .list {
    top: 30px;
    width: 100%;
    border-radius: unset;
    z-index: 9999
}

.hero-style2 .nice-select .option {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color);
    white-space: break-spaces;
    line-height: 20px;
    padding: 4px 20px
}

.hero-style2 .nice-select::after,
.room-suits-page-2 .nice-select::after {
    height: 8px;
    width: 8px;
    right: 15px;
    border-color: var(--primary-color1);
    top: -15%
}

.hero-style2 .main-form-submit a {
    padding: 17px 35px;
    border: none;
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    white-space: nowrap;
    text-align: center;
    height: 60px
}

@media(max-width:992px) {
    /* .hero-style2 .main-form-submit a {
        margin-top: 24px
    } */
    .multi-main-searchber .row {
        gap: 16px 0;
    }

    .hero-style2 .main-form-submit {
        display: flex;
        justify-content: center
    }
}

.section-title2 {
    margin-top: -8px
}

.section-title2 span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--primary-color1)
}

.section-title2 h2 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    color: var(--title-color)
}

.section-title2 .main_title {
    text-align: center
}

.main_title {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 50px;
    color: var(--title-color)
}

.home-two-feature .mt--30 {
    margin-top: -30px !important
}

.home-two-feature .feature-card .featura-img {
    position: relative;
    overflow: hidden;
    border-radius: 0 45px
}

.home-two-feature .feature-card .featura-img::after {
    content: "";
    background-image: linear-gradient(180deg, rgba(28, 23, 29, 0) 53.78%, #1c171d 91.67%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.home-two-feature .feature-card .featura-img .feature-content {
    padding: 25px 40px;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    z-index: 2;
    transition: .35s
}

.home-two-blog .blog-wrrap .blog-content .category-date,
.home-two-feature .feature-card .featura-img .feature-content h4,
.home-two-offer .offer-wraper>.content .left-content h3,
.home4-single-service .content h3,
.home4-single-service .playzaone-wrap .content h3,
.home5-blog-area .blog-wrrap .blog-content .blog-meta-area,
.inner-blog .blog-post-area .blog-details .blog-meta,
.inner-blog .blog-post-area .comment-section ul li .comment-content .comment-top {
    margin-bottom: 15px
}

.home-two-feature .feature-card .featura-img .feature-content h4 a {
    font-family: var(--font-yeseva);
    font-weight: 500;
    font-size: 27px;
    letter-spacing: .03em;
    color: var(--white)
}

.home-two-feature .feature-card .featura-img .feature-content>a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 16px;
    letter-spacing: .03em;
    color: var(--primary-color1);
    transition: .35s
}

.home-three-latest-post .latest-post-wraper .read-more-btn a svg,
.home-three-room-suits .swiper-btn .btns svg,
.home-two-feature .feature-card .featura-img .feature-content>a svg,
.home4-facilities .facilities-wrrap .facilities-img .facilities-content .arrow-btn svg,
.home5-room-suits .swiper-btn .btns svg,
.home5-room-suits .swiper-btn2 .btns svg {
    stroke: var(--primary-color1);
    fill: none;
    transition: .35s
}

.home-three-facilites .faciliti-wrrap .content a:hover svg,
.home-two-feature .feature-card .featura-img .feature-content>a:hover svg,
.home4-facilities .facilities-wrrap .facilities-img .facilities-content .arrow-btn svg:hover {
    stroke: var(--white)
}

.home-two-room-suits {
    background-image: url(../images/bg/room-suits-bg.png);
    width: 100%;
    padding: 100px 0
}

.home-two-room-suits .room-suits-slider,
.home4-testimonial .h4-testimonial-slider,
.home4-testimonial .swiper-btn,
.home5-room-suits .h5-room-suites,
.swiper {
    padding: 0 10px
}

.home-two-room-suits .room-wrrap .room-img {
    overflow: hidden
}

.home-two-room-suits .room-wrrap .room-img img {
    width: 100%;
    transition: .35s
}

.home-two-room-suits .room-wrrap .room-content {
    background: #fff;
    box-shadow: 0 0 30px -1px rgba(0, 0, 0, .08);
    padding: 0 35px 30px
}

.home-two-room-suits .room-wrrap .room-content .room-features {
    margin-top: -20px;
    position: relative;
    z-index: 9;
    margin-bottom: 30px
}

.home-two-room-suits .room-wrrap .room-content .room-features ul {
    gap: 25px;
    justify-content: center;
    background: #1c171d;
    box-shadow: 0 0 30px -1px rgba(0, 0, 0, .08);
    border-radius: 36px;
    display: flex;
    align-items: center;
    max-width: 300px;
    width: 100%;
    margin: 0 auto
}

.home-two-room-suits .room-wrrap .room-content .room-features ul li {
    padding: 10px 3px
}

.home-two-room-suits .room-wrrap .room-content .room-features ul li svg {
    fill: #fff
}

.home-two-room-suits .room-wrrap .room-content .price-area {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .03em;
    color: var(--title-color)
}

.home-three-room-suits .room-suits-wrrap .room-suits-content .price-tag span,
.home-two-room-suits .room-wrrap .room-content .price-area span,
.home5-room-suits .room-wrrap .room-content .price-tag span,
.room-suits-page-2 .room-suits-wrrap .room-suits-content .price-tag span {
    font-size: 22px;
    font-weight: 600;
    color: var(--primary-color1)
}

.home-two-room-suits .room-wrrap .room-content h3 {
    padding-top: 5px;
    margin-bottom: 15px
}

.home-two-room-suits .room-wrrap .room-content h3 a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 28px;
    letter-spacing: .03em;
    color: var(--title-color);
    transition: .35s
}

.home-two-room-suits .room-wrrap .room-content .stars {
    gap: 10px;
    margin-bottom: 0
}

.home-two-room-suits .room-wrrap .room-content .book-btn {
    transform: rotate(-90deg);
    position: absolute;
    right: -41px;
    bottom: 75px
}

.home-two-room-suits .room-wrrap .room-content .book-btn a {
    font-family: var(--font-island);
    font-weight: 400;
    font-size: 24px;
    color: var(--primary-color1);
    padding: 7px 20px;
    transition: .35s;
    border: .2px solid #434e57;
    border-bottom: none;
    background-color: transparent
}

.home-two-contact .contact-wrrap form .form-inner .send-btn:hover,
.home-two-room-suits .room-wrrap .room-content .book-btn a:hover {
    background-color: var(--primary-color1);
    color: var(--white)
}

.home-three-offers .slider-bottom,
.home-two-room-suits .slider-bottom {
    margin-top: 60px;
    position: relative
}

.home-three-offers .slider-bottom .swiper-pagination,
.home-two-room-suits .slider-bottom .swiper-pagination {
    bottom: -10px;
    left: 0;
    width: 100%;
    align-items: center;
    display: flex
}

.home-three-offers .slider-bottom .swiper-pagination .swiper-pagination-bullet,
.home-two-room-suits .slider-bottom .swiper-pagination .swiper-pagination-bullet {
    height: 13px;
    width: 13px;
    background: #1c171d;
    opacity: .1
}

.home-three-offers .slider-bottom .swiper-pagination .swiper-pagination-bullet-active,
.home-two-room-suits .slider-bottom .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--primary-color1);
    opacity: 1;
    height: 15px;
    width: 15px
}

.home-two-offer .offer-wraper .offer-img::after,
.home-two-offer .swiper-container .swiper-slide.swiper-slide-active .offer-wraper .offer-img::after {
    background-image: linear-gradient(75.11deg, #1c171d 0, rgba(28, 23, 29, .3) 34.51%, rgba(28, 23, 29, .1) 75.64%, #1c171d 104.71%);
    bottom: 0;
    transition: .35s;
    top: 0;
    left: 0;
    right: 0;
    content: ""
}

.home-two-about .section-title2 h2,
.home-two-choose .section-title2 h2 {
    text-align: start
}

.home-two-about .about-content {
    padding-top: 12px
}

.home-two-about .about-content blockquote {
    position: relative;
    margin-left: 20px;
    padding-top: 25px;
    margin-bottom: 60px
}

.home-two-about .about-content blockquote p {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 20px;
    line-height: 35px;
    color: var(--title-color);
    margin-bottom: 20px
}

.home-two-about .about-content blockquote h5 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 20px;
    color: var(--primary-color1);
    margin-bottom: 5px
}

.home-two-about .about-content blockquote::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 193px;
    left: -19px;
    top: 25px;
    background: var(--primary-color1)
}

.home-two-about .about-content a {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 16px;
    color: var(--primary-color1);
    border: 1px solid #434e57;
    padding: 20px 45px;
    display: inline-flex
}

.home-two-about .about-img .reating {
    background: rgba(60, 170, 159, .2);
    border: 1px solid rgba(28, 23, 29, .05);
    box-shadow: 0 0 15px rgba(252, 240, 234, .05);
    border-radius: 10px;
    padding: 20px
}

.home-two-about .about-img .reating h2 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 50px;
    letter-spacing: .03em;
    color: var(--title-color);
    margin-bottom: 5px;
    padding-top: 20px
}

.home-two-about .about-img .reating .stars {
    gap: 10px;
    margin-bottom: 5px
}

.home-two-about .about-img .reating span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .03em;
    color: var(--title-color)
}

.home-two-offer {
    background-image: linear-gradient(rgba(60, 170, 159, .1), rgba(60, 170, 159, .1)), url(../images/bg/h2-offer-bg.png);
    width: 100%;
    padding: 100px 0
}

.home-two-offer .offer-wraper {
    position: relative;
    overflow: hidden;
    z-index: 9
}

.home-two-offer .offer-wraper .offer-img,
.home-two-offer .swiper-container .swiper-slide.swiper-slide-active .offer-wraper .offer-img {
    position: relative;
    z-index: 1
}

.home-two-offer .offer-wraper .offer-img::after {
    position: absolute
}

.home-two-offer .offer-wraper .offer-img::before {
    content: "";
    position: absolute;
    background-image: linear-gradient(353.69deg, #1c171d 22.97%, rgba(28, 23, 29, 0) 65.09%, rgba(28, 23, 29, 0) 89.59%, rgba(28, 23, 29, 0) 119.2%);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: .35s
}

.home-two-offer .offer-wraper .offer-img img {
    min-height: 330px
}

.home-two-offer .offer-wraper .offer-card {
    position: absolute;
    top: 25px;
    right: 20px;
    z-index: 9
}

.home-two-offer .offer-wraper .offer-card .offer .content {
    position: absolute;
    left: 15px;
    top: 8px;
    z-index: 999
}

.home-two-offer .offer-wraper .offer-card .offer .content span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .03em;
    color: var(--white);
    transform: rotate(-6.1deg);
    margin-left: 25px
}

.home-two-offer .offer-wraper>.content {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px 30px 30px;
    width: 100%;
    align-items: end;
    z-index: 9
}

.home-two-offer .offer-wraper>.content .left-content .price-area {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    color: var(--white);
    margin-bottom: 5px
}

.home-two-offer .offer-wraper>.content .left-content .price-area span {
    font-weight: 600;
    font-size: 22px;
    color: var(--white)
}

.home-two-offer .offer-wraper>.content .left-content .price-area span del {
    color: var(--primary-color1);
    margin-right: 3px
}

.home-two-offer .offer-wraper>.content .left-content h3 a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 30px;
    color: var(--white);
    margin-bottom: 0;
    transition: .35s
}

.home-two-offer .offer-wraper>.content .left-content .stars li {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .03em;
    color: #fff
}

.home-two-offer .offer-wraper>.content .left-content .stars li:last-child {
    margin-bottom: -5px
}

.home-two-offer .offer-wraper>.content .room-features ul {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 0
}

.home-two-offer .swiper-container {
    overflow: hidden;
    width: 96%;
    padding: 30px 0 80px
}

@media(max-width:1500px) {
    .home-two-offer .swiper-container {
        padding: 30px 0 50px
    }
}

.home-two-offer .swiper-container .swiper-slide {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s linear
}

.home-two-offer .swiper-container .swiper-slide.swiper-slide-active {
    margin-top: -10px
}

.home-two-offer .swiper-container .swiper-slide.swiper-slide-active .offer-wraper .offer-img::after {
    position: absolute;
    opacity: 0
}

.home-two-offer .swiper-container .swiper-slide.swiper-slide-active .offer-wraper .offer-img::before {
    content: "";
    position: absolute;
    background-image: linear-gradient(353.69deg, #1c171d 22.97%, rgba(28, 23, 29, 0) 65.09%, rgba(28, 23, 29, 0) 89.59%, rgba(28, 23, 29, 0) 119.2%);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    transition: .35s
}

.home-two-offer .view-all-btn a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 20px;
    letter-spacing: .03em;
    color: var(--primary-color1);
    border: 1px solid rgba(60, 170, 159, .2);
    padding: 17px 16px 12px;
    display: inline-flex
}

.hero-style3 .hero-content .hero-facility,
.hero-style5 .banner-area header.style-5 .nav-right,
.home-two-offer .swiper-btn {
    gap: 60px
}

.home-three-facilites .faciliti-wrrap .icon,
.home-two-choose .choose-left .choose-img.one,
.home-two-choose .choose-left .choose-img.three,
.home4-single-service .bar-pub-img-2.one {
    margin-bottom: 30px
}

.home-two-choose .choose-left .tripadvisor-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.home-two-choose .section-title2 p {
    padding-top: 35px;
    margin-bottom: 0;
    letter-spacing: .03em
}

.hero-style4 .author-side-bar .athor-slider-wrrap,
.home-two-choose .choose-feature {
    padding-top: 50px
}

.home-two-choose .choose-feature ul {
    margin: 0 0 65px;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px
}

.home-two-choose .choose-feature ul li {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 20px;
    letter-spacing: .03em;
    color: var(--text-color1)
}

.hero-style3 .main-form-submit,
.home-two-choose .choose-feature ul li img,
.home4-single-service .included-feature ul li img {
    margin-right: 5px
}

.home-two-choose .choose-feature a {
    font-family: var(--font-jost);
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: .03em;
    color: var(--primary-color1);
    border: 1px solid #434e57;
    display: inline-flex;
    padding: 26px 70px
}

.home-two-testimonial {
    background-color: rgba(60, 170, 159, .1);
    padding: 100px 0
}

.home-two-testimonial .testimonial-wrrap {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px
}

.home-two-testimonial .testimonial-wrrap .author-name-deg h4 {
    font-family: var(--font-yeseva);
    font-weight: 500;
    font-size: 24px;
    letter-spacing: .03em;
    color: #213321;
    margin-bottom: 3px
}

.home-two-testimonial .testimonial-wrrap .author-name-deg span,
.home5-testimonial .testimonial-wrrap .guest-content .guest-name-review .name span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 20px;
    letter-spacing: .05em;
    text-transform: capitalize;
    color: var(--primary-color1)
}

.home-two-testimonial .testimonial-wrrap p {
    font-family: var(--font-jost);
    font-weight: 300;
    font-size: 24px;
    line-height: 45px;
    letter-spacing: .03em;
    margin-bottom: 35px
}

.home-two-testimonial .testimonial-wrrap .author-img-rating img {
    border-radius: 50%;
    margin-bottom: 25px
}

.home-two-testimonial .testimonial-wrrap .author-img-rating .stars,
.home5-testimonial .testimonial-wrrap .guest-content .guest-name-review .guest-review ul {
    margin: 0;
    padding: 0;
    gap: 10px
}

.home-two-testimonial .swiper-btn {
    position: absolute;
    bottom: 65px;
    z-index: 9
}

.home-two-testimonial .swiper-btn .btns {
    height: 40px;
    width: 40px;
    border: 1px solid #434e57;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right
}

.home-two-contact .contact-wrrap form .form-inner input,
.home-two-contact .contact-wrrap form .form-inner textarea {
    border: 1px solid #ddd;
    height: 50px;
    color: #575757;
    font-size: 16px;
    font-family: var(--font-jost);
    font-weight: 300;
    width: 100%
}

.home-two-contact .contact-wrrap {
    padding: 101px 65px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .05)
}

.home-two-contact .contact-wrrap form .form-inner input {
    padding: 12px 25px;
    margin-bottom: 32px
}

.home-two-contact .contact-wrrap form .form-inner input::-moz-placeholder {
    font-family: var(--font-jost);
    font-weight: 300;
    font-size: 16px;
    color: #575757
}

.home-two-contact .contact-wrrap form .form-inner input:-ms-input-placeholder {
    font-family: var(--font-jost);
    font-weight: 300;
    font-size: 16px;
    color: #575757
}

.home-two-contact .contact-wrrap form .form-inner input::placeholder {
    font-family: var(--font-jost);
    font-weight: 300;
    font-size: 16px;
    color: #575757
}

.home-two-contact .contact-wrrap form .form-inner textarea {
    padding: 10px 25px;
    min-height: 150px
}

.home-two-contact .contact-wrrap form .form-inner textarea::-moz-placeholder {
    font-family: var(--font-jost);
    font-weight: 300;
    font-size: 16px;
    color: #575757
}

.home-two-contact .contact-wrrap form .form-inner textarea:-ms-input-placeholder {
    font-family: var(--font-jost);
    font-weight: 300;
    font-size: 16px;
    color: #575757
}

.home-two-contact .contact-wrrap form .form-inner textarea::placeholder {
    font-family: var(--font-jost);
    font-weight: 300;
    font-size: 16px;
    color: #575757
}

.home-two-contact .contact-wrrap form .form-inner .send-btn {
    width: unset;
    height: unset;
    background-color: transparent;
    border: 1px solid #434e57;
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .03em;
    color: var(--primary-color1);
    padding: 20px 78px;
    margin-bottom: 0
}

.contact-page .location-map,
.hero-style3 .banner-img,
.home-two-contact .contact-img,
header.style-3 .header-logo,
header.style-4 .header-logo {
    height: 100%
}

.home-two-contact .contact-img img {
    width: 100%;
    height: 100%
}

.home-two-counter .our-activitys {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    max-height: 80px
}

.home-two-counter .our-activitys .counter-item {
    max-height: 80px
}

@media(max-width:991px) {
    .home-two-feature .mt--30 {
        margin-top: 40px !important
    }

    .home-two-feature .section-title2 {
        margin-bottom: 60px
    }

    .home-two-offer,
    .home-two-testimonial {
        padding: 80px 0
    }

    .home-two-offer .offer-wraper>.content .room-features {
        display: none
    }

    .home-two-offer .swiper-container {
        width: unset
    }

    .home-two-counter .our-activitys {
        position: relative;
        height: unset;
        padding: 10px 25px;
        max-height: unset;
        flex-wrap: wrap
    }

    .home-two-counter .our-activitys .counter-item {
        max-height: unset
    }

    .home-two-counter .our-activitys .booking,
    .home-two-counter .our-activitys .satisfied-gest,
    .home-two-counter .our-activitys .visitors {
        flex-wrap: wrap
    }
}

.home-two-counter .our-activitys .booking .number h2,
.home-two-counter .our-activitys .satisfied-gest .number h2,
.home-two-counter .our-activitys .visitors .number h2 {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 110px;
    -webkit-text-stroke: 2px rgba(28, 23, 29, .2);
    color: transparent;
    margin-bottom: 0;
    letter-spacing: .07em
}

.home-two-counter .our-activitys .booking .number span,
.home-two-counter .our-activitys .satisfied-gest .number span,
.home-two-counter .our-activitys .visitors .number span {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 110px;
    -webkit-text-stroke: 2px rgba(28, 23, 29, .2);
    color: transparent
}

@media(max-width:991px) {

    .home-two-counter .our-activitys .booking .number,
    .home-two-counter .our-activitys .satisfied-gest .number,
    .home-two-counter .our-activitys .visitors .number {
        padding-top: unset
    }

    .home-two-counter .our-activitys .booking .number h2,
    .home-two-counter .our-activitys .satisfied-gest .number h2,
    .home-two-counter .our-activitys .visitors .number h2 {
        line-height: 110px;
        font-size: 70px
    }

    .home-two-counter .our-activitys .booking .contents,
    .home-two-counter .our-activitys .satisfied-gest .contents,
    .home-two-counter .our-activitys .visitors .contents {
        margin-left: 0
    }
}

.home-two-counter .our-activitys .booking .contents p,
.home-two-counter .our-activitys .satisfied-gest .contents p,
.home-two-counter .our-activitys .visitors .contents p {
    margin-bottom: 0;
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    color: var(--title-color)
}

.home-two-blog .blog-slider1 {
    padding: 5px 10px
}

.home-two-blog .blog-wrrap {
    justify-content: center
}

.home-two-blog .blog-wrrap .blog-img img {
    height: 90%
}

.home-two-blog .blog-wrrap .blog-content {
    background: #fff;
    box-shadow: 0 0 30px rgba(2, 2, 2, .1);
    padding: 40px;
    margin-top: 30px;
    margin-left: -30px;
    max-width: 480px;
    width: 100%
}

.home-two-blog .blog-wrrap .blog-content .category-date a {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--primary-color1);
    margin-right: 10px
}

.home-two-blog .blog-wrrap .blog-content .category-date span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: #515151
}

.home-two-blog .blog-wrrap .blog-content .blog-title h4 a {
    font-family: var(--font-yeseva);
    font-weight: 300;
    font-size: 25px;
    line-height: 1.45;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--title-color);
    transition: .35s
}

.home-three-latest-post .latest-post-wraper .read-more-btn a,
.home-two-blog .blog-wrrap .blog-content .read-more-btn>a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .03em;
    color: var(--primary-color1);
    transition: .35s
}

.home-two-blog .blog-wrrap .blog-content .read-more-btn>a svg,
.home4-testimonial .swiper-btn .btns svg,
.home5-testimonial .swiper-btn2 .btns svg {
    fill: none;
    stroke: var(--primary-color1);
    transition: .35s
}

header.style-3 {
    background: var(--white);
    width: 100%;
    position: relative;
    top: 0;
    z-index: 9999;
    padding: 0 110px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media(min-width:1200px) and (max-width:1399px) {
    .home-one-features .feature-content .feature-items {
        padding: 12px 15px;
        font-size: 16px
    }

    header.style-2,
    header.style-3 {
        padding: 0 30px
    }
}

header.style-3.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: var(--white);
    box-shadow: 5px 3px 40px rgba(0, 72, 88, .1);
    animation: .65s linear smooth-header
}

header.style-3 .nav-right .header-btn a {
    font-family: var(--font-jost);
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    transition: .35s ease-in;
    background: var(--primary-color1);
    cursor: pointer;
    white-space: nowrap;
    padding: 12px 41px;
    border-radius: 130px
}

header.style-3 .main-menu .menu-list>li::before {
    content: "";
    background: linear-gradient(90.05deg, #434e57 .06%, rgba(219, 167, 101, 0) 102.94%);
    position: absolute;
    left: 50%;
    width: 50%;
    height: 2px;
    bottom: 26px;
    transform: translateX(-50%);
    opacity: 0;
    transition: .4s
}

header.style-3 .main-menu .menu-list>li a {
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    color: var(--title-color);
    padding: 32px 0;
    display: inline-block;
    white-space: nowrap;
    transition: .4s;
    display: flex;
    align-items: center;
    font-family: var(--font-jost);
    text-transform: capitalize;
    position: relative;
    z-index: 999
}

header.style-3 .main-menu .menu-list>li .submenu {
    padding: 0;
    position: absolute;
    top: 82px;
    left: -9px;
    max-width: 230px;
    min-width: 230px;
    background-color: var(--white);
    text-align: left;
    transform: translateY(25px);
    opacity: 0;
    visibility: hidden;
    transition: .55s ease-in-out;
    box-shadow: 5px 3px 40px rgba(0, 72, 88, .1)
}

header.style-3 .main-menu .menu-list>li .submenu>li a {
    display: block;
    padding: 12px 30px;
    border-bottom: 1px solid rgba(255, 0, 0, .1);
    position: relative;
    z-index: 1;
    font-size: 18px;
    color: var(--title-color)
}

header.style-3 .main-menu .menu-list>li.menu-item-has-children::after {
    content: "\f282";
    font-family: bootstrap-icons;
    font-weight: 600;
    position: absolute;
    top: 34px;
    right: 0;
    font-size: 12px;
    color: var(--title-color);
    transition: .42s ease-in-out
}

header.style-3 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon {
    position: absolute;
    top: 12px;
    right: 0;
    font-size: 20px;
    z-index: 9999
}

header.style-3 .main-menu .menu-list>li.menu-item-has-children:hover::after,
header.style-4 .main-menu .menu-list>li.menu-item-has-children:hover::after {
    transform: rotate(180deg)
}

header.style-3 .main-menu .menu-list>li:hover.menu-item-has-children::after {
    color: var(--primary-color1)
}

.hero-style3 .hero-content .hero-facility .single-facility .content h5 a:hover,
.home-three-about .our-experience .content h3 span,
.home-three-facilites .faciliti-wrrap .facility-overlay .content h3>a:hover,
.home-three-guest-review .guest-review-wrap .review .stars li i,
.home-three-latest-post .latest-post-wraper .content .blog-title h4 a:hover,
.home-three-room-suits .room-suits-wrrap .room-suits-content .client-review .stars li i,
.home-three-room-suits .room-suits-wrrap .room-suits-content h3 a:hover,
header.style-3 .main-menu .mobile-logo-area .menu-close-btn .bi:hover,
header.style-4 .main-menu .menu-list>li .dropdown-icon.active,
header.style-4 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon.active,
header.style-4 .main-menu .menu-list>li:hover a,
header.style-4 .main-menu .menu-list>li>a.active,
header.style-4 .main-menu .menu-list>li>a:hover {
    color: var(--primary-color1)
}

.hero-style3 .hero-left {
    background-image: url(../images/bg/h3-banner-left-bg.png);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0
}

.hero-style3 .hero-content {
    max-width: 760px;
    width: 100%;
    margin: 0 auto 90px;
    text-align: center
}

.hero-style3 .hero-content h4 {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: 5px;
    text-transform: capitalize;
    color: var(--title-color);
    margin-bottom: 30px
}

.hero-style3 .hero-content h1 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 80px;
    line-height: 110px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--title-color);
    margin-bottom: 40px
}

.hero-style3 .hero-content .hero-facility .single-facility .icon {
    margin-bottom: 15px;
    transition: .5s
}

.hero-style3 .hero-content .hero-facility .single-facility .content h5 a {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 20px;
    color: #4f4f4f;
    transition: .35s
}

.hero-style3 .hero-content .hero-facility .single-facility:hover .icon {
    transform: rotate(360deg)
}

.hero-style3 .multi-main-searchber {
    background: #fff;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
    border-radius: 220px;
    width: 125%;
    padding: 10px 10px 10px 50px;
    position: relative
}

.hero-style3 .multi-main-searchber .searchbox-input {
    min-width: 130px;
    width: 100%;
    position: relative
}

.hero-style3 .multi-main-searchber .searchbox-input::after {
    content: "";
    width: 2px;
    height: 36px;
    background: var(--primary-color1);
    opacity: .2;
    border-radius: 10px;
    margin-top: 5px
}

.hero-style3 .multi-main-searchber .searchbox-input::before {
    position: absolute;
    content: "\f1e2";
    font-family: bootstrap-icons !important;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary-color1)
}

.hero-style3 .multi-main-searchber .searchbox-input input::-moz-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color) !important
}

.hero-style3 .multi-main-searchber .searchbox-input input:-ms-input-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color) !important
}

.hero-style3 .multi-main-searchber .searchbox-input input::placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color) !important
}

.hero-style3 .multi-main-searchber .searchbox-input.rooms,
.section-title-4 {
    margin-top: -5px
}

.hero-style3 .multi-main-searchber .searchbox-input.rooms::after {
    display: block;
    margin-top: 5px
}

.hero-style3 .nice-select {
    width: 100%;
    border: none;
    padding-top: 3px
}

.form-section .nice-select .list,
.hero-style3 .nice-select .list,
.hero-style5 .hero-sidebar .nice-select .list,
.room-suits-page-2 .nice-select .list {
    top: 52px;
    width: 100%;
    border-radius: unset;
    z-index: 9999
}

.hero-style3 .nice-select::after {
    height: 8px;
    width: 8px;
    right: 15px;
    border-color: var(--primary-color1)
}

.hero-style3 .main-form-submit a {
    width: 100%;
    padding: 18px 61px;
    border: none;
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    white-space: nowrap;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
    border-radius: 220px
}

.hero-style3 .banner-img img {
    height: 100%;
    width: 100%
}

.section-title3 {
    margin-top: -15px
}

.section-title3 h2 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 45px;
    line-height: 58px;
    text-transform: capitalize;
    color: var(--title-color);
    position: relative;
    display: -webkit-inline-box;
    margin-bottom: 0
}

.section-title3 h2::after {
    content: url(../images/icons/h3-section-vector.svg);
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%)
}

.home-three-about .section-title3 h2 {
    margin-bottom: 13px
}

.home-three-about .about-feature-img img,
.home-three-about .about-img img,
.home-three-facilites .faciliti-wrrap .facility-overlay .facility-img>img,
.home-three-offers .offer-wrraper .offer-img img,
.home4-blog-area .blog-wrrap .blog-img img,
.home4-single-service .bar-pub-img-2 img,
.home4-single-service .rooms-wrrap2 .room-img img {
    border-radius: 10px
}

.hero-style4 .author-side-bar .athor-slider-wrrap .author-name-review,
.home-three-about .our-experience,
.home-three-service .service-content .services-feature {
    padding-top: 10px
}

.home-three-about .our-experience .icon {
    margin-right: 35px
}

.home-three-about .our-experience .content h3 {
    font-family: var(--font-yeseva);
    font-weight: 300;
    font-size: 32px;
    line-height: 45px;
    letter-spacing: .02em;
    text-transform: capitalize;
    color: var(--title-color)
}

.home-three-about .about-feature .content h3 {
    margin-bottom: 10px;
    font-family: var(--font-yeseva);
    font-weight: 300;
    font-size: 30px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: #1c171d
}

.home-three-room-suits {
    background-image: linear-gradient(rgba(60, 170, 159, .1), rgba(60, 170, 159, .1)), url(../images/bg/room-suits-bg2.png);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0
}

.home-three-room-suits .view-btn a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    border-radius: 130px;
    padding: 17px 30px;
    display: block
}

.home-three-room-suits .room-suits-wrrap .room-suits-img,
.room-suits-page-2 .room-suits-wrrap .room-suits-img {
    overflow: hidden;
    border-radius: 10px 10px 0 0
}

.home-three-room-suits .room-suits-wrrap .room-suits-img img,
.room-suits-page-2 .room-suits-wrrap .room-suits-img img {
    width: 100%;
    border-radius: 10px 10px 0 0;
    transition: .35s
}

.home-three-room-suits .room-suits-wrrap .room-suits-content,
.room-suits-page-2 .room-suits-wrrap .room-suits-content {
    background: #fff;
    box-shadow: 0 0 30px -1px rgba(0, 0, 0, .08);
    border-radius: 0 0 10px 10px;
    margin-top: -15px;
    position: relative
}

.home-three-facilites .faciliti-wrrap .facility-overlay,
.home-three-facilites .faciliti-wrrap .facility-overlay .backgraund {
    background: linear-gradient(180deg, rgba(28, 23, 29, 0) 58.07%, rgba(28, 23, 29, .92) 82.29%);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.home-three-room-suits .room-suits-wrrap .room-suits-content .client-review,
.room-suits-page-2 .room-suits-wrrap .room-suits-content .client-review {
    padding: 10px 0;
    border: 1px solid #f5f5f5;
    margin-bottom: 25px
}

.home-three-room-suits .room-suits-wrrap .room-suits-content .client-review .stars,
.room-suits-page-2 .room-suits-wrrap .room-suits-content .client-review .stars {
    padding: 0;
    margin: 0;
    gap: 10px
}

.home-three-room-suits .room-suits-wrrap .room-suits-content .client-review .stars li,
.room-suits-page-2 .room-suits-wrrap .room-suits-content .client-review .stars li {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 16px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--primary-color1)
}

.home-three-room-suits .room-suits-wrrap .room-suits-content .client-review .stars li:last-child {
    margin-bottom: -3px;
    color: var(--text-color1);
    font-weight: 400
}

.home-three-room-suits .room-suits-wrrap .room-suits-content .price-tag {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--title-color)
}

.home-three-room-suits .room-suits-wrrap .room-suits-content h3,
.room-suits-page-2 .room-suits-wrrap .room-suits-content h3 {
    margin-bottom: 20px;
    padding-top: 5px
}

.home-three-room-suits .room-suits-wrrap .room-suits-content h3 a,
.room-suits-page-2 .room-suits-wrrap .room-suits-content h3 a {
    font-family: var(--font-yeseva);
    font-weight: 300;
    font-size: 30px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--title-color);
    transition: .35s
}

.home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person,
.room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person {
    gap: 60px;
    padding: 0 10px;
    flex-wrap: wrap
}

.home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person .bed-qty p,
.home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person .persons p,
.room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person .bed-qty p,
.room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person .persons p {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--text-color1);
    display: flex;
    align-items: baseline
}

.home-three-room-suits .swiper-btn {
    gap: 70px
}

.home-three-service .service-img,
.home-three-service .service-img img {
    border-radius: 185px
}

.home-three-service .service-content span {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--primary-color1)
}

.home-three-service .service-content h3 {
    font-family: var(--font-yeseva);
    font-weight: 300;
    font-size: 44px;
    line-height: 1.4;
    text-transform: capitalize;
    color: var(--title-color);
    margin-bottom: 0;
    padding-top: 5px
}

.home-three-service .service-content p {
    margin-bottom: 30px;
    padding-top: 17px
}

.home-three-service .service-content a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    padding: 12px 30px;
    border-radius: 130px;
    display: inline-block
}

.home-three-service .service-content .services-feature ul li {
    margin-right: 60px;
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 20px;
    line-height: 55px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--text-color1);
    display: flex;
    align-items: center
}

.home-three-facilites .faciliti-wrrap {
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .05);
    border-radius: 10px;
    padding: 30px 25px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 350px
}

.home-three-facilites .faciliti-wrrap .content h3 {
    margin-bottom: 17px
}

.home-three-facilites .faciliti-wrrap .content h3 a {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 30px;
    line-height: 30px;
    text-transform: capitalize;
    color: var(--title-color)
}

.home-three-facilites .faciliti-wrrap .content p {
    letter-spacing: .03em;
    color: #5a5a5a;
    margin-bottom: 23px
}

.home-three-facilites .faciliti-wrrap .content a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 16px;
    letter-spacing: .03em;
    color: var(--primary-color1);
    transition: .4s
}

.home-three-facilites .faciliti-wrrap .content a svg {
    stroke: var(--primary-color1);
    fill: none;
    transition: .4s
}

.home-three-facilites .faciliti-wrrap .facility-overlay {
    opacity: 0;
    transform: scale(.4);
    transition: .4s
}

.home-three-facilites .faciliti-wrrap .facility-overlay .backgraund {
    z-index: 1
}

.home-three-facilites .faciliti-wrrap .facility-overlay .content {
    margin-top: -205px;
    text-align: center;
    z-index: 9;
    position: relative
}

@media(max-width:1399px) {
    .home-two-offer .offer-wraper .offer-img img {
        min-height: 250px
    }

    .home-two-offer .offer-wraper>.content .room-features ul {
        gap: 12px
    }

    .home-two-offer .swiper-container {
        padding: 30px 0 20px
    }

    .home-two-contact .contact-wrrap {
        padding: 50px 65px
    }

    header.style-3 .nav-right {
        gap: 50px
    }

    .hero-style3 .hero-left {
        padding: 120px 0
    }

    .hero-style3 .hero-content {
        margin-bottom: 50px
    }

    .hero-style3 .hero-content h1 {
        font-size: 60px;
        line-height: 75px
    }

    .home-three-facilites .faciliti-wrrap .facility-overlay .content {
        margin-top: -100px
    }
}

.home-three-facilites .faciliti-wrrap .facility-overlay .content h3 {
    margin-bottom: 12px
}

.home-three-facilites .faciliti-wrrap .facility-overlay .content h3>a {
    color: var(--white);
    transition: .35s
}

.home-three-facilites .facility-slider {
    padding: 10px 5px 35px
}

.home-three-facilites .facility-slider .swiper-wrapper .swiper-slide:nth-child(2n) {
    transform: translateY(30px)
}

.gallery_box .swiper-pagination-custom,
.home-three-facilites .swiper-horizontal>.swiper-pagination-bullets,
.home-three-facilites .swiper-pagination-bullets.swiper-pagination-horizontal,
.home-three-facilites .swiper-pagination-custom,
.home-three-facilites .swiper-pagination-fraction,
.superior-offer .swiper-horizontal>.swiper-pagination-bullets,
.superior-offer .swiper-pagination-bullets.swiper-pagination-horizontal,
.superior-offer .swiper-pagination-custom,
.superior-offer .swiper-pagination-fraction {
    bottom: 0;
    left: 0;
    width: 100%;
    align-items: center
}

.gallery_box .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
.home-three-facilites .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.home-three-facilites .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
.superior-offer .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.superior-offer .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 15px;
    height: 10px;
    color: rgba(28, 23, 29, .1)
}

.gallery_box .swiper-pagination .swiper-pagination-bullet-active,
.home-three-facilites .swiper-pagination .swiper-pagination-bullet-active,
.superior-offer .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--primary-color1);
    opacity: 1;
    height: 13px !important;
    width: 19px !important
}

.home-three-counter-accrodian .our-activitys .booking,
.home-three-counter-accrodian .our-activitys .satisfied-gest,
.home-three-counter-accrodian .our-activitys .visitors {
    background-color: rgba(60, 170, 159, .05);
    padding: 40px;
    border-bottom: 2px solid #fff
}

.home-three-counter-accrodian .our-activitys .booking .number h2,
.home-three-counter-accrodian .our-activitys .satisfied-gest .number h2,
.home-three-counter-accrodian .our-activitys .visitors .number h2 {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 90px;
    -webkit-text-stroke: 2px #434e57;
    color: transparent;
    letter-spacing: .07em;
    margin-bottom: 0;
    line-height: 90px
}

.home-three-counter-accrodian .our-activitys .booking .contents h4,
.home-three-counter-accrodian .our-activitys .satisfied-gest .contents h4,
.home-three-counter-accrodian .our-activitys .visitors .contents h4 {
    font-family: var(--font-yeseva);
    font-weight: 300;
    font-size: 25px;
    color: var(--title-color)
}

.faq-page .faq-wrap .faq-item,
.home-three-counter-accrodian .faq-wrap .faq-item {
    border: none
}

.home-three-counter-accrodian .faq-wrap .accordion-button {
    font-weight: 300;
    font-size: 20px;
    background: #fff;
    color: var(--title-color);
    cursor: pointer;
    font-family: var(--font-yeseva);
    transition: .4s ease-in-out;
    padding: 25px 50px 10px 0;
    border-bottom: 2px solid #eee;
    margin-bottom: 18px;
    text-transform: capitalize
}

.home-three-counter-accrodian .faq-wrap .accordion-button::after {
    flex-shrink: 0;
    margin-left: auto;
    background-image: none;
    background-repeat: unset;
    background-size: unset;
    font-family: bootstrap-icons !important;
    position: absolute;
    right: 22px;
    content: "\f4fe";
    transition: unset;
    font-size: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.faq-page .faq-wrap .accordion-button:not(.collapsed)::after,
.home-three-counter-accrodian .faq-wrap .accordion-button:not(.collapsed)::after {
    background-image: none;
    transform: unset;
    font-family: bootstrap-icons !important;
    content: "\f2ea";
    color: var(--title-color)
}

.faq-page .faq-wrap .faq-body,
.home-three-counter-accrodian .faq-wrap .faq-body {
    font-weight: 300;
    font-size: 20px;
    font-family: var(--font-jost);
    background: #fff;
    color: var(--text-color1);
    border-top: none;
    padding: 15px 25px;
    line-height: 32px;
    text-align: left
}

.home-three-counter-accrodian .faq-wrap .accordion-button:not(.collapsed) {
    color: var(--title-color);
    font-weight: 300;
    transition: .4s ease-in-out;
    margin-bottom: 0
}

.pagination-style1,
.pagination-style2,
.pagination-style3 {
    display: flex;
    justify-content: center;
    align-items: center
}

.gallery_box .swiper-pagination-bullet,
.pagination-style1 .swiper-pagination-bullet,
.pagination-style2 .swiper-pagination-bullet,
.pagination-style3 .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
    display: inline-block;
    border-radius: 90px;
    background: rgba(28, 23, 29, .5)
}

.pagination-style1 .swiper-pagination-bullet-active,
.pagination-style2 .swiper-pagination-bullet-active,
.pagination-style3 .swiper-pagination-bullet-active. .gallery_box .swiper-pagination-bullet-active {
    background: #434e57;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 13px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 13px))
}

.home-three-offers .offer-left-bg {
    background-image: linear-gradient(rgba(60, 170, 159, .1), rgba(60, 170, 159, .1)), url(../images/bg/h4-offer-bg22.png);
    width: 100%;
    background-size: cover;
    background-position: center center;
    padding: 90px
}

.home-three-offers .offer-wrraper {
    background-color: #222;
    border-radius: 10px;
    padding: 0 0 25px
}

.home-three-offers .offer-wrraper .offer-content {
    padding-top: 10px;
    text-align: center;
    position: relative
}

.home-three-offers .offer-wrraper .offer-content .price {
    position: absolute;
    left: 10px;
    top: 10px
}

.home-three-offers .offer-wrraper .offer-content .price span {
    font-family: var(--font-yeseva);
    font-weight: 300;
    font-size: 18px;
    letter-spacing: .03em;
    color: var(--white);
    border: .7px solid rgba(60, 170, 159, .4);
    border-radius: 100%;
    padding: 7px 10px 3px
}

.home-three-offers .offer-wrraper .offer-content span {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 20px;
    letter-spacing: .03em;
    color: var(--white);
    padding-top: 30px;
    display: inline-block;
    padding-bottom: 8px
}

.home-three-offers .offer-wrraper .offer-content h3 {
    font-family: var(--font-yeseva);
    font-weight: 300;
    font-size: 40px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--primary-color1);
    margin-bottom: 5px
}

.h5-offer-area .offer-wrrap .offer-content p,
.home-three-offers .offer-wrraper .offer-content p {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 25px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    margin-bottom: 30px
}

.home-three-offers .booking-area {
    background: rgba(60, 170, 159, .2);
    height: 100%;
    padding: 150px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(max-width:1500px) {
    .home-three-offers .booking-area {
        padding: 100px 50px
    }
}

.home-three-offers .booking-area .section-title h3 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 30px;
    line-height: 47px;
    text-transform: uppercase;
    color: var(--text-color)
}

.home-three-offers .booking-area .section-title p {
    color: var(--text-color)
}

.home-three-offers .booking-area form .searchbox-input {
    width: 100%;
    margin-bottom: 24px;
    position: relative
}

.home-three-offers .booking-area form .searchbox-input::before,
.room-suits-details-page .widget-area2 .single-widgets .searchbox-input::before {
    position: absolute;
    content: "\f1e2";
    font-family: bootstrap-icons !important;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary-color1)
}

.home-three-offers .booking-area form .searchbox-input input {
    padding: 10px 15px;
    display: block;
    width: 100%;
    background: 0 0;
    border-radius: 150px;
    height: 58px;
    border: 1px solid #fff;
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color) !important
}

.home-three-offers .booking-area form .searchbox-input input::-moz-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color) !important
}

.home-three-offers .booking-area form .searchbox-input input:-ms-input-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color) !important
}

.home-three-offers .booking-area form .searchbox-input input::placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color) !important
}

.home-three-offers .booking-area form .nice-select {
    width: 100%;
    border: 1px solid #fff;
    background-color: transparent;
    border-radius: 150px;
    height: 58px;
    padding-top: 10px
}

.home-three-offers .booking-area form .nice-select .list {
    top: 54px;
    width: 100%;
    border-radius: 20px;
    z-index: 99
}

.home-three-offers .booking-area form .nice-select::after {
    height: 8px;
    width: 8px;
    right: 20px;
    border-color: var(--primary-color1)
}

.home-three-offers .booking-area a {
    background: var(--primary-color1);
    border-radius: 150px;
    font-family: var(--font-yeseva);
    font-weight: 300;
    font-size: 20px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 10px 20px
}

.home-three-guest-review .guest-review-wrap {
    border: 1px solid #e3e3e3;
    border-radius: 10px
}

.home-three-guest-review .guest-review-wrap .guest-img {
    margin-left: -100px
}

.home-three-guest-review .guest-review-wrap .guest-img img {
    border-radius: 50%;
    width: 180px;
    height: 180px
}

.home-three-guest-review .guest-review-wrap .review {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
    padding: 70px 75px
}

.home-three-guest-review .guest-review-wrap .review .stars {
    padding: 0;
    margin: 0 0 30px;
    gap: 10px
}

.home-three-guest-review .guest-review-wrap .review p {
    font-family: var(--font-jost);
    font-weight: 300;
    font-size: 24px;
    line-height: 45px;
    color: var(--text-color1);
    margin-bottom: 30px
}

.home-three-guest-review .guest-review-wrap .review h3 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .03em;
    color: #213321;
    margin-bottom: 5px
}

.home-three-guest-review .guest-review-wrap .review span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 20px;
    letter-spacing: .05em;
    color: var(--primary-color1)
}

.home-three-guest-review .gueest-review {
    padding: 0 0 5px 110px;
    position: relative
}

.home-three-guest-review .swiper-btn {
    position: absolute
}

.home-three-latest-post .latest-post-wraper .post-img-publish-date {
    margin-right: 30px;
    display: flex;
    align-items: end
}

.home-three-latest-post .latest-post-wraper .post-img-publish-date .publish-date {
    background-color: var(--title-color);
    padding: 10px 8px
}

.home-three-latest-post .latest-post-wraper .post-img-publish-date .publish-date h4 {
    margin-bottom: 0;
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 25px;
    letter-spacing: .03em;
    color: var(--white)
}

.home-three-latest-post .latest-post-wraper .post-img-publish-date .publish-date span {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 16px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white)
}

.home-three-latest-post .latest-post-wraper .content {
    background: #fff;
    box-shadow: 4px 4px 45px rgba(34, 34, 34, .08);
    padding: 30px 45px
}

.home-three-latest-post .latest-post-wraper .content .blog-title h4 a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 25px;
    line-height: 38px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--title-color);
    transition: .35s
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li .submenu,
header.style-4 .main-menu .menu-list>li .submenu {
    max-width: 230px;
    min-width: 230px;
    text-align: left;
    transition: .55s ease-in-out;
    box-shadow: 5px 3px 40px rgba(0, 72, 88, .1)
}

.home-three-latest-post .view-all-btn {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .03em;
    background: var(--primary-color1);
    border-radius: 130px;
    padding: 17px 60px;
    display: inline-flex
}

header.style-4 {
    background: var(--white);
    width: 100%;
    position: relative;
    top: 0;
    z-index: 99;
    padding: 0 110px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

header.style-4.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: var(--white);
    box-shadow: 5px 3px 40px rgba(0, 72, 88, .1);
    -webkit-animation: .65s linear smooth-header;
    animation: .65s linear smooth-header
}

@keyframes smooth-header {
    0% {
        transform: translateY(-30px)
    }

    100% {
        transform: translateY(0)
    }
}

header.style-4 .header-logo img {
    max-width: 200px;
    width: 100%
}

header.style-4 .nav-right {
    gap: 50px
}

header.style-4 .nav-right .mobile-menu-form {
    margin-top: 50px
}

header.style-4 .main-menu .menu-list {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0
}

header.style-4 .main-menu .menu-list>li {
    position: relative;
    margin: 0 20px;
    display: inline-block
}

header.style-4 .main-menu .menu-list>li>a {
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    color: var(--title-color);
    padding: 32px 0;
    display: inline-block;
    white-space: nowrap;
    transition: .4s;
    display: flex;
    align-items: center;
    font-family: var(--font-jost);
    text-transform: capitalize;
    position: relative;
    z-index: 999
}

header.style-4 .main-menu .menu-list>li>a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 22px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary-color1);
    transition: .4s;
    opacity: 0;
    visibility: hidden
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li a:hover::before,
.home4-facilities .facilities-wrrap:hover .facilities-img .facilities-content .arrow-btn,
.home4-rooms .rooms-wrrap:hover .room-img .room-features,
header.style-4 .main-menu .menu-list>li>a:hover::before {
    opacity: 1;
    visibility: visible
}

header.style-4 .main-menu .menu-list>li .submenu {
    padding: 0;
    position: absolute;
    top: 84px;
    left: 0;
    background-color: #e8f1f6;
    opacity: 0;
    visibility: hidden
}

header.style-4 .main-menu .menu-list>li .submenu>li a {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid rgba(60, 170, 159, .1);
    position: relative;
    z-index: 1;
    font-size: 16px;
    color: var(--title-color);
    margin: 10px 0
}

header.style-4 .main-menu .menu-list>li.menu-item-has-children::after {
    content: "\f078";
    font-family: 'font awesome 5 free';
    font-weight: 900;
    position: absolute;
    top: 31px;
    right: 0;
    font-size: 14px;
    color: var(--title-color);
    transition: .42s ease-in-out
}

header.style-4 .main-menu .menu-list>li:hover.menu-item-has-children::after {
    color: var(--primary-color1)
}

.hero-style5 .banner-area header.style-5 .main-menu .mobile-logo-area .menu-close-btn .bi,
header.style-4 .main-menu .mobile-logo-area .menu-close-btn .bi {
    color: var(--primary-color1);
    font-size: 18px
}

.hero-style4 .author-side-bar .athor-slider-wrrap .author-name-review .stars li i,
.hero-style4 .hero-social .social-icon ul li a:hover,
.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li .dropdown-icon.active,
.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li .submenu>li a.active,
.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li a.active,
.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li a:hover,
.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon.active,
.home4-blog-area .blog-wrrap .blog-content .blog-title h4 a:hover,
.home4-facilities .facilities-wrrap .facilities-img .facilities-content h4 a:hover,
.home4-rooms .rooms-wrrap .room-img .room-content h3 a:hover,
.home4-testimonial .testomonial-wrrap .testimonial-content .stars li i,
.home5-blog-area .blog-wrrap .blog-content .blog-meta-area p a:hover,
.home5-blog-area .blog-wrrap .blog-content .blog-title h4:hover a,
.home5-room-suits .room-wrrap .room-content h3:hover a,
.home5-room-suits .room-wrrap .stars i,
.home5-testimonial .testimonial-wrrap .guest-content .guest-name-review .guest-review ul li i,
.inner-blog .blog-post-area .blog-details .blog-meta p a:hover,
.inner-blog .blog-post-area .blog-details .post-content .social-link ul li a:hover i,
.inner-blog .blog-post-area .blog-details .post-content .tags a:hover,
.inner-blog .blog-wrrap .blog-content .blog-meta a:hover,
.inner-blog .blog-wrrap .blog-content .blog-title h4>a:hover,
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6 a:hover,
.room-suits-details-page .stars li i,
.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wc h6 a:hover,
.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wc span strong,
.room-suits-page-2 .room-suits-wrrap .room-suits-content .client-review .stars li i,
.room-suits-page-2 .room-suits-wrrap .room-suits-content h3:hover a,
.superior-offer .offer-wrap .offer-content h3 a:hover,
header.style-4 .main-menu .mobile-logo-area .menu-close-btn .bi:hover {
    color: var(--primary-color1)
}

header.style-4 .mobile-menu-btn .bx {
    color: var(--primary-color1);
    font-size: 28px
}

header.style-4 .mobile-menu-form input {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px 15px;
    background-color: #fff;
    margin-bottom: 15px;
    outline: 0
}

header.style-4 .mobile-menu-form input::-moz-placeholder {
    font-size: 14px
}

header.style-4 .mobile-menu-form input:-ms-input-placeholder {
    font-size: 14px
}

header.style-4 .mobile-menu-form input::placeholder {
    font-size: 14px
}

header.style-4 .mobile-menu-form button {
    outline: 0;
    border: none;
    padding: 10px
}

header.style-4 .mobile-menu-form.style-2 input {
    border-radius: 30px
}

header.style-4 .search-btn {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 50%;
    margin-right: 15px;
    cursor: pointer
}

header.style-4 .search-btn .bi {
    font-size: 18px;
    color: var(--primary-color1)
}

.hero-style4 .author-side-bar {
    background: #fff;
    box-shadow: 5px 3px 40px rgba(0, 72, 88, .1);
    padding: 40px;
    max-width: 450px;
    min-height: 100vh;
    top: 0;
    right: -500%;
    position: fixed;
    transition: .7s;
    z-index: 99999;
    overflow-y: scroll;
    height: 100%
}

.hero-style4 .author-side-bar.slide {
    right: 0
}

.hero-style4 .author-side-bar::-webkit-scrollbar {
    width: 0
}

.hero-style4 .author-side-bar .close-btn {
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #434e57;
    border-radius: 50%;
    position: absolute;
    right: 40px;
    top: 40px;
    cursor: pointer
}

.hero-style4 .author-side-bar .close-btn i {
    font-size: 20px;
    color: var(--primary-color1)
}

.hero-style4 .author-side-bar .sidebar-logo {
    display: flex;
    justify-content: center;
    padding-top: 75px;
    margin-bottom: 25px
}

.hero-style4 .author-side-bar>p {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 28px;
    line-height: 42px;
    letter-spacing: .03em;
    color: var(--title-color);
    text-align: center;
    margin-bottom: 0
}

.hero-style4 .author-side-bar>p a,
.hero-style5 .hero-sidebar .sidebar-close-btn i {
    font-size: 20px
}

.hero-style4 .author-side-bar .athor-slider-wrrap .author-name-review .author-name h4 {
    font-family: var(--font-yeseva);
    font-weight: 300;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: .03em;
    color: #213321;
    margin-bottom: 0
}

.hero-style4 .author-side-bar .athor-slider-wrrap .author-name-review .author-name span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .05em;
    text-transform: capitalize;
    color: var(--primary-color1)
}

.hero-style4 .author-side-bar .email .email-info span,
.hero-style4 .author-side-bar .email .hotline-info span,
.hero-style4 .author-side-bar .hotline .email-info span,
.hero-style4 .author-side-bar .hotline .hotline-info span {
    font-size: 14px;
    font-weight: 400;
    font-family: var(--font-jost);
    color: var(--primary-color1)
}

.hero-style4 .author-side-bar .email .email-info h6,
.hero-style4 .author-side-bar .email .hotline-info h6,
.hero-style4 .author-side-bar .hotline .email-info h6,
.hero-style4 .author-side-bar .hotline .hotline-info h6 {
    font-size: 18px;
    font-weight: 300;
    font-family: var(--font-yeseva);
    color: var(--title-color);
    white-space: nowrap;
    margin-bottom: 0
}

.hero-style4 .swiper {
    margin: 0 -10px
}

.hero-style4 .hero-social {
    display: flex;
    flex-direction: column;
    height: 500px;
    justify-content: space-between;
    z-index: 9
}

@media(max-width:1199px) {
    .section-title2 h2 {
        font-size: 45px
    }

    header.style-3 .nav-right,
    header.style-4 .nav-right {
        gap: 20px
    }

    header.style-3 .main-menu .menu-list>li,
    header.style-4 .main-menu .menu-list>li {
        margin: 0 15px
    }

    .hero-style3 .hero-content .hero-facility {
        gap: 45px
    }

    .hero-style3 .multi-main-searchber {
        width: 145%
    }

    .hero-style3 .main-form-submit a {
        padding: 20px 33px 16px
    }

    .home-three-facilites .faciliti-wrrap .facility-overlay .content {
        margin-top: -190px
    }

    .home-three-latest-post .latest-post-wraper .content .blog-title h4 a {
        font-size: 22px
    }

    .hero-style4 .hero-social {
        display: none;
        visibility: hidden
    }
}

.hero-style4 .hero-social .hotline {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-90deg)
}

.hero-style4 .hero-social .deshboar {
    display: flex;
    justify-content: center;
    padding-top: 55px;
    cursor: pointer
}

@media(max-width:991px) {

    header.style-3,
    header.style-4 {
        padding: 0 30px;
        top: 0
    }

    header.style-3 .header-logo,
    header.style-4 .header-logo {
        padding: 20px 0
    }

    .hero-style3 .banner-img,
    .hero-style4 .swiper-btn,
    header.style-3 .main-menu .menu-list>li.menu-item-has-children::after,
    header.style-3 .main-menu .menu-list>li::before,
    header.style-3 .nav-right .header-btn a,
    header.style-4 .main-menu .menu-list>li.menu-item-has-children::after,
    header.style-4 .main-menu .menu-list>li>a::before,
    header.style-4 .nav-right .header-btn a,
    header.style-4 .search-btn {
        display: none;
        visibility: hidden
    }

    header.style-3 .main-menu .menu-list,
    header.style-4 .main-menu .menu-list {
        flex-direction: column;
        justify-content: start
    }

    header.style-3 .main-menu .menu-list>li,
    header.style-4 .main-menu .menu-list>li {
        margin: 0;
        width: 100%
    }

    header.style-3 .main-menu .menu-list>li .dropdown-icon {
        opacity: 1;
        visibility: visible
    }

    header.style-3 .main-menu .menu-list>li a {
        padding: 15px 0;
        display: block;
        position: relative;
        border-bottom: 1px solid rgba(60, 170, 159, .098)
    }

    header.style-3 .main-menu .menu-list>li a:hover,
    header.style-4 .main-menu .menu-list>li>a:hover {
        color: var(--primary-color1)
    }

    header.style-3 .main-menu .menu-list>li .submenu {
        opacity: 1;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        border: unset;
        display: none;
        transition: unset;
        box-shadow: unset;
        transform: translateY(0);
        visibility: unset
    }

    header.style-3 .main-menu .menu-list>li .submenu>li a {
        border-bottom: unset;
        padding: 12px 15px
    }

    header.style-3 .main-menu .menu-list>li.menu-item-has-children,
    header.style-4 .main-menu .menu-list>li.menu-item-has-children {
        padding-right: unset
    }

    header.style-3 .main-menu,
    header.style-4 .main-menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 280px;
        height: 100%;
        overflow-y: auto;
        background-color: var(--white);
        border-right: 1px solid #eee;
        padding: 40px 20px;
        z-index: 999;
        transition: .7s ease-in-out
    }

    header.style-3 .main-menu.show-menu,
    header.style-4 .main-menu.show-menu {
        left: 0
    }

    .hero-style3 .hero-content h4 {
        margin-bottom: 10px
    }

    .hero-style3 .hero-content h1 {
        margin-bottom: 30px;
        font-size: 50px;
        line-height: 60px
    }

    .hero-style3 .multi-main-searchber {
        padding: 40px 50px;
        width: 90%;
        border-radius: 20px;
        margin: 0 auto
    }

    .hero-style3 .multi-main-searchber .searchbox-input.rooms::after,
    .hero-style3 .multi-main-searchber .searchbox-input::after {
        display: none
    }

    .hero-style3 .main-form-submit a {
        width: unset;
        padding: 20px 70px 16px;
        margin-top: 24px
    }

    .hero-style3 .main-form-submit,
    .hero-style4 .hero-social .social-icon,
    .home-three-service .service-img {
        display: flex;
        justify-content: center
    }

    .home-three-facilites .faciliti-wrrap .facility-overlay .content {
        margin-top: -255px
    }

    .home-three-offers .booking-area form {
        max-width: 600px;
        width: 100%;
        margin: 0 auto
    }

    .home-three-guest-review .guest-review-wrap {
        display: block !important
    }

    .home-three-guest-review .guest-review-wrap .guest-img {
        margin-top: -100px;
        margin-left: unset;
        display: flex;
        justify-content: center
    }

    .home-three-guest-review .guest-review-wrap .review {
        padding: 50px 40px
    }

    .home-three-guest-review .gueest-review {
        padding: 110px 2px 0
    }

    header.style-4 .main-menu .menu-list>li .dropdown-icon {
        opacity: 1;
        visibility: visible;
        color: var(--title-color)
    }

    header.style-4 .main-menu .menu-list>li>a {
        padding: 10px 0;
        display: block;
        position: relative;
        border-bottom: 1px solid rgba(60, 170, 159, .098);
        color: var(--title-color)
    }

    header.style-4 .main-menu .menu-list>li .submenu {
        opacity: 1;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        border: unset;
        display: none;
        transition: unset;
        box-shadow: unset;
        background-color: var(--white);
        transform: translateY(0);
        visibility: unset
    }

    header.style-4 .main-menu .menu-list>li .submenu>li a {
        border-bottom: unset;
        padding: 12px 15px;
        color: var(--title-color)
    }

    header.style-4 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon i {
        float: right;
        font-size: 20px;
        position: relative;
        top: -3px;
        display: block
    }

    .hero-style4 .hero-social .hotline {
        display: none !important;
        visibility: hidden
    }
}

.hero-style4 .hero-social .social-icon ul {
    margin: 0;
    padding: 0;
    gap: 45px;
    flex-direction: column-reverse
}

.hero-style4 .hero-social .social-icon ul li::after {
    content: "";
    width: 3px;
    height: 3px;
    background: rgba(28, 23, 29, .2);
    position: absolute;
    top: -23px;
    left: 9px
}

.hero-style4 .banner2-content .banner-title {
    max-width: 990px;
    width: 100%
}

.hero-style4 .banner2-content .banner-title h3 {
    font-family: var(--font-yeseva);
    font-weight: 500;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    padding: 30px;
    margin: 0;
    text-shadow: 2px 2px 2px #000
}

@media(max-width:767px) {
    .mobile-search {
        padding: 20px
    }

    .hero-style1 .hero-video .hero-content {
        bottom: 30px
    }

    .hero-style1 .hero-video .scroll-dowm {
        display: none;
        visibility: hidden
    }

    .home-one-about .about-img .reviews {
        max-width: 175px
    }

    .home-one-video .video-area .our-activitys {
        gap: 10px;
        flex-wrap: wrap
    }

    .home-one-video .video-area .video-batch {
        width: 100%
    }

    .home-one-gallery .gallery-item.six {
        margin-top: unset
    }

    .home-one-gallery .gallery-item.seven {
        margin-top: unset;
        margin-right: unset
    }

    .home-one-gallery .gallery-item.eight {
        margin-top: 10px
    }

    footer .footer-top .footer-items p {
        margin-bottom: 30px
    }

    .home-three-guest-review .guest-review-wrap .review .stars,
    footer .footer-top .footer-items .footer-titel {
        margin-bottom: 20px
    }

    .home-two-counter .our-activitys .booking .number span,
    .home-two-counter .our-activitys .satisfied-gest .number span,
    .home-two-counter .our-activitys .visitors .number span {
        font-size: 70px
    }

    .home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person {
        gap: 10px
    }

    .home-three-facilites .faciliti-wrrap .facility-overlay .content {
        margin-top: -90px
    }

    .home-three-offers .offer-left-bg {
        padding: 90px 20px
    }

    .hero-style4 .banner2-content .banner-title h1 {
        font-size: 65px;
        line-height: 85px
    }
}

.hero-style4 .swiper-slide .slide img {
    display: block
}

.hero-style4 .slide .banner2-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

@-webkit-keyframes large {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.6)
    }
}

.hero-style4 .slider-bg-2 {
    height: 800px;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.hero-style4 .swiper-slide>div {
    background-blend-mode: multiply;
    background-size: cover
}

@keyframes large {
    0% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1.8)
    }
}

.hero-style4 .swiper-btn {
    background: #fff;
    position: absolute;
    width: 176px;
    height: 56px;
    bottom: 0;
    right: 0;
    justify-content: center;
    gap: 50px;
    z-index: 9
}

.form-section {
    margin-top: -44px;
    padding-bottom: 0;
    position: relative;
    z-index: 99
}

.form-section .multi-main-searchber {
    margin-left: 180px;
    background-color: #fff;
    width: 100%;
    padding: 15px 0 15px 70px;
    border-radius: 200px;
    position: relative
}

.form-section .multi-main-searchber .searchbox-input::before,
.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input::before {
    position: absolute;
    content: url(../images/icons/date.svg);
    right: 22px;
    line-height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.form-section .multi-main-searchber .searchbox-input input {
    padding: 17px 20px;
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    border: none;
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color1) !important
}

.form-section .multi-main-searchber .searchbox-input input::-moz-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color1) !important
}

.form-section .multi-main-searchber .searchbox-input input:-ms-input-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color1) !important
}

.form-section .multi-main-searchber .searchbox-input input::placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color1) !important
}

.form-section .nice-select {
    width: 100%;
    border: none;
    padding: 20px;
    line-height: 1;
    height: 25px
}

.form-section .nice-select::after {
    height: 8px;
    width: 8px;
    right: 20px;
    border-color: var(--primary-color1);
    top: 72%
}

.form-section .main-form-submit a {
    padding: 15px 50px;
    border: none;
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    white-space: nowrap;
    border-radius: 90px
}

.section-title-4 h4 {
    margin-bottom: 8px;
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 21px;
    text-transform: uppercase;
    color: var(--primary-color1);
    margin-top:40px;
}

.section-title-4 h2 {
    margin-bottom: 0;
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    text-transform: capitalize;
    color: var(--title-color)
}

.home4-facilities .facilities-wrrap .facilities-img {
    position: relative;
    border-radius: 10px;
    z-index: 1;
    transition: .4s
}

.home4-facilities .facilities-wrrap .facilities-img>img {
    border-radius: 10px;
    min-height: 270px
}

.home4-facilities .facilities-wrrap .facilities-img .facilities-content {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    transition: .35s
}

.home4-facilities .facilities-wrrap .facilities-img .facilities-content h4 {
    margin-bottom: 5px
}

.home4-facilities .facilities-wrrap .facilities-img .facilities-content h4 a {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 27px;
    text-transform: capitalize;
    color: var(--white);
    white-space: nowrap;
    transition: .35s
}

.home4-facilities .facilities-wrrap .facilities-img .facilities-content .arrow-btn {
    display: flex;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: .35s
}

.home4-facilities .facilities-wrrap .facilities-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(28, 23, 29, 0) 44.53%, rgba(28, 23, 29, .73) 71.88%, #1c171d 100%);
    border-radius: 10px
}

.home4-facilities .facilities-wrrap .overlay h3 a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    color: var(--title-color)
}

.home4-facilities .facilities-wrrap .overlay p {
    color: #5a5a5a;
    padding: 0;
    margin-bottom: 25px
}

.home4-facilities .facilities-wrrap .overlay>a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    padding: 15px 50px;
    border-radius: 90px;
    display: inline-block
}

.home4-facilities .facilities-wrrap:hover .facilities-img .facilities-content {
    bottom: 30px
}

.home4-about .about-right .contect-area .name-deg h5 {
    font-family: var(--font-yeseva);
    font-weight: 500;
    font-size: 20px;
    letter-spacing: .03em;
    color: var(--primary-color1);
    margin-bottom: -5px
}

.home4-about .about-right .contect-area .name-deg span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 15px;
    line-height: 35px;
    color: var(--text-color1)
}

.home4-about .about-right .contect-area .hotline .hotline-info h6 {
    font-size: 15px;
    font-weight: 500;
    font-family: var(--font-yeseva);
    color: var(--title-color);
    white-space: nowrap;
    margin-bottom: 0
}

.home4-rooms .rooms-wrrap .room-img>img {
    height: 330px;
    width: 100%
}

.home4-rooms .rooms-wrrap .room-img .room-content {
    background-color: var(--title-color);
    max-width: 350px;
    width: 100%;
    padding: 25px;
    position: absolute;
    bottom: -68px;
    right: 0;
    transition: .35s;
    z-index: 9
}

.home4-rooms .rooms-wrrap .room-img .room-content .price-tag,
.superior-offer .offer-wrap .offer-content .price-tag,
.superior-offer .offer-wrap .offer-content span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .03em;
    color: var(--white)
}

.home4-rooms .rooms-wrrap .room-img .room-content .price-tag span,
.room-suits-details-page .single-room .room-content .price-tag span,
.superior-offer .offer-wrap .offer-content .price-tag span {
    font-size: 25px;
    font-weight: 500;
    color: var(--white)
}

.home4-rooms .rooms-wrrap .room-img .room-content h3,
.home5-room-suits .room-wrrap .room-content h3,
.superior-offer .offer-wrap .offer-content h3 {
    margin-bottom: 15px;
    padding-top: 5px
}

.home4-rooms .rooms-wrrap .room-img .room-content h3 a,
.superior-offer .offer-wrap .offer-content h3 a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 30px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: #fff;
    transition: .35s
}

.home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person,
.home5-room-suits .room-wrrap .room-content .bed-and-person,
.superior-offer .offer-wrap .offer-content .bed-and-person {
    gap: 60px;
    flex-wrap: wrap
}

.home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person .bed-qty p,
.home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person .persons p,
.superior-offer .offer-wrap .offer-content .bed-and-person .bed-qty p,
.superior-offer .offer-wrap .offer-content .bed-and-person .persons p {
    margin-bottom: -7px;
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--primary-color1);
    display: flex;
    align-items: baseline
}

.home4-rooms .rooms-wrrap .room-img .room-content>a {
    font-family: var(--font-yeseva);
    font-weight: 300;
    font-size: 16px;
    letter-spacing: .05em;
    text-transform: capitalize;
    color: var(--primary-color1);
    border: .5px solid #434e57;
    border-radius: 30px;
    padding: 9px 40px 6px;
    display: inline-block;
    margin-top: 28px;
    transition: .35s
}

.home4-rooms .rooms-wrrap .room-img .room-features {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: .35s
}

@media(max-width:1800px) {
    .home4-rooms .rooms-wrrap .room-img .room-features {
        display: none
    }

    .home5-room-suits .swiper-btn {
        display: none;
        visibility: hidden
    }
}

.home4-rooms .rooms-wrrap .room-img .room-features ul {
    gap: 20px;
    margin: 0;
    padding: 0
}

.home4-rooms .rooms-wrrap .room-img .room-features ul li svg {
    fill: #fff;
    transition: .35s
}

.home4-rooms .rooms-wrrap .room-img::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(90.59deg, #1c171d 5.27%, rgba(28, 23, 29, 0) 20.5%);
    opacity: 0;
    transition: .35s;
    z-index: 1
}

.home4-single-service .rooms-wrrap2 .room-content h3 {
    margin-bottom: 15px;
    padding-top: 25px
}

.home4-single-service .playzaone-wrap .content>a,
.home4-single-service .rooms-wrrap2 .room-content>a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    padding: 13px 40px;
    display: inline-block;
    letter-spacing: .03em;
    text-transform: capitalize
}

.home4-single-service .content h3 a,
.home4-single-service .rooms-wrrap2 .room-content h3 a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 35px;
    text-transform: capitalize;
    color: var(--title-color)
}

.home4-single-service .rooms-wrrap2 .room-content>a {
    border-radius: 130px
}

.home4-single-service .playzaone-wrap .playzone-img {
    position: relative;
    border-radius: 10px;
    z-index: 1
}

.home4-single-service .playzaone-wrap .playzone-img img {
    border-radius: 10px;
    min-height: 350px
}

.home4-single-service .playzaone-wrap .playzone-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(28, 23, 29, .6);
    z-index: 1;
    border-radius: 10px
}

.home4-single-service .playzaone-wrap .content {
    max-width: 570px;
    width: 100%;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    padding: 15px
}

.home4-single-service .playzaone-wrap .content h3 a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 35px;
    text-transform: capitalize;
    color: var(--white)
}

.home4-single-service .playzaone-wrap .content p {
    color: var(--white);
    margin-bottom: 35px
}

.home4-single-service .playzaone-wrap .content>a {
    color: var(--white);
    background: var(--primary-color1);
    border-radius: 130px
}

.home4-single-service .bar-pub-img-1 img {
    border-radius: 130px
}

.home4-single-service .included-feature h3 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 30px;
    text-transform: capitalize;
    color: var(--title-color);
    margin-bottom: 20px
}

.home4-single-service .included-feature ul {
    margin: 0 0 25px;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px
}

.home4-single-service .included-feature ul li {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 20px;
    letter-spacing: .03em;
    color: var(--title-color)
}

.home4-single-service .included-feature a {
    font-family: var(--font-jost);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: .03em;
    color: var(--primary-color1);
    border: 1px solid #434e57;
    display: inline-flex;
    padding: 25px 70px
}

.home4-single-service .included-feature h5 {
    font-family: var(--font-yeseva);
    font-weight: 300;
    font-size: 20px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--title-color);
    margin-bottom: 35px
}

.home4-single-service .included-feature>a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: #fff;
    border-radius: 130px;
    padding: 16px 40px;
    display: inline-block
}

.superior-offer {
    position: relative;
    overflow-x: hidden;
    padding-top: 100px
}

.superior-offer::before {
    content: url(../images/bg/h4-offer-bg.png);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.superior-offer .offer-wrap .offer-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0
}

.superior-offer .offer-wrap .offer-img>img {
    border-radius: 10px 10px 0 0;
    height: 227px;
    transition: .35s
}

.superior-offer .offer-wrap .offer-img .batch {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.superior-offer .offer-wrap .offer-img .batch .offer .content {
    position: absolute;
    z-index: 9;
    top: 22px;
    left: 15px
}

.superior-offer .offer-wrap .offer-img .batch .offer .content h4 {
    font-family: var(--font-yeseva);
    font-weight: 600;
    font-size: 23px;
    color: var(--white);
    margin-bottom: 0;
    line-height: 8px
}

.superior-offer .offer-wrap .offer-img .batch .offer .content span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--white);
    line-height: 28px;
    margin-left: 20px
}

.superior-offer .offer-wrap .offer-content {
    background-color: var(--title-color);
    padding: 35px;
    border-radius: 0 0 10px 10px;
    transition: .35s
}

.home-one-testimonial .testimonial-wrrap video {
    width: 100%;
    max-width: 350px;
    margin: 0 auto
}

.superior-offer .offer-wrap .offer-content>a {
    font-family: var(--font-yeseva);
    font-weight: 300;
    font-size: 16px;
    letter-spacing: .05em;
    text-transform: capitalize;
    color: var(--primary-color1);
    border: .5px solid #434e57;
    border-radius: 30px;
    padding: 9px 40px 6px;
    display: inline-block;
    margin-top: 28px;
    transition: .35s;
    white-space: nowrap
}

.home4-video-area {
    background-image: linear-gradient(rgba(28, 23, 29, .5), rgba(28, 23, 29, .5)), url(../images/bg/h4-video-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
    display: flex;
    align-items: center;
    justify-self: center
}

.home4-video-area .video-batch {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.home4-video-area .video-batch h3 {
    font-family: var(--font-island);
    font-weight: 400;
    font-size: 55px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    margin-bottom: 30px
}

.home4-video-area .video-batch a {
    width: 120px;
    height: 120px;
    background: rgba(255, 255, 255, .3);
    border: 1.5px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.home4-video-area .video-batch a i {
    color: var(--white);
    font-size: 60px
}

.home4-testimonial .testomonial-wrrap {
    background: #f5f7f7;
    padding: 45px 25px;
    border-radius: 0 45px;
    display: flex;
    align-items: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.home-one-testimonial .testimonial-wrrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.home4-testimonial .testomonial-wrrap .testimonial-img {
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.home4-testimonial .testomonial-wrrap .testimonial-img img {
    border-radius: 50%
}

.home4-testimonial .testomonial-wrrap .testimonial-content h4 {
    font-family: var(--font-yeseva);
    font-weight: 500;
    font-size: 25px;
    letter-spacing: .03em;
    color: #213321;
    margin-bottom: 5px;
    text-transform: capitalize
}

.home4-testimonial .testomonial-wrrap .testimonial-content span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .05em;
    text-transform: capitalize;
    color: var(--primary-color1)
}

.home4-testimonial .testomonial-wrrap .testimonial-content .stars {
    margin: 0 0 10px;
    padding: 0;
    justify-content: center;
    gap: 7px
}

.home4-blog-area .view-btn {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    background-color: var(--primary-color1);
    border-radius: 90px;
    padding: 9px 53px;
    margin: 10px 0
}

.home4-blog-area .blog-wrrap .blog-img .publish-date {
    position: absolute;
    left: 0;
    top: 35px
}

.home4-blog-area .blog-wrrap .blog-img .publish-date a {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    background: var(--primary-color1);
    border-radius: 0 5px 5px 0;
    padding: 11px 25px
}

.home4-blog-area .blog-wrrap .blog-content .blog-meta .comment span,
.home4-blog-area .blog-wrrap .blog-content .blog-meta .publisher span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: #787878
}

.home4-blog-area .blog-wrrap .blog-content .blog-title h4 {
    margin: 15px 0
}

.home4-blog-area .blog-wrrap .blog-content .blog-title h4 a {
    font-weight: 500;
    font-family: var(--font-jost);
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--title-color);
    transition: .35s
}

.home4-blog-area .blog-wrrap .blog-content .read-more-btn>a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .03em;
    color: var(--primary-color1);
    position: relative;
    transition: .35s
}

.home4-blog-area .blog-wrrap .blog-content .read-more-btn>a::after {
    content: url(../images/icons/read-more-arrow-white.png);
    position: absolute;
    left: 0;
    bottom: -18px
}

.home4-blog-area .blog-wrrap .blog-content .read-more-btn>a:hover {
    color: var(--text-color1)
}

.hero-style5 .hero-sidebar {
    min-width: 250px;
    background-color: #fff;
    height: 100%
}

.hero-style5 .hero-sidebar .sidebar-close-btn {
    z-index: 99;
    position: absolute;
    right: 20px;
    top: 27px
}

.hero-style5 .hero-sidebar .header-logo {
    border-bottom: 1px solid #eee;
    margin-bottom: 80px
}

.hero-style5 .hero-sidebar .header-logo img {
    padding: 35px
}

.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e2e2e2;
    height: 80px
}

.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input input {
    padding: 30px 20px 25px;
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    border: none;
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color) !important
}

.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input input::-moz-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color) !important
}

.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input input:-ms-input-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color) !important
}

.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input input::placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color) !important
}

.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input.two {
    height: 80px
}

.hero-style5 .hero-sidebar h3 {
    font-family: var(--font-yeseva);
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: .03em;
    color: #222;
    text-align: center;
    padding: 30px;
    margin-bottom: 0
}

.hero-style5 .hero-sidebar .nice-select {
    width: 100%;
    border: none;
    padding: 33px 20px 16px;
    line-height: 1;
    height: 25px
}

.hero-style5 .hero-sidebar .nice-select::after {
    height: 8px;
    width: 8px;
    right: 30px;
    border-color: var(--primary-color1);
    top: 80%
}

.hero-style5 .hero-sidebar .main-form-submit a {
    background: var(--white);
    padding: 20px 18px;
    border: none;
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    white-space: nowrap;
    width: 100%;
    background-color: var(--primary-color1);
    display: block;
    text-align: center
}

.hero-style5 .hero-sidebar .hotline {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -8px
}

.hero-style5 .hero-sidebar .hotline .hotline-info h6 {
    font-size: 16px;
    font-weight: 600;
    font-family: var(--font-jost);
    color: #222;
    white-space: nowrap;
    margin-bottom: 0
}

.hero-style5 .banner-area {
    width: 100%;
    padding: 300px 0 200px;
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative
}

.hero-style5 .banner-area::before {
    content: "";
    background-image: linear-gradient(rgba(28, 23, 29, .6), rgba(28, 23, 29, .6)), url(../images/bg/h5-banner.png);
    background-blend-mode: multiply;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: -9
}

.hero-style5 .banner-area header.style-5 {
    position: absolute;
    top: 30px;
    right: 100px;
    z-index: 9999;
    display: flex;
    justify-content: end;
    align-items: center;
    background-color: transparent;
    max-width: 1020px;
    width: 100%;
    margin: 0 0 auto
}

.hero-style5 .banner-area header.style-5 .nav-right .header-btn a {
    font-family: var(--font-jost);
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    transition: .35s ease-in;
    cursor: pointer;
    white-space: nowrap;
    padding: 12px 41px
}

.hero-style5 .banner-area header.style-5 .nav-right .bookmark-icon>a i {
    color: var(--white);
    font-size: 25px;
    line-height: 25px
}

.hero-style5 .banner-area header.style-5 .main-menu {
    margin-right: 100px
}

@media(max-width:1399px) {
    .form-section {
        margin-top: -250px;
        padding-bottom: 170px
    }

    .home4-rooms .rooms-wrrap .room-img .room-content {
        max-width: 290px
    }

    .home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person,
    .superior-offer .offer-wrap .offer-content .bed-and-person {
        gap: 20px
    }

    .hero-style5 .banner-area header.style-5 {
        right: 30px;
        gap: 60px
    }

    .hero-style5 .banner-area header.style-5 .nav-right {
        gap: 50px
    }

    .hero-style5 .banner-area header.style-5 .main-menu {
        margin-right: unset
    }

    .home5-room-suits .room-wrrap .room-content .bed-and-person {
        gap: 40px
    }
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li a {
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    color: var(--white);
    padding: 25px 0;
    display: inline-block;
    white-space: nowrap;
    transition: .4s;
    display: flex;
    align-items: center;
    font-family: var(--font-jost);
    text-transform: capitalize;
    position: relative;
    z-index: 999
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 17px;
    width: 100%;
    height: 2px;
    background-color: var(--primary-color1);
    transition: .4s;
    opacity: 0;
    visibility: hidden
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li .submenu {
    padding: 5px 0;
    position: absolute;
    top: 70px;
    left: 0;
    background-color: var(--white);
    opacity: 0;
    visibility: hidden
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li .submenu>li a {
    display: block;
    padding: 12px 30px;
    border-bottom: 1px solid rgba(60, 170, 159, .1);
    position: relative;
    z-index: 1;
    font-size: 18px;
    color: var(--title-color)
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li .submenu>li:last-child a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: unset;
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    transform-origin: left;
    transition: .4s ease-in;
    z-index: -1
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li.menu-item-has-children::after {
    content: "\f282";
    font-family: bootstrap-icons;
    font-weight: 600;
    position: absolute;
    top: 26px;
    right: 0;
    font-size: 14px;
    color: var(--white);
    transition: .42s ease-in-out
}

.hero-style5 .banner-area header.style-5 .main-menu .menu-list>li.menu-item-has-children:hover::after {
    transform: rotate(180deg);
    color: var(--primary-color1)
}

.hero-style5 .banner-area header.style-5 .mobile-menu-btn .bx,
.hero-style5 .banner-area header.style-5 .sidebar-btn .bx {
    color: var(--white);
    font-size: 28px
}

.hero-style5 .banner-area .banner-content {
    max-width: 1050px;
    width: 100%;
    margin: 0 auto
}

.hero-style5 .banner-area .banner-content h1 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 90px;
    line-height: 112px;
    letter-spacing: .03em;
    text-transform: capitalize;
    text-align: center;
    color: var(--white);
    margin-bottom: 55px
}

.hero-style5 .banner-area .banner-content h1 span {
    -webkit-text-stroke: 1.6px #fff;
    color: transparent
}

@media(max-width:1199px) {
    .form-section {
        margin-top: -250px
    }

    .form-section .multi-main-searchber {
        margin-left: unset
    }

    .home4-rooms .rooms-wrrap .room-img .room-features {
        display: block
    }

    .hero-style5 .hero-sidebar {
        left: -100%;
        position: fixed;
        transition: .7s;
        z-index: 99999;
        overflow-y: scroll
    }

    .hero-style5 .hero-sidebar.slide {
        left: 0
    }

    .hero-style5 .hero-sidebar .header-logo img {
        padding: 20px
    }

    .hero-style5 .banner-area {
        padding: 200px 0 160px
    }

    .hero-style5 .banner-area header.style-5 {
        padding: 20px 30px;
        top: 0;
        right: 0;
        justify-content: space-between;
        max-width: unset;
        gap: unset
    }

    .hero-style5 .banner-area header.style-5 .nav-right {
        gap: 20px
    }

    .hero-style5 .banner-area header.style-5 .main-menu .menu-list>li .submenu>li a.active::before,
    .hero-style5 .banner-area header.style-5 .main-menu .menu-list>li a::before,
    .hero-style5 .banner-area header.style-5 .main-menu .menu-list>li.menu-item-has-children::after,
    .hero-style5 .banner-area header.style-5 .nav-right .header-btn a {
        display: none;
        visibility: hidden
    }

    .hero-style5 .banner-area header.style-5 .main-menu .menu-list {
        flex-direction: column;
        justify-content: start
    }

    .hero-style5 .banner-area header.style-5 .main-menu .menu-list>li {
        margin: 0;
        width: 100%
    }

    .hero-style5 .banner-area header.style-5 .main-menu .menu-list>li .dropdown-icon {
        opacity: 1;
        visibility: visible;
        z-index: 999
    }

    .hero-style5 .banner-area header.style-5 .main-menu .menu-list>li a {
        color: var(--title-color);
        padding: 15px 0;
        display: block;
        position: relative;
        border-bottom: 1px solid rgba(60, 170, 159, .098)
    }

    .hero-style5 .banner-area header.style-5 .main-menu .menu-list>li .submenu {
        opacity: 1;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        border: unset;
        display: none;
        transition: unset;
        box-shadow: unset;
        transform: translateY(0);
        visibility: unset;
        background-color: var(--white)
    }

    .hero-style5 .banner-area header.style-5 .main-menu .menu-list>li .submenu>li a {
        border-bottom: unset;
        padding: 12px 15px;
        color: var(--title-color)
    }

    .hero-style5 .banner-area header.style-5 .main-menu .menu-list>li.menu-item-has-children {
        padding-right: unset
    }

    .hero-style5 .banner-area header.style-5 .main-menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 280px;
        height: 100%;
        overflow-y: auto;
        background-color: var(--white);
        padding: 40px 20px;
        z-index: 999;
        transition: .7s ease-in-out
    }

    .hero-style5 .banner-area header.style-5 .main-menu.show-menu {
        right: 0
    }

    .hero-style5 .banner-area .banner-content h1 {
        font-size: 90px;
        line-height: 110px
    }
}

@media(max-width:991px) {
    .form-section {
        margin-top: -200px;
        padding-bottom: 10px
    }

    .form-section .multi-main-searchber {
        box-shadow: 5px 3px 40px rgba(0, 72, 88, .1);
        padding: 25px 50px;
        border-radius: 20px
    }

    .form-section .main-form-submit a {
        width: unset;
        padding: 20px 70px;
        margin-top: 24px
    }

    .form-section .main-form-submit,
    .hero-style5 .hero-sidebar .main-form-submit {
        display: flex;
        justify-content: center
    }

    .section-title-4 h2 {
        font-size: 40px;
        line-height: 55px
    }

    .hero-style5 .banner-area {
        padding: 150px 0 110px
    }

    .hero-style5 .banner-area .banner-content h1 {
        font-size: 90px;
        line-height: 110px
    }

    .home5-facilities .facilities-wrrap.four {
        margin-bottom: 30px
    }
}

.hero-style5 .banner-area .banner-content a {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    border: 1px solid #fff;
    padding: 15px 32px
}

.section-title-area {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.section-title-area .marquee div {
    display: block;
    width: 200%;
    height: 30px;
    position: absolute;
    -webkit-animation: 20s linear infinite marquee;
    animation: 20s linear infinite marquee
}

.section-title-area .marquee div span {
    float: left;
    width: 50%;
    font-size: 90px;
    font-weight: 700;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1px rgba(34, 34, 34, .08);
    -webkit-text-fill-color: transparent;
    -webkit-animation: 8s linear infinite train;
    animation: 8s linear infinite train
}

@-webkit-keyframes marquee {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

@keyframes marquee {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

.section-title-area .section-title {
    width: 100%;
    max-width: 600px;
    text-align: center;
    background-color: transparent;
    margin: -5px auto 55px;
    position: relative;
    z-index: 1
}

.section-title-area .section-title span {
    font-family: var(--font-island);
    font-weight: 400;
    font-size: 35px;
    line-height: 35px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--primary-color1)
}

.h5-choose-area .section-title h2,
.section-title-area .section-title h2 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 50px;
    line-height: 72px;
    color: #222
}

.home5-room-suits .h5-room-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.home5-room-suits .swiper-btn {
    gap: 60px;
    position: absolute;
    left: 50px;
    bottom: 100px
}

.home5-room-suits .swiper-btn2 {
    gap: 60px;
    position: absolute;
    left: 0;
    top: -50px;
    opacity: 0;
    visibility: hidden;
    z-index: 9
}

@media(max-width:1800px) {
    .home5-room-suits .swiper-btn2 {
        opacity: 1;
        visibility: visible
    }
}

.home5-room-suits .room-wrrap {
    background-color: var(--white);
    border: 1px solid #eee;
    padding: 20px 20px 30px;
    transition: .35s
}

.home5-room-suits .room-wrrap .stars {
    gap: 8px
}

.home5-room-suits .room-wrrap .room-content .price-tag {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .03em;
    color: #222
}

.home5-room-suits .room-wrrap .room-content h3 a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 30px;
    line-height: 38px;
    text-transform: capitalize;
    color: #222;
    transition: .35s
}

.home5-room-suits .room-wrrap .room-content .bed-and-person .bed-qty p,
.home5-room-suits .room-wrrap .room-content .bed-and-person .persons p {
    margin-bottom: -7px;
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--text-color1);
    display: flex;
    align-items: baseline
}

.home5-about-area .h5-about-banner video {
    width: 100% !important;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 400px;
    position: relative
}

.home5-about-area .about-content h2 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 50px;
    line-height: 65px;
    text-transform: capitalize;
    color: #222;
    margin-bottom: 20px
}

.home5-about-area .about-content a {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--primary-color1);
    padding: 16px 30px;
    border: 1px solid #434e57;
    display: inline-flex
}

.home5-facilities .facilities-wrrap .facilities-content {
    background: #fbffe9;
    height: 100%;
    padding: 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.home5-facilities .facilities-wrrap .facilities-content h3 {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 32px;
    line-height: 32px;
    text-transform: capitalize;
    color: #222;
    margin-bottom: 25px
}

.home5-facilities .facilities-wrrap .facilities-content a {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize;
    color: var(--primary-color1);
    border: 1px solid #434e57;
    padding: 12px 40px
}

.home5-facilities .facilities-wrrap .facilities-content.two {
    background: #efe6d6
}

.home5-facilities .facilities-wrrap .facilities-content.three {
    background: #f5f7f7
}

.home5-facilities .facilities-wrrap .facilities-content.four {
    background: #f8f5f0
}

.home5-facilities .facilities-wrrap .facilities-img img {
    min-height: 390px
}

.h5-offer-area .offer-wrrap {
    background: #222
}

.h5-offer-area .offer-wrrap .offer-content {
    padding: 50px 40px
}

.h5-offer-area .offer-wrrap .offer-content span {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 20px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white)
}

.h5-choose-area .section-title span,
.h5-offer-area .offer-wrrap .offer-content a,
.h5-offer-area .offer-wrrap .offer-content h2 {
    color: var(--primary-color1);
    letter-spacing: .03em;
    text-transform: capitalize
}

.h5-offer-area .offer-wrrap .offer-content h2 {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    padding-top: 13px
}

.h5-offer-area .offer-wrrap .offer-content a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 20px;
    border: 1px solid #434e57;
    border-radius: 100px;
    padding: 12px 58px;
    white-space: nowrap;
    display: block
}

.h5-offer-area .offer-wrrap .offer-img img {
    min-height: 290px
}

.h5-choose-area .section-title {
    margin-bottom: 55px;
    z-index: 9;
    background-color: transparent;
    margin-top: -5px
}

.h5-choose-area .section-title span {
    font-family: var(--font-island);
    font-weight: 400;
    font-size: 25px
}

.h5-choose-area .choose-img-left {
    position: relative;
    margin-left: 110px
}

.h5-choose-area .choose-img-left .choose-icon {
    position: absolute;
    left: -110px;
    top: 50%;
    transform: translateY(-50%)
}

.h5-choose-area .choose-right-area .choose-content p {
    letter-spacing: .03em;
    margin-bottom: 25px
}

.h5-choose-area .choose-right-area .choose-content ul {
    margin: 0;
    padding: 0;
    gap: 25px
}

.h5-choose-area .choose-right-area .choose-content ul li {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: #222
}

.home5-extra-services {
    background-image: linear-gradient(rgba(60, 170, 159, .1), rgba(60, 170, 159, .1)), url(../images/bg/h5-service-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0
}

.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-content {
    background-color: rgba(28, 23, 29, .95);
    padding: 58px 20px;
    position: absolute;
    left: 20px;
    top: 35px;
    right: 20px;
    bottom: 35px;
    transform: scale(.4);
    opacity: 0;
    transition: .35s;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-content h3 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 30px;
    line-height: 60px;
    text-transform: capitalize;
    color: var(--white);
    margin-bottom: 0
}

.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-content p {
    color: var(--white);
    margin-bottom: 40px
}

.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-content a {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--primary-color1);
    border: 1px solid #434e57;
    padding: 9px 25px
}

.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-name {
    position: absolute;
    left: 35px;
    right: 35px;
    bottom: 35px;
    transition: .35s
}

.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-name a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 30px;
    text-transform: capitalize;
    color: var(--white);
    background: #1c171d;
    box-shadow: 0 0 20px rgba(219, 167, 101, .1);
    padding: 12px 60px 9px;
    display: inline-flex;
    width: 100%;
    justify-content: center;
    white-space: nowrap
}

.home5-extra-services .ex-service-wrrap .ex-service-img:hover .ex-service-content {
    transform: scale(1);
    opacity: 1
}

.home5-extra-services .ex-service-wrrap .ex-service-img:hover .ex-service-name {
    transform: scale(0);
    opacity: 0
}

.home5-testimonial .testimonial-wrrap {
    padding: 10px 30px 10px 10px;
    border: 1px solid #eee
}

.home5-testimonial .testimonial-wrrap .guests-img {
    margin-right: 30px
}

.home5-testimonial .testimonial-wrrap .guest-content {
    max-width: 800px;
    width: 100%;
    position: relative
}

.home5-testimonial .testimonial-wrrap .guest-content .quat-icon {
    opacity: .03;
    padding-top: 10px;
    margin-bottom: 10px;
    position: absolute;
    right: 30px;
    top: -45px
}

.home5-testimonial .testimonial-wrrap .guest-content p {
    font-family: var(--font-jost);
    font-weight: 300;
    font-size: 24px;
    line-height: 45px;
    letter-spacing: .03em;
    color: var(--text-color1);
    margin-bottom: 35px;
    position: relative
}

.home5-testimonial .testimonial-wrrap .guest-content p::after {
    content: "";
    width: 100px;
    height: 1px;
    background-color: rgba(60, 170, 159, .5);
    position: absolute;
    bottom: -12px;
    left: 0
}

.home5-testimonial .testimonial-wrrap .guest-content .guest-name-review .name h3 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 28px;
    letter-spacing: .03em;
    color: #213321;
    margin-bottom: 0
}

.home5-blog-area .blog-wrrap .blog-img .batch {
    position: absolute;
    top: 20px;
    right: 0
}

.home5-blog-area .blog-wrrap .blog-img .batch a {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    background: #222;
    padding: 10px 30px
}

.inner-blog .widget-area .widget-title h3::after,
.inner-blog .widget-area .widget_search form label::after {
    width: 100px;
    background-image: linear-gradient(90deg, #1c171d, rgba(28, 23, 29, 0));
    position: absolute;
    content: "";
    height: 2px
}

.home5-blog-area .blog-wrrap .blog-content {
    border: 1px solid #eee;
    padding: 25px 20px
}

.home5-blog-area .blog-wrrap .blog-content .blog-meta-area img {
    border-radius: 50%;
    margin-right: 10px
}

.home5-blog-area .blog-wrrap .blog-content .blog-meta-area p {
    font-family: var(--font-jost);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 0
}

.home5-blog-area .blog-wrrap .blog-content .blog-meta-area p a {
    color: var(--text-color1);
    transition: .35s
}

.home5-blog-area .blog-wrrap .blog-content .blog-title h4 a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 25px;
    line-height: 35px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: #222;
    transition: .35s
}

.home5-blog-area .blog-wrrap .blog-content .read-more-btn>a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--primary-color1);
    transition: .35s
}

.home5-blog-area .blog-wrrap .blog-content .read-more-btn>a:hover {
    color: #222
}

.home5-marque-tab {
    overflow: hidden;
    border-top: 1px solid #eee
}

.home5-marque-tab .marquee ul {
    margin: 0;
    padding: 30px 0;
    gap: 60px;
    position: relative;
    display: flex;
    align-items: center;
    -webkit-animation: 30s linear infinite CSSright;
    animation: 30s linear infinite CSSright
}

.home5-marque-tab .marquee ul li {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 20px;
    line-height: 18px;
    letter-spacing: .02em;
    text-transform: capitalize;
    color: #222;
    position: relative;
    white-space: nowrap
}

.home5-marque-tab .marquee ul li::before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--primary-color1);
    position: absolute;
    left: -25px;
    top: 2px
}

@-webkit-keyframes CSSright {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(-120%, 0)
    }
}

@keyframes CSSright {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(-120%, 0)
    }
}

.home5-marque-tab .marquee:hover ul {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.breadcrumb-section {
    min-height: 400px;
    position: relative;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(rgba(34, 34, 34, .4), rgba(34, 34, 34, .4)) center/cover, url(../images/bg/inner-banner.png) center/cover
}

.breadcrumb-section .breadcrumb-title {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 60px;
    letter-spacing: .05em;
    text-transform: capitalize;
    color: var(--white)
}

.breadcrumb-section nav ol {
    margin: 0;
    padding: 0;
    gap: 15px
}

.breadcrumb-section nav ol .breadcrumb-item {
    color: var(--primary-color1);
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font-jost);
    position: relative;
    padding-left: 20px
}

.breadcrumb-section nav ol .breadcrumb-item:first-child {
    padding-left: 0
}

.breadcrumb-section nav ol .breadcrumb-item.breadcrumb-item+.breadcrumb-item::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--primary-color1);
    position: absolute;
    top: 11px;
    left: 0
}

.facilities-pages .facilities-content span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 18px;
    text-transform: uppercase;
    color: var(--primary-color1);
    display: inline-block;
    margin-bottom: 5px
}

.facilities-pages .facilities-content h3 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 35px;
    line-height: 50px;
    letter-spacing: 1.35;
    text-transform: capitalize;
    color: var(--title-color);
    margin-bottom: 15px
}

.facilities-pages .facilities-content p {
    letter-spacing: .03em;
    margin-bottom: 0
}

.home-one-gallery.two .gallery-item img {
    min-height: 308px
}

.home-one-gallery.two .gallery-item.four img,
.home-one-gallery.two .gallery-item.nine img,
.home-one-gallery.two .gallery-item.three img {
    min-height: 618px
}

.home-one-gallery.two .gallery-item.five,
.home-one-gallery.two .gallery-item.four,
.home-one-gallery.two .gallery-item.six {
    margin-top: -308px
}

.home-one-gallery.two .gallery-item.seven {
    margin-top: -616px
}

.home-one-gallery.two .gallery-item.eight {
    margin-top: 26px
}

.room-suits-page-2 .multi-main-searchber {
    background-color: #fff;
    width: 100%;
    padding: 20px 0 20px 25px;
    position: relative;
    box-shadow: 3px 5px 35px rgba(86, 68, 169, .1);
    border-radius: 10px
}

.room-suits-page-2 .multi-main-searchber .searchbox-input input::-moz-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: #666 !important
}

.room-suits-page-2 .multi-main-searchber .searchbox-input input:-ms-input-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: #666 !important
}

.room-suits-page-2 .multi-main-searchber .searchbox-input input::placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: #666 !important
}

.room-suits-page-2 .main-form-submit a {
    padding: 17px 35px 18px;
    border: none;
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    white-space: nowrap
}

@media(min-width:992px) and (max-width:1199px) {

    .hero-style2 .main-form-submit a,
    .room-suits-page-2 .main-form-submit a {
        padding: 15px 18px
    }

    header.style-3,
    header.style-4 {
        padding: 0 30px
    }
}

.room-suits-page-2 .room-suits-wrrap .room-suits-content .client-review .stars li:last-child {
    color: var(--text-color1);
    font-weight: 400
}

.room-suits-page-2 .room-suits-wrrap .room-suits-content .price-tag {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--title-color)
}

.pagination {
    margin: 0;
    padding: 50px 0 0;
    gap: 30px
}

.pagination li a {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--title-color);
    border: unset;
    padding: 0
}

.pagination li:first-child a,
.pagination li:last-child a {
    color: var(--primary-color1);
    border-radius: unset;
    position: relative;
    transition: .35s
}

.pagination li:first-child a::after,
.pagination li:last-child a::after {
    content: "";
    height: 1px;
    width: 100%;
    background-color: var(--primary-color1);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: .35s
}

.faq-page .faq-form .form-inner button:hover,
.inner-blog .blog-post-area .comment-section form .form-inner.two button:hover,
.pagination li:first-child a:hover::after,
.pagination li:last-child a:hover::after,
.room-suits-details-page .widget-area2 .single-widgets .submit-btn button:hover {
    background-color: var(--title-color)
}

.pagination li .page-link:hover {
    z-index: 2;
    color: var(--primary-color1);
    background-color: unset;
    border-color: unset
}

.contact-page .address-area .address-list li:last-child,
.inner-blog .blog-post-area .comment-section ul li:last-child,
.inner-blog .widget-area .single-widgets:last-child,
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt:last-child {
    margin-bottom: unset
}

.inner-blog .widget-area .widget-title h3 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 25px;
    letter-spacing: .03em;
    color: var(--title-color);
    position: relative;
    margin-bottom: 35px
}

.inner-blog .widget-area .widget-title h3::after {
    left: 0;
    bottom: -5px
}

.inner-blog .widget-area .widget_search form label {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 28px;
    letter-spacing: .03em;
    color: var(--title-color);
    position: relative;
    margin-bottom: 35px
}

.inner-blog .widget-area .widget_search form label::after {
    left: 0;
    bottom: 0
}

.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    height: 50px;
    padding: 20px 15px;
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .03em
}

.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper input {
    border: 1px solid transparent;
    outline: 0;
    width: 100%;
    color: #575757
}

.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper input::-moz-placeholder {
    color: #575757
}

.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper input:-ms-input-placeholder {
    color: #575757
}

.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper input::placeholder {
    color: #575757
}

.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper button {
    border: none;
    background: unset
}

.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper button svg {
    fill: var(--text-color1)
}

.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 30px
}

.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wi {
    margin-right: 20px;
    overflow: hidden;
    min-width: 100px;
    max-width: 130px;
    border-radius: 0 15px
}

.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: #5e5e5e
}

.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6 {
    margin-bottom: 0;
    padding-top: 5px
}

.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6 a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    text-transform: capitalize;
    color: var(--title-color);
    transition: .35s
}

.inner-blog .widget-area .widget_egns_tag .wp-block-tag-cloud a {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: var(--text-color1);
    border: 1px solid #e3dcdc;
    padding: 6px 20px;
    display: inline-block;
    margin: 15px 15px 0 0;
    transition: .5s ease-out
}

.inner-blog .widget-area .widget_egns_tag .wp-block-tag-cloud a:hover {
    color: var(--primary-color1);
    border-color: var(--primary-color1)
}

.inner-blog .widget-area .widget_egns_social .social-link {
    margin: 0;
    padding: 0;
    gap: 35px
}

.inner-blog .widget-area .widget_egns_social .social-link li a {
    height: 35px;
    width: 35px;
    line-height: 35px;
    background: rgba(28, 23, 29, .8);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .35s
}

.inner-blog .widget-area .widget_egns_social .social-link li a i {
    font-size: 20px;
    color: var(--white)
}

.inner-blog .blog-wrrap .blog-img img {
    width: 100%;
    transition: .4s;
    min-height: 250px;
    -o-object-fit: cover;
    object-fit: cover
}

.inner-blog .blog-wrrap .blog-img .batch a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 16px;
    color: var(--white);
    background-color: var(--title-color);
    padding: 7px 20px;
    display: inline-block
}

.inner-blog .blog-wrrap .blog-content .blog-meta {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 15px
}

.inner-blog .blog-wrrap .blog-content .pera {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    color: var(--text-color1);
    margin-bottom: 0
}

.inner-blog .blog-wrrap .blog-content .pera a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    color: var(--primary-color1);
    transition: .35s
}

.inner-blog .blog-post-area .blog-details .post-thumbnail {
    position: relative;
    margin-bottom: 30px
}

.inner-blog .blog-post-area .blog-details .post-thumbnail>img {
    min-height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0 45px
}

.inner-blog .blog-post-area .blog-details .post-thumbnail .batch span {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 20px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    background: var(--primary-color1);
    padding: 11px 35px 9px;
    display: inline-block
}

.inner-blog .blog-post-area .blog-details .blog-meta p a {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 17px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: #5e5e5e
}

.inner-blog .blog-post-area .blog-details .post-content h1 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 38px;
    line-height: 48px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--title-color);
    margin-bottom: 15px
}

.inner-blog .blog-post-area .blog-details .post-content .wp-block-quote {
    padding: 15px 30px 20px
}

.inner-blog .blog-post-area .blog-details .post-content .wp-block-quote p {
    font-weight: 500;
    font-style: italic
}

.inner-blog .blog-post-area .blog-details .post-content .wp-block-quote cite strong {
    font-family: var(--font-yeseva);
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--primary-color1);
    margin-bottom: 20px
}

.inner-blog .blog-post-area .blog-details .post-content .tags h5 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 20px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--title-color)
}

.inner-blog .blog-post-area .blog-details .post-content .tags a {
    font-family: var(--font-jost);
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 170%;
    color: var(--text-color1);
    transition: .5s
}

.inner-blog .blog-post-area .blog-details .post-content .social-link h5 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 20px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--title-color);
    display: flex;
    justify-content: end
}

.inner-blog .blog-post-area .blog-details .post-content .social-link ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 25px
}

.inner-blog .blog-post-area .blog-details .post-content .social-link ul li a i {
    font-size: 20px;
    color: var(--text-color1);
    transition: .35s
}

.inner-blog .blog-post-area .comment-section .section-title h3 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 30px;
    text-transform: capitalize;
    color: var(--title-color);
    display: block
}

.inner-blog .blog-post-area .comment-section .section-title span {
    position: relative;
    display: block
}

.inner-blog .blog-post-area .comment-section .section-title span::after {
    content: "";
    max-width: 1000px;
    min-width: 688px;
    width: 100%;
    height: 2px;
    background-color: var(--primary-color1);
    position: absolute;
    left: 20px;
    top: -4px
}

@media(max-width:1399px) {
    .home5-testimonial .testimonial-wrrap {
        padding: 40px 30px 40px 10px
    }

    .breadcrumb-section {
        min-height: 420px
    }

    .home-one-gallery.two .gallery-item.five,
    .home-one-gallery.two .gallery-item.four,
    .home-one-gallery.two .gallery-item.six {
        margin-top: -308px
    }

    .home-one-gallery.two .gallery-item.seven {
        margin-top: -616px
    }

    .inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wi {
        margin-right: 15px
    }

    .inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6 a {
        font-style: 16px
    }

    .inner-blog .blog-post-area .comment-section .section-title span::after {
        min-width: 565px
    }
}

@media(max-width:1199px) {

    .h5-choose-area .section-title h2,
    .section-title-area .section-title h2 {
        font-size: 45px;
        line-height: 55px
    }

    .home5-room-suits .swiper-btn,
    .home5-room-suits .swiper-btn .btns {
        display: none;
        visibility: hidden
    }

    .home5-extra-services .ex-service-wrrap .ex-service-img img {
        width: 100%
    }

    .breadcrumb-section {
        min-height: 400px
    }

    .inner-blog .blog-post-area .comment-section .section-title span::after {
        min-width: 450px
    }
}

.inner-blog .blog-post-area .comment-section ul li {
    display: flex;
    border: 1px solid #eee;
    padding: 40px 0 27px;
    margin-bottom: 30px
}

.inner-blog .blog-post-area .comment-section ul li .comment-content,
.room-suits-details-page .widget-area2 .single-widgets .select-items {
    padding: 0 20px
}

.inner-blog .blog-post-area .comment-section ul li .comment-content .comment-top .comment-meta h5 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 18px;
    text-transform: capitalize;
    color: var(--title-color);
    margin-bottom: 0
}

.inner-blog .blog-post-area .comment-section ul li .comment-content .comment-top .comment-meta span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 15px;
    line-height: 170%;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: #a4a4a4
}

.inner-blog .blog-post-area .comment-section ul li .comment-content .comment-top .replay-btn a {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .03em;
    color: #434e57
}

.inner-blog .blog-post-area .comment-section ul li .comment-content p {
    margin-bottom: 0;
    letter-spacing: .03em
}

.inner-blog .blog-post-area .comment-section form .form-inner input {
    width: 100%;
    height: 52px;
    border: 1px solid #ddd;
    font-weight: 400;
    font-size: 16px;
    padding: 15px 25px 18px;
    color: #575757;
    font-family: var(--font-jost)
}

.inner-blog .blog-post-area .comment-section form .form-inner input::-moz-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #575757
}

.inner-blog .blog-post-area .comment-section form .form-inner input:-ms-input-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #575757
}

.inner-blog .blog-post-area .comment-section form .form-inner input::placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #575757
}

.inner-blog .blog-post-area .comment-section form .form-inner.two button {
    padding: 15px 35px;
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 16px;
    color: var(--white);
    background-color: var(--primary-color1);
    border: none;
    outline: 0;
    transition: .35s
}

.inner-blog .blog-post-area .comment-section form .form-inner textarea {
    width: 100%;
    min-height: 200px;
    border: 1px solid #ddd;
    padding: 15px 25px 18px;
    font-weight: 400;
    font-size: 16px;
    font-family: var(--font-jost)
}

.inner-blog .blog-post-area .comment-section form .form-inner textarea::-moz-placeholder {
    line-height: 28px;
    color: var(--text-color1)
}

.inner-blog .blog-post-area .comment-section form .form-inner textarea:-ms-input-placeholder {
    line-height: 28px;
    color: var(--text-color1)
}

.inner-blog .blog-post-area .comment-section form .form-inner textarea::placeholder {
    line-height: 28px;
    color: var(--text-color1)
}

.room-suits-details-page .swiper,
.room-suits-details-page .widget-area2 .single-widgets .submit-btn,
.testimonial-slider2 {
    padding: 0
}

.room-suits-details-page .room-details-slider .swiper-btns {
    padding: 0 30px
}

.room-suits-details-page .room-details-slider .swiper-btns i {
    font-size: 30px;
    font-weight: 600;
    color: rgba(60, 170, 159, .9)
}

.room-suits-details-page .room-details-slider .swiper-btns .swiper-button-next-m {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99
}

.room-suits-details-page .room-details-slider .swiper-btns .swiper-button-prev-m {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99
}

.room-suits-details-page .price-tag {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--title-color);
    margin-bottom: 10px
}

.room-suits-details-page .price-tag span {
    font-size: 25px;
    font-weight: 500;
    color: var(--primary-color1)
}

.room-suits-details-page h2 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 40px;
    line-height: 46px;
    letter-spacing: .03em;
    text-transform: capitalize;
    margin-bottom: 10px;
    color: var(--title-color)
}

.room-suits-details-page .stars {
    padding: 0;
    margin: 0 0 25px;
    gap: 10px
}

.room-suits-details-page h4 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 25px;
    line-height: 29px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--title-color);
    padding-top: 10px;
    margin-bottom: 10px
}

.room-suits-details-page .room-features {
    margin: 0 0 30px;
    padding: 13px 0 0;
    flex-wrap: wrap;
    gap: 20px
}

.room-suits-details-page .room-features li {
    display: flex;
    align-items: center;
    min-width: 210px;
    border: 1px solid #eee;
    padding: 10px 15px;
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    color: var(--title-color)
}

.room-suits-details-page .room-features li svg {
    margin-right: 15px;
    fill: var(--primary-color1)
}

.room-suits-details-page .extra-service {
    padding-top: 8px;
    gap: 10px
}

.room-suits-details-page .extra-service li {
    border: unset;
    padding: 0;
    color: var(--text-color1)
}

.room-suits-details-page .extra-service li i {
    font-size: 15px;
    margin-right: 8px;
    color: var(--text-color1)
}

.room-suits-details-page .widget-area2 .widget-title h5 {
    margin-bottom: 0;
    font-family: yeseva one;
    font-weight: 400;
    font-size: 20px;
    line-height: 170%;
    text-align: center;
    color: #fff;
    background: #1c171d;
    padding: 12px 20px;
    width: 100%
}

.faq-page .faq-form h3,
.faq-page .faq-wrap h3,
.room-suits-details-page .single-room .room-content h3 {
    font-family: var(--font-yeseva);
    line-height: 35px;
    font-weight: 400
}

.room-suits-details-page .widget-area2 .single-widgets {
    padding: 35px 25px;
    background: #fff;
    box-shadow: 3px 5px 35px rgba(86, 68, 169, .1);
    margin-bottom: 30px
}

.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #e2e2e2;
    margin-bottom: 25px;
    padding: 10px 20px
}

.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper input,
.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper textarea {
    width: 100%;
    border: unset;
    outline: unset;
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 14px;
    color: var(--title-color);
    padding-top: 4px
}

.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper input::-moz-placeholder,
.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper textarea::-moz-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 14px;
    color: var(--title-color)
}

.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper input:-ms-input-placeholder,
.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper textarea:-ms-input-placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 14px;
    color: var(--title-color)
}

.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper input::placeholder,
.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper textarea::placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 14px;
    color: var(--title-color)
}

.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper i {
    color: var(--primary-color1);
    margin-right: 5px;
    font-size: 20px
}

.contact-page .address-area .address-list .text p,
.faq-page .faq-wrap .faq-item:last-child,
.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wc h6,
.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper.submit-btn {
    margin-bottom: 0
}

.room-suits-details-page .widget-area2 .single-widgets .select-items .nice-select {
    border: unset;
    width: 100%;
    padding: 0
}

.room-suits-details-page .widget-area2 .single-widgets .select-items .nice-select>span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 12px;
    color: #666
}

.room-suits-details-page .widget-area2 .single-widgets .searchbox-input {
    border: 1px solid #e2e2e2;
    margin-bottom: 25px;
    padding: 10px 20px;
    position: relative
}

.room-suits-details-page .widget-area2 .single-widgets .searchbox-input input {
    width: 100%;
    border: none;
    outline: 0;
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 14px;
    color: var(--title-color);
    padding-top: 4px
}

.room-suits-details-page .widget-area2 .single-widgets .submit-btn button {
    font-family: var(--font-jost);
    font-size: 18px;
    font-weight: 700;
    color: var(--white);
    background: var(--primary-color1);
    padding: 15px;
    border: none;
    width: 100%;
    transition: .35s
}

.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wi {
    margin-right: 15px
}

.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wc h6 a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--title-color);
    transition: .35s
}

.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wc span {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #8b8b8b
}

.room-suits-details-page .single-room>img {
    min-height: 400px
}

.room-suits-details-page .single-room .background {
    opacity: 0;
    background: linear-gradient(180.75deg, rgba(28, 23, 29, .8) 7.53%, rgba(28, 23, 29, 0) 32.54%, rgba(28, 23, 29, .86) 56.93%, #1c171d 99.35%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: .35s
}

.room-suits-details-page .single-room .room-content .price-tag {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .03em;
    text-transform: capitalize;
    color: var(--white);
    margin-bottom: 8px
}

.room-suits-details-page .single-room .room-content h3 {
    font-size: 30px;
    color: var(--white);
    margin-bottom: 15px;
    padding-top: 2px
}

@media(max-width:576px) {
    .home-one-features .feature-content .feature-items {
        font-size: 18px;
        line-height: 22px
    }

    .home-one-offers .scroll-offer .single-offer>.content,
    .home-two-blog .blog-wrrap,
    .home-two-offer .offer-wraper>.content,
    .inner-blog .blog-post-area .comment-section ul li,
    .inner-blog .blog-post-area .comment-section ul li .comment-content .comment-top {
        flex-wrap: wrap
    }

    .home-one-offers .single-offer2 .offer-content .bed-and-person,
    .room-suits-details-page .single-room .room-content .bed-and-person {
        gap: 20px;
        flex-wrap: wrap
    }

    .home-one-offers .offer-banner,
    .home-three-about .our-experience {
        flex-wrap: wrap;
        justify-content: center
    }

    .home-one-offers .offer-banner .left-banner::before {
        bottom: -9px;
        left: 50%;
        transform: translateX(-50%);
        transform: rotate(-90deg)
    }

    .home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg h4 {
        font-size: 20px
    }

    .home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg .review {
        display: block
    }

    .hero-style5 .banner-area header.style-5 .nav-right .bookmark-icon,
    .home-one-testimonial .testimonial-wrrap .author-review-area .review,
    .home-three-facilites .faciliti-wrrap .facility-overlay,
    .home4-rooms .rooms-wrrap .room-img .room-features,
    header.style-3 .nav-right .bookmark-icon,
    header.style-4 .nav-right .bookmark-icon {
        display: none
    }

    .home-one-testimonial .swiper-btn-left::after {
        width: 65%
    }

    .home-one-testimonial .swiper-btn-right::after {
        width: 65% !important
    }

    .home-one-testimonial .contents p {
        padding: 10px 0
    }

    .home-one-video .video-area .video-batch h2 {
        font-size: 25px;
        line-height: unset;
        padding-top: 15px
    }

    footer .footer-top .footer-about {
        padding: 0 10px
    }

    footer .footer-top .contact {
        text-align: center
    }

    footer .footer-top .footer-items .email,
    footer .footer-top .footer-items .hotline {
        justify-content: center
    }

    footer .footer-btm .payment-mathort ul {
        gap: 20px
    }

    footer .footer-btm .payment-mathort ul li:first-child {
        display: none;
        visibility: hidden
    }

    header.style-2 {
        padding: 0 20px;
        top: 0
    }

    .hero-style2 .hero-content h4 {
        line-height: 35px;
        padding: 10px 12px;
        font-size: 16px
    }

    .hero-style2 .multi-main-searchber {
        padding: 25px 15px
    }

    .section-title2 h2 {
        font-size: 40px
    }

    .home-two-offer .offer-wraper>.content .room-features ul {
        margin-top: 10px
    }

    .home-two-offer .swiper-container {
        padding: 30px 0 0
    }

    .home-two-contact .contact-wrrap {
        padding: 50px 15px
    }

    .home-two-counter .our-activitys .counter-item {
        max-height: 80px
    }

    .home-two-counter .our-activitys .booking .contents,
    .home-two-counter .our-activitys .satisfied-gest .contents,
    .home-two-counter .our-activitys .visitors .contents {
        margin-left: 40px
    }

    .home-two-counter .our-activitys .booking .contents p,
    .home-two-counter .our-activitys .satisfied-gest .contents p,
    .home-two-counter .our-activitys .visitors .contents p {
        font-size: 18px;
        line-height: 22px;
        margin-left: -20px;
        margin-top: -11px
    }

    .home-two-blog .blog-wrrap .blog-img img {
        height: 100%
    }

    .home-two-blog .blog-wrrap .blog-content {
        margin-left: 0;
        max-width: unset;
        margin-top: 0
    }

    .hero-style3 .hero-content .hero-facility {
        flex-wrap: wrap;
        gap: 40px;
        padding: 0 40px
    }

    .home-three-about .our-experience .content h3 {
        text-align: center;
        padding-top: 15px
    }

    .home-three-about .about-feature-img img,
    .home4-blog-area .blog-wrrap .blog-img img,
    .home5-facilities .facilities-wrrap .facilities-img img,
    .home5-room-suits .room-wrrap .room-img img {
        width: 100%
    }

    .home-three-room-suits .section-title3 {
        margin-bottom: 20px
    }

    .home-three-facilites .faciliti-wrrap {
        min-height: 360px
    }

    .home-three-facilites .faciliti-wrrap .content a:hover {
        color: var(--title-color)
    }

    .home-three-facilites .faciliti-wrrap .content a:hover svg {
        stroke: var(--title-color)
    }

    .home-three-facilites .facility-slider .swiper-wrapper .swiper-slide:nth-child(2n) {
        transform: translateY(0)
    }

    .hero-style4 .banner2-content .banner-title h1 {
        font-size: 44px;
        line-height: 65px
    }

    .home4-facilities .facilities-wrrap .facilities-img>img {
        width: 100%;
        min-height: unset
    }

    .hero-style5 .banner-area {
        min-height: unset
    }

    .hero-style5 .banner-area header.style-5 .mobile-menu-btn,
    .hero-style5 .banner-area header.style-5 .sidebar-btn {
        margin-left: unset
    }

    .hero-style5 .banner-area .banner-content h1 {
        font-size: 50px;
        line-height: 70px
    }

    .h5-choose-area .section-title h2,
    .section-title-area .section-title h2 {
        font-size: 40px;
        line-height: 50px
    }

    .home5-facilities .facilities-wrrap .facilities-content {
        padding: 65px 25px
    }

    .inner-blog .blog-post-area .comment-section ul li .author-img {
        padding: 0 20px 20px
    }
}

.room-suits-details-page .section-title .swiper-btn {
    gap: 30px
}

.room-suits-details-page .section-title .swiper-btn .btns {
    height: 40px;
    width: 40px;
    border: 1px solid #434e57;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.faq-page .faq-wrap h3 {
    font-size: 35px;
    color: var(--title-color);
    margin-bottom: 15px
}

.faq-page .faq-wrap p {
    letter-spacing: .03em;
    margin-bottom: 30px
}

.faq-page .faq-wrap .accordion-button {
    font-weight: 400;
    font-size: 20px;
    background: #fff;
    color: var(--title-color);
    cursor: pointer;
    font-family: var(--font-yeseva);
    transition: .4s ease-in-out;
    padding: 25px 50px 10px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 18px;
    text-transform: capitalize
}

.faq-page .faq-wrap .accordion-button::after {
    flex-shrink: 0;
    margin-left: auto;
    background-image: none;
    background-repeat: unset;
    background-size: unset;
    font-family: bootstrap-icons !important;
    position: absolute;
    right: 0;
    content: "\f4fe";
    transition: unset;
    font-size: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.faq-page .faq-wrap .accordion-button:not(.collapsed) {
    border-bottom: unset;
    transition: .4s ease-in-out;
    margin-bottom: 0
}

.faq-page .faq-form h3 {
    font-size: 35px;
    color: var(--title-color);
    margin-bottom: 25px
}

.faq-page .faq-form .form-inner input {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: #575757;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 100%;
    height: 52px;
    padding: 12px 15px 10px
}

.faq-page .faq-form .form-inner textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 20px 15px;
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: #575757;
    border-radius: 5px
}

.faq-page .faq-form .form-inner button {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 16px;
    color: var(--white);
    padding: 12px 20px;
    width: 100%;
    border: none;
    outline: unset;
    background-color: var(--primary-color1);
    transition: .35s
}

.error-page .error-wrrap .error-content h2 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 50px;
    line-height: 58px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--title-color);
    margin-bottom: 25px
}

.error-page .error-wrrap .error-content a {
    font-family: var(--font-yeseva);
    display: inline-flex;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .03em;
    text-transform: capitalize;
    background-color: var(--primary-color1);
    padding: 15px 20px 13px
}

.contact-page .address-area .section-title h2,
.contact-page .section-title h2 {
    margin-bottom: 0;
    font-family: var(--font-yeseva);
    font-size: 45px;
    line-height: 58px;
    color: #292b31;
    font-weight: 400
}

.error-page .error-wrrap .error-content a i {
    vertical-align: baseline;
    margin-right: 5px;
    line-height: 21px;
    transition: .45s ease-in-out
}

.contact-page .address-area {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding: 150px 0
}

.contact-page .address-area .section-title h2 {
    text-transform: capitalize;
    text-align: center
}

.contact-page .address-area .address-list {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center
}

.contact-page .address-area .address-list .text h4 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 30px;
    line-height: 30px;
    text-transform: capitalize;
    color: var(--primary-color1);
    margin-bottom: 15px
}

.contact-page .address-area .address-list .text a {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: var(--text-color1)
}

.contact-page .location-map iframe {
    height: 100%;
    width: 100%;
    filter: grayscale(199%) invert(98%) contrast(122%)
}

@media(max-width:991px) {
    .home5-facilities .facilities-wrrap.five {
        margin-bottom: 30px
    }

    .breadcrumb-section {
        min-height: 370px
    }

    .home-one-gallery.two .gallery-item.eight,
    .home-one-gallery.two .gallery-item.five,
    .home-one-gallery.two .gallery-item.four {
        margin-top: unset
    }

    .home-one-gallery.two .gallery-item.seven {
        margin-top: unset;
        margin-right: 10px
    }

    .room-suits-page-2 .multi-main-searchber {
        padding: 25px 50px
    }

    .room-suits-page-2 .main-form-submit a {
        width: unset;
        padding: 20px 70px;
        margin-top: 24px
    }

    .room-suits-page-2 .main-form-submit {
        display: flex;
        justify-content: center
    }

    .pagination {
        margin-bottom: 50px
    }

    .inner-blog .blog-post-area .comment-section .section-title span::after {
        min-width: 525px
    }

    .contact-page .address-area {
        padding: 90px 0
    }

    .contact-page .location-map iframe {
        height: 350px
    }
}

@media(max-width:767px) {
    .form-section {
        margin-top: -150px
    }

    .home4-facilities .facilities-wrrap .overlay {
        padding-top: 0
    }

    .home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person,
    .home5-room-suits .room-wrrap .room-content .bed-and-person,
    .room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person,
    .superior-offer .offer-wrap .offer-content .bed-and-person {
        gap: 10px
    }

    .home5-room-suits .h5-room-bg {
        display: none
    }

    .home5-about-area .about-content h2 {
        font-size: 40px;
        line-height: 50px
    }

    .home5-testimonial .testimonial-wrrap {
        flex-wrap: wrap;
        justify-content: center;
        padding: 25px 10px
    }

    .home5-testimonial .testimonial-wrrap .guests-img {
        margin-right: 0;
        margin-bottom: 50px
    }

    .home5-testimonial .swiper-btn2 {
        display: none;
        padding-top: unset
    }

    .home5-blog-area .blog-wrrap .blog-img img {
        width: 100%
    }

    .breadcrumb-section .breadcrumb-title {
        font-size: 48px
    }

    .home-one-gallery.two .gallery-item.six {
        margin-top: unset
    }

    .home-one-gallery.two .gallery-item.seven {
        margin-top: unset;
        margin-right: unset
    }

    .home-one-gallery.two .gallery-item.eight {
        margin-top: 26px
    }

    .inner-blog .blog-post-area .blog-details .post-content .social-link h5 {
        justify-content: start
    }

    .inner-blog .blog-post-area .comment-section .section-title span::after {
        min-width: 130px
    }

    .error-page .error-wrrap .error-content h2 {
        font-size: 40px
    }

    .contact-page .address-area {
        padding: 80px 0
    }

    .contact-page .address-area .section-title h2,
    .contact-page .section-title h2 {
        font-size: 40px;
        line-height: 55px
    }
}

.contact-page form .form-inner input {
    width: 100%;
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: #575757;
    height: 58px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 12px 25px
}

.contact-page form .form-inner input:focus,
.contact-page form .form-inner textarea:focus {
    border-color: var(--text-color1)
}

.contact-page form .form-inner textarea {
    width: 100%;
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: #575757;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 25px
}

.swiper.room-suits-slider3.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    padding: 0 5px
}

.author_wrap {
    display: flex;
    align-items: center;
    gap: 10px 15px;
}
.author_wrap .author_mg img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    box-shadow: 0 4px 12px 0 rgb(69 69 69 / 30%);
}

@media (max-height:680px) {
    .mega_menu .location_link .link_image {
        height: 160px !important
    }
}