/*-----------------------------------------------------------------------------------

Item Name: The Royalx - Hotel & Restaurant Tailwind CSS HTML Template.
Author: Maraviya Infotech
Version: 1.0.0
Copyright 2024

-----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
    Included CSS INDEX
-----------------------------------------------------------------------------------

01. Typography

02. Utilities
    - mixing
    - variables

03. components
    - header
    - footer
    - common

04. Layouts
    - hero
    - extra-services
    - menu

05. pages
    - about
    - services
    - rooms
    - rooms-2
    - rooms-3
    - amenities
    - team
    - gallery
    - gallery-2
    - faq
    - Spa

-----------------------------------------------------------------------------------*/
/* Typography ( Import Typography ) */
/*-------------------------------------------------
  Fonts Family & Style CSS
---------------------------------------------------*/
/*--  Poppins font  --*/
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Poppins", sans-serif;
  src: url("../fonts/poppins/Poppins-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
/* Playfair */
@font-face {
  font-family: "Playfair Display", serif;
  src: url("../fonts/Playfair/PlayfairDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Playfair Display", serif;
  src: url("../fonts/Playfair/PlayfairDisplay-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Playfair Display", serif;
  src: url("../fonts/Playfair/PlayfairDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Playfair Display", serif;
  src: url("../fonts/Playfair/PlayfairDisplay-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Playfair Display", serif;
  src: url("../fonts/Playfair/PlayfairDisplay-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Playfair Display", serif;
  src: url("../fonts/Playfair/PlayfairDisplay-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Playfair Display", serif;
  src: url("../fonts/Playfair/PlayfairDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Playfair Display", serif;
  src: url("../fonts/Playfair/PlayfairDisplay-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Playfair Display", serif;
  src: url("../fonts/Playfair/PlayfairDisplay-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Playfair Display", serif;
  src: url("../fonts/Playfair/PlayfairDisplay-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Playfair Display", serif;
  src: url("../fonts/Playfair/PlayfairDisplay-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Playfair Display", serif;
  src: url("../fonts/Playfair/PlayfairDisplay-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
/* Utilities ( Import Utilities ) */
/* mixing */
/* variables */
/* components ( Import components ) */
/* common */
body {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #555555;
  line-height: 26px;
  letter-spacing: 0.02rem;
}

::-moz-selection {
  color: #9d7e54;
  background-color: rgba(0, 0, 0, 0.04);
}

::selection {
  color: #9d7e54;
  background-color: rgba(0, 0, 0, 0.04);
}

p,
li,
a {
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: #555555;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.03rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Playfair Display", serif;
  margin-bottom: 0;
  color: #000;
  font-weight: 600;
  letter-spacing: 0.03rem;
}

[type=radio]:checked {
  position: relative;
  opacity: 0;
  display: none;
}
[type=radio]:checked + label {
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  line-height: 16px;
  display: inline-block;
  color: #555555;
  letter-spacing: 0;
}
[type=radio]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #fff;
  border: 1px solid #9d7e54;
}
[type=radio]:checked + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #9d7e54;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
[type=radio]:not(:checked) {
  position: relative;
  opacity: 0;
  display: none;
}
[type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  line-height: 16px;
  display: inline-block;
  color: #555555;
  letter-spacing: 0;
}
[type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #eee;
  border-radius: 100%;
  background: #fff;
}
[type=radio]:not(:checked) + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #9d7e54;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.rx-about-page-contact .items-details .rx-dark-img {
  display: none;
}

.bg-two-secondary {
  background-color: #f5f5f5;
}

.rx-banner-effects p svg path, .rx-banner-effects p img path {
  fill: #9d7e54;
}
.rx-banner-effects p svg .cls-1,
.rx-banner-effects p svg .cls-2, .rx-banner-effects p img .cls-1,
.rx-banner-effects p img .cls-2 {
  fill-rule: evenodd;
}
.rx-banner-effects p svg .cls-2,
.rx-banner-effects p svg .cls-3, .rx-banner-effects p img .cls-2,
.rx-banner-effects p img .cls-3 {
  fill-opacity: 0;
  stroke: #9d7e54;
  stroke-linejoin: round;
  stroke-width: 2px;
}

/* Breadcrumb */
.section-breadcrumb:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  width: 100%;
  height: 200px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0.85)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 70%, rgba(0, 0, 0, 0.85) 100%);
}

.rx-breadcrumb-image {
  width: 100%;
  height: 400px;
  margin: 0;
  background-image: url("../img/banner/banner.jpg");
  background-size: cover;
  background-position: center;
}

.inner-breadcrumb-contact .rx-banner-breadcrumb .breadcrumb-contact .last-contact ul li:last-child:before {
  content: "\ea6e";
  font-family: "remixicon";
  font-size: 14px;
  font-weight: 500;
  padding-right: 12px;
}

/* Loader */
.rx-loader .loader:after, .rx-loader .loader:before {
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 50px solid #9d7e54;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-animation: animloader 2s linear infinite;
          animation: animloader 2s linear infinite;
}
.rx-loader .loader:after {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
@-webkit-keyframes animloader {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@keyframes animloader {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

.form-select:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: transparent;
}
.form-select option {
  font-size: 14px;
  font-weight: 500;
  color: #555555;
}

.rx-blog-card:hover .rx-blog-img img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

textarea {
  width: 100%;
  padding: 10px;
  font-weight: 400;
  font-size: 13px;
  color: #555555;
  border: 1px solid #eee;
  outline: 0;
  border-radius: 10px;
}
textarea:focus {
  border: 1px solid #eee;
}
textarea::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #555555;
}
textarea::-moz-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #555555;
}
textarea:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #555555;
}
textarea::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #555555;
}
textarea::placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #555555;
}

input,
.rx-from-control {
  width: 100%;
  height: 45px;
  padding: 10px;
  color: #555555;
  border: 1px solid #eee;
  outline: 0;
  border-radius: 10px;
  font-weight: 400;
  font-size: 13px;
}
input:focus,
.rx-from-control:focus {
  border: 1px solid #eee;
}
input::-webkit-input-placeholder, .rx-from-control::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #555555;
}
input::-moz-placeholder, .rx-from-control::-moz-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #555555;
}
input:-ms-input-placeholder, .rx-from-control:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #555555;
}
input::-ms-input-placeholder, .rx-from-control::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #555555;
}
input::placeholder,
.rx-from-control::placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #555555;
}

.custom-dropdown {
  position: relative;
}
.custom-dropdown ul.dropdown {
  background-color: #131618;
  display: none;
  position: absolute;
  left: 0;
  z-index: 2;
  width: 100%;
  top: 100%;
  margin-top: 7px;
  margin-bottom: 0;
  padding: 10px 5px;
}
.custom-dropdown ul.dropdown li a {
  padding: 0px 12px;
  font-size: 13px;
  display: block;
}

/* owl */
.owl-dots {
  margin-bottom: 0;
  list-style: none;
  width: 100%;
  padding: 0;
  display: block;
  text-align: center;
  position: relative;
  bottom: 0;
  z-index: 1;
}
.owl-dots .owl-dot {
  margin: 0 2px;
  padding: 0;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.owl-dots .owl-dot span {
  border: 0;
  background: transparent;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  border: 1px solid #131618;
  color: transparent;
  cursor: pointer;
}
.owl-dots .owl-dot span:before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #fff;
  display: inline-block;
  border-radius: 0;
  text-align: center;
  opacity: 1;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.owl-dots .owl-dot.active span::before {
  background-color: #131618;
  width: 25px;
}

/* Responsive */
@media screen and (max-width: 991px) {
  .d-none-991 {
    display: none;
  }
  .rx-breadcrumb-image {
    height: 350px;
  }
}
@media screen and (max-width: 767px) {
  .rx-testimonials-img img {
    width: 100px !important;
  }
}
@media screen and (max-width: 575px) {
  .rx-breadcrumb-image {
    height: 300px;
  }
}
.rx-modal {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 319px) {
  .rx-banner-effects p svg, .rx-banner-effects p img {
    width: 60px;
  }
}
/* Header */
header .header-fixed {
  width: 100%;
  padding: 10px 0 !important;
  position: fixed !important;
  top: 0 !important;
  background-color: rgba(0, 0, 0, 0.9) !important;
  -webkit-animation: slideDown 0.35s ease-in-out;
          animation: slideDown 0.35s ease-in-out;
  z-index: 14;
}

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.rx-inner-menu-desk .rx-main-menu ul .rx-dropdown .rx-dropdown-menu li a {
  color: #555555;
}
.rx-inner-menu-desk .rx-main-menu ul .rx-dropdown .rx-dropdown-menu li a:hover {
  color: #9d7e54;
}
.rx-inner-menu-desk .rx-main-menu ul .rx-dropdown:hover .rx-dropdown-menu {
  margin-top: 2px;
  opacity: 1;
  visibility: visible;
}
.rx-inner-menu-desk .rx-main-menu ul .rx-dropdown .rx-dropdown-item:after {
  content: "+";
  height: 6px;
  width: 6px;
  position: absolute;
  top: 2px;
  right: 0;
  border-radius: 50%;
}
.rx-inner-menu-desk .rx-main-menu ul li a.nav-link::before {
  content: "";
  position: absolute;
  top: auto;
  bottom: -16px;
  height: 2px;
  width: 0;
  background: #9d7e54;
  left: 0;
  right: auto;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin: 0 auto;
}
.rx-inner-menu-desk .rx-main-menu ul li:hover a {
  color: #9d7e54;
}
.rx-inner-menu-desk .rx-main-menu ul li:hover a::before {
  background: #9d7e54;
  width: 100%;
}

.rx-mobile-menu::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  padding: 5px;
}
.rx-mobile-menu::-webkit-scrollbar-track {
  width: 12px;
  background-color: #131618;
  -webkit-box-shadow: inset 0 0 0px #000;
}
.rx-mobile-menu::-webkit-scrollbar-thumb {
  background-color: #9d7e54;
  border-radius: 20px;
}
.rx-mobile-menu .rx-menu-inner .rx-menu-contact ul li .menu-toggle {
  width: 100%;
  height: 50px;
  padding: 0 15px;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background-color: transparent;
  display: flex;
  align-items: center;
}
.rx-mobile-menu .rx-menu-inner .rx-menu-contact ul li .menu-toggle::before {
  content: "+";
  font-weight: 500;
  color: #555555;
  font-size: 19px;
}

.rx-mobile-menu.rx-menu-open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

/* Footer */
.rx-footer-items .rx-items-heading:after {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  width: 35px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -7px;
  background-color: #ddd;
}
.rx-footer-items .rx-items-contact ul li:after {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  width: 5px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-color: #ddd;
}
.rx-footer-items .rx-items-contact ul li:hover a {
  color: #9d7e54;
}
.rx-footer-items .rx-items-contact ul li:hover:after {
  background-color: #9d7e54;
  width: 10px;
}

.rx-footer-inner-contact .rx-footer-last-logo .rx-inner-footer-logo:hover i {
  color: #9d7e54;
}

/* tools-sidebar */
.rx-tools-sidebar .rx-inner-tools-sidebar::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  padding: 5px;
}
.rx-tools-sidebar .rx-inner-tools-sidebar::-webkit-scrollbar-track {
  width: 12px;
  background-color: #131618;
  -webkit-box-shadow: inset 0 0 0px #000;
}
.rx-tools-sidebar .rx-inner-tools-sidebar::-webkit-scrollbar-thumb {
  background-color: #9d7e54;
  border-radius: 20px;
}
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-rtl .active-mode:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-rtl .active-dark-mode:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-rtl .active-skin:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-rtl .active-box:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-rtl .active-bg:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-dark .active-mode:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-dark .active-dark-mode:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-dark .active-skin:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-dark .active-box:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-dark .active-bg:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-skin .active-mode:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-skin .active-dark-mode:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-skin .active-skin:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-skin .active-box:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-skin .active-bg:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-box .active-mode:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-box .active-dark-mode:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-box .active-skin:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-box .active-box:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-box .active-bg:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-bg .active-mode:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-bg .active-dark-mode:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-bg .active-skin:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-bg .active-box:after,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-bg .active-bg:after {
  content: "\eb79";
  width: 30px;
  height: 30px;
  font-size: 16px;
  font-family: "remixicon" !important;
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 10px;
  background-color: #000;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-rtl .active-mode img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-rtl .active-dark-mode img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-rtl .active-skin img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-rtl .active-box img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-rtl .active-bg img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-dark .active-mode img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-dark .active-dark-mode img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-dark .active-skin img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-dark .active-box img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-dark .active-bg img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-skin .active-mode img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-skin .active-dark-mode img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-skin .active-skin img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-skin .active-box img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-skin .active-bg img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-box .active-mode img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-box .active-dark-mode img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-box .active-skin img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-box .active-box img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-box .active-bg img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-bg .active-mode img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-bg .active-dark-mode img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-bg .active-skin img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-bg .active-box img,
.rx-tools-sidebar .rx-inner-tools-sidebar .rx-tools-detail .rx-tools-block .rx-tools-bg .active-bg img {
  border-color: #9d7e54;
}

.active-color {
  position: relative;
}
.active-color:after {
  font-family: "remixicon" !important;
  content: "\eb79";
  height: 35px;
  width: 35px;
  font-size: 18px;
  position: absolute;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.open-tools {
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
}

/* Layouts ( Import Layouts ) */
/*  Hero */
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: #9d7e54;
  width: 10px;
  height: 10px;
}

.rx-slide {
  position: relative;
}
.rx-slide:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  width: 100%;
  height: 200px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0.85)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 70%, rgba(0, 0, 0, 0.85) 100%);
}
.rx-slide:after {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  width: 100%;
  height: 400px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}

.section-hero button.slick-next {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  z-index: 2;
}
.section-hero button.slick-prev {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  z-index: 2;
}
.section-hero button.slick-prev,
.section-hero button.slick-next {
  border: 0;
  background: none;
  font-size: 0 !important;
}
.section-hero button.slick-prev .prev-slick-arrow,
.section-hero button.slick-prev .next-slick-arrow,
.section-hero button.slick-next .prev-slick-arrow,
.section-hero button.slick-next .next-slick-arrow {
  display: none !important;
  font-size: 0 !important;
}

.prev-slick-img {
  position: absolute;
  top: 50%;
  left: 40px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 2px solid #fff;
  border-radius: 50%;
  z-index: 5;
}
.prev-slick-img img {
  width: 50px;
  max-width: 50px;
  height: 50px;
  border-radius: 50%;
}

.next-slick-img {
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 2px solid #fff;
  border-radius: 50%;
}
.next-slick-img img {
  width: 50px;
  max-width: 50px;
  height: 50px;
  border-radius: 50%;
}

.rx-slide .banner-arrow-img {
  display: none;
}

/*-----  Slider Style  -----*/
.section-hero .slider-animation > * {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}
.section-hero :root {
  --transition: 0.75s cubic-bezier(0.255, 0.67, 0, 1.01);
}
.section-hero .rx-slide {
  -webkit-transition: -webkit-transform var(--transition), -webkit-box-shadow var(--transition);
  transition: -webkit-transform var(--transition), -webkit-box-shadow var(--transition);
  transition: transform var(--transition), box-shadow var(--transition);
  transition: transform var(--transition), box-shadow var(--transition), -webkit-transform var(--transition), -webkit-box-shadow var(--transition);
}
.section-hero .slick-active .slider-animation > * {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
.section-hero .slick-active .slider-animation > *:nth-child(1) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.section-hero .slick-active .slider-animation > *:nth-child(2) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.section-hero .slick-active .slider-animation > *:nth-child(3) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

/* Extra services */
.extra-services-contact .rx-services-ico .ico:hover {
  background-color: #9d7e54;
}
.extra-services-contact .rx-services-ico .ico:hover i {
  color: #fff;
}
.extra-services-contact:hover {
  border-color: #000;
}
.extra-services-contact:hover .extra-services-absolute-contact {
  opacity: 0;
}
.extra-services-contact:hover .rx-services-ico .ico {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.extra-services-contact:hover .rx-services-price h2 {
  opacity: 1;
}

/* Menu */
#myTab li.active a {
  border-color: #9d7e54;
  color: #9d7e54;
}

.rx-menu-tabs-contact .active-menu {
  border-color: #9d7e54 !important;
}
.rx-menu-tabs-contact .active-menu .rx-side-menu-image {
  opacity: 1;
  z-index: 10;
}
.rx-menu-tabs-contact .inner-menu:hover {
  border-color: #9d7e54;
}
.rx-menu-tabs-contact .inner-menu:hover .sub-prices h4 {
  opacity: 1;
}
.rx-menu-tabs-contact .active-menu .sub-prices h4 {
  opacity: 1;
}
.rx-menu-tabs-contact .active-menu .rx-side-menu-image {
  opacity: 1;
  z-index: 10;
}

/* Pages ( Import Pages ) */
/* about */
@-webkit-keyframes rotateText {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes rotateText {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.rx-rounded-circle:hover svg, .rx-rounded-circle:hover img {
  -webkit-animation: rotateText 10s linear infinite;
          animation: rotateText 10s linear infinite;
}
.rx-rounded-circle h5 {
  font-size: 10px;
  color: #fff;
}

/* services */
.rx-services:hover {
  border: 1px solid #131618;
}
.rx-services:hover .services-ico svg, .rx-services:hover .services-ico img {
  -webkit-animation-name: wobble;
          animation-name: wobble;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-transform-origin: 50% 100%;
}
.rx-services .services-ico svg path, .rx-services .services-ico img path {
  stroke: #9d7e54;
  fill: #9d7e54;
}

@-webkit-keyframes wobble {
  0% {
    Transform: none;
  }
  15% {
    Transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    Transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    Transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    Transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    Transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    Transform: none;
  }
}

@keyframes wobble {
  0% {
    Transform: none;
  }
  15% {
    Transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    Transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    Transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    Transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    Transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    Transform: none;
  }
}
/* Rooms */
.rx-rooms-box .rx-rooms-img {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: inherit;
          perspective: inherit;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  transition: -webkit-transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  transition: transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  transition: transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3), -webkit-transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  transition: transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
.rx-rooms-box .rx-rooms-back-side {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: inherit;
          perspective: inherit;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  transition: -webkit-transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  transition: transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  transition: transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3), -webkit-transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.rx-rooms-box .rx-rooms-back-side:after {
  content: "";
  background-color: rgba(212, 58, 58, 0.66);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
}
.rx-rooms-box:hover .rx-rooms-img {
  z-index: 0;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.rx-rooms-box:hover .rx-rooms-img img {
  padding: 30px;
}
.rx-rooms-box:hover .rx-rooms-img .inner-contact {
  display: none;
}
.rx-rooms-box:hover .rx-rooms-back-side {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

/* Room 2 */
.rx-rooms-box-2:hover .inner-back-side {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rx-rooms-box-2:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

/* Rooms 3 */
.rx-rooms-main-box {
  -webkit-perspective: 1000px;
}
.rx-rooms-main-box .rooms-box-front {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: inherit;
          perspective: inherit;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  transition: -webkit-transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  transition: transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  transition: transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3), -webkit-transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  transition: transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.06);
}
.rx-rooms-main-box .rooms-box-front .content-wrap {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: inherit;
          perspective: inherit;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 50px) scale(0.9);
          transform: translate3d(0, 0, 50px) scale(0.9);
}
.rx-rooms-main-box .rooms-box-back {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: inherit;
          perspective: inherit;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  transition: -webkit-transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  transition: transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  transition: transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3), -webkit-transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  transition: transform 0.8s cubic-bezier(0.5, 1.3, 0.5, 1.3);
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.rx-rooms-main-box .rooms-box-back .content-wrap {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: inherit;
          perspective: inherit;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 50px) scale(0.9);
          transform: translate3d(0, 0, 50px) scale(0.9);
}
.rx-rooms-main-box .rooms-box-back .content-wrap .inner-back-side {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.06);
}
.rx-rooms-main-box:hover .rooms-box-front {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.rx-rooms-main-box:hover .rooms-box-back {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

/* Room-details */
.rx-room-details-sidebar .inner-room-details .rx-side-from .form-check input:checked {
  background-color: #9d7e54;
  border-color: #9d7e54;
}

.rx-room-details-main-contact .rx-main-room .rx-room-details-inner {
  margin: 0 12px;
}

/* Amenities */
.rx-amenities-slider .amenities-animation > * {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}
.rx-amenities-slider :root {
  --transition: 0.75s cubic-bezier(0.255, 0.67, 0, 1.01);
}
.rx-amenities-slider .rx-slide {
  overflow: hidden;
  position: relative;
  -webkit-transition: -webkit-transform var(--transition), -webkit-box-shadow var(--transition);
  transition: -webkit-transform var(--transition), -webkit-box-shadow var(--transition);
  transition: transform var(--transition), box-shadow var(--transition);
  transition: transform var(--transition), box-shadow var(--transition), -webkit-transform var(--transition), -webkit-box-shadow var(--transition);
}
.rx-amenities-slider .active .amenities-animation > *:nth-child(1) {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.rx-amenities-slider .active .amenities-animation > *:nth-child(2) {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.rx-amenities-slider .active .amenities-animation > *:nth-child(3) {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.rx-amenities-contact .inner-banner h4 {
  text-shadow: 1px 1px #fff, -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px 5px #555555;
}

.rx-amenities-slider .owl-dots {
  width: 100px !important;
  background-color: #fff;
  padding: 10px 0 0 10px;
  position: absolute;
  bottom: 0;
  right: 445px;
}

/* Responsive */
@media screen and (max-width: 1399px) {
  .rx-amenities-slider .owl-dots {
    right: 384px;
  }
}
@media screen and (max-width: 1199px) {
  .rx-amenities-slider .owl-dots {
    right: 325px;
  }
}
@media screen and (max-width: 991px) {
  .rx-amenities-slider .owl-dots {
    display: none;
  }
}
/* Team */
.rx-team-card .rx-team-img .rx-team-social-media .social-media-item:hover i {
  color: #9d7e54;
}
.rx-team-card .rx-team-img:hover .rx-team-social-media {
  bottom: 0;
}

/* gallery */
figure {
  margin-bottom: 0;
}

.rx-gallery-card {
  position: relative;
  overflow: hidden;
}
.rx-gallery-card:hover .rx-gallery-img:before, .rx-gallery-card:hover .rx-gallery-img:after {
  opacity: 1;
}
.rx-gallery-card .rx-gallery-img img {
  width: 100%;
  border-radius: 200px;
}
.rx-gallery-card .rx-gallery-img:before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "\f0d1";
  font-family: "remixicon";
  font-size: 42px;
  font-weight: 500;
  color: #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
}
.rx-gallery-card .rx-gallery-img:after {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
  border-radius: 200px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
}

/* gallery */
.rx-gallery-card-two:hover .rx-gallery-img:before, .rx-gallery-card-two:hover .rx-gallery-img:after {
  opacity: 1;
}
.rx-gallery-card-two .rx-gallery-img:before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "\f0d1";
  font-family: "remixicon";
  font-size: 42px;
  font-weight: 500;
  color: #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
}
.rx-gallery-card-two .rx-gallery-img:after {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
  border-radius: 30px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
}

/* Faq */
.accordion-head.active-arrow:after {
  font-family: "remixicon";
  content: "\f1af";
  width: 15px;
  height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 18px;
  color: #9d7e54;
  font-weight: 700;
  position: absolute;
  top: 16px;
  right: 20px;
}

.accordion-head:after {
  font-family: "remixicon";
  content: "\ea13";
  width: 15px;
  height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 18px;
  color: #000;
  font-weight: 700;
  position: absolute;
  top: 20px;
  right: 20px;
}

/* Spa */
.rx-spa-card:hover .spa-img img {
  -webkit-transform: scale(1.2) rotate(4deg);
          transform: scale(1.2) rotate(4deg);
}
/*# sourceMappingURL=style.css.map */