:root {
    --qi-bg: #3c472d;
    --qi-bg-secondary: #4e5b3c;
}

body {
    /*background-image: url("/static/images/hoozen-bg2.webp");*/
    /*background-size: cover;*/
    /*background-position: center;*/
    /*background-attachment: fixed;*/
    background-color: beige;
}

.sticky-menu, .footer-bg {
    background-image: url("/static/images/qi-bg.webp");
    background-position: center !important;
    background-attachment: fixed;
    background-size: cover;
}

.header-cta ul li {
    text-transform: unset;
}

.copy-text a {
    color: #eee;
}

.slider-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: rgb(0, 0, 0);
    opacity: .45;
}

.slider-content h2 {
    font-size: 60px;
}

#loading {
    background-size: 200px;
}

section.section-padding {
    padding: 80px 0;
}

.service-title h3 {
    width: 75%;
}

.service-item {
    background-color: bisque;
    border-radius: 20px;
    margin-bottom: 1.25rem;
    position: relative;
}

.service-cover {
    border-radius: 20px;
    overflow: hidden;
}

span.service-btn {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    background-color: #d19d6d;
    color: #fff;
    border-radius: 50%;
    margin-left: auto;
}

.service-title {
    background-color: transparent;
    padding: 1.15rem;
}

[data-fancybox] {
    cursor: pointer;
}

.breadcrumb-area {
    position: relative;
    background-position: center;
}

.breadcrumb-wrap.text-center {
    position: relative;
}

.breadcrumb-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: rgb(0, 0, 0);
    opacity: .35;
}

.footer-bg, #header-sticky {
    background-color: var(--qi-bg);
}

#header-sticky {
    background-color: transparent;
}

.copyright-wrap {
    background-color: var(--qi-bg-secondary);
}

.qi-shape {
    position: absolute;
    top: 5%;
    left: 45px;
    z-index: -1;

    /*display: none;*/
}

.qi-shape.right {
    position: absolute;
    top: 5%;
    left: unset;
    right: 45px;
    z-index: -1;
}

section.service-list {
    position: relative;
}

.qi-shape img {
    width: 140px;
}

.gallery-image {
    border-radius: 20px;
}

.map-btn-wrapper {
    display: flex;
    justify-content: space-evenly;
}

.map-btn-wrapper a {
    width: 47%;
}

.map-btn-wrapper button {
    padding: 20px 34px;
}

.map-btn-wrapper button:hover {
    background-color: var(--qi-bg-secondary);
}

.f-cta-icon i {
    background-color: var(--qi-bg);
}

#scrollUp {
    background: var(--qi-bg-secondary);
}

.modal .contact-bg02 {
    padding: 20px;
}

.modal-content {
    border: none;
}

.services-categories li.active a, .services-categories li:hover a {
    background: var(--qi-bg-secondary);
}

.services-categories li:before {
    background-color: var(--qi-bg);
}

.services-categories li:hover a::before, .services-categories li.active a::before {
    background: var(--qi-bg);
}

.service-detail-contact {
    background-color: var(--qi-bg);
}

.video-fullscreen-wrap {
    height: 100vh;
    overflow: hidden;
}


.video-fullscreen-video {
    position: relative;
    height: 100vh;
}

.video-fullscreen-video::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-color: #000;
    opacity: .3;
    pointer-events: none;
}

.video-fullscreen-wrap video {
    width: 100vw;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.header-area.header {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    width: 90%;
}

.second-menu .main-menu ul li {
    margin-left: 25px;
}

.main-menu ul li a {
    letter-spacing: 0;
}

.main-menu .has-sub ul li a {
    font-size: 15px;
}

.services-categories li a {
    width: 85%;
}

.booking .container {
    background: transparent;
}

.services-sidebar .sidebar-widget {
    background: #ffffff;
}

.service-title h3 {
    font-size: 25px;
}

.f-work-hour li strong {
     text-align: unset;
}