:root {
    --primary-color: #03A9F4;
    --primary-dark: #0087d1;
    --color-1: #00b3ff;
    --primary-font: 'Inter', sans-serif;
    --font-1: 'Inter', sans-serif;
    --font-2: "Open Sans", sans-serif;
    --primary-text-align: left;
}

html {
    font-size: 16px
}

::selection {
    background-color: #31b675;
    color: #fff;
}

::-moz-selection {
    background-color: #31b675;
    color: #fff;
}

.pos-rel {
    position: relative;
}

/* CONFIG */
.primary-text-align {
    text-align: var(--primary-text-align);
}

h1, h2, h3, h4, h5 {
}

p {
}

img {
    max-width: 100%;
}

body {
    font-size: 1rem;
    font-family: var(--primary-font);
    color: #6C6D74;
    background-color: #fff;
}

p {
    line-height: 22px;
    font-size: 1rem;
    font-family: var(--font-2);
    line-height: 2rem;
    color: #535353;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    color: #333;
    padding: 0px;
    line-height: 1.4;
    font-family: var(--primary-font);
}

h1 {
    font-size: 60px;
    font-weight: 500;
}

h2 {
    font-size: 36px;
    font-weight: 500;
}

h3 {
    font-size: 26px;
    font-weight: 500;
}

h4 {
    font-size: 24px;
    font-weight: 500;
}

h5 {
    font-size: 18px;
    font-weight: 500;
}

h6 {
    font-size: 16px;
    font-weight: 700;
}

ul, ol, li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

a {
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

/* --- Background bg --- */
.gray-bg {
    background-color: #f5f5f5;
}

.bg-style-1 {
    position: absolute;
    width: 100%;
    height: 300px;
    top: 0px;
    left: 0px;
    background-color: rgba(49, 182, 117, 0.1);
    z-index: -1;
}

/* --- Top Scroll --- */
.scroll-top {
    display: none;
    position: fixed;
    bottom: 2px;
    text-align: center;
    right: 2%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color: #fff;
    background-color: #31b675;
    text-decoration: none;
    border-radius: 100%;
    z-index: 9999;
}

.scroll-top:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #2CA066;
}

/* --- Buttons --- */
.btn-style-1 {
    background-color: var(--primary-color);
    color: #ffffff;
    border: 0;
    border: 1px solid var(--primary-color);
    border-radius: 0px;
    padding: 21px 29px;
    /* border: 1px solid #31b675;;
	border-radius: 0px;
	padding: 12px 20px; */
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
}

.btn-style-1:hover {
    background-color: var(--primary-dark);
    color: #ffffff;
    text-decoration: none;
    border-color: var(--primary-dark);
}

.btn-style-1.btn-sm {
    padding: 8px 16px;
    font-size: 12px;
}

.view-detail-btn {
    background-color: #fff;
    color: #222;
    padding: 8px 16px;
    font-size: 16px;
    display: inline-block;
    border: 1px solid #222;
    font-weight: 600;
}

.view-detail-btn:hover {
    color: #fff;
    background-color: #222;
}

.book-now-btn {
    background-color: #31b675;
    color: #fff;
    padding: 8px 16px;
    font-size: 16px;
    border: 1px solid #31b675;
    display: inline-block;
    font-weight: 600;
}

.book-now-btn:hover {
    background-color: #fff;
    color: #31b675;
}

/* --- Loading --- */
#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    height: 100%;
    overflow: visible;
    background-color: #fff;
}

#preloader .spinner-grow {
    top: 50%;
    position: relative;
}

/* --- section title --- */
.section-title {
    margin-bottom: 40px;
}

.section-title h2 {
    padding-bottom: 4px;
    font-size: 30px;
    font-weight: 600;
}

.section-title span.dashed-border {
    border: 1px dashed #dadada;
    width: 200px;
    position: relative;
    display: inline-block;
}

.section-title span.dashed-border:before, .section-title span.dashed-border:after {
    font-size: 10px;
    content: "";
    background-color: #31b675;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 100%;
    top: -6px;
}

.section-title span.dashed-border:before {
    left: -20px;
}

.section-title span.dashed-border:after {
    right: -20px;
}

/* Header */
.header-navigation .navbar-nav .nav-link {
    text-transform: uppercase;
    padding: 16px 14px;
    color: #8293a2;
    font-size: 12px;
    font-family: var(--primary-font);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header-navigation .navbar-nav li {
    border-left: 1px solid #393939;
}

.header-navigation .navbar-nav li:last-child {
    border-right: 1px solid #393939;
}

.header-navigation .navbar-nav .nav-link:hover, .header-navigation .navbar-nav li.active .nav-link {
    background-color: #000;
    color: #31b675;
}

.header-navigation .navbar-nav .nav-item.dropdown .dropdown-menu {
    margin: 0px;
    background-color: #222222;
    border-radius: 0px;
    border: 0px;
    padding: 0px;
}

.header-navigation .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
    font-family: var(--primary-font);
    color: #8293a2;
    font-size: 12px;
    padding: 10px 14px;
    border-bottom: 1px solid #393939;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header-navigation .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:last-child {
    border-bottom: 0px;
}

.header-navigation .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #000;
    color: #fff;
}

.navbar-toggler {
    border: none;
    padding: 10px 6px;
    background-color: #fff;
    outline: none !important;
}

.navbar-toggler span {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #2D2E33;
}

.navbar-toggler span+span {
    margin-top: 4px;
    width: 18px;
}

.navbar-toggler span+span+span {
    width: 10px;
}

.header-request {
    color: #fff !important;
    background-color: #31b675;
    text-align: center;
}

.header-request:hover {
    color: #fff;
}

.header-social-icons {
    float: right;
}

.header-social-icons a {
    color: #8293a2;
    display: inline-block;
    width: 50px !important;
    text-align: center;
    line-height: 50px;
    float: left;
    border-right: 1px solid #393939;
    height: 50px;
}

.header-social-icons a:first-child {
    border-left: 1px solid #393939;
}

.header-social-icons a:hover {
    background-color: #31b675;
    color: #fff;
}

.header-lover {
    padding: 15px 0;
}

.header-call-us {
    float: right;
}

.header-call-us ul {
    float: left;
    display: flex;
    align-items: center;
    gap: 10px 60px;
}

.header-call-us ul li {
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.header-call-us ul li:last-child {
    margin-right: 0px;
}

.header-call-us .iocn-holder i {
    margin-right: 12px;
    vertical-align: top;
    font-size: 30px;
    float: left;
}

.header-call-us ul li {
    position: relative;
}

.header-call-us ul li .iocn-holder {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.header-call-us ul li .iocn-holder i {
    color: #31b675;
    display: block;
    font-size: 40px;
    text-align: center;
    transition: all 500ms ease 0s;
    margin: 0;
    padding: 0;
}

.header-call-us ul li .text-holder {
    padding-left: 10px;
}

.header-call-us ul li .text-holder h6 {
    color: #222222;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 2px;
}

.header-call-us ul li .text-holder p {
    color: #777;
    font-size: 12px;
    margin: 0;
    line-height: 16px;
}

.header-call-us ul li a {
    color: #222222;
    line-height: 1;
    font-family: var(--primary-font);
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    font-size: 16px;
    letter-spacing: 0.1px;
    font-weight: 500;
}

.header-call-us ul li a:hover {
    color: var(--primary-color)
}

.header-call-us ul li a.active {
    color: var(--primary-color);
}

/* Slider */
.slider {
    position: relative;
    background: #ffffff;
}

.slider .carousel-control-next, .slider .carousel-control-prev {
    border-radius: 100%;
    color: #fff;
    line-height: 40px;
    background-color: #ffffff17;
    /* -webkit-box-shadow: 0px 0px 0px 9px rgba(255, 255, 255, 0.4); */
    /* box-shadow: 0px 0px 0px 9px rgba(255, 255, 255, 0.4); */
    font-size: 18px;
    z-index: 3;
    opacity: 1 !important;
    visibility: visible !important;
}

.slider .carousel-control-next {
    width: 40px;
    bottom: auto;
    top: 50%;
    height: 40px;
    right: 60px;
    transform: translateY(-50%);
}

.slider .carousel-control-prev {
    left: 60px;
    width: 40px;
    display: inline-block;
    bottom: auto;
    top: 50%;
    height: 40px;
    transform: translateY(-50%);
}

.search-area {
}

.center-search {
    background-color: rgb(255 255 255 / 92%);
    /* background-color: rgb(255 255 255 / 70%); */
    padding: 25px;
    border-radius: 24px;
}

.center-search h1 {
    font-size: 26px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 20px;
}

/* ===================================
	05. Form style
=================================== */
.form-style-1 input[type="text"], .form-style-1 input[type="email"], .form-style-1 input[type="password"], .form-style-1 select {
    border-radius: 0px;
    font-size: 12px;
    height: 50px;
}

.form-style-1 textarea {
    border-radius: 0px;
    font-size: 12px;
}

/* About us */
.about-col h6 {
    font-size: 14px;
    font-weight: 600;
    color: #31b675;
}

.about-col h2 {
    font-size: 40px;
    line-height: 1.3;
    font-weight: 400;
    margin-bottom: 20px;
    color: #626262;
}

.about-col h2 span {
    font-weight: bold;
    color: var(--primary-color);
}

.about-col p {
    font-size: 16px;
    line-height: 1.8;
}

.about-video-img-box .hoverlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 4px;
    width: 100%;
}

.about-video-img-box a {
    background-color: #31b675;
    width: 50px;
    height: 50px;
    -webkit-box-shadow: 0px 0px 0px 9px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 0px 0px 9px rgba(255, 255, 255, 0.4);
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    border-radius: 100%;
}

.testimonial-bg {
    background-position: center top;
    position: relative;
    z-index: 0;
}

.testimonial-box {
    background-color: #e0f8e5;
    padding: 20px;
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    border-radius: 22px !important;
    overflow: hidden;
}

.testimonial-box .reviewer {
    position: relative;
    z-index: 1;
    text-align: center;
}

.testimonial-box .reviewer svg {
    border-radius: 50%;
    width: 85px;
    margin-bottom: 20px;
}

.testimonial-box .quote-icon {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 0px;
    opacity: 0.1;
    font-size: 150px;
    transform: translateY(-50%);
    z-index: 0;
    background-color: #eee;
    pointer-events: none;
}

.testimonial-box .reviewer img {
    height: 100px;
    width: 100px;
    border-radius: 50% !important;
    margin: 0 auto 20px;
}

.testimonial-box .reviewer .content .name {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 10px;
}

.testimonial-box .reviewer small {
    font-size: 16px;
    margin: 13px 0 10px;
    display: inline-block;
}

.testimonial-box .reviewer p {
    font-size: 18px;
    color: #212121;
    line-height: 1.9;
    font-weight: 400;
    font-family: var(--font-1);
    text-align: center !important;
}

.testimonial-carousel .owl-nav {
    left: 0;
    width: 100%;
    z-index: -1;
    margin-top: 30px;
}

.testimonial-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next {
    text-align: center;
    background-color: #f5f5f5 !important;
    border-radius: 100%;
    font-size: 16px !important;
    color: #333 !important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0px 6px !important;
}

.testimonial-carousel .owl-nav .owl-prev:hover, .testimonial-carousel .owl-nav .owl-next:hover {
    color: #fff !important;
    background-color: #31b675 !important;
}

/* ===================================
	Blog
=================================== */
.blog-box {
    padding: 15px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.blog-box .blog_img img {
    border-radius: 4px;
}

.blog-box .blog-des .blog_date {
    font-size: 12px;
    position: relative;
}

.blog-box .blog-des .blog_date span {
    background-color: #31b675;
    color: #fff;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    padding: 3px 8px;
}

.blog-box .blog-des h5 a {
    font-size: 18px;
    font-weight: 600;
}

.blog-box .read_more {
    font-size: 12px;
    font-weight: bold;
}

.blog-box .blog_border {
    height: 1px;
    width: 20px;
    background-color: #1ecb67;
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: -4px;
}

.blog-box:hover {
    background-color: #31b675;
}

.blog-box:hover .blog-des .blog_date span, .blog-box:hover .blog_border {
    background-color: #fff;
    color: #31b675;
}

.blog-box:hover .blog-des .blog_date, .blog-box:hover .blog-des h5 a, .blog-box:hover .blog-des p, .blog-box:hover .read_more a {
    color: #fff !important;
}

/* search form */
.search-form {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.search-form input {
    height: 55px;
    border: 1px solid #31b675;
}

.search-form .search-submit {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #31b675;
    border: 0px;
    color: #fff;
    width: 40px;
    height: 55px;
}

/* widget title */
.widget-title {
    font-size: 22px;
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

.widget-title:before {
    position: absolute;
    width: 80px;
    content: "";
    height: 1px;
    border-bottom: 2px dotted #31b675;
    left: 0px;
    bottom: 0px;
}

/* blog categorie */
.blog-categorie li {
    padding-bottom: 15px;
}

.blog-categorie li:last-child {
    padding-bottom: 0px;
}

.blog-categorie li a {
    color: #333;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-categorie li a i {
    font-size: 12px;
    padding-right: 4px;
    color: #31b675;
}

.blog-categorie li a:hover {
    padding-left: 10px;
    color: #31b675;
}

/* blog recent post */
.recent-single-post {
    width: 100%;
    display: inline-block;
}

.post-img {
    display: inline-block;
    float: left;
    padding-right: 10px;
}

.recent-single-post .post-img a {
    display: block;
    border: 1px solid #fafafa;
}

.recent-single-post img {
    width: 100%;
    max-width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 2px;
}

.pst-content {
    padding-left: 100px;
}

.recent-single-post .pst-content p {
    margin-bottom: 5px;
}

.pst-content p a {
    color: #333;
    font-size: 14px;
}

.pst-content p a:hover {
    color: #31b675;
}

.pst-content .date-type {
    font-size: 12px;
}

/* blog tags */
.blog-tags a {
    padding: 6px 12px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: inline-block;
    text-decoration: none;
    color: #333;
    margin-bottom: 8px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-tags a:hover {
    background-color: #31b675;
    border: 1px solid #31b675;
    color: #fff;
}

/* blog single page */
.blog-single-page .blog-box:hover {
    background-color: #fff;
}

.blog-single-page .blog-box:hover .blog-des .blog_date span, .blog-single-page .blog-box:hover .blog_border {
    background-color: #31b675;
    color: #fff;
}

.blog-single-page .blog-box:hover .blog-des .blog_date, .blog-single-page .blog-box:hover .blog-des h5 a, .blog-single-page .blog-box:hover .blog-des p, .blog-single-page .blog-box:hover .read_more a {
    color: #333 !important;
}

/* tags share */
.tags-share {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.tags-share .tags span {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
}

.tags-share .tags ul li {
    display: inline-block;
    margin-left: 15px;
}

.tags-share .tags ul li a {
    text-transform: uppercase;
    color: #777;
    font-size: 14px;
}

.tags-share .tags ul li a:hover {
    color: #31b675;
}

.tags-share .share span {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
}

.tags-share .share ul li {
    display: inline-block;
    margin-left: 13px;
    margin-right: 0px;
}

.tags-share .share ul li a {
    font-size: 12px;
    color: #333;
    display: inline-block;
    line-height: 24px;
}

.tags-share .share ul li a:hover {
    color: #31b675;
}

/* comments area */
.blog-single-title {
    position: relative;
    margin-bottom: 30px;
}

.blog-single-title h2 {
    position: relative;
    font-size: 24px;
    line-height: 1.2em;
    color: #303030;
    font-weight: 400;
}

.blog-single-title::before {
    position: absolute;
    bottom: -5px;
    height: 2px;
    width: 55px;
    background-color: #31b675;
    display: inline-block;
    content: "";
}

/* ===================================
	Footer
=================================== */
footer {
    background-color: #071d25;
    position: relative;
    padding-top: 90px !important;
}

.footer-top .about p {
    color: #6c7f93;
}

.footer-top .social {
    padding: 30px 0;
}

.footer-top .social i {
    color: #6c7f93;
    font-size: 20px;
    margin-right: 5px;
    cursor: pointer;
}

.footer-top .social i:hover {
    color: #5f80c4;
}

.footer-top .title {
    padding: 0;
}

.footer-top .title .footer-titl {
    color: #ffffffeb;
    font-size: 18px;
    /* text-transform: uppercase; */
    font-weight: 400;
    /* letter-spacing: 1px; */
    margin-bottom: 35px;
}

.footer-top .title .footer-titl span {
    position: relative;
}

.footer-top .title .footer-titl span:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 2px;
    bottom: -10px;
    background-color: var(--primary-color);
}

/* footer social */
.footer-social a {
    color: #CCC;
    margin-right: 6px;
    font-size: 20px;
}

/* recent link */
.footer-link li {
    padding-bottom: 22px;
}

.footer-link li:last-child {
    padding-bottom: 0;
}

.footer-link li i {
    font-size: 19px;
    vertical-align: sub;
    color: #fff;
}

.footer-link li a {
    color: #CCC;
    font-size: 18px;
    letter-spacing: 0.42px;
}

.footer-link li a:hover {
    color: #fff;
}

/* recent post */
.footer-recent-post-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.footer-recent-post-item:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.footer-recent-post-item a {
    color: #CCC;
}

.footer-recent-post-item p {
    margin-bottom: 6px !important;
}

.footer-recent-post-item a:hover {
    color: #fff;
}

/* footer newsletter form */
.footer-newsletter-form input {
    padding: 10px;
    width: 100%;
    height: 50px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #6c7f93;
}

.footer-newsletter-form button {
    width: 100%;
    height: 50px;
    background-color: #31b675;
    color: #fff;
    text-decoration: none;
    border: 0px;
    text-transform: uppercase;
    margin-top: 6px;
}

/* copyright */
.copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px 0px;
    font-size: 16px;
    color: #ffffffbd;
}

/* Inner banner  */
.inner-banner-bg {
    position: relative;
    background-image: url(../images/bg/inner-banner-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 0;
    padding: 90px 0;
}

.inner-banner-bg:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgb(17 41 13 / 72%);
    left: 0px;
    top: 0px;
    z-index: -1;
}

.page-title h1 {
    color: #fff;
    font-size: clamp(22px,4vw,44px);
    text-align: center;
    font-family: var(--font-2);
}

.inner-banner .breadcrumb {
    background-color: rgba(0, 0, 0, 0.7);
    display: inline-block;
    float: right;
    border-radius: 0px;
}

.inner-banner .breadcrumb li {
    float: left;
}

.inner-banner .breadcrumb li a {
    color: #31b675;
}

/* filter widget */
.filter-widget {
    border: 1px solid #dbdbdb;
    padding: 20px;
    background-color: #fff;
    border-radius: 0px;
}

.filter-title-widget h3 {
    font-size: 18px;
    position: relative;
    font-weight: 600;
    color: #235685;
}

.filter-title-widget h3:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    background-color: #235685;
    top: -2px;
    left: -20px;
}

/* filter accordion */
.filter-accordion .card {
    overflow: visible;
    border: 0px;
}

.filter-accordion .card-header, .filter-accordion .card-header .btn {
    padding: 0px;
    text-decoration: none;
}

.filter-accordion .card-header {
    border-bottom: 0px;
    background-color: transparent;
}

.filter-accordion .card-header h2 {
    line-height: 20px;
}

.filter-accordion .card .card-body {
    padding: 0px;
}

.filter-accordion .card .card-header .btn .fa-minus-square {
    display: inline-block;
    color: #235685;
    padding-top: 6px;
    font-size: 14px;
}

.filter-accordion .card-header .btn.collapsed .fa-minus-square {
    display: none;
}

.filter-accordion .card .card-header .btn.collapsed .fa-plus-square {
    display: inline-block;
    font-size: 14px;
    padding-top: 6px;
    color: #235685;
}

.filter-accordion .card .card-header .btn .fa-plus-square {
    display: none;
}

.select-all li {
    position: relative;
}

.select-all li a {
    color: #333;
}

.select-all li:after {
    position: absolute;
    content: "";
    background-color: #c6c6c6;
    width: 1px;
    transform: translateY(-50%);
    top: 50%;
    right: -6px;
    height: 10px;
}

.select-all li:last-child:after {
    display: none;
}

/* filter checkbox widget */
.filter-checkbox-widget .form-check {
    line-height: 23px;
    margin-bottom: 6px;
}

.filter-checkbox-widget .form-check:last-child {
    margin-bottom: 0px;
}

.filter-checkbox-widget .form-check label {
    color: #000;
}

/* filter select widget */
.filter-accordion select {
    border-radius: 0px;
    font-size: 12px;
}

/* help us */
.help-us {
    background-color: #31b675;
    padding: 25px;
}

.help-us h3 {
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 6px;
}

.help-us p {
    color: #fff;
}

/* side about */
.side-about {
    background-image: url(../img/bg/side-about-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
    padding: 15px;
    text-align: center;
}

.side-about:before {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.7);
    content: "";
    width: 100%;
    height: 100%;
}

/* pagination */
.pagination-box .page-item:first-child .page-link, .pagination-box .page-item:last-child .page-link {
    border-radius: 0px;
}

.pagination-box .page-link {
    color: #333;
}

.pagination-box .page-item.active .page-link {
    background-color: #31b675;
    border-color: #31b675;
}

/* ameneties */
.ameneties-list li {
    padding-bottom: 8px;
}

.ameneties-list li i {
    color: #31b675;
}

/* review */
.review-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.review-item:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.review-item h5 {
    position: relative;
    margin-bottom: 8px;
}

.review-item h5 span {
    font-size: 12px;
    color: #31b675;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.review-item h5 span a {
    color: #31b675;
    font-style: italic;
    font-weight: 600;
}

/* ===================================
	20. Contact Us
=================================== */
.contact-info-box p a {
    color: #333;
}

.contact-info-box ul li a {
    color: #333;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background-color: #f5f5f5;
    display: inline-block;
    border: 1px solid #dddddd;
}

.contact-info-box ul li a:hover {
    background-color: #31b675;
    border: 1px solid #31b675;
    color: #fff;
}

.map iframe {
    width: 100%;
    height: 350px;
    border: 0px;
}

/* ===================================
	21. Gallery
=================================== */
.gallery-box {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px;
    border-radius: 4px;
}

.gallery-box .img-holder-overlay {
    position: relative;
    overflow: hidden;
}

.gallery-box .img-holder-overlay .overlay {
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.gallery-box .img-holder-overlay .overlay:before {
    content: "";
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: 1px solid #31b675;
    position: absolute;
    left: 10px;
    top: 10px;
}

.gallery-box .img-holder-overlay .overlay a {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 30px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.gallery-box .title {
    padding: 15px 0px 0px 0px;
}

.gallery-box .title h3 {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    text-align: center;
}

.gallery-box:hover .img-holder-overlay .overlay {
    opacity: 1;
}

.gallery-box .img-holder-overlay .img-holder img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.gallery-box:hover .img-holder-overlay .img-holder img {
    transform: scale(1.2);
}

/* UPGRADES */
#myCarousel img {
    width: 100%;
}

.fixed-header {
    /* background: #ffffffa8; */
    /* position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999; */
}

.carousel-control-prev, .carousel-control-next {
    opacity: 0 !important;
    visibility: hidden !important;
}

.menu-toggle {
    border: 0;
    color: var(--primary-color);
    background-color: #31a3b62e;
    outline: none;
    font-size: 30px;
    border-radius: 8px;
}

.menu-toggle:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

.menu-toggle:before {
    /* content: "\f0c9";
    font-family: "Font Awesome 5 Free";
    margin: 0 20px 0 0; */
}

.full-menu {
    background-image: url(../images/bg_menu.png);
    background-size: cover;
}

.full-menu {
    visibility: hidden;
    display: table;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    /* background-color: rgb(255 255 255 / 65%); */
    /* background-color: rgba(255, 255, 255, 0.92); */
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    z-index: 9999;
    /* display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; */
    background-color: #faf9f5;
}

.full-menu--open {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.full-menu--transition {
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.full-menu--middle {
    display: table-cell;
    vertical-align: middle;
}

/* .menu-toggle {
	border: 0;
	color: #fff;
	background-color: transparent;
  }
  .menu-toggle:before {
	content: '\f0c9';
	font-family: 'FontAwesome';
	margin: 0 20px 0 0;
  } */
.menu-toggle--close {
    position: absolute;
    top: 30px;
    right: 30px;
    background: transparent;
    border: none;
    z-index: 9;
}

.menu-toggle--close:before {
    /* content: '\f00d'; */
    color: #000;
    font-size: 40px;
    margin: 0;
    font-family: "Font Awesome 5 Free";
}

.main-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    padding: 0 25px 0;
}

.main-nav li {
    margin: 0 0 30px 0;
}

.main-nav li:last-child {
    margin-bottom: 0px;
}

.main-nav li a {
    font-family: var(--primary-font);
    font-size: 31px;
    color: #000;
    font-weight: 300;
    line-height: 40px;
}

.main-nav li a:hover, .main-nav li a:focus {
    color: #31b675;
    /* border-bottom: 7px solid #000; */
}

.left_menu {
    border-right: 1px solid rgba(75, 76, 80, .62);
}

/*  */
/* Nav right */
.home_about {
    max-width: 450px;
    padding-left: 25px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}

.home_about p {
    font-family: var(--primary-font);
    font-size: 17px;
    line-height: 1.58824em;
    font-weight: 300;
    color: #4d4d4d;
    text-align: center;
}

.right_nav_footer {
    margin-bottom: 10px;
}

.right_nav_footer p a {
    color: #000;
    font-weight: 400;
}

.right_nav_footer_social {
    padding-bottom: 11px;
}

.right_nav_footer_social ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
    justify-content: center;
}

.right_nav_footer_social ul li {
}

.right_nav_footer_social ul li a {
    display: inline-block;
    width: 45px;
    background-color: var(--primary-color);
    color: #fff;
    height: 45px;
    text-align: center;
    line-height: 50px;
    border-radius: 8px;
}

.right_nav_footer_social ul li a i {
    font-size: 20px;
    color: inherit;
}

/*  */
.banner-slider .carousel-caption {
    /* display: none; */
    background: rgb(255 255 255);
    border-radius: 25px;
    padding: 26px 35px;
    height: max-content;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 94%;
    right: auto;
    left: 50%;
    text-align: left;
}

.banner-slider .carousel-caption h1 {
    font-family: var(--primary-font);
    opacity: 0;
    font-weight: 600;
    line-height: 1.4;
}

.banner-slider .carousel-caption p {
    opacity: 0;
    text-align: left;
    color: #000;
    font-family: var(--primary-font);
    text-align: left !important;
    line-height: 1.9;
    text-align: left;
}

.room_price h4 {
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.price_tag {
}

.price_tag .pay_price {
    font-size: 30px;
    color: #31b675;
    font-weight: 600;
}

.price_tag .incl {
    display: block;
    /* line-height: 8px; */
    margin-bottom: 1px;
}

.home-package .read_more {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.home-package .blog_border {
    height: 1px;
    width: 20px;
    background-color: #1ecb67;
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: -4px;
}

.footer-social li {
    display: flex;
    margin-bottom: 20px;
}

.footer-social li i {
    font-size: 20px;
}

.footer-social li h3 {
    color: #6c6d74;
    font-size: 11px;
    padding-left: 15px;
}

.footer-social li h3 span {
    display: block;
    font-size: 20px;
}

@media screen and (min-width: 992px) {
    .center-search {
        animation-name: fadeInLeft;
        animation-duration: 1.3s;
        animation-delay: 1.2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    /* shows the dropdown menu on hover */
    .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
        display: block !important;
    }
}

@media only screen and (min-width: 992px) {
    .banner-slider .carousel-caption {
        width: 70%
    }

    .banner-slider .carousel-caption h1 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 991px) {
    /* FIX */ .carousel-control-prev, .carousel-control-next {
        display: none !important;
    }

    .center-search {
        padding: 10px 26px;
    }

    .center-search h1 {
        font-size: 24px;
        margin-top: 2px;
        margin-bottom: 10px;
    }

    .banner-slider .carousel-caption h1 {
    }

    .carousel-item.active .carousel-caption p {
        /* display: none; */
    }

    .banner-slider .carousel-caption h1 {
        font-size: 25px;
    }
}

@media only screen and (min-width: 1200px) {
    .fixed-header1,header {
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        background: #ffffff;
        z-index: 10;
    }

    .search-area {
        margin-top: 74px;
    }

    .banner-slider .carousel-caption h1 {
        /* font-size: 60px ​!important; */
        font-size: 35px !important;
        margin-bottom: 5px;
    }

    .banner-slider .carousel-caption p {
        font-size: 20px;
    }
}

@media (max-width: 575px) {
    .search-area {
        padding: 7px 0px;
    }

    .carousel-item.active .carousel-caption p {
    }

    .slider-title-one h1, .slider-title-two h1 {
    }
}

#myCarousel .carousel-indicators {
    /* display: none; */
    bottom: 17px;
}

#myCarousel .carousel-indicators li {
    background-color: #fff;
    width: 23px;
    height: 11px;
    border: 0px solid transparent;
    border-radius: 999px;
    z-index: 100;
}

#myCarousel .carousel-indicators li.active {
    background-color: var(--primary-color)
}

@media (max-width: 991px) and (min-width:768px) {
    #myCarousel .carousel-indicators {
        bottom: -25px;
    }

    #myCarousel .carousel-indicators li {
        background-color: #31b675;
    }
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
    #myCarousel .carousel-indicators {
        /* display: flex; */
    }

    .booknow_section h2 {
        font-size: 20px;
    }

    .slider {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }

    .center-search {
        padding: 10px 6px;
    }

    .header-lover {
        padding: 5px 0;
    }

    .header-call-us ul li .iocn-holder i {
        font-size: 16px;
    }

    .header-call-us ul {
        display: flex;
        justify-content: space-between;
    }

    .header-call-us ul li {
        margin-bottom: 6px !important;
        margin-right: 9px !important;
        padding-left: 0px !important;
    }

    .header-call-us ul li:last-child {
        margin-right: 0px !important;
    }

    .header-call-us ul li .iocn-holder {
        display: none;
    }

    /* fix slider & form */
    .search-area {
        /* position: static; */
    }
}

@media only screen and (min-width: 768px) {
    .main-nav li {
        text-align: right;
    }

    .search-area {
        position: absolute;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 2;
        align-items: center;
        display: flex;
    }

    .banner-slider .carousel-caption p {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .main-nav li {
        margin: 0 0 15px 0;
    }

    .main-nav li a {
        font-size: 24px;
        line-height: 29px;
    }
}

@media (max-width: 575px) {
    .header-call-us {
        float: none !important;
    }

    .header-call-us ul li:not(:last-child) {
        display: none;
    }
}

@media (max-width: 1366px) and (min-width:992px) {
    .slider .carousel-control-next, .slider .carousel-control-prev {
        z-index: 1 !important;
    }
}

@media only screen and (max-width: 800px) {
    .banner-slider .carousel-caption {
        padding: 26px 14px;
    }
}

@media (max-width: 830px) {
    .banner-slider .carousel-caption p {
        font-size: 16px;
    }

    .banner-slider .carousel-caption h1 {
    }

    .float-label {
        display: none
    }
}

@media (max-width: 480px) {
    .banner-slider .carousel-caption h1 {
    }

    .carousel-item.active .carousel-caption p {
    }

    .banner-slider .carousel-caption {
    }

    .slider-title-one h1, .slider-title-two h1 {
        margin-bottom: 5px;
    }

    .logo .navbar-brand img {
        max-width: 200px;
        width: 100%;
    }
}

/*  */
.center-search {
}

.carousel-item.active .carousel-caption h1 {
    animation-name: fadeInLeft;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.carousel-item.active .carousel-caption p {
    animation-name: fadeInLeft;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.5s;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* NEW */
.odic-rooms {
    background: #f7f9fc;
    padding: 60px 0px 20px;
}

.sec-title h2 {
    font-size: 30px;
    line-height: 40px;
    /* font-weight: 200; */
    margin-bottom: 20px;
}

.sec-title.light h2 {
    color: #fff;
}

/* ---------------------------- */
.rooms-slider-thumb {
}

/* .rooms-thumb-item{
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
    box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
    padding: 30px;
    -webkit-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
    margin-bottom: 30px;
    overflow: hidden;
	display: flex;
    align-items: center;
}
.rooms-thumb-item.active {
	background: #cc8c18;
}
.rooms-thumb-item.active .room-info-sm h3 {
	color: #fff !important;
}
.rooms-thumb-item img{
	width: 150px;
	height: 75px;
}

.rooms-thumb-item .room-info-sm{
	flex: 1;
	padding-left: 15px;
}
.room-info-sm h3 {
    font-size: 16px;
	color: #24416b;
}
.rooms-thumb-item{

}

.room-content{
	position: relative;
}
.room-desc {
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fffffff7;
    width: 100%;
    height: 47%;
    padding: 20px;
}
.room-desc h4{

} */
/* UPGRADES */
.room_single {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
    box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
    transition: all .5s;
    -webkit-transition: all .5s;
}

.room_single .room_img {
}

.room_single .room_desc {
    padding: 20px 30px;
}

.room_single .room_desc h4 {
    font-family: var(--primary-font);
}

.room_single .room_spec {
}

.room_single h3 {
    font-size: 18px;
    margin-top: 5px;
}

.room_single span {
    font-size: 12px !important;
}

.bt-room-book {
    text-transform: uppercase;
    padding: 9px 25px;
    color: #31b675;
    /* font-size: .95em; */
    font-weight: 900;
    letter-spacing: .05em;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: transparent;
    border: 3px double #31b675;
    display: inline-flex;
    align-items: center;
}

.bt-room-book:hover {
    background: #31b675;
    color: #fff;
}

/* 
background: #31b675;
    border: 3px double #31b675; */
/* FULl IMAGE */
.angels-rooms .room-image {
    overflow: hidden;
}

.angels-rooms .room-image img {
    transition: all 0.8s ease-in-out;
}

.angels-rooms:hover .room-image img {
    transform: scale(1.1);
}

.room-content-col h2 {
    font-family: var(--primary-font);
}

.room-content-col h2 {
    font-family: var(--primary-font);
}

.room-price {
    color: #31b675;
    font-family: var(--primary-font);
}

.room-price span {
    font-size: 15px;
    color: #6C6D74;
    display: inline-block;
}

.btn-book {
    text-transform: uppercase;
    padding: 9px 25px;
    color: #fff !important;
    /* font-size: .95em; */
    font-weight: 900;
    letter-spacing: .05em;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: #31b675;
    border-color: #31b675;
    display: inline-flex;
    align-items: center;
}

.btn-book:hover {
    background: #eba800;
}

.btn-book i {
    font-size: 21px;
    margin-right: 10px;
}

.label-sec h4 {
    color: #a1a1a1 !important;
    font-size: 14px !important;
}

.label-sec i {
    color: #a1a1a1 !important;
}

.room-spec h4 {
    font-size: 15px;
    color: #555;
    font-weight: 400;
    font-family: var(--primary-font);
}

.room-spec i {
    font-size: 34px;
}

/* NEW GRID */
.room-block-one .inner-box {
    background: #fff;
    border: 1px solid #e5ecf3;
}

.room-block-one {
    transition: all 0.4s ease;
    /* transform: scale(0.9) translateY(0px); */
}

.room-block-one:hover {
    transform: scale(1) translateY(-19px);
    /* box-shadow: 0 50px 24px rgba(0,0,0,0.24); */
}

.room-block-one .inner-box {
    position: relative;
    display: block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    overflow: hidden;
}

.room-block-one.height-one .image-box {
    height: 420px;
}

.room-block-one {
    background: #fff;
    /* box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%); */
    margin-bottom: 45px;
    border-radius: 25px;
    overflow: hidden;
}

.room-block-one:hover .overlay-info {
    /* transform: translate(-50%, 148%) !important; */
    /* opacity: 0; */
}

.room-block-one:hover .overlay-content {
    transform: translate(22%, 35%) !important;
    /* transform: translate(12%, 15%) !important; */
    /* opacity: 1; */
}

room-block-one:hover {
}

room-block-one:hover {
}

room-block-one:hover {
}

.image-box figure {
    margin: 0px;
    overflow: hidden;
}

.image-box .image {
    position: relative;
}

.overlay-info {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, #0000008c 10%, transparent 40%);
    transition: all 0.3s ease-in-out;
    z-index: 0;
    padding: 0 25px 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.overlay-info h2 {
    color: #31b675;
    font-weight: 600;
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.25px;
}

.overlay-info h3 {
    font-weight: 600;
    font-size: 23px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.25px;
    margin-top: 10px;
}

.overlay-content {
    transform: translate(22%, -70%) !important;
    opacity: 0;
    position: absolute;
    background: #ffffffe8;
    height: 60%;
    width: 70%;
    top: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.room-block-one:hover .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #0071058a;
    opacity: 0.5;
    top: 0;
    left: 0;
    transition: all 0.6s;
}

.room-descr {
    padding: 15px 0 14px;
}

.room-descr ul {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 5px;
}

.room-spec-list h4 {
    font-size: 15px;
    font-weight: 500;
    color: #2f2f2fcf;
    margin-left: 10px;
    font-family: var(--font-2);
}

.label-icon i {
    color: #9b9b9b;
}

.icon-data i {
}

.icon-data span {
    display: block;
    margin-left: 5px;
}

.room-spec-list {
    padding: 0px 20px;
    margin-bottom: 10px;
}

.room-spec-list i {
    font-size: 35px;
    color: var(--primary-dark);
}

.icon-sec {
}

/* OLD */
/* .about-section .pattern-bottom {
    left: 0;
    top: 100%;
    margin-top: -10px;
}
.elementor *, .elementor :after, .elementor :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pattern-bottom {
    position: absolute;
    width: 100%;
    height: 90px;
    background: url(/newwp/hotera/wp-content/themes/hotera/assets/images/background/pattern-bottom.png) center bottom no-repeat;
    background-size: 100% 100%;
    z-index: 5;
} */
.activity-info {
    background: #fff;
    /* box-shadow: 0 0 23px 8px rgb(0 0 0); */
    border: 1px solid #d0d0d0;
    overflow: hidden;
}

.activity_slider .owl-nav {
    /* display: block !important; */
    text-align: center;
}

.activity_slider .owl-nav button:focus {
    outline: 0px dotted !important;
    outline: 0px auto -webkit-focus-ring-color !important;
}

.activity_slider .owl-next {
    margin-left: 5px;
}

.activity_slider .owl-prev {
    margin-right: 5px;
}

.activity_slider .owl-nav span {
    font-size: 46px;
}

.activity-info img {
}

.activity-info .content-info {
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
}

.activity-info h2 {
    margin-top: 1rem;
}

.activity-info p {
}

.activity-info a {
    background: transparent;
    /* background: #31b675; */
    border: 3px double #31b675;
    color: #31b675;
    display: inline-block;
    text-transform: uppercase;
    padding: 9px 17px;
    transition: all 0.2s ease-in-out;
    font-weight: 400;
    font-size: 12px;
}

.activity-info a:hover {
    background: #31b675;
    color: #fff;
}

#myCarousel img {
    animation: zoom 30s;
    /* max-height: 700px; */
}

@keyframes zoom {
    from {
        transform: scale(1, 1);
    }

    to {
        transform: scale(1.5, 1.5);
    }
}

.slider-title-one h1 {
    color: #008ce1;
    display: inline-block;
}

.slider-title-two h1 {
    color: #fff;
    display: inline-block;
    padding: 0 20px 0;
}

.odic-rooms {
    background: linear-gradient(45deg, #edf0f5, #edf0f570);
    position: relative;
}

.about-area {
    position: relative;
}

.pattern-bottom {
    left: 0;
    top: 100%;
    margin-top: -10px;
}

.pattern-bottom {
    position: absolute;
    width: 100%;
    height: 90px;
    background: url('../images/pattern-bottom.png') center bottom no-repeat;
    background-size: 100% 100%;
    z-index: 5;
}

.hm-fg button.btn {
    border-radius: 8px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.hm-fg select {
    border-radius: 8px !important;
}

.hm-fg .border-inp {
    border-radius: 8px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    text-align: left;
    font-family: var(--primary-font);
}

/* ABOUT */
.text-white {
    color: #fff;
}

.inner-about {
    /* background-image: url('../images/2021/about.jpg'); */
    padding: 2rem 0;
    text-align: center;
}

.about-section {
    padding: 4rem 0rem;
}

.about-inner p {
    letter-spacing: 0.125px;
    font-weight: 500;
}

.sec .sec-title {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.about_footer {
    margin-top: 25px;
}

.about_footer>h4 {
    margin-bottom: 20px;
}

.list_item {
    margin-bottom: 25px;
}

.list_item span {
    border-bottom: 1px solid #d4d4d4;
}

.list_item i {
    color: #cccccc;
    font-size: 20px;
    margin-right: 4px;
}

.list_item h4 {
    font-size: 16px;
    color: #544f4f;
    font-weight: 500;
}

.list_item h5 {
    margin: 4px 0 12px;
    font-size: 16px;
    font-weight: 500;
    color: #4e4d4d;
}

.list_item li {
    list-style: disc;
    font-size: 14px;
    margin-top: 5px;
    color: #737373;
    margin-left: 35px;
}

.about_right {
    margin-top: 25px;
}

.about_right h4 {
    margin-bottom: 20px;
}

.about_right h5 {
    font-size: 14px;
    font-weight: 500;
    color: #31b675;
}

.about_right ul li {
    list-style: disc;
    font-size: 14px;
    margin-top: 5px;
    color: #737373;
    margin-left: 35px;
}

/*  */
.loc-title {
}

.loc_item {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #f9f9f9;
    border-radius: 12px;
    padding: 33px 6px 0px;
}

.loc_item .desc {
    flex: 1;
    padding-top: 16px;
}

.loc_item i {
    font-size: 70px;
    color: #d4d4d4;
}

.loc_item h4 {
    font-size: 15px;
    margin: 10px 0 10px;
}

.loc_item ul li {
    list-style: none;
    margin-left: 0;
    color: #000;
    font-size: 13px;
    align-self: flex-end;
}

/*  */
.odic-info p {
    font-weight: 500;
    font-size: 13px;
}

.c-icon {
}

.c-icon label {
    color: #31b675;
    font-weight: 500;
}

.c-icon .icon {
    margin-right: 12px;
    color: #31b675;
}

.c-icon .icon>div {
    width: 25px;
    height: 25px;
}

/*  */
.odic-packages img {
    -webkit-filter: brightness(80%);
    filter: brightness(80%);
}

.odic-packages .blog-box:hover img {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}

.odic-package-details p {
    text-align: justify;
}

.booking-sec {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 11px 18px 10px;
    box-shadow: 1px 1px 6px rgb(144 144 144 / 22%);
}

.booking_form {
}

.booking_form .form_group {
    margin-bottom: 11px;
}

.booking_form .inp_control {
    width: 100%;
    border-radius: 8px;
    /* padding: 10px 13px;
    font-size: 15px;
	font-weight: 200;
    font-family: var(--primary-font);
	border: 1px solid #ced4da; */
}

.booking_form .form_group button.btn {
    border-radius: 8px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.booking_form .form_group .date-picker, .booking_form .inp_control {
    padding: 10px 13px;
    font-size: 13px;
    font-weight: 300;
    font-family: var(--primary-font);
    border: 1px solid #ced4da;
}

.booking_form .form_group .date-picker {
    /* border-radius: 8px !important; */
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    font-size: 12px;
    padding: 19px 13px;
}

.booking_form .inp_control::placeholder, .booking_form textarea::placeholder {
    color: #6c757d !important;
}

.booking_form textarea {
    resize: none;
}

.input-group-append .btn {
    font-size: 0.9rem;
}

.booking_form .book-btn {
    background: #31b675;
    color: #fff;
    border: 1px solid #31b675;
    font-size: 17px;
    text-transform: uppercase;
    padding: 9px 36px;
    /* transition: all 0.3s ease-in-out; */
}

.booking_form .book-btn:hover {
    background: #218453;
}

.booking_form .book-btn:active {
    transform: translateY(4px) scale(0.9);
}

.booking_form .book-btn:focus {
    outline: 0px auto -webkit-focus-ring-color;
}

.booking_form .inp_control:focus-visible, .booking_form .book-btn:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

.breadcrumb-item.active {
    color: #ffffff;
}

.booknow_section {
}

.booknow_section .main-title {
    color: #31b675;
}

/* booknow_form */
.booknow_form input, .booknow_form select {
    width: 100%;
    padding: 10px 15px;
    font-size: 15px;
}

.book-price-title h4 {
    font-weight: 400;
}

.book-price-title h4 i {
    /* font-size: 14px; */
}

.price_tag {
    background: #f3f3f3;
    padding: 4px 18px 6px;
    border-radius: 8px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.book-price-title .price_label {
    color: #8e8e8e;
}

.booknow_form .btn-booking {
    background: #31b675;
    color: #fff;
    border: 1px solid #31b675;
    font-size: 15px;
    text-transform: uppercase;
    padding: 13px 28px;
    position: relative;
    /* min-width: 150px;
    max-width: 250px; */
    width: 220px;
}

.booknow_form .btn-booking span {
    transition: all 0.2s ease-in-out;
}

.booknow_form .btn-booking:hover span {
    margin-right: 13px;
}

.booknow_form .btn-booking i {
    position: absolute;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    top: 16px;
    right: 8px;
}

.booknow_form .btn-booking:hover i {
    opacity: 1;
    margin-left: 10px;
    right: 19px;
    /* transform: translateX(10px) scale(1.1); */
}

.booknow_form .btn-booking:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

.badge {
    margin-left: 27px !important;
    back-grounf-color: yellow!important;
    background-color: #ffb121 !important;
    margin-bottom: 5px !important;
    padding: 7px 11px !important;
}

.actual_price {
    margin-left: 40px;
    color: rgb(0 0 0 / 62%);
    font-size: 20px;
    text-decoration: line-through;
}

/*  */
.book_desc .sec-title {
    color: #585858;
    font-weight: 500;
}

.book_desc h4 {
    font-weight: 300;
    margin-bottom: 10px;
    border-bottom: 2px solid #f1f1f1;
    position: relative;
}

.book_desc ul li {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    margin-bottom: 10px;
    color: #313131;
}

.book_desc ul li i {
    color: #4ac34e;
}

.book_desc ul li::before {
}

.title-span {
    border-bottom: 1px solid #31b675;
}

.btn_more {
    display: inline-block;
    color: #fff;
    background: #31b675;
    padding: 10px 25px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}

.btn_more:hover {
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 1px 6px 9px rgb(97 97 97 / 47%);
}

.room_services {
}

.room_services h3 {
    font-weight: 400;
    color: #000;
}

.room_services li {
    font-weight: 300;
    font-size: 14px;
    color: #000;
    padding-left: 15px;
}

.room_services li i {
    color: #4ac34e;
    margin-right: 5px;
}

.swwrong {
    background-color: rgba(255, 0, 0, 0.1);
    padding: 15px 10px;
    text-align: center;
    border: 1px solid #EE2E24;
    margin: 10px;
}

.book_button2 {
    margin: 0;
    width: 100%;
    background-color: #F08481;
    color: #fff;
    cursor: not-allowed !important;
    border: 1px solid #F08481;
    height: 53px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.book_button {
    margin: 0;
    width: 100%;
    background-color: #1ab64f;
    border: 1px solid #1ab64f;
    height: 53px;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.25px;
    transition: 0.2s ease
}

.book_button:hover {
    background-color: #1a9544;
}

/* padding top */
.pt-6 {
    padding-top: 6px;
}

.pt-7 {
    padding-top: 7px;
}

.pt-15 {
    padding-top: 15px;
}

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

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

/* padding bottom */
.pb-6 {
    padding-bottom: 6px;
}

.pb-7 {
    padding-bottom: 7px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-40 {
    padding-bottom: 40px;
}

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

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

/* margin top */
.mt-6 {
    margin-top: 6px;
}

.mt-7 {
    margin-top: 7px;
}

.mt-8 {
    margin-top: 8px;
}

.mt-9 {
    margin-top: 9px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-50 {
    margin-top: 50px;
}

/* margin bottom */
.mb-6 {
    margin-bottom: 6px;
}

.mb-8 {
    margin-bottom: 8px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

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

.mb-50 {
    margin-bottom: 50px;
}

/* margin left */
.ml-30 {
    margin-left: 30px;
}

.hero-item {
    position: relative
}

.hero-item:after {
    content: '';
    inset: 0;
    background: #1728172e;
    z-index: 9;
    position: absolute
}

img.rounded {
    border-radius: 15px !important;
    overflow: hidden
}

.svg, .svgbrands {
    /* Fluent UI System Icon */
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    vertical-align: middle
}

.svg-user {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M399 384.2c-22.1-38.4-63.6-64.2-111-64.2h-64c-47.4 0-88.9 25.8-111 64.2c35.2 39.2 86.2 63.8 143 63.8s107.8-24.7 143-63.8M0 256a256 256 0 1 1 512 0a256 256 0 1 1-512 0m256 16a72 72 0 1 0 0-144a72 72 0 1 0 0 144'/%3E%3C/svg%3E");
}

.svg-food {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M4.67 2c-.624 0-1.175.438-1.29 1.068C3.232 3.886 3 5.342 3 6.5c0 1.231.636 2.313 1.595 2.936c.271.177.405.405.405.6v.41q0 .027-.003.054c-.027.26-.151 1.429-.268 2.631C4.614 14.316 4.5 15.581 4.5 16a2 2 0 1 0 4 0c0-.42-.114-1.684-.229-2.869a302 302 0 0 0-.268-2.63L8 10.446v-.41c0-.196.134-.424.405-.6A3.5 3.5 0 0 0 10 6.5c0-1.158-.232-2.614-.38-3.432A1.305 1.305 0 0 0 8.33 2c-.34 0-.65.127-.884.336A1.5 1.5 0 0 0 6.5 2c-.359 0-.688.126-.946.336A1.32 1.32 0 0 0 4.671 2M6 3.5a.5.5 0 0 1 1 0v3a.5.5 0 0 0 1 0V3.33A.33.33 0 0 1 8.33 3c.157 0 .28.108.306.247C8.783 4.06 9 5.439 9 6.5a2.5 2.5 0 0 1-1.14 2.098c-.439.285-.86.786-.86 1.438v.41q0 .08.008.16c.028.258.151 1.424.268 2.622c.118 1.215.224 2.415.224 2.772a1 1 0 1 1-2 0c0-.357.106-1.557.224-2.772c.117-1.198.24-2.364.268-2.622q.008-.08.008-.16v-.41c0-.652-.421-1.153-.86-1.438A2.5 2.5 0 0 1 4 6.5c0-1.06.217-2.44.364-3.253A.305.305 0 0 1 4.671 3A.33.33 0 0 1 5 3.33V6.5a.5.5 0 0 0 1 0zm5 3A4.5 4.5 0 0 1 15.5 2a.5.5 0 0 1 .5.5v6.978l.02.224a626 626 0 0 1 .228 2.696c.124 1.507.252 3.161.252 3.602a2 2 0 1 1-4 0c0-.44.128-2.095.252-3.602c.062-.761.125-1.497.172-2.042l.03-.356H12.5A1.5 1.5 0 0 1 11 8.5zm2.998 3.044l-.021.245l-.057.653c-.047.544-.11 1.278-.172 2.038c-.126 1.537-.248 3.132-.248 3.52a1 1 0 1 0 2 0c0-.388-.122-1.983-.248-3.52a565 565 0 0 0-.229-2.691l-.021-.244v-.001L15 9.5V3.035A3.5 3.5 0 0 0 12 6.5v2a.5.5 0 0 0 .5.5h1a.5.5 0 0 1 .498.544'/%3E%3C/svg%3E");
}

.svg-kitchen {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11.436 11.019h1.4v-.7h-1.123l-.938-3.94a.35.35 0 0 0-.341-.27H8.93a.35.35 0 0 0-.341.27l-.939 3.94H6.524v.7zM9.207 6.808h.949l.836 3.509H8.371Zm1.527 8.071H8.629a.35.35 0 0 0-.351.35v1.755a.35.35 0 0 0 .351.351h2.105a.35.35 0 0 0 .351-.351v-1.755a.35.35 0 0 0-.351-.35m-.35 1.754H8.98V15.58h1.4zm-4.211-1.754h.702v1.754h-.702zm11.228-2.457h.702v1.754h-.702zm0-3.157h.702v1.754h-.702zm4.211-2.457H16.7a.35.35 0 0 0-.35.351v6.667H2.313a.35.35 0 0 0-.35.351v4.21a.35.35 0 0 0 .35.351h19.3a.35.35 0 0 0 .351-.351V7.159a.35.35 0 0 0-.352-.351m-5.263 9.123h-4.211v-1.4h4.211zm-13.685-1.4h4.562v3.509H2.664Zm5.263 0h3.509v1.4h-.012v.7h.012v1.4H7.927Zm4.211 2.1h4.211v1.4h-4.211zm9.123 1.4H17.05v-5.959h4.211zM17.05 11.37V7.51h4.211v3.86z'/%3E%3C/svg%3E");
}

.svg-wifi {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M16.73 7.563c.403.404.783.864 1.115 1.344a.75.75 0 0 1-1.235.852A7.968 7.968 0 0 0 4.4 8.623c-.32.322-.64.712-.932 1.133a.75.75 0 1 1-1.233-.855c.34-.49.716-.95 1.105-1.338a9.47 9.47 0 0 1 13.39 0m-2.14 1.888c.473.473.88 1.045 1.192 1.653a.75.75 0 1 1-1.335.683a5.1 5.1 0 0 0-.918-1.275a4.943 4.943 0 0 0-7.904 1.26a.75.75 0 0 1-1.338-.677A6.443 6.443 0 0 1 14.59 9.451m-1.635 2.39c.363.363.662.808.87 1.282a.75.75 0 0 1-1.375.602a2.7 2.7 0 0 0-.556-.824a2.63 2.63 0 0 0-3.72 0a2.7 2.7 0 0 0-.547.814a.75.75 0 1 1-1.374-.601a4.2 4.2 0 0 1 .86-1.274a4.13 4.13 0 0 1 5.842 0m-2.034 2.04a1.242 1.242 0 1 1-1.757 1.758a1.242 1.242 0 0 1 1.757-1.757'/%3E%3C/svg%3E");
}

.svg-tv {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M2 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1.268A2 2 0 0 0 17 7V6a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h8v.179a2 2 0 0 0 .176.821H4a2 2 0 0 1-2-2zm11.5 10.915L12.845 16H5.5a.5.5 0 0 0 0 1h8zM14 9v2a1 1 0 0 0-1 1v2.179a1 1 0 0 0 .187.582l1.313 1.833V18a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1.406l1.309-1.8a1 1 0 0 0 .191-.588V12a1 1 0 0 0-1-1V9a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1m3 2h-2V9h2z'/%3E%3C/svg%3E");
}

.svg-arrow-left {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' d='M16.116 39.634a1.25 1.25 0 0 1 0-1.768L29.982 24L16.116 10.134a1.25 1.25 0 0 1 1.768-1.768l14.75 14.75a1.25 1.25 0 0 1 0 1.768l-14.75 14.75a1.25 1.25 0 0 1-1.768 0'/%3E%3C/svg%3E");
}

.svg-info {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M256 512a256 256 0 1 0 0-512a256 256 0 1 0 0 512m-32-352a32 32 0 1 1 64 0a32 32 0 1 1-64 0m-8 64h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-80c-13.3 0-24-10.7-24-24s10.7-24 24-24h24v-64h-24c-13.3 0-24-10.7-24-24s10.7-24 24-24'/%3E%3C/svg%3E");
}

.svg-user-edit {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000' d='M256.1 248a120 120 0 1 0 0-240a120 120 0 1 0 0 240m-29.7 56c-98.5 0-178.3 79.8-178.3 178.3c0 16.4 13.3 29.7 29.7 29.7h196.5l10.9-54.5c4.3-21.7 15-41.6 30.6-57.2l67.3-67.3c-28-18.3-61.4-28.9-97.4-28.9h-59.4zm105.9 162.9l-11.9 59.6c-.2.9-.3 1.9-.3 2.9c0 8 6.5 14.6 14.6 14.6c1 0 1.9-.1 2.9-.3l59.6-11.9c12.4-2.5 23.8-8.6 32.7-17.5l118.9-118.9l-80-80l-118.9 118.9c-8.9 8.9-15 20.3-17.5 32.7zm267.8-123c22.1-22.1 22.1-57.9 0-80s-57.9-22.1-80 0l-28.8 28.8l80 80z'/%3E%3C/svg%3E");
}

.stash--light-bulb {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 3.75c2.928 0 5.25 2.275 5.25 5.02c0 1.71-.44 2.581-.998 3.373q-.19.266-.417.56c-.524.685-1.154 1.51-1.601 2.699a3.5 3.5 0 0 1-.353.698l-.056.08a3 3 0 0 1-.42.482c-.406.372-.894.588-1.405.588c-.51 0-.999-.216-1.406-.588a3 3 0 0 1-.42-.483l-.055-.08a3.5 3.5 0 0 1-.353-.697c-.447-1.19-1.077-2.014-1.601-2.7a18 18 0 0 1-.417-.56c-.557-.79-.998-1.662-.998-3.373C6.75 6.025 9.073 3.75 12 3.75m3.167 13.119c.192-.3.35-.617.471-.94c.362-.963.818-1.562 1.318-2.217c.17-.223.345-.453.523-.706c.71-1.008 1.271-2.175 1.271-4.237c0-3.628-3.05-6.519-6.75-6.519S5.25 5.141 5.25 8.77c0 2.06.561 3.228 1.271 4.236c.178.253.353.483.523.706c.5.655.956 1.254 1.318 2.217c.121.323.28.64.471.94l.222 2.216a2.96 2.96 0 0 0 5.89 0zm-1.66 1.53l-.054.536a1.46 1.46 0 0 1-2.906 0l-.053-.536c.45.222.955.351 1.506.351c.55 0 1.056-.13 1.506-.351M2.423 3.019a.75.75 0 0 1 1.056-.095l1.5 1.25a.75.75 0 0 1-.96 1.152l-1.5-1.25a.75.75 0 0 1-.096-1.056m19.152 0a.75.75 0 0 1-.096 1.057l-1.5 1.25a.75.75 0 1 1-.96-1.152l1.5-1.25a.75.75 0 0 1 1.056.096M1.25 8.25A.75.75 0 0 1 2 7.5h2A.75.75 0 0 1 4 9H2a.75.75 0 0 1-.75-.75m18 0A.75.75 0 0 1 20 7.5h2A.75.75 0 0 1 22 9h-2a.75.75 0 0 1-.75-.75M5.17 11.915a.75.75 0 0 1-.335 1.006l-1.5.75a.75.75 0 1 1-.67-1.342l1.5-.75a.75.75 0 0 1 1.006.336m13.66 0a.75.75 0 0 1 1.005-.336l1.5.75a.75.75 0 1 1-.67 1.342l-1.5-.75a.75.75 0 0 1-.336-1.006'/%3E%3C/svg%3E");
}

.dark-bg:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(38 49 66);
    z-index: -1;
}

.gallery-card {
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
    aspect-ratio: 4/3;
    background-color: #eee;
    position: relative;
}

.gallery-card img {
    position: relative;
    z-index: 1
}

.gallery-card:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite ease-in-out;
    z-index: 0;
}

@keyframes loading {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}

.footer-top p {
    color: #ffffffb8;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0.5px;
}

.footer-top a {
}

.svg-arrow-left {
}

.footer-contact {
}

.footer-contact li {
    font-size: 17px;
    line-height: 46px;
    color: #e5e5e5;
    font-weight: 400;
    font-family: var(--font-2);
    display: flex;
    align-items: flex-start;
}

.footer-contact li a {
    color: #e4e4e4;
    transition: .5s;
    display: block;
}

.footer-contact li a.text {
    line-height: 2;
    margin-bottom: 7px;
}

.footer-contact li a:hover {
    color: var(--primary-color);
}

.float-button {
    position: fixed;
    right: 15px;
    bottom: 09px;
    z-index: 99999;
    width: 62px;
    height: 62px;
    background: #00bb1e;
    color: #fff;
    /* font-size: 37px; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 5px;
}

.float-icon:before {
    content: '';
    width: 10px;
    height: 10px;
    background: red;
    position: absolute;
    left: -1px;
    top: 0px;
    border-radius: 99px;
    opacity: 0;
}

.float-button:hover .float-icon:before {
    animation: bounce 150ms cubic-bezier(0.25, 0.1, 0.44, 1.44) forwards 250ms;
}

@keyframes bounce {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.float-button i {
    font-size: 31px;
    line-height: 49px;
}

.float-button:hover::before {
    animation-play-state: paused
}

.float-button:hover {
    color: #fff
}

@media (min-width: 991px) {
    .float-label {
        position: absolute;
        transform: translateX(-100%);
        background: #00bb1e;
        display: block;
        width: 139px;
        font-size: 13px;
        text-align: center;
        padding: 4px 0;
        border-radius: 20px;
        opacity: 0;
        visibility: hidden;
        transition: .3s ease-in;
        font-weight: 600;
        font-family: var(--font-2)
    }

    .float-button:hover .float-label {
        visibility: visible;
        transform: translateX(-88%);
        opacity: 1
    }
}

.svg-quote-left {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M0 216C0 149.7 53.7 96 120 96h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64zm256 0c0-66.3 53.7-120 120-120h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64h-64c-35.3 0-64-28.7-64-64z'/%3E%3C/svg%3E");
}

.svg-chevron-left {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256L246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E");
}

.svg-chevron-right {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M311.1 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L243.2 256L73.9 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
}

.svg-chevron-up {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M201.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 173.3L54.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z'/%3E%3C/svg%3E");
}

.svg-chevron-down {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7L54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
}

.svg-phone {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='m497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6'/%3E%3C/svg%3E")
}

.svg-envelope {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7c22.4 17.4 52.1 39.5 154.1 113.6c21.1 15.4 56.7 47.8 92.2 47.6c35.7.3 72-32.8 92.3-47.6c102-74.1 131.6-96.3 154-113.7M256 320c23.2.4 56.6-29.2 73.4-41.4c132.7-96.3 142.8-104.7 173.4-128.7c5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9c30.6 23.9 40.7 32.4 173.4 128.7c16.8 12.2 50.2 41.8 73.4 41.4'/%3E%3C/svg%3E")
}

.svg-bars {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16m0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16m0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16'/%3E%3C/svg%3E")
}

.svg-facebook {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M80 299.3V512h116V299.3h86.5l18-97.8H196v-34.6c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4.4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8z'/%3E%3C/svg%3E")
}

.svg-twitter {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M357.2 48h70.6L273.6 224.2L455 464H313L201.7 318.6L74.5 464H3.8l164.9-188.5L-5.2 48h145.6l100.5 132.9zm-24.8 373.8h39.1L119.1 88h-42z'/%3E%3C/svg%3E")
}

.svg-instagram {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M224.3 141a115 115 0 1 0-.6 230a115 115 0 1 0 .6-230m-.6 40.4a74.6 74.6 0 1 1 .6 149.2a74.6 74.6 0 1 1-.6-149.2m93.4-45.1a26.8 26.8 0 1 1 53.6 0a26.8 26.8 0 1 1-53.6 0m129.7 27.2c-1.7-35.9-9.9-67.7-36.2-93.9c-26.2-26.2-58-34.4-93.9-36.2c-37-2.1-147.9-2.1-184.9 0c-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9c1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0c35.9-1.7 67.7-9.9 93.9-36.2c26.2-26.2 34.4-58 36.2-93.9c2.1-37 2.1-147.8 0-184.8M399 388c-7.8 19.6-22.9 34.7-42.6 42.6c-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6c-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6c29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6c11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1'/%3E%3C/svg%3E")
}

.svg-linkedin {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8c0-14.3 5.7-27.9 15.8-38S39.6 0 53.8 0s27.9 5.7 38 15.8s15.8 23.8 15.8 38c0 29.7-24.1 54.3-53.8 54.3M447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2c-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3c94 0 111.3 61.9 111.3 142.3V448z'/%3E%3C/svg%3E")
}

.svg-map-marker {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23000' d='M172.268 501.67C26.97 291.031 0 269.413 0 192C0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67c-9.535 13.774-29.93 13.773-39.464 0M192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80s-80 35.817-80 80s35.817 80 80 80'/%3E%3C/svg%3E")
}

.svg-times {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath fill='%23000' d='m242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28L75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256L9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48z'/%3E%3C/svg%3E")
}

.svg-whatsapp {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222c0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222c0-59.3-25.2-115-67.1-157m-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4l-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2c0-101.7 82.8-184.5 184.6-184.5c49.3 0 95.6 19.2 130.4 54.1s56.2 81.2 56.1 130.5c0 101.8-84.9 184.6-186.6 184.6m101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18c-5.1-1.9-8.8-2.8-12.5 2.8s-14.3 18-17.6 21.8c-3.2 3.7-6.5 4.2-12 1.4c-32.6-16.3-54-29.1-75.5-66c-5.7-9.8 5.7-9.1 16.3-30.3c1.8-3.7.9-6.9-.5-9.7s-12.5-30.1-17.1-41.2c-4.5-10.8-9.1-9.3-12.5-9.5c-3.2-.2-6.9-.2-10.6-.2s-9.7 1.4-14.8 6.9c-5.1 5.6-19.4 19-19.4 46.3s19.9 53.7 22.6 57.4c2.8 3.7 39.1 59.7 94.8 83.8c35.2 15.2 49 16.5 66.6 13.9c10.7-1.6 32.8-13.4 37.4-26.4s4.6-24.1 3.2-26.4c-1.3-2.5-5-3.9-10.5-6.6'/%3E%3C/svg%3E")
}

.svg-angle-left {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23000' d='m31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34'/%3E%3C/svg%3E")
}

.svg-angle-right {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23000' d='m224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4l-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34'/%3E%3C/svg%3E")
}

.svg-arrow-right {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h370.7L297.3 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E");
}

.svg-material-arrow-right {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17.073 12.5H5.5q-.213 0-.357-.143T5 12t.143-.357t.357-.143h11.573l-3.735-3.734q-.146-.147-.152-.345t.152-.363q.166-.166.357-.168t.357.162l4.383 4.383q.13.13.183.267t.053.298t-.053.298t-.183.268l-4.383 4.382q-.146.146-.347.153t-.367-.159q-.16-.165-.162-.354t.162-.354z'/%3E%3C/svg%3E");
}

.svg-material-arrow-left {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.904 17.308L4.596 12l5.308-5.308l.708.72L6.523 11.5h12.88v1H6.524l4.089 4.089z'/%3E%3C/svg%3E");
}

.contact__info-content {
    height: 100%;
    flex: 1;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 2px 30px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.contact__info-content .icon {
    font-size: 38px;
    line-height: 0;
    color: #fff;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #f0f0f0;
    flex: 0 0 auto;
    background-color: #255169;
    margin: 0 auto 20px;
    border-radius: 50px;
}

.contact__info-content .content .add-br {
    display: block
}

.contact__info-content .content :is(.title, a) {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--font-2);
    letter-spacing: .1px;
    color: #020202d4;
    margin-top: 3px;
    line-height: 1.8;
}

.contact__info-content .content .title a {
    font-size: 18px;
    font-weight: 500;
}

.contact__info-content .content a:hover {
    color: #212121;
}

.contact__info-content .content>span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-family: var(--font-2);
    color: #212121;
    letter-spacing: 0.35px;
}

.contact-warp {
    background-color: #d1efff59;
    border-radius: 25px;
    padding: 20px 10px;
}

.contact-social {
    display: flex;
    justify-content: center;
    gap: 10px 10px;
    flex-wrap: wrap;
}

.contact-social a {
    display: inline-block;
    width: 45px;
    height: 45px;
    background-color: var(--primary-dark);
    color: #fff;
    border-radius: 999px;
    line-height: 42px;
    font-size: 22px;
    text-align: center;
}

.contact-social a:hover {
    background-color: var(--primary-color);
    color: #fff;
}

span.add-br {
    display: block;
}

.form-group {
    margin-bottom: 7px;
}

.hide {
    display: none!important;
}

.hero-innercarousel {
    height: 100%;
    display: flex;
}

.hero-innercarousel .carousel-item {
    height: 100%;
    display: flex;
}

.hero-innercarousel .hero-item {
    width: 100%;
    display: flex;
}

.herobooking {
    background-color: #f4f4f4a8;
    max-width: 600px;
    margin: 0 auto;
}

.herobooking h2 {
    background-color: #1ab64f;
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    padding: 10px 0;
}

.datepicker-days .day {
    padding: 1px 8px;
    font-size: 15px;
    font-family: var(--font-2);
    font-weight: 600;
}

.datepicker-days .day.disabled.old {
    /* opacity: 50%; */
}

.datepicker-days .day.disabled {
    opacity: 80%;
    color: #9e9e9ec7;
}

.datepicker-days .new:not(.selected,.disabled) {
    color: #212121 !important;
}

.datepicker-days .dow {
    font-weight: 500;
    color: var(--primary-dark);
    padding-bottom: 8px;
}

.bookfrm-label {
    color: #272727;
    font-weight: 600;
    margin-bottom: 6px;
    font-family: var(--font-2);
}

.herobooking-daterange .form-control, .bookfrm-roomsel {
    color: #3d3d3d;
    text-align: left;
    padding: 11px 10px;
    border-radius: 7px !important;
}

.user_ico i {
    font-size: 25px;
    color: var(--bs-blue);
}

.room_detail {
    display: flex;
    background-color: #fff;
    padding: 12px 13px 10px;
    border-radius: 15px 15px 0px 0px;
    margin-top: 8px;
    align-items: center;
    border-bottom: 1px solid #cccccc54;
}

.room_detail .guest_info {
    flex: 1;
    padding-left: 19px;
    font-weight: 600;
    color: #212122;
    font-size: 17px;
}

.room_detail .guest_info .price_info {
    display: flex;
    font-weight: 500;
    letter-spacing: 0px;
    padding-top: 1px;
    font-style: italic;
    font-size: 16px;
    color: #000000bd;
}

.bookmember-wrap {
    background-color: rgba(255, 255, 255, 0.5);
    padding-top: 10px;
}

.bookmember-count {
    display: flex;
    gap: 10px 1px;
    background-color: #c9c9c9;
}

.bookmember-countbtn {
    flex: 1;
    text-align: center;
    background-color: rgb(250 250 250);
    padding: 13px 10px;
    transition: 180ms ease;
    cursor: pointer;
    user-select: none;
}

.bookmember-countbtn.disabled {
    cursor: not-allowed
}

.bookmember-countbtn:not(.disabled):hover {
    background-color: #eee;
}

.room-memberinfo table {
    --bs-table-bg: transparent;
    border-color: transparent;
}

.bookprice-info {
    background-color: #fff;
    padding: 19px 17px 16px;
    font-size: 13px;
    margin-bottom: 10px;
    margin: 20px 0 10px;
    border-radius: 15px 15px;
}

.bkfndetails, .bookinfo-confirm {
    text-align: center;
    font-size: 17px;
    color: #1b7885;
    font-weight: 600;
}

.bookinfo-confirm {
    padding-top: 38px;
}

.bookinfo-confirm .booking-edit {
    margin-left: 8px;
    vertical-align: top;
}

.bookinfo-help {
    background-color: #fff;
    padding: 13px 17px 16px;
    margin: 10px 0px 0;
    font-size: 13px;
    margin-bottom: 10px;
    border-radius: 15px 15px;
}

.bookinfo-help h3 {
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    color: gray;
}

.bookinfo-help ul {
    margin-bottom: 15px;
}

.bookinfo-help ul li {
    list-style: disc;
    margin-left: 16px;
    line-height: 1.8;
}

.bookinfo-help a {
    color: #EE2E24;
    display: inline-block;
    transition: all 150ms ease
}

.bookinfo-help a:hover {
    text-decoration: underline;
}

.cancel_policy .cancel {
    margin-top: 9px;
}

.cancel_policy .svg {
    font-size: 19px;
    color: #ff7f50;
    margin-right: 4px;
}

.cancel_head {
    text-align: center;
    font-weight: bold;
}

.bookcancel {
}

.bookcancel {
}

.bookcancel ul {
    text-align: left;
}

.bookcancel ul li {
    list-style: disc;
    margin-left: 21px;
    margin-bottom: 7px;
    color: rgb(0 0 0 / 68%);
}

.bookcancel {
    text-align: center;
}

.bookcancel .deduct_msg {
    color: red;
}

#bookCancelInfo {
    font-weight: 500;
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
    font-family: var(--font-2);
}

#bookCancelInfo:hover {
    color: #212121
}

#book_info {
    display: none;
}

.section-bookingconfirm {
    background-color: #f6f5f5;
}

.bookingconfirm {
    padding-top: 50px;
    min-height: 760px;
    padding-bottom: 50px;
}

.bookingconfirm h3 {
    margin-bottom: 30px;
    color: #00c600;
}

.bookingconf-left, .bookingconf-right {
    padding-top: 20px;
    border-radius: 25px;
    background-color: #fff;
}

.bookingconf-left {
}

.bookingguesthead {
    border-bottom: 1px dashed #eee !important;
    padding: 0 20px 10px;
    margin-bottom: 16px;
}

.bookingconf-left :is(.main-title, .sub-title) {
    font-size: 19px;
}

.bookingpaymenthead {
    padding: 0 20px 10px;
    border-bottom: 1px dashed #eee !important;
}

.bookingpaymenthead h4 {
    color: rgb(0 0 0 / 37%) !important;
    font-size: 19px;
}

.bookingconf-left .infoshared {
    border-bottom: 1px dashed #eee !important;
    padding: 13px 20px 10px;
}

.bookingconf-left .infoshared h5 {
    font-size: 15px;
    font-weight: 400;
    background-color: #f0f4f4c4;
    padding: 14px 20px;
    border-radius: 6px;
    display: flex;
    gap: 10px 8px;
    color: #171717d6;
    font-family: var(--font-1);
}

.bookingconf-left .infoshared h5 i {
    font-size: 23px;
    vertical-align: sub;
    color: orangered;
}

.bookingconf-right {
}

.bookingconf-right__head {
    border-bottom: 1px dashed #eee !important;
    padding: 0 20px 10px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px 20px;
}

.bookingconf-right__head img {
    border-radius: 999px;
    border: 1px solid #ccc;
    background-color: #eee;
    width: 80px;
    height: 80px;
}

.bookingconf-right .pay-dates {
    border-bottom: 1px dashed #eee !important;
    padding: 0 20px 10px;
    color: rgba(0, 0, 0, 0.54) !important;
}

.bookingconf-right .pay-dates i {
    font-size: 35px;
}

.detcheckinDate, .detcheckoutDate {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 600;
}

.detcheckinTime {
}

.bookingpaymenthead {
    color: rgba(0,0,0,0.38)!important;
    padding: 0 20px 10px;
    font-weight: 700!important;
    border-bottom: 1px dashed #eee!important;
}

.bookinfo-pay {
    padding: 0 20px 10px;
}

.bookform-contact {
}

.bookform-contact label {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 600;
    margin-bottom: 9px;
}

.bookform-contact .form-control {
    border-radius: 5px !important;
    padding: 10px 11px;
}

span.help-block.form-error {
    color: #f00;
    font-size: 15px;
}

.bookingpayhotbutton {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    width: 80%;
    height: 50px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 100px;
    transition: all .3s ease;
    text-transform: uppercase;
    fill: #000;
    background-color: #136ea7;
    color: #fff;
    border-color: #136ea7;
}

.bookingpayhotbutton:hover {
    background-color: #0d517c;
    border-color: #0d517c;
}

.facilities-card {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
}

.facilities-card .item {
    flex: 1;
    text-align: center;
    background-color: #fff;
    padding: 20px 10px;
    border-radius: 15px;
    /* height: 100%; */
}

.facilities-card .item .icon {
    margin: 0 auto;
}

.facilities-card .item .icon svg {
    width: 57px;
    height: 57px;
}

.facilities-card .item.paid .item {
}

.facilities-card .item.paid {
    background-color: #d7cb0075;
    color: #000000;
}

.facilities-card .item.paid {
}

.facilities-card .item .title {
    white-space: nowrap;
    margin-top: 18px;
    font-weight: 500;
    color: #212121;
}

.section-page ul li {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 11px;
    list-style: disc;
    margin-left: 18px;
}

.success-card {
    background-color: #dcf8e296;
}

/* zz */
@media (max-width: 890px) and (min-width: 768px) {
    .slider .carousel-item img {
        height: 450px;
    }
}

/*  */
@media screen and (max-width: 388px) {
    .banner-slider .carousel-caption {
        top: 10%;
    }

    .carousel-item.active .carousel-caption.slider-large-text h1 {
        margin: 0 0px !important;
        padding: 7px 12px !important;
    }

    .carousel-item.active .carousel-caption.slider-large-text p {
        font-size: 9px;
        line-height: 12px;
        margin: 0 0px !important;
        padding: 7px 12px !important;
    }
}

@media screen and (max-width: 568px) {
    .gallery-card {
        border-radius: 8px;
    }
}

@media screen and (min-width: 1200px) {
    .banner-slider .carousel-caption p {
        font-size: 15px;
        font-weight: 500;
    }
}

@media screen and (min-width: 1440px) {
    .banner-slider .carousel-caption h1 {
        font-size: 49px !important;
    }

    .container {
        max-width: 1200px;
    }
}

@media screen and (min-width: 1500px) {
    .banner-slider .carousel-caption {
    }

    .container {
        max-width: 1300px;
    }

    .herobooking {
        max-width: 100%;
    }
}

@media screen and (min-width: 2555px) {
    .banner-slider .carousel-caption {
        width: 40%;
    }
}

@media (max-width: 1199px) {
    .header-navigation .navbar-nav .nav-link {
        padding: 16px 11px;
        font-size: 11px;
    }
}

@media (max-width: 992px) {
    .header-call-us .iocn-holder i, .header-call-us ul li a {
        font-size: 12px;
    }

    .header-request {
        width: 160px;
    }
}

@media (max-width: 991px) {
    .menu-toggle .fa-bars {
        font-size: 30px;
    }

    .logo {
        /*text-align: center;*/
        margin-bottom: 0px;
    }

    .logo .navbar-brand {
        margin-right: 0px;
    }

    .header-navigation .navbar-collapse {
        position: absolute;
        top: 42px;
        background-color: rgb(51, 51, 51);
        z-index: 9;
        width: 250px;
    }

    .header-navigation .navbar-collapse .navbar-nav li {
        width: 100%;
    }

    .gj-datepicker-bootstrap [role="right-icon"] button {
        height: 36px;
    }

    .center-search {
        padding: 20px;
    }

    .form-style-1 input[type="text"], .form-style-1 input[type="email"], .form-style-1 input[type="password"], .form-style-1 select {
        height: 36px;
    }

    .carousel-fade .carousel-item img {
        height: 450px;
        object-fit: cover;
        width: 100%;
    }

    .header-call-us ul li {
        margin-right: 12px;
    }

    .header-call-us {
        float: none;
        text-align: center;
        margin-top: 10px;
    }

    .header-call-us ul {
        float: none;
    }

    .header-call-us ul li .text-holder {
        text-align: left;
    }
}

/* Small Devices, Tablets */
@media (max-width: 767px) {
    .header-call-us .iocn-holder i, .header-call-us ul li a {
        font-size: 12px;
    }

    .slider {
        /* background-image: url(../images/slider/slide1.jpg); */
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
    }

    .slider .slide {
        /* display: none; */
    }

    .search-area {
        position: relative;
        padding: 30px 0px;
    }

    .inner-banner .breadcrumb {
        float: left;
    }

    .inner-banner .col-lg-8 {
        margin-bottom: 10px;
    }

    .header-call-us {
        text-align: left;
    }

    .header-call-us ul li {
        margin-bottom: 20px;
    }

    .header-call-us ul li:last-child {
        margin-bottom: 0px;
    }

    .about-area {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .inner-banner-bg {
        padding: 40px 0;
    }
}

/* Extra Small Devices, Phones */
@media (max-width: 575px) {
    .header-call-us {
        float: right;
    }

    .header-call-us ul li a, .header-call-us i {
        font-size: 14px;
    }

    .header-call-us ul li .iocn-holder i {
        font-size: 30px;
    }
}