/* Fonts */
:root {
    --font-default: "Cabin", sans-serif;
    --font-primary: "Cabin", sans-serif;
    --font-secondary: "Lora", serif;
  }
  
  /* Colors */
  :root {
    --color-default: #292928;
    --color-primary: rgb(217 57 108);
    --color-secondary: #37373f;
  }
  
  /* Smooth scroll behavior */
  :root {
    scroll-behavior: smooth;
  }
  
  /*--------------------------------------------------------------
  # General
  --------------------------------------------------------------*/
  body {
    font-family: var(--font-default);
    color: var(--color-default);
  }
  
  a {
    color: #556B2F	;
    text-decoration: none;
  }
  
  a:hover {
    color: #ec2727;
    text-decoration: none;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--font-secondary);
  }
  
  /*--------------------------------------------------------------
  # Sections & Section Header
  --------------------------------------------------------------*/
  section {
    overflow: hidden;
    padding: 75px 0;
  }
  
  .section-bg {
    background-color: #eee;
  }
  
  .section-header {
    text-align: left;
    padding-bottom: 30px;
  }
  
  .section-header h2,
  .section-header h1 {
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #556B2F	;
    text-transform: uppercase;
    font-family: var(--font-default);
    margin-bottom: 20px;
  }
  
  .section-header p {
    margin: 0;
    font-size: 28px;
    font-weight: 500;
    font-family: var(--font-secondary);
    line-height: 60px;
color: var(--color-default);
  }
  
  .section-header p span {
    color: #556B2F	;
  }
  
  .testimonials .testimonial-inner .testimonial-header {
    position: relative;
    margin-right: 87px;
    background-size: cover;
    border-radius: 8px;
    padding-left: 45px;
    padding-bottom: 60px;
    padding-top: 58px;
    width: 100%;
  }
  .testimonial-inner {
    padding-top: 25px;
  }
  .text-light {
    color: #f8f9fa !important;
  }
  
  .text-light .sub-title {
    color: #fff;
  }
  
  .testimonial-header .sub-title:before {
    background-color: #fff;
  }
  
  .sub-title:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 45px;
    background: var(--theme-color);
    left: 0;
    bottom: 7px;
  }
  
  .sec-title {
    font-size: 50px;
    line-height: 60px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 50px;
    position: relative;
    text-shadow: 1px 3px 9px black;
  }
  
  .sub-title {
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.6em;
    color: var(--theme-color);
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 53px;
    padding-right: 53px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
  }
  
  /*--------------------------------------------------------------
  # Scroll top button
  --------------------------------------------------------------*/
  .scroll-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 99999;
    background: #556B2F	;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    transition: all 0.4s;
  }
  
  .scroll-top i {
    font-size: 24px;
    color: #fff;
    line-height: 0;
  }
  
  .scroll-top:hover {
    background: #6B8E23	;
    color: #fff;
  }
  
  .scroll-top.active {
    visibility: visible;
    opacity: 1;
  }
  
  /*--------------------------------------------------------------
  # Preloader
  --------------------------------------------------------------*/
  #preloader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
    transition: all 0.6s ease-out;
    width: 100%;
    height: 100vh;
  }
  
  #preloader:before,
  #preloader:after {
    content: "";
    position: absolute;
    border: 4px solid #556B2F	;
    border-radius: 50%;
    animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  }
  
  #preloader:after {
    animation-delay: -0.5s;
  }
  
  @keyframes animate-preloader {
    0% {
      width: 10px;
      height: 10px;
      top: calc(50% - 5px);
      left: calc(50% - 5px);
      opacity: 1;
    }
  
    100% {
      width: 72px;
      height: 72px;
      top: calc(50% - 36px);
      left: calc(50% - 36px);
      opacity: 0;
    }
  }
  
  /*--------------------------------------------------------------
  # Disable aos animation delay on mobile devices
  --------------------------------------------------------------*/
  @media screen and (max-width: 768px) {
    [data-aos-delay] {
      transition-delay: 0 !important;
    }
  }
  
  /*--------------------------------------------------------------
  # Header
  --------------------------------------------------------------*/
  .header {
    background: #fff;
    transition: all 0.5s;
    z-index: 997;
    height: 95px;
    border-bottom: 1px solid #fff;
  }
  
  @media (max-width: 575px) {
    .header {
      height: 70px;
    }
  }
  
  .header.sticked {
    border-color: #fff;
    border-color: #eee;
    box-shadow: 0px 13px 21px -1px rgba(0, 0, 0, 0.1);
  }
  
  .header .logo img {
    max-height: 55px;
    margin-right: 6px;
  }
  
  .header .logo h1 {
    font-size: 28px;
    font-weight: 700;
    color: var(--color-default);
    margin: 0;
    font-family: var(--font-secondary);
  }
  
  .header .logo h1 span {
    color: #556B2F	;
  }
  
  .header .btn-book-a-table,
  .header .btn-book-a-table:focus {
    font-size: 14px;
    color: #fff;
    background: #556B2F	;
    padding: 8px 20px;
    margin-left: 30px;
    border-radius: 50px;
    transition: 0.3s;
    text-decoration: none;
    line-height: 26px;
    white-space: nowrap;
  }
  
  .header .btn-book-a-table:hover,
  .header .btn-book-a-table:focus:hover {
    color: #fff;
    background: #6B8E23	;
  }
  
  section {
    scroll-margin-top: 90px;
  }
  
  /*--------------------------------------------------------------
  # Desktop Navigation
  --------------------------------------------------------------*/
  @media (min-width: 1280px) {
    .headerTop ul {
      padding: 0;
      list-style: none;
      display: flex;
      margin: 0;
    }
  
    .headerTop ul li {
      padding: 0 7px;
    }
  
    .headerTop ul li a {
      text-transform: uppercase;
      letter-spacing: 2.8px;
      font-size: 15px;
      font-weight: bold;
      color: var(--color-default);
      text-decoration: none;
      transition: all ease 0.2s;
    }
    .headerTop ul li a:hover {
      color: #556B2F	;
    }
  
    .headerTop ul li span {
      color: var(--bs-gray-500);
    }
  
    .navbar {
      padding: 0;
    }
  
    .navbar ul {
      margin: 0;
      padding: 0;
      display: flex;
      list-style: none;
      align-items: center;
    }
  
    .navbar li {
      position: relative;
    }
  
    .navbar > ul > li {
      white-space: nowrap;
      padding: 7px 25px 0px 3px;
    }
  
    .navbar a,
    .navbar a:focus {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 3px;
      font-family: var(--font-primary);
      font-size: 14px;
      font-weight: 400;
      color: var(--color-default);
      white-space: nowrap;
      transition: 0.3s;
      position: relative;
      text-decoration: none;
    }
  
    .navbar a i,
    .navbar a:focus i {
      font-size: 12px;
      line-height: 0;
      margin-left: 5px;
      color: var(--color-default);
    }
  
    .navbar > ul > li > a:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 2px;
      bottom: -6px;
      left: 0;
      background-color: #556B2F	;
      visibility: hidden;
      width: 0px;
      transition: all 0.3s ease-in-out 0s;
    }
  
    .navbar a:hover:before,
    .navbar li:hover > a:before,
    .navbar .active:before {
      visibility: visible;
      width: 100%;
    }
  
    .navbar a:hover,
    .navbar .active,
    .navbar .active:focus,
    .navbar li:hover > a {
      color: #000;
    }
  
    .navbar .dropdown ul {
      display: block;
      position: absolute;
      left: 28px;
      top: calc(100% + 30px);
      margin: 0;
      padding: 10px 0;
      z-index: 99;
      opacity: 0;
      visibility: hidden;
      background: #fff;
      box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
      transition: 0.3s;
      border-radius: 4px;
    }
  
    .navbar .dropdown ul li {
      min-width: 200px;
    }
  
    .navbar .dropdown ul a {
      padding: 10px 20px;
      font-size: 15px;
      text-transform: none;
      font-weight: 600;
    }
  
    .navbar .dropdown ul a i {
      font-size: 12px;
    }
  
    .navbar .dropdown ul a:hover,
    .navbar .dropdown ul .active:hover,
    .navbar .dropdown ul li:hover > a {
      color: #6B8E23	;
    }
  
    .navbar .dropdown:hover > ul {
      opacity: 1;
      top: 100%;
      visibility: visible;
      margin-top: 20px;
    }
  
    .navbar .dropdown .dropdown ul {
      top: 0;
      left: calc(100% - 30px);
      visibility: hidden;
    }
  
    .navbar .dropdown .dropdown:hover > ul {
      opacity: 1;
      top: 0;
      left: 100%;
      visibility: visible;
    }
  }
  
  @media (min-width: 1280px) and (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
      left: -90%;
    }
  
    .navbar .dropdown .dropdown:hover > ul {
      left: -100%;
    }
  }
  
  @media (min-width: 1280px) {
    .mobile-nav-show,
    .mobile-nav-hide {
      display: none;
    }
  }
  
  /*--------------------------------------------------------------
  # Mobile Navigation
  --------------------------------------------------------------*/
  @media (max-width: 1279px) {
    .header .btn-book-a-table {
      margin-left: 20px;
    }
    .box {
      
      height: 166px !important;
    }
  
    .headerTop ul {
      padding: 0;
      list-style: none;
      display: flex;
      margin: 0;
    }
    .headerTop ul li {
      padding: 0 7px;
    }
    .headerTop ul li a {
      text-transform: uppercase;
      letter-spacing: 2.8px;
      font-size: 15px;
      font-weight: bold;
      color: var(--color-default);
      text-decoration: none;
      transition: all ease 0.2s;
    }
    .navbar {
      position: fixed !important;
      top: 0;
      right: -100%;
      width: 100%;
      max-width: 400px;
      border-left: none;
      bottom: 0;
      transition: 0.3s;
      z-index: 9997;
    }
  
    .navbar ul {
      position: absolute;
      inset: 0;
      padding: 50px 0 10px 0;
      margin: 0;
      background: var(--color-default);
      overflow-y: auto;
      transition: 0.3s;
      z-index: 9998;
    }
  
    .navbar a,
    .navbar a:focus {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 20px;
      font-family: var(--font-default);
      /* border-bottom: 2px solid rgba(255, 255, 255, 0.8); */
      font-size: 16px;
      font-weight: 600;
      color: #fff;
      white-space: nowrap;
      transition: 0.3s;
      text-decoration: none;
    }
  
    .navbar ul li.dropdown {
      padding-bottom: 10px;
    }
  
    .navbar ul li.dropdown:hover {
      background-color: #3a3b3d;
    }
  
    .navbar a i,
    .navbar a:focus i {
      font-size: 12px;
      line-height: 0;
      margin-left: 5px;
    }
  
    .navbar a:hover,
    .navbar li:hover > a {
      color: #fff;
    }
  
    .navbar .active,
    .navbar .active:focus {
      color: #fff;
      border-color: #556B2F	;
    }
  
    .navbar .dropdown ul,
    .navbar .dropdown .dropdown ul {
      position: static;
      display: none;
      padding: 10px 0;
      margin: 10px 20px;
      transition: all 0.5s ease-in-out;
      /* border: 1px solid #eee; */
      border-radius: 4px;
    }
    .navbar ul.dropdown-active li:hover > a {
      background-color: #242527;
    }
  
    .navbar .dropdown > .dropdown-active,
    .navbar .dropdown .dropdown > .dropdown-active {
      display: block;
    }
  
    .mobile-nav-show {
      color: var(--color-secondary);
      font-size: 28px;
      cursor: pointer;
      line-height: 0;
      transition: 0.5s;
      z-index: 9999;
      margin: 0 10px 0 20px;
    }
  
    .mobile-nav-hide {
      color: #757575;
      font-size: 32px;
      cursor: pointer;
      line-height: 0;
      transition: 0.5s;
      position: fixed;
      right: 10px;
      top: 10px;
      z-index: 9999;
    }
  
    .mobile-nav-hide:hover {
      color: #fff;
    }
  
    .mobile-nav-active {
      overflow: hidden;
    }
  
    .mobile-nav-active .navbar {
      right: 0;
      position: fixed;
    }
  
    .mobile-nav-active .navbar:before {
      content: "";
      position: fixed;
      inset: 0;
      background: rgba(255, 255, 255, 0.8);
      z-index: 9996;
    }
  }
  
  /*--------------------------------------------------------------
  # About Section
  --------------------------------------------------------------*/
  .about .about-img {
    position: relative;
  }
  
  .about .section-desc {
    font-size: 18px;
    line-height: 28px !important;
    font-weight: 400 !important;
    color: #6a6a6a !important;
  }
  
  .about .content {
    padding: 70px;
    /* margin-top: 48px; */
  }
  
  .about .image-two {
    position: absolute;
    right: -60px;
    bottom: -30px;
    z-index: 9;
    box-shadow: -1px 13px 19px 5px rgba(0, 0, 0, 0.1);
  }
  
  .about h3 {
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 30px;
    font-family: var(--font-secondary);
  }
  
  .about .call-us {
    left: 10%;
    right: 10%;
    bottom: 10%;
    background-color: #fff;
    box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.08);
    padding: 20px;
    text-align: center;
  }
  
  .about .call-us h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
    font-family: var(--font-default);
  }
  
  .about .call-us p {
    font-size: 28px;
    font-weight: 700;
    color: #556B2F	;
  }
  
  .about .content p {
    letter-spacing: 0.4px;
    line-height: 26px;
    font-weight: 500;
  }
  
  .about .content .section-header p {
    line-height: 52px;
  }
  
  .about .content ul {
    list-style: none;
    padding: 0;
  }
  
  .about .content ul li {
    padding: 0 0 8px 26px;
    position: relative;
  }
  
  .about .content ul i {
    position: absolute;
    font-size: 20px;
    left: 0;
    top: -3px;
    color: #556B2F	;
  }
  
  .about .content p:last-child {
    margin-bottom: 0;
  }
  
  .about .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(
      #556B2F	 50%,
      rgba(206, 18, 18, 0.4) 52%
    );
    border-radius: 50%;
    display: block;
    position: absolute;
    left: calc(50% - 47px);
    top: calc(50% - 47px);
    overflow: hidden;
  }
  
  .about .play-btn:before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    animation-delay: 0s;
    animation: pulsate-btn 2s;
    animation-direction: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(206, 18, 18, 0.7);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
  }
  
  .about .play-btn:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  
  .about .play-btn:hover:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 200;
    animation: none;
    border-radius: 0;
  }
  
  .about .play-btn:hover:after {
    border-left: 15px solid #6B8E23	;
    transform: scale(20);
  }
  
  @keyframes pulsate-btn {
    0% {
      transform: scale(0.6, 0.6);
      opacity: 1;
    }
  
    100% {
      transform: scale(1, 1);
      opacity: 0;
    }
  }
  
  /*--------------------------------------------------------------
  # Why Us Section
  --------------------------------------------------------------*/
  .why-us .why-box {
    position: relative;
    overflow: hidden;
  }
  
  .room-block .image {
    position: relative;
    overflow: hidden;
  }
  
  .room-block .image::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    /*background-color: #000000;
    opacity: 0.2;*/
    z-index: 11;
    transition: all ease 0.3s;
  }
  
  .room-block .image:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-filter: brightness(70%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
  }
  
  .room-block .image img {
    transition: 0.5s;
    width: 100%;
    object-fit: cover;
  }
  
  .room-block .content {
    position: absolute;
    left: 35px;
    bottom: 20px;
    z-index: 99;
  }
  
  .room-block h3 {
    font-size: 30px;
    line-height: 35px;
    color: #ffffff;
    /* font-weight: 800; */
    margin-bottom: 5px;
  }
  
  .room-block h3 a {
    color: #fff;
    transition: 0.5s;
    text-decoration: none;
  }
  
  .room-block .why-box:hover .con {
    bottom: 0;
  }
  
  .room-block .why-box:hover .line {
    width: 100% !important;
    transition-property: all !important;
    transition-duration: 0.8s !important;
    transition-timing-function: ease-in-out !important;
  }
  
  .room-block .why-box .con {
    padding: 20px;
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: left;
    z-index: 20;
    height: auto;
    box-sizing: border-box;
    background: -moz-linear-gradient(
      top,
      transparent 0,
      rgba(0, 0, 0, 0.1) 2%,
      rgba(0, 0, 0, 0.75) 90%
    );
    background: -webkit-linear-gradient(
      top,
      transparent 0,
      rgba(0, 0, 0, 0.01) 2%,
      rgba(0, 0, 0, 0.75) 90%
    );
    background: linear-gradient(
      to bottom,
      transparent 0,
      rgba(0, 0, 0, 0.01) 2%,
      rgba(0, 0, 0, 0.75) 90%
    );
  }
  
  .room-block.coorg-hotel .why-box .con {
    bottom: -83px;
  }
  
  .room-block.coorg-hotel .why-box:hover .con {
    bottom: 0;
  }
  
  .room-block .why-box .con .permalink {
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    height: 35px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline;
    border: 1px solid #fff;
    padding: 6px 6px;
    border-radius: 4px;
    position: relative;
    top: 10px;
    cursor: pointer;
  }
  
  .room-block .why-box .con .permalink a {
    color: #fff;
    text-align: right;
  }
  
  .room-block .why-box .con .permalink a i {
    font-size: 10px;
    text-align: right;
    color: #fff;
  }
  
  .room-block .why-box .con h3 {
    position: relative;
    color: #fff;
    font-size: 27px;
    font-weight: 400;
  }
  
  .room-block .why-box .con .line {
    text-align: center;
    height: 2px;
    width: 60px;
    background-color: rgba(255, 255, 255, 0.4);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    margin: auto 0 20px;
    margin-top: 5px;
  }
  
  .hotel-description p {
    color: #fff;
    margin-bottom: 15px !important;
  }
  
  .hotel-description a {
    color: #fff !important;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 6px 8px;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-decoration: none;
  }
  
  .why-us .why-box h3 {
    /* font-weight: 700; */
    font-size: 30px;
  }
  
  .why-us .why-box p {
    margin-bottom: 30px;
  }
  
  .why-us .why-box .more-btn {
    display: inline-block;
    background: rgba(255, 255, 255, 0.3);
    padding: 6px 30px 8px 30px;
    color: #fff;
    border-radius: 50px;
    transition: all ease-in-out 0.4s;
  }
  
  .why-us .why-box .more-btn i {
    font-size: 14px;
  }
  
  .why-us .why-box .more-btn:hover {
    color: #6B8E23	;
    background: #fff;
  }
  
  .why-us .icon-box {
    text-align: center;
    background: #fff;
    padding: 40px 30px;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(55, 55, 63, 0.1);
    transition: 0.3s;
  }
  
  .why-us .icon-box i {
    color: #556B2F	;
    margin-bottom: 30px;
    font-size: 32px;
    margin-bottom: 30px;
    background: rgba(206, 18, 18, 0.1);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
  }
  
  .why-us .icon-box h4 {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 30px 0;
    font-family: var(--font-secondary);
  }
  
  .why-us .icon-box p {
    font-size: 15px;
    color: #6c757d;
  }
  
  /* new update 18-03-24 */
  #hero .carousel-caption h5,
  #hero .carousel-caption h1 {
    margin-bottom: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  #hero .carousel-item .carousel-caption {
    padding: 0;
    bottom: 40px;
  }
  #hero .carousel {
    width: 100%;
  }
  .carouselButtons .carousel-control-next, .carouselButtons .carousel-control-prev {
    opacity: 1;
  }
  #hero .carousel-item {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
  }
  .room-block .why-box .con .permalink a {
    text-decoration: none;
  }
  @media (min-width: 1200px) {
    .why-us .icon-box:hover {
      transform: scale(1.1);
    }
    #hero .carousel-inner .carousel-item img {
      height: calc(100vh - 95px);
      object-fit: cover;
    }
    #hero .carousel-item .carousel-caption {
      bottom: 110px;
    }
  }
  
  /*--------------------------------------------------------------
  # Menu Section
  --------------------------------------------------------------*/
  .menu .nav-tabs {
    border: 0;
  }
  
  .menu .nav-link {
    margin: 0 10px;
    padding: 10px 5px;
    transition: 0.3s;
    color: var(--color-secondary);
    border-radius: 0;
    cursor: pointer;
    height: 100%;
    border: 0;
    border-bottom: 2px solid #b6b6bf;
  }
  
  @media (max-width: 575px) {
    .menu .nav-link {
      margin: 0 10px;
      padding: 10px 0;
    }
  }
  
  .menu .nav-link i {
    padding-right: 15px;
    font-size: 48px;
  }
  
  .menu .nav-link h4 {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    font-family: var(--font-secondary);
  }
  
  @media (max-width: 575px) {
    .menu .nav-link h4 {
      font-size: 16px;
    }
  }
  
  .menu .nav-link:hover {
    color: #6B8E23	;
  }
  
  .menu .nav-link.active {
    color: #556B2F	;
    border-color: #556B2F	;
  }
  
  .menu .tab-content .tab-header {
    padding: 30px 0;
  }
  
  .menu .tab-content .tab-header p {
    font-size: 14px;
    text-transform: uppercase;
    color: #676775;
    margin-bottom: 0;
  }
  
  .menu .tab-content .tab-header h3 {
    font-size: 36px;
    font-weight: 600;
    color: #556B2F	;
  }
  
  .menu .tab-content .menu-item {
    -moz-text-align-last: center;
    text-align-last: center;
  }
  
  .menu .tab-content .menu-item .menu-img {
    padding: 0 60px;
    margin-bottom: 15px;
  }
  
  .menu .tab-content .menu-item h4 {
    font-size: 22px;
    font-weight: 500;
    color: var(--color-secondary);
    font-family: var(--font-secondary);
    font-weight: 30px;
    margin-bottom: 5px;
  }
  
  .menu .tab-content .menu-item .ingredients {
    font-family: var(--font-secondary);
    color: #8d8d9b;
    margin-bottom: 5px;
  }
  
  .menu .tab-content .menu-item .price {
    font-size: 24px;
    font-weight: 700;
    color: #556B2F	;
  }
  
  /*--------------------------------------------------------------
  # Testimonials Section
  --------------------------------------------------------------*/
  .testimonials .section-header {
    margin-bottom: 40px;
  }
  
  .testimonials .testimonials-carousel,
  .testimonials .testimonials-slider {
    overflow: hidden;
  }
  
  .testimonials .testimonial-item .testimonial-img {
    border-radius: 50%;
    border: 4px solid #fff;
    margin: 0 auto;
  }
  
  .testimonials .testimonial-item h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 5px 0;
    color: var(--color-default);
    font-family: var(--font-secondary);
  }
  
  .testimonials .testimonial-item h4 {
    font-size: 14px;
    color: #6c757d;
    margin: 0 0 10px 0;
    font-family: var(--font-secondary);
  }
  
  .testimonials .testimonial-item .stars i {
    color: #ffc107;
    margin: 0 1px;
  }
  
  .testimonials .testimonial-item .quote-icon-left,
  .testimonials .testimonial-item .quote-icon-right {
    color: #556B2F	;
    font-size: 26px;
    line-height: 0;
  }
  
  .testimonials .testimonial-item .quote-icon-left {
    display: inline-block;
    left: 0px;
    position: relative;
    top: -1px;
    font-size: 42px;
  }
  
  .testimonials .testimonial-item .quote-icon-right {
    display: inline-block;
    right: -5px;
    position: relative;
    top: 10px;
    transform: scale(-1, -1);
  }
  
  .testimonials .swiper-pagination {
    margin-top: 40px;
    position: relative;
  }
  
  .testimonials .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #d1d1d7;
    opacity: 1;
  }
  
  .testimonials .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #556B2F	;
  }
  
  /*--------------------------------------------------------------
  # Contact Section
  --------------------------------------------------------------*/
  
  .contact {
    /* background-image: url(/assets/img/background.jpg); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
  }
  .contact .resort-map {
    position: relative;
    background-size: cover;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%;
    height: 100%;
  }
  
  .contact .resort-address .resort-office .main-title {
    margin: 25px 0px 5px 0;
  }
  
  .contact .resort-address .resort-office .email-address a {
    color: #fff;
    text-decoration: underline;
  }
  
  .contact .resort-address .resort-office .mobile-address a {
    color: #fff;
    text-decoration: none;
  }
  
  .contact .resort-address {
    padding: 50px;
  }
  
  .contact .resort-address h3 {
    color: #fff;
    text-align: center;
    line-height: 35px;
    font-size: 25px;
  }
  
  .contact .resort-address {
    background-color: #556B2F;
    text-align: center;
    color: #fff;
  }
  
  .contact .info-item {
    background: #f4f4f4;
    padding: 30px;
    height: 100%;
  }
  
  .contact .info-item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    font-size: 24px;
    line-height: 0;
    color: #fff;
    background: #556B2F	;
    border-radius: 50%;
    margin-right: 15px;
  }
  
  .contact .info-item h3 {
    font-size: 20px;
    color: #6c757d;
    font-weight: 700;
    margin: 0 0 5px 0;
  }
  
  .contact .info-item p {
    padding: 0;
    margin: 0;
    line-height: 24px;
    font-size: 14px;
  }
  
  .contact .info-item .social-links a {
    font-size: 24px;
    display: inline-block;
    color: rgba(55, 55, 63, 0.7);
    line-height: 1;
    margin: 4px 6px 0 0;
    transition: 0.3s;
  }
  
  .contact .info-item .social-links a:hover {
    color: #6B8E23	;
  }
  
  .contact .php-email-form {
    width: 100%;
    margin-top: 30px;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  }
  
  .contact .php-email-form .form-group {
    padding-bottom: 20px;
  }
  
  .contact .php-email-form .error-message {
    display: none;
    color: #fff;
    background: #df1529;
    text-align: left;
    padding: 15px;
    font-weight: 600;
  }
  
  .contact .php-email-form .error-message br + br {
    margin-top: 25px;
  }
  
  .contact .php-email-form .sent-message {
    display: none;
    color: #fff;
    background: #059652;
    text-align: center;
    padding: 15px;
    font-weight: 600;
  }
  
  .contact .php-email-form .loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 15px;
  }
  
  .contact .php-email-form .loading:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 0 10px -6px 0;
    border: 3px solid #059652;
    border-top-color: #fff;
    animation: animate-loading 1s linear infinite;
  }
  
  .contact .php-email-form input,
  .contact .php-email-form textarea {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
  }
  
  .contact .php-email-form input:focus,
  .contact .php-email-form textarea:focus {
    border-color: #556B2F	;
  }
  
  .contact .php-email-form input {
    height: 48px;
  }
  
  .contact .php-email-form textarea {
    padding: 10px 12px;
  }
  
  .contact .php-email-form button[type="submit"] {
    background: #556B2F	;
    border: 0;
    padding: 12px 40px;
    color: #fff;
    transition: 0.4s;
    border-radius: 50px;
  }
  
  .contact .php-email-form button[type="submit"]:hover {
    background: #ec2727;
  }
  
  @keyframes animate-loading {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  
  /*--------------------------------------------------------------
  # Hero Section
  --------------------------------------------------------------*/
  .hero {
    width: 100%;
    background-size: cover;
    position: relative;
    min-height: 60vh;
    padding: 160px 0 60px 0;
  }
  
  .hero h2 {
    font-size: 55px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--color-secondary);
    font-family: var(--font-primary);
  }
  
  .hero h2 span {
    color: #556B2F	;
  }
  
  .hero p {
    color: #4f4f5a;
    font-weight: 400;
    margin-bottom: 30px;
  }
  
  .hero .btn-book-a-table {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 36px;
    border-radius: 50px;
    transition: 0.5s;
    color: #fff;
    background: #556B2F	;
    box-shadow: 0 8px 28px rgba(206, 18, 18, 0.2);
  }
  
  .hero .btn-book-a-table:hover {
    background: rgb(190 35 90);
    box-shadow: 0 8px 28px rgb(233 30 99 / 46%);
  }
  
  .hero .btn-watch-video {
    font-size: 16px;
    transition: 0.5s;
    margin-left: 25px;
    color: var(--font-secondary);
    font-weight: 600;
  }
  
  .hero .btn-watch-video i {
    color: #556B2F	;
    font-size: 32px;
    transition: 0.3s;
    line-height: 0;
    margin-right: 8px;
  }
  
  .hero .btn-watch-video:hover {
    color: #6B8E23	;
  }
  
  .hero .btn-watch-video:hover i {
    color: rgba(206, 18, 18, 0.8);
  }
  
  @media (max-width: 640px) {
    .hero h2 {
      font-size: 36px;
    }
  
    .hero .btn-get-started,
    .hero .btn-watch-video {
      font-size: 14px;
    }
  }
  
  /*--------------------------------------------------------------
  # Footer
  --------------------------------------------------------------*/
  .footer {
    font-size: 14px;
    background-color: #1f1f24;
    padding: 50px 0;
    color: rgba(255, 255, 255, 0.7);
  }
  .footer .footer-logo {
    margin-bottom: 0px;
    position: relative;
    top: -16px;
  }
  
  .footer-destinations {
    padding-left: 1.5rem !important;
  }
  
  .footer .icon {
    margin-right: 15px;
    font-size: 24px;
    line-height: 0;
  }
  
  .footer h4 {
    font-size: 24px;
    font-weight: 500;
    position: relative;
    padding-bottom: 5px;
    color: #fff;
    margin-bottom: 25px;
  }
  
  .footer .footer-links {
    margin-bottom: 30px;
  }
  
  .footer .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .footer .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
  }
  
  .footer .footer-links ul li:first-child {
    padding-top: 0;
  }
  
  .footer .footer-links ul a {
    color: rgba(255, 255, 255, 0.6);
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    text-decoration: none;
  }
  
  .footer .footer-links ul a:hover {
    color: #fff;
  }
  .footer-aboutus {
    font-size: 16px;
    line-height: 28px;
  }
  .footer .social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    margin-right: 10px;
    transition: 0.3s;
  }
  
  .footer .social-links a:hover {
    color: #fff;
    border-color: #fff;
  }
  
  .footer .copyright {
    text-align: center;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  .footer .credits {
    padding-top: 4px;
    text-align: center;
    font-size: 13px;
  }
  
  .footer .credits a {
    color: #fff;
    text-decoration: none;
  }
  .btn-close {
    position: absolute;
    z-index: 999;
    right: -15px;
    font-size: 12px;
    background-color: #fff !important;
    border-radius: 50% !important;
    height: 20px !important;
    width: 20px !important;
    top: -15px;
    padding: 7px !important;
  }
  
  .modal .modal-body {
    padding: 0;
  }
  
  .modal .modal-dialog {
    max-width: 550px;
  }
  
  .modal-footer {
    padding: 10px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    row-gap: 10px;
  }
  .modal-footer a.btn.btn-default.btn-property-modal {
    margin: 0px 3px;
  }
  
  .btn-property-modal {
    background-color: #cf3b70 !important;
    color: #fff !important;
    text-decoration: none !important;
    padding: 5px 15px !important;
    font-size: 14px !important;
    border-radius: 20px !important;
    min-width: 100px !important;
    border: 1px solid #cf3b70 !important;
  }
  
  .btn-property-modal:hover {
    background-color: #6B8E23	 !important;
  }
  
  button.promo-btn {
    transform: rotate(-90deg) translateY(-50%);
    height: 40px;
    color: #fff;
    position: absolute;
    z-index: 999;
    top: 50%;
    left: -43px;
    width: 166px;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    background-color: #556B2F;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    float: left;
    display: table;
    margin: 0;
  }
  
  button.promo-btn i {
    transform: rotate(90deg);
    padding: 0px 7px;
    font-size: 17px;
  }
  
  .box {
    display: inline-block;
    padding: 20px;
    margin: 0px;
    background-color: rgb(161 151 47/ 70%);
    transform-origin: left;
    transition: transform 500ms ease-in-out;
    position: absolute;
    top: 50%;
    left: 0;
    width: 400px;
    height: 166px;
    border-radius: 0 6px 6px 0;
    color: #fff;
    transform: scaleX(0) translate(9%, -38%);
  }
  
  .box:hover {
    background-color: #556B2F	;
    transition: all ease 0.3s;
  }
  
  .box.show { transform: scaleX(1) translate(9%, -38%);}
  
  /* .carousel-caption h5 {
    font-size: 85px;
    letter-spacing: -2px;
    line-height: 96px;
    color: #ffffff;
    font-weight: 500;
    position: relative;
    text-align: left;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    text-shadow: 1px 6px 9px rgba(0, 0, 0, 0.2);
  } */
  .carousel-caption h5,
  .carousel-caption h1 {
    font-size: 30px;
    letter-spacing: -2px;
    line-height: inherit;
    color: #ffffff;
    font-weight: 500;
    position: relative;
    text-align: left;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    text-shadow: 1px 6px 9px rgb(0 0 0);
    background: #00000040;
    display: inline-block;
    padding: 20px;
  text-align: center;
  }
  .carousel-caption a {
    text-decoration: none;
    color: inherit;
  }
  .carousel-caption a:hover {
    color: inherit !important;
  }
  .carousel-item .carousel-caption {
    bottom: 0;
    left: 0;
    right: auto;
  }
  .carousel-caption p {
    text-align: left;
    position: relative;
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    color: #ffffff;
    margin-left: 50px;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    margin-bottom: 40px;
  }
  
  .carousel-item .video-box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .carousel-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  /* background-color: rgba(33, 37, 41, 0.35); */
  }
  .carousel-item .video-box .video-btn {
    position: relative;
  }
  
  .carousel-item .video-box .video-btn a {
    position: relative;
    height: 67px;
    width: 67px;
    line-height: 64px;
    border-radius: 50%;
    color: #111;
    text-align: center;
    font-size: 20px;
    display: inline-block;
    position: relative;
    background-color: #fff;
    transition: 0.5s;
    margin-right: 52px;
    transition: 0.5s;
  }
  
  .carousel-item .video-box .video-btn a::before {
    position: absolute;
    content: "";
    width: 92px;
    height: 92px;
    border-radius: 46px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    left: -12px;
    top: -12px;
  }
  
  .carousel-item .video-box .video-btn a::after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
  }
  
  @keyframes ripple {
    70% {
      -webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, 0);
      box-shadow: 0 0 0 70px rgba(244, 68, 56, 0);
    }
    100% {
      -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
      box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    }
  }
  
  .carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
  }
  
  
  
  @media (max-width: 1199px) {
    .headerTop ul {
      display: none;
    }
  
  
  
    .carousel-caption p {
      font-size: 19px;
    }
  
    .about-img .aboutus-image img {
      width: 100%;
    }
  
    .about .content {
      padding: 0 55px;
    }
  
    .about .section-desc {
      font-size: 15px;
      line-height: 24px !important;
    }
  }
  
  @media (max-width: 1024px) {
    section#hero {
      padding-top: 95px;
    }
  
    .carousel-caption p {
      font-size: 17px;
    }
  }
  @media (max-width: 991px) {
  
    .carousel-caption p {
      font-size: 15px;
      line-height: 24px;
      margin-bottom: 20px;
    }
    .carousel-item .video-box .video-btn a {
      height: 55px;
      width: 55px;
      line-height: 53px;
    }
    .carousel-item .video-box .video-btn a::before {
      width: 80px;
      height: 80px;
    }
  
    .section-header p {
      font-size: 29px;
      line-height: 40px !important;
    }
  
    .about .content {
      padding-right: 0px;
    }
  
    .testimonials .testimonial-item .testimonial-content {
      margin-top: 25px;
    }
    .contact .resort-map {
      height: 400px;
    }
  
    .testimonials .swiper-pagination {
      margin-top: 15px;
    }
  
    .testimonials {
      padding-bottom: 40px;
    }
    .room-block.coorg-hotel .why-box .con {
      bottom: -106px;
    }
    .room-block .why-box .con {
      bottom: -50px;
    }
    .room-block.coorg-hotel .why-box .con {
      bottom: -90px;
    }
  }
  
  @media (max-width: 820px) {
    .carousel-item img, .carousel-inner img {
      height: 40vh;
    }
  }
  
  @media (max-width: 768px) {
   
    .carousel-item img, .carousel-inner img {
      height: 40vh;
    }
  }
  @media (max-width: 767px) {
  .carousel-item .carousel-caption{    padding-bottom: 0 !important;}
  .about .about-img .aboutus-image{
  margin-top: 30px;
  }
    .carousel-item img, .carousel-inner img {
      height: 40vh;
      object-fit: cover;
    }
  
    section#about {
      padding: 10px 0;
    }
    .about .content {
      padding: 30px 0;
    }
    section#why-us {
      padding: 30px 0;
    }
  section#contact {
    padding: 30px;
  }
    .testimonial-header .sec-title {
      font-size: 42px;
    }
    .footer-destinations {
      padding-left: 1rem !important;
    }
    .testimonials {
      padding-top: 40px;
    }
  }
  
  @media (max-width: 641px) {
    .about .image-two {
      right: -30px;
    }
  }
  
  @media (max-width: 540px) {
    .carousel-item img, .carousel-inner img {
      height: 40vh !important;
    }
    .btn-close {
      right: 5px;
      top: 5px;
      height: 15px !important;
      width: 15px !important;
    }
    .about .image-two {
      right: -10px;
    }
  }
  
  @media (max-width: 500px) {
  
    .carousel-caption p {
      margin-bottom: 60px;
    }
  
    .room-block .why-box .con {
      bottom: -50px;
    }
  
    .room-block.coorg-hotel .why-box .con {
      bottom: -110px;
    }
  
    .testimonial-header .sec-title {
      font-size: 38px;
    }
  }
  
  @media (max-width: 430px) {
  section#hero {
    padding-top: 70px;
  }
   
    .carousel-caption p {
      font-size: 14px;
    }
    .about .image-two {
      display: none;
    }
    .about .content {
      padding: 20px 0;
    }
    .carousel-item img, .carousel-inner img {
      height: 100vh !important;
      height: 40vh !important;
  
    }
    .navbar {
      max-width: 300px;
    }
  }
  
  
  
  @media (max-width: 390px) {
    .header .logo img {
      max-height: 40px;
    }
  }
  
  @media (max-width: 360px) {
  
    .carousel-item .video-box .video-btn a {
      height: 45px;
      width: 45px;
      line-height: 45px;
    }
    .carousel-item .video-box .video-btn a::before {
      width: 70px;
      height: 70px;
    }
   
    .testimonial-header .sec-title {
      font-size: 32px;
    }
    .testimonials .swiper-pagination {
      margin-top: 5px;
    }
  }
  
  @media (max-width: 360px) {
  
    .carousel-caption p {
      margin-bottom: 40px;
    }
  }
  
  @media (max-width: 330px) {
    .room-block .why-box .con h3 {
      font-size: 24px;
    }
  }
  @media (max-width: 499px){
  .contact .resort-map {
      height: 250px;
      }
    }
  .row.gy-4.mtb-20:nth-child(odd) {
    background:#f9f9f9;
    padding: 12px 0;
  }
  .row.gy-4.mtb-20:nth-child(1) {
    margin: 0 !important;
  }
  .mtb-20 {
    margin: 20px 0 !important;
  }
  .row.gy-4.mtb-20 div.mtb0 {
    margin-top: 0 !important;
  }
  .inner-text h5 {
      text-align: center;
      font-size: 40px;
  }
  .inner-text  {
     top: 50%;
     bottom: 50% !important;
     right:0;
     left: 0;
  }
  a.btn.btn-default.bkwbtn {
      font-size: 14px;
      color: #fff;
      background: #556B2F	;
      padding: 8px 20px;
      border-radius: 50px;
      transition: 0.3s;
      text-decoration: none;
      line-height: 26px;
      white-space: nowrap;
      margin: 15px 10px 0 0;
  }
  
  .room p.section-desc {
      font-size: 18px;
      line-height: 28px !important;
      font-weight: 400 !important;
      color: #6a6a6a !important;
  }
  
  
  @media (max-width:767px){
  .row.gy-4.mtb-20:nth-child(even) {
      display: flex;
      flex-direction: column-reverse; }
  section#room\ room-more img.d-block.w-100{
      height: 100%;
  }
  }
  /*--------------------------------------------------------------
  #virtual-experiences
  --------------------------------------------------------------*/
  .warpper .panel{
      display:none;
      animation: fadein .8s;
    }
    @keyframes fadein {
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    
    .warpper .radio{
      display:none;
    }
    #one:checked ~ .panels #one-panel,
    #two:checked ~ .panels #two-panel,
    #three:checked ~ .panels #three-panel,
    #four:checked ~ .panels #four-panel,
    #five:checked ~ .panels #five-panel,
 #six:checked ~ .panels #six-panel{
       display:block
      }
    #one:checked ~ .tabs #one-tab,
    #two:checked ~ .tabs #two-tab,
    #three:checked ~ .tabs #three-tab,
    #four:checked ~ .tabs #four-tab,
    #five:checked ~ .tabs #five-tab,
 #six:checked ~ .tabs #six-tab{
  background: #cf3b701c;
      color: #556B2F	;
      border-top: 3px solid #556B2F	;
      font-weight: 500;}
  .warpper .tabs {display: table;width: 100%;margin: 0;background: #eee;}
    .warpper .tabs label { margin: 0; width: auto; font-size: 16px; line-height: 26px; font-weight: 300; padding: 22px; text-align: center; letter-spacing: .1rem; color: #000; cursor: pointer;}
  .vdo-cls { display: inline-block;width: 100%;}
  .vdo-cls video { width: 100%; height: auto;}
  .warpper {  margin-bottom: 75px;}
  
  @media (max-width:992px){
  .testimonial-inner{    padding-top: 0;}
      .warpper .tabs label{
      width:100%;}
  }
  /*--------------------------------------------------------------
  #virtual-experiences
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  #gallery
  --------------------------------------------------------------*/
  
  .main-content .tabs li a:hover, .main-content .tabs li a.active, .main-content .shuffle-active{
      background-color: #6B8E23	 !important;
      background:#556B2F	 !important;
      color: #fff;
  }
  ul.tabs.image-gallery li a {text-decoration: none;}
  .container.gallery-index  ul li a::after {  top: 25% !important;}
   .container.gallery-container  ul li a.shuffle-btn:after { display:none !important;}
  .gallery_title {
      text-align: center;
      font-size: 36px;
      margin-top: 20px;
      margin-bottom: 25px;
      font-weight: 500;
    color: var(--color-default);
  }
  
  
  /*--------------------------------------------------------------
  #gallery
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  #contact
  --------------------------------------------------------------*/
  .contect-etail-ft {
    background: #f9f9f9;
    padding: 12px ;
  }
  
  .contect-etail-ft p.section-desc {
    line-height: 39px !important;
  }
  a.map-vw {  color: #556B2F	;  font-weight: 600;}
  a.map-vw i {  margin-right: 10px;}
  
  
  .contact .resort-map img {
      width: 100%;
      height: 510px;
  object-fit: cover;
  }
  
  @media (max-width: 414px) {
    .box {width: 330px !important;}
  }
  @media (max-width: 1199px) {
  .d-flex.align-items-center.gap-3 {
    float: left;
    width: 100%;
    display: block !important;
  }
  .container.d-flex.align-items-center.justify-content-between {
    justify-content: right !important;
  }
  }
  
  @media (max-width: 1199px){
  .contact .resort-map img {
    height: 500px;    object-position: left;}
  .contact .resort-address {  padding: 20px;}
  }
  @media (max-width: 992px){
  .testimonials .testimonial-inner .testimonial-header{margin-right: 0;}
  .contact .resort-map img {
    height: 100%;}
  }
  .contect-us-wid-img {
    margin-bottom: 30px;
  }
  #hero{
    padding-top: 95px;
    padding-bottom: 0;
  }
  .whtsappshared {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 99999;
  }
  .whtsappshared img {
    width: 100%!important
  }
  .whtsappshareding {
    display: none!important
  }
  
  .offer-section {
    position: fixed;
    left: 0;
    z-index: 99999;
    top: 50%;
    transform: translate(0%, -50%);
  }
  .box .carousel-item img {
    height: 115px !important;
  }
  
  
  
  
  
  /*--------------------------------------------------------------
  # offer
  --------------------------------------------------------------*/
  
  .offerBtn {
    background-color: #556B2F	;
    box-shadow: inset 0px 5px 0px 0px rgba(255, 255, 255, 0.15);
    width: 286px;
    height: 85px;
    z-index: 82;
    display: block;
    position: fixed;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    left: 0;
    bottom: 10px;
  }
  
  .offerBtn:hover {
    background: #3CBD45;
  }
  
  .offerBtn:active {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(27, 199, 0, 1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(27, 199, 0, 1);
    box-shadow: 0px 0px 15px 0px rgba(27, 199, 0, 1);
  }
  
  .offerBtn img {
    /* height: 80px; */
    top: 4px;
    left: -4px;
    position: relative;
  }
  
  .offerBtn span {
    position: absolute;
  }
  
  
  
  
  .text1, .text2, .text3 {
    color: #FFF;
    font-weight: 500;
  }
  
  .offerBtn:before {
    content: '';
    display: block;
    height: 490px;
    width: 490px;
    position: absolute;
    background-color: rgba(255, 255, 255, .15);
    transform: rotate(-45deg);
    top: -202px;
    left: -420px;
    transition: all .2s;
  }
  
  .offerBtn:hover:before {
    left: -410px;
  }
  
  .text1 {
    font-size: 15px;
    line-height: 20px;
    left: 10px;
    top: 23px;
  }
  
  .text2 {
    font-weight: 300;
    right: 30px;
    bottom: 10px;
  }
  
  .text3 {
    top: -5px;
    right: 40px;
    font-size: 70px;
    font-family: 'Open Sans', sans;
    font-weight: 400;
    letter-spacing: -4px;
  }
  
  .text4 {
    transform: rotate(-90deg);
    right: -40px;
    top: 28px;
    background: #9ACD32;
    padding: 7px 17px;
    font-size: 11px;
    text-transform: uppercase;color: #fff !important;
  }
  
  
  
  /* Now, onto the styling of the read more component */
  
  .read-more { --line-clamp: 3;}
  .read-more__text { display: -webkit-box; -webkit-line-clamp: var(--line-clamp);   -webkit-box-orient: vertical;  overflow: hidden;}
  .read-more__checkbox { clip: rect(0 0 0 0); clip-path: inset(100%); height: 1px;   overflow: hidden;   position: absolute;   white-space: nowrap;   width: 1px;}
  .read-more__checkbox ~ .read-more__label {  cursor: pointer; font-size: 0.75em; font-weight: 700; text-decoration: underline;}
  .read-more__checkbox:focus ~ .read-more__label { box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);}
  .read-more__checkbox:hover ~ .read-more__label {text-decoration: none;}
  .read-more__checkbox ~ .read-more__label::before {content: attr(data-read-more);}
  .read-more__checkbox:checked ~ .read-more__label::before { content: attr(data-read-less);}
  .read-more__checkbox:checked ~ .read-more__text {--line-clamp: none;-webkit-line-clamp: var(--line-clamp);}
  
  /* End read more component styles */
  
  
  
    /*
  .read-more-target,
  .read-more-trigger_opened {
  display: none;
  }
  .read-more-state:checked ~ .read-more-wrap .read-more-target,
  .read-more-state:checked ~ .read-more-trigger_opened {
  display: block;
  }
  .read-more-state:checked ~ .read-more-trigger_closed {
  display: none;
  }*/
  
  .video-box {
    display: none !important;
  }
  @media (max-width: 475px){
  .btn-property-modal {
    font-size: 12px !important;
    min-width: inherit !important;}
  }
  
  a.speci-btn {
  color: #fff;
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 0;
  background-color: #556B2F	;
  width: auto;
  }
  
  
  a.speci-btn i.fa.fa-gift {
  padding: 14px;
  font-size: 20px;
  }
  .btn-desk {  display: none;}
  .speci-btn{display: none;}
  @media screen and (max-width: 575px){
  .btn-desk{display: none;}
  .specialOffers {  display: none;}
  #hero .carousel-caption h5 ,  #hero .carousel-caption h1{ font-size: 18px;  letter-spacing: -1px; padding: 20px 10px; }
  }
  @media screen and (max-width: 767px){
  .room-block .image img { height: 320px;}
  .about .image-two img{display: none;}
  }
  @media (max-width: 500px){
  .header .btn-book-a-table, .header .btn-book-a-table:focus { font-size: 12px;padding: 5px 15px;}
  .whtsappshared.mob img {   width: 50px !important;   height: 50px !important;    padding: 5px;}
  
  /* .offerBtn{ width: 110px;bottom: 0;}
  .offerBtn:before {display: none;}
  .offerBtn span.text1 {display: none;}*/
  }
  
  @media screen and (max-width: 767px){
  .about-img .aboutus-image img { width: 100%; height: 250px; object-fit: cover; object-position: bottom;}
  .about .image-two {  right: 70px;bottom: -20px;}
  .about .about-img {text-align: center;}
  .carousel-control-next-icon, .carousel-control-prev-icon {width: 1rem !important;height: 1rem !important;}
  }
  /* error */
  .errorRow {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      align-items: center;
      margin: 70px 0 !important;
  }
  .errorRow .errorImg img {
      max-width: 100%;
      width: auto;
      height: auto;
  }
  .errorRow .errorContent .errorTitle {
      font-size: 78px;
      margin-bottom: 10px;
      font-weight: 600;
      letter-spacing: 5px;
  }
  .errorRow .errorContent .errorSubTitle {
      font-size: 34px;
      margin-bottom: 20px;
      font-weight: 600;
      letter-spacing: 1px;
  }
  .errorRow .errorContent .errorParagraph {
      font-size: 16px;
      margin-bottom: 20px;
      font-weight: 500;
  }
  .errorRow .errorContent .errorBackBtn {
      font-size: 14px;
      color: #fff;
      background: #556B2F	;
      padding: 8px 20px;
      border-radius: 50px;
      transition: 0.3s;
      text-decoration: none;
      line-height: 26px;
      white-space: nowrap;
  }
  @media (max-width: 991px){
  .errorContent {text-align: center;}
  .errorImg { text-align: center;}
  }
  
  /* error */

.testimonial-content h2 {
    color: var(--color-default);
}
.testimonial-content p {
    color: #292928;
    font-weight: 400;
}
.accordion-button {
    color: #292928;
}

/* call */

/* a.calls {
    color: #556B2F	;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgb(217 57 108);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: rgb(217 57 108 / 10%);
font-size: 13px;
margin-left: 20px;
} */

a.calls {
    font-size: 14px;
    color: #fff;
    background: #556B2F	;
    padding: 8px 20px;
    margin-left: 10px;
    border-radius: 50px;
    transition: 0.3s;
    text-decoration: none;
    line-height: 26px;
    white-space: nowrap;
    border: none;
}
a.calls  i {
    margin-right: 10px;
    display: none;
}
a.calls:hover {
    color: #ffffff;
}
@media screen and (max-width: 575px) {
    a.calls {
        font-size: 0;
        background: initial;
        padding: 0;
        color: inherit;
        line-height: inherit;
        border-radius: inherit;
        margin-left: 10px;
    }

    a.calls i {
display: block;
        color: #556B2F	;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid rgb(217 57 108);
        border-radius: 50%;
        width: 30px;
        height: 30px;
        background: rgb(217 57 108 / 10%);
        font-size: 13px;
        margin-right: 0;
    }
}
/* call */
  .accordion-button {
    color: #292928;
}
   @media (max-width: 375px) {
    .mobile-nav-show{
    margin: 0 5px;}

    .header .btn-book-a-table {
    margin-left: 5px;
  }
}