:root {
    --color-white:#fff;
    --color-white2:#F6F2ED;
    --dark-color1: #0A0A0A;
    --dark-color2: #717171;
    --dark-color3: #141414;
    --dark-color4: #1E1E1E;
    --dark-color5: #191919;
    --color-gray:#696969;
    --color-gray1:#8D8D8D;

    --dark-primary:#C09763;
    --white-op7:rgb(255 255 255 / 7%);
    --white-op10:rgb(255 255 255 / 10%);
    --white-op20:rgb(255 255 255 / 20%);
    --white-op50:rgb(255 255 255 / 50%);
    --white-op60:rgb(255 255 255 / 60%);
    /* dark gradient */
    --dark-gradient-1:linear-gradient(313.49deg, #FFF4DD 2.4%, #F1FFDE 49.55%, #E7FFD8 82.23%);
    --dark-gradient-2:linear-gradient(180deg, rgba(12, 35, 24, 0) 60%, #0C2318 100%);


}

/* Luxury Hotel dark */
.hotelio-header-area,
.hero-section-one,
.about-section-one,
.our-facilities-section-one,
.testimonial-section-one {
    background: var(--dark-color1);
}
.header-menu ul li a,
.header-menu ul li a i,
.header-call-info p,
.about-section-one .about-box-content h3,
.about-section-one .about-box-content span,
.testimonial-section-one .testi-counter-box .client,
.testimonial-section-one .testi-counter-box p,
.testimonial-section-one .autor-title,
.blog-section-one .blog-content h1 a,
.blog-section-one .blog-user a {
    color: var(--color-white);
}
.about-section-one .section-border {
    border-bottom: 1px solid var(--white-op10);
}
.section-title h1,
.about-section-one .about-title h2,
.about-section-one .about-list ul li,
.our-facilities-section-one .facilities-content h2 {
    color: var(--color-white2);
}
.about-section-one .about-desc p {
    color: var(--white-op50);
}
.about-section-one .about-counter-box {
    background: var(--white-op7);
}
.about-section-one .about-box-content p,
.our-facilities-section-one .facilities-content p{
    color: var(--white-op60);
}
.ativities-luxury-section-one,
.blog-section-one {
    background: var(--dark-color3);
}
.section-border {
    border-bottom: 1px solid var(--white-op10);
}
.testimonial-arrow-box .slider-prev,
.testimonial-arrow-box .slider-next {
    color: var(--color-white2);
    background: var(--white-op10);
}

.testimonial-section-one .testi-quote {
    background: var(--white-op10);
}
.testimonial-section-one .testi-quote img{
    filter: brightness(0)invert(1);
}
.testimonial-section-one .testi-desc p {
    color: var(--white-op50);
}
.testimonial-section-one .autor-desi{
    color: var(--white-op60);
}
.testimonial-section-one .testi-content-wrap {
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    box-shadow:none;
}
.blog-section-one .section-border,
.blog-section-one .section-border {
    border-bottom: 1px solid var(--white-op10);
}  
.blog-section-one .blog-user a span {
    color: var(--color-gray1);
}
.blog-section-one .blog-button a {
    color: var(--dark-primary);
}

/* Luxury Hotel classic dark */

.galary-section-one {
    padding: 200px 0px 0px;
    background:var(--dark-color3);
    margin-top: -100px;
}
.about-section-one-classic,
.our-room-suites-section-one.classic,
.testimonial-section-one-classic,
.hotel-work-section-one{
    background: var(--dark-color3);
}
.about-section-one-classic .section-desc p{
    color: var(--white-op50);
}
.about-section-one-classic .counter-text h2,
.about-section-one-classic .counter-text span,
.about-section-one-classic .counter-text p {
    color: var(--color-white2);
}
.our-room-suites-section-one.classic .single-room-box {
    background: var(--color-gradient-1);
    border: 1px solid var(--color-border2);
}
.our-room-suites-section-one.classic .room-content h2 {
    color: var(--color-white2);
}
.our-room-suites-section-one.classic .room-info {
    border-top: 1px solid var(--color-border2);
    border-bottom: 1px solid var(--color-border2);
}
.our-room-suites-section-one.classic .room-info p {
    color: var(--color-white-op50);
}
.our-room-suites-section-one.classic .explore-btn {
    color: var(--color-white2);
}
.our-room-suites-section-one.classic .explore-btn svg path {
    transition: fill 0.3s ease;
    fill: var(--color-white);
}
.our-facilities-section-one.classic .single-facilities-box {
    background: var(--white-op20);
    backdrop-filter: blur(50px);
}
.our-facilities-section-one.classic .facilities-content h4,
.hotel-work-section-one .work-content h1,
.hotel-work-section-one .work-list ul li,
.testimonial-section-one-classic .testi-desc p,
.testimonial-section-one-classic .testi-autor-content h3 {
    color: var(--color-white);
}
.our-facilities-section-one.classic .facilities-content p {
    color: var(--white-op60);
}
.hotel-work-section-one .work-bg {
    background: var(--dark-color4);
}
.hotel-work-section-one .work-content p{
    color: var(--white-op50);
}
.hotel-work-section-one .work-btn a {
    color: var(--white-op50);
    border: 1px solid var(--white-op10);
    background: var(--white-op10);
}
.hotel-work-section-one .work-btn a svg path {
    fill: var(--white-op50);
}
.testimonial-section-one-classic .testi-bg {
    background: var(--dark-primary);
}
.testi-quote img {
    filter: brightness(0)invert(1);
}
.testi-autor-content p{
    color: var(--white-op60);
}
.testimonial-section-one-classic .testimonial-arrow-box .slider-prev {
    background: var(--white-op20);
    color: var(--color-white);
}
.testimonial-section-one-classic .testimonial-arrow-box .slider-prev:hover{
    background: var(--color-white);
    color: var(--dark-primary);
}
.testimonial-section-one-classic .testimonial-arrow-box .slider-next {
    background: var(--white-op20);
    color: var(--color-white);
}
.testimonial-section-one-classic .testimonial-arrow-box .slider-next:hover{
    background: var(--color-white);
    color: var(--dark-primary);
}

.about-section-two-classic .add-border {
    border-bottom: 1px solid var(--white-op10);
}
/* hotel resort dark css */

.hero-section-two,
.about-section-two {
    background: var(--dark-color1);
}
.about-section-two {
    border-radius: 0;
}
.our-room-suites-section-two{
    background: var(--dark-color3);
}
.about-section-two .about-single-box {
    background: linear-gradient(360deg, #212121 0%, #171717 100%);
    border:1px solid var(--white-op10);
}
.about-section-two .about-title h2,
.about-section-two .about-btn a,
.about-section-two .about-single-box.three .about-desc p,
.about-section-two .about-list-item ul li,
.our-room-suites-section-two .room-content h2 a,
.premium-facilities-section-one .premium-facilitie-content h2{
    color: var(--color-white2);
}
.about-section-two .about-desc p,
.our-room-suites-section-two .room-content p,
.our-room-suites-section-two .info-item span,
.premium-facilities-section-one .premium-facilitie-content p{
    color: var(--white-op50);
}
.about-section-two .about-btn a svg path {
    fill:var(--color-white2);
}
.our-room-suites-section-two .border-color {
    border-bottom: 1px solid var(--white-op10);
}
.our-room-suites-section-two .room-suites-bg {
    background: linear-gradient(360deg, #212121 0%, #171717 100%);
    border: 1px solid var(--white-op10);
    box-shadow: none;
}
.our-room-suites-section-two .price-tag {
    color: var(--color-white-op50);
    border: 1px solid var(--white-op10);
    background: var(--white-op10);
}
.our-room-suites-section-two .room-info {
    border-top: 1px solid var(--white-op10);
    border-bottom: 1px solid var(--white-op10);
}
.our-room-suites-section-two .explore-btn {
    color: var(--color-white);
    border: 1px solid var(--white-op10);
    background: var(--white-op7);
}
.our-room-suites-section-two .explore-btn svg path{
    fill: var(--color-white);
}
.premium-facilities-section-one,
.marquee-section-one{
    background: var(--dark-color3);
}
.premium-facilities-section-one .add-border {
    border-top: 1px solid var(--white-op10);
    border-bottom: 1px solid var(--white-op10);
}
.premium-facilities-section-one .add-border::before {
    background: var(--white-op10);
}
.premium-facilities-section-one .add-border::after {
    background: var(--white-op10);
}
.marquee-section-one .marquee-block h3{
    color: var(--white-op10);
}

/* hotel resort classic dark css */

.about-section-two-classic,
.room-suites-section-two-classic,
.premium-facilities-section-two{
    background: var(--dark-color1);
}
.about-section-two-classic .section-desc p {
    color: var(--white-op50);
}
.about-section-two-classic .about-title h2,
.about-section-two-classic .about-list ul li {
    color: var(--color-white);
}
.galary-section-one.resort-classic {
    background: var(--dark-color3);
}
.premium-facilities-section-two .add-border {
    border: 1px solid var(--white-op20);
}
.premium-facilities-section-two .add-border::before,
.premium-facilities-section-two .add-border::after{
    background: var(--white-op20);
}
.premium-facilities-section-two .premium-facilitie-content h2{
    color: var(--color-white2);
}
.premium-facilities-section-two .premium-facilitie-content p{
    color: var(--white-op60);
}

/* hotel mountain dark css */
.hero-section-three,
.about-section-three,
.about-section-three .circle-text,
.rooms-section-one,
.testimonial-section-three,
.testimonial-section-three .testi-quote{
    background: var(--dark-color1);
}
.about-section-three .section-desc p,
.our-room-suites-section-three .room-content p{
    color: var(--white-op50);
}
.about-section-three .about-title h2,
.about-section-three .about-list ul li,
.rooms-section-one .rooms-title h1,
.our-room-suites-section-three .room-content h2 a,
.testimonial-section-three .testi-autor-content .autor-title {
    color: var(--color-white);
}
.our-room-suites-section-three{
    background: var(--dark-color3);
}
.our-room-suites-section-three .room-suites-number span{
    color: var(--white-op20);
}
.our-room-suites-section-three .room-list ul li{
    color: var(--color-white2);
}
.our-room-suites-section-three .explore-btn {
    color: var(--white-op60);
    backdrop-filter: blur(20px);
    border: 1px solid var(--white-op20);
    background: var(--white-op10);
}
.testimonial-section-three .testi-autor-content .autor-desi,
.testimonial-section-three .testi-desc p{
    color: var(--white-op60);
}
.testimonial-section-three .testi-content-wrap{
    background: var(--white-op7);
}
.testimonial-section-three .testimonial-arrow-box .slider-prev{
    background: var(--white-op10);
    color: var(--color-white);
}
.testimonial-section-three .testimonial-arrow-box .slider-next{
   background: var(--white-op10); 
   color: var(--color-white);
}

/* hotel mountain classic dark css */
.room-suites-section-three-classic,
.about-section-three-classic,
.about-section-three-classic .circle-text,
.premium-facilities-section-two.mountain-classic,
.hotel-season-offer-section{
    background: var(--dark-color1);
}
.room-suites-section-three-classic .room-content {
    background: var(--color-white-op5);
}
.room-suites-section-three-classic .room-suites-title h2 a{
    color: var(--color-white);
}
.room-suites-section-three-classic .suites-icon-box {
    border-bottom: 1px solid var(--color-border2);
}
.room-suites-section-three-classic .room-list ul li,
.about-section-three-classic .section-desc p{
    color: var(--white-op50);
}
.about-section-three-classic .counter-text h2,
.about-section-three-classic .counter-text span,
.about-section-three-classic .counter-text p{
    color: var(--color-white2);
}

.rooms-suites-grid-section{
    background: var(--dark-color3);
}
.rooms-suites-grid-section .suites-grid_menu ul li {
    color: var(--white-op50);
    border: 1px solid var(--color-border2);
}
.rooms-suites-grid-section .menu-filtering {
    border: 1px solid var(--color-border2);
}
.rooms-suites-grid-section .rooms-suites-grid-box {
    background: var(--color-white-op5);
    border: 1px solid var(--color-border2);
}
.rooms-suites-grid-section .rooms-suites-content h2 a{
    color: var(--color-white2);
}
.rooms-suites-grid-section .detail-item span {
    color: var(--white-op50);
}
.rooms-suites-grid-section .room-details {
    border: 1px solid var(--color-border2);
}
.rooms-suites-grid-section .room-details::before {
    background: var(--color-border2);
}
.rooms-suites-grid-section .room-details::after{
    background: var(--color-border2);
}
.rooms-suites-grid-section .room-suite-btn a {
    background: var(--color-white-op5);
    border: 1px solid var(--color-border2);
    color: var(--color-white);
}
.rooms-suites-grid-section .room-suite-btn a svg path{
    fill: var(--color-white);
}
.premium-facilities-section-two.mountain-classic .add-border {
    background: var(--dark-color1);
    border: 1px solid var(--white-op10);
}
.premium-facilities-section-two.mountain-classic .add-border::before {
    width: 100%;
}
.premium-facilities-section-two.mountain-classic .add-border::after {
    height: 100%;
}
.hotel-season-offer-section .single-companies-box{
    background: var(--dark-color5);
}
.hotel-season-offer-section .companies-title h3{
    color: var(--color-white);
}
.room-suites-section-three-classic .room-suites-arrow-box .slider-prev{
    background:var(--white-op10);
    color: var(--color-white);
}
.room-suites-section-three-classic .room-suites-arrow-box .slider-prev:hover{
    background: var(--dark-primary);
}
.room-suites-section-three-classic .room-suites-arrow-box .slider-next {
    background:var(--white-op10);
    color: var(--color-white);
}
.room-suites-section-three-classic .room-suites-arrow-box .slider-next:hover{
    background: var(--dark-primary);
}
.about-section-three .add-border {
    border-bottom: 1px solid var(--white-op10);
}