/*!
* By This Theme
*/
body {
    font-family: var(--font-main);
}

h1, h2 {
    font-family: var(--font-headers);
}

h3, h4, h5 {
    font-family: var(--font-subheaders);
}

img {
    max-width: 100%;
}

.cursor-pointer {
    cursor: pointer;
}

a, a:hover, a:focus {
    color: var(--main);
}

.page-link, .page-link:hover {
    color: var(--black);
}

.active > .page-link, .page-link.active {
    color: var(--black);
    background-color: var(--main);
    border-color: var(--main);
}

.pagination-block {
    padding: 15px 0;
}

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

.form-control {
    min-height: 41px;
}

.form-control-wrapper {
    position: relative;
}

.form-tooltip-error ul, .form-tooltip-error ul li {
    margin: auto;
    padding: 0;
    list-style: none;
}

.btn-radius {
    border-radius: 0.375rem;
}

.btn.btn-primary.active, .btn.btn-secondary.active {
    -webkit-box-shadow: inset 0 0 0 0 var(--main) !important;
    box-shadow: inset 0 0 0 0 var(--main) !important;
}

/* Datetime picker */
.timepicker .btn {
    width: auto;
    height: auto;
    line-height: 1;
    background: inherit;
    color: inherit;
    border: inherit;
    box-shadow: inherit;
}

.timepicker .btn:before {
    width: 0;
    height: 0;
}

/* Header */
.navbar-mobile-close {
    font-family: var(--font-main);
}

header.header-wrapper {
    position: absolute;
    z-index: 1023;
}

.freeze-header.with-bg {
    background-color: rgba(var(--bs-black-rgb), 0.7);
    -webkit-box-shadow: 0 1px 3px #111;
    -moz-box-shadow: 0 1px 3px #111;
    box-shadow: 0 1px 3px #111;
}

.social-icons ul {
    flex-wrap: wrap;
}

.social-icons ul li a {
    font-size: 15px;
}

.navbar .navbar-logo a img {
    max-width: 100%;
}

.navbar .mobile-logo {
    max-width: calc(100% - 45px);
}

.navbar .navbar-mobile {
    z-index: 2;
}

.navbar .navbar-mobile > ul li.menu-item-active > a {
    background-color: var(--main);
    color: var(--black);
}

.navbar .navbar-desktop ul > li.menu-item > a span::before {
    top: calc(100% + 5px);
}

.navbar-sana {
    position: relative;
    z-index: 1;
}

/* Footer */
.footer-wrapper, .subscribe-form {
    color: rgba(255, 255, 255, .55);
}

.footer-wrapper {
    background-image: url(../../assets/images/bg-footer-2.jpg);
    background-size: cover;
}

.footer-wrapper .footer-widget-area .logo img {
    max-width: 100%;
}

.footer-wrapper .contact-info {
    display: inline-block;
    max-width: 100%;
}

.subscribe-form form {
    align-items: center;
}

.subscribe-social {
    padding-left: 15px;
}

.footer-links {
    display: inline-block;
    text-align: left;
}

.footer-links ul {
    padding: 0;
}

.footer-links ul li {
    padding-right: 30px;
}

@media (max-width: 767px) {
    .footer-links ul li {
        padding: 0 15px;
    }
}

.subscribe-wrapper, .footer-wrapper, .footer-copyright {
    background-color: rgba(var(--bs-black-rgb), 0.7);
}

.contact-info ul li a span {
    opacity: 1;
}

.freeze-footer {
    left: auto;
    top: auto;
    right: 0;
    bottom: 0;
}

/* Main */
.main-wrapper {
    background-color: var(--gray);
}

.main-inner {
    margin-top: -1px;
}

.social-icons ul li {
    margin: 7px;
}

.social-icons ul li a:hover {
    -webkit-box-shadow: inset 0 0 0 15px var(--main-lighter);
    box-shadow: inset 0 0 0 15px var(--main-lighter);
}

.social-larger ul li {
    width: 45px;
    height: 45px;
}

.social-larger ul li a {
    font-size: 21px;
}

.social-larger ul li a:hover {
    color: var(--black);
    -webkit-box-shadow: inset 0 0 0 25px var(--main-lighter);
    box-shadow: inset 0 0 0 25px var(--main-lighter);
}

/* Slider */
#hero-slider.swiper-container {
    min-height: 100vh;
}

#hero-slider.swiper-autoheight {
    height: auto;
    min-height: auto;
}

#hero-slider .swiper-image img {
    min-width: 100%;
}

/* Menu Category */
.choose-our-services {
    background-color: var(--black-darker);
    background-image: url(../../assets/images/bg-pattern-top.png);
    background-position: center top;
    background-repeat: no-repeat;
}

.choose-our-services .our-services .pricing-list {
    position: relative;
    margin-top: 45px;
}

.choose-our-services .our-services .pricing-list ul li {
    align-items: flex-start;
    flex-wrap: wrap;
    min-height: 75px;
}

.choose-our-services .service-price-item__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.choose-our-services .service-price-item__header, .choose-our-services .service-price-item__body {
    min-width: 100%;
}

.choose-our-services .our-services .pricing-list ul li .service-info .title {
    font-family: var(--font-main);
    font-size: 18px;
    color: var(--black);
    margin-bottom: 6px;
    text-decoration: none;
    font-weight: 600;
}

.choose-our-services .our-services .pricing-list ul li .service-info-desc {
    padding: 0;
    width: 100%;
}

.choose-our-services .our-services .pricing-list ul li .service-info .desc p {
    font-family: var(--font-main);
    opacity: 1;
}

.choose-our-services .parallax-image {
    background-image: url(../../assets/images/services-bg-small-2.jpg);
}

.home-collection {
    overflow: hidden;
}

.collection-products .collection-item {
    margin-bottom: 15px;
    padding-left: 30px;
}

.home-collection .container > .row .collection-products a h4 {
    font-family: var(--font-main);
}

.home-collection .collection-container {
    background-image: url(../../assets/images/bg-feather.png);
    border: 15px solid var(--bs-light);
    box-shadow: 0 3px 15px var(--gray-lighter);
}

.home-collection .container > .row .collection-headings {
    background-image: none;
}

/* About */
.home-custom-content .inner {
    background-image: url(../../assets/images/bg-introduce.jpg);
}

@media (max-width: 991px) {
    .home-custom-content .inner {
        background-size: cover;
    }
}

/* Testimonial */
.testimonials-swiper {
    background-color: var(--black-darker);
    background-image: url(../../assets/images/bg-pattern-bottom.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

/* Gallery */
.portfolio-item .img-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;

    margin: auto;
    padding: 0;
    padding-bottom: 75%;

    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}

.portfolio-item .img-wrapper img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    opacity: 0;
}

.portfolio-item .youtube-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: var(--gray);
}

.youtube-wrapper .youtube-video {
    display: block;
    width: 100%;
}

.youtube-wrapper .youtube-tittle {
    display: none;
    width: 100%;
    text-align: center;
}

.photoswipe-container .swiper-button {
    color: #000;
}

/* Breadcrumb */
.breadcrumb-wrapper {
    padding-top: 100px;
    background-color: var(--black);
}

.breadcrumb-inner {
    padding-top: 45px;
    background-color: var(--gray);
}

.breadcrumb-inner .breadcrumb-title {
    margin: auto;
    font-family: var(--font-headers);
    font-size: 75px;

    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
}

@media (max-width: 767px) {
    .breadcrumb-inner .breadcrumb-title {
        font-size: 45px;
    }
}

/* Service */
.service-main-container {
    padding: 90px 0;
}

.service-tabs-container {
    padding: 15px 0;
    background-color: var(--gray);
}

.service-tab .btn {
    font-weight: bold;
}

.service-btn-container .btn {
    margin: 7px auto;
}

.service-name {
    text-transform: uppercase;
    font-weight: bold;
}

.service-item-name {
    font-family: var(--font-main);
}

.service-item-name a {
    color: inherit;
}

.service-price {
    display: inline-flex;
    white-space: nowrap;
}

.service-price span + span {
    padding-left: 3px;
}

.service-price .old {
    text-decoration: line-through;
}

/* Product */
.product-main-container {
    padding: 90px 0;
}

.product-info-title {
    font-family: var(--font-main);
}

/* Gallery, Coupons */
.gallery-category-tabs, .gallery-category-content {
    margin: 15px auto;
}

.gallery-category-tabs .btn {
    margin: 7px auto;
}

/* Contact, Consent, Location, Page, News */
.our-consent, .our-location, .our-page, .our-news {
    padding: 100px 0 160px;
}

.location-box {
    margin: 15px auto;
    padding: 15px;
    background-color: var(--white);
    border: 1px solid var(--secondary);
    border-radius: 3px;
    box-shadow: 0 1px 2px var(--light);
}

.btn_consent, .btn_consent:hover, .btn_consent:focus {
    border: 0;
}

/* News */
#toc_container {
    border-color: var(--light);
    background-color: var(--white);
}

.sidebars-news {
    border-color: var(--white)
}

.sidebar-line {
    background-color: var(--white)
}

.sidebar-line:before {
    background-color: var(--black);
}

.news-tag {
    margin: 7px auto;
}

/* Booking */
.our-booking {
    padding: 45px 0 150px;
}

.booking-info-title:before {
    background-color: var(--white);
}

.service-staff {
    background-color: var(--white);
    border-color: var(--light);
}

.time-items li > a {
    background-color: var(--main);
    border-color: var(--white);
    color: var(--black);
    cursor: pointer;
}

.box-booking-confirm {
    background-color: var(--gray);
}

/* Giftcards, Cart, Payment */
.our-giftcards, .our-cart, .our-payment {
    padding: 45px 0 150px;
}

.mybox-order, .box_preview {
    background-color: var(--gray);
    border-color: var(--white);
}

ul.information li span {
    background-color: transparent;
}


/*BEG: css for Gallery-Html*/
.m-gallery-box-wrap .col-xs-6.col-sm-6.col-md-4 {
    aspect-ratio: 1.35 / 1; /* defining the aspect ratio of the image */
    object-fit: cover; /* making sure the image isn't distorted */
}

body.site-sub-page.site-gallery .list-gallery .col-md-3.col-xs-6 {
    aspect-ratio: 1.35 / 1; /* defining the aspect ratio of the image */
    object-fit: cover; /* making sure the image isn't distorted */
}

.youtube-wrapper iframe {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    aspect-ratio: 1.35 / 1; /* defining the aspect ratio of the image */
    object-fit: cover; /* making sure the image isn't distorted */
}

.youtube-wrapper {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.youtube-wrapper .youtube-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.ytp-cued-thumbnail-overlay-image {
    aspect-ratio: 1.35 / 1;
    object-fit: cover;
}

/*END: css for Gallery-Html*/

/* BEG: banner-slider-video */
.swiper-slide .video-item, .swiper-slide .youtube-item {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 1;
    object-fit: cover;
    z-index: 9999;
}
/* END: banner-slider-video */