:root{
    --white-color: #fff;
    --green-color: #016F3B;
    --dark-ash: #474747;
    --ash-color: #BBBBBB;
    --main-font: 'Inter Tight', sans-serif;
    --sub-font : 'Playfair Display', serif;
}

/* body {
	    overflow: hidden !important;
} */

.desktop-rooms .tab-content {
    width: 75%;
    display: block !important;
}
/* --------------------------------------------------- Font ---------------------------------  */
.font-60 {
    font-size: 60px;
    line-height: 45px;
  }
/* --------------------------------------------------- colors ---------------------------------  */
.dark-ash {
    color: #474747;
}

/* --------------------------------------------------- About ---------------------------------  */

.about-intro {
    padding-bottom: 3rem;
}
.single-specility {
    width: 25%;
    text-align: center;
}
.specility-wrap {
    width: 50%;
    margin: auto;
}
.specility-name {
    padding-top: 1rem;
}
.specility-wrap {
    width: 60%;
    margin: auto;
    justify-content: space-between;
}
.single-specility {
    width: 24%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #F8F8F8;
    padding: 2rem 1rem;
    border-radius: 10px;
}
.aword-image {
    height: 300px;
    object-fit: contain;
    width: 100%;
}
.aword-name {
    font: normal normal normal 25px/33px Playfair Display;
    letter-spacing: 0px;
    color: #474747;
    text-transform: capitalize;
    text-align: center;
    width: 80%;
    margin: auto;
    padding: 1rem;
}
.box {
    /* display: flex !important; */
    align-items: center;
    flex-direction: column;
    padding: 2rem;
}
.box:hover {
    background-color: #fff;
    border-radius: 10px;
    
}
.gallery-sec::after {
    content: "";
    background: red;
    top: 0;
    bottom: 0;
    position: absolute;
}
.rooms_suites-template-default .room-intro-sec  .wrapp-title {
    width: 100%;
    margin: 0 auto;
}
.room-slider-img img {
    width: 100%;
}
.room-slider-img img {
    width: 100%;
    object-fit: fill;
}
.single-room-spec {
    display: flex;
    justify-content: center;
    align-items: center;
}
.single-room-spec-img {
    padding: 1rem;
}
.room-spec-wrap {
/*     justify-content: center; */
	align-items: flex-start;
    justify-content: flex-start;
}
.single-room-spec {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 25%;
    padding: 0.5rem 0rem;
}
.room_video_thumbnail {
    width: 100%;
    height: 575px;
    object-fit: cover;
}
span.play-button {
    position: absolute;
    top: -8%;
    right: 0;
    left: 0;
    text-align: center;
}
.aminity ul li {
    width: 25%;
}
.aminity ul {
    list-style-type: none;
  }
.aminity li {
    position: relative;
    padding-left: 20px; /* Adjust the value to your preference */
}
.aminity ul li {
    width: 25%;
    text-align: left;
    letter-spacing: 0px;
    color: #474747;
    text-transform: capitalize;
    padding: 0.5rem 1.5rem;
}
.indulge-sub-title {
    /* text-align: center; */
    font: normal normal normal 25px/33px Playfair Display;
    letter-spacing: 0px;
    color: #474747;
}
.contact-form-room {
    width: 80%;
    margin: auto;
}
.wpcf7 p{
	margin:0;
}
.wpcf7 p br{
	display:none;
}
.form-input {
    width: 100%;
    border-radius: 44px;
    padding: 1rem;
    margin: 0.5rem 0;
    background-color: #F9F9F9;
    border: none;
    font: normal normal normal 18px/35px Inter Tight;
    letter-spacing: 0px;
    color: #474747;
/*     text-transform: capitalize; */
    padding-left: 1.5rem;
}
.two-col input {
/*     width: 98%; */
}
.form-input{
    border: 1px solid #ababab75;
}
.section-btn {
    background: #016F3B;
    padding: 0.5rem 2rem;
    color: #fff;
    border-radius: 5px;
    font: normal normal 500 18px/35px Inter Tight;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    margin-top: 2rem;
    border: none;
}
.form-input:focus, .form-input:hover {
    border: 1px solid #016F3B;
    color: #333 !important;
}
.tab-sec .nav-tabs {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 6rem;
}
.tab-sec .nav-tabs a {
    border: 1px solid #D5D5D5;
    border-radius: 10px;
    padding: 0.5rem 2rem;
    margin: 0 1rem;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
}
.tab-sec .nav-tabs .nav-link.active {
    border: 1px solid #016F3B !important;
}
.tab-sec .nav-tabs img {
    height: 125px;
    width: auto;
    object-fit: cover;
}
.room-slider-img img {
    height: 690px;
    object-fit: cover;
}
.nav-tabs {
    border-bottom: none !important;
}
.postid-113 .spec-and-des-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.postid-113 .room-spec-wrap {
    width: 50%;
}
.postid-113  .grand-featured {
    width: 50%;
    overflow: hidden;
    object-fit: cover;
}
.postid-113 .room-spec-sec .min-wrapper {
    width: 80%;
}
.postid-113 .room-spec-wrap > div {
    width: 50%;
    justify-content: flex-start;
    padding-left: 5rem;
}
.tab-sec .nav-tabs img {
    height: 125px;
    width: 250px;
    object-fit: contain;
}
.room_slider_wrap .slick-list {
    padding-right: 18%;
    /* margin-left: -38px; */
}
.room-slider-img{
    padding: 0 10px;
}
/* .room_slider.slick-initialized.slick-slider {
    margin-left: 8%;
} */
.single-room-spec {
    font: normal normal normal 18px/30px Inter Tight;
    letter-spacing: 0px;
    color: #474747;
    text-transform: capitalize;
}
.room-spec-sec .min-wrapper {
    width: 70%;
}
.tab-sec {
    padding-top: 4rem;
}
.page-id-19  .wrapp-title {
    width: 47%;
    margin: 0 auto;
}
.main-wrapper.contact-form {
    width: 60%;
}
.single-detail h2 {
    font: normal normal normal 25px/33px Playfair Display;
    letter-spacing: 0px;
    color: #474747;
    text-transform: capitalize;
    padding: 1rem  0;
}
.contact-detail-1 {
    width: 100%;
}
.single-detail div  {
    font: normal normal normal 18px/35px Inter Tight;
    letter-spacing: 0px;
    color: #474747;
    text-transform: capitalize;
    padding: 0.5rem 3rem;
}
.single-detail div a{
    color: #474747;
}
.contact-details-sec  .main-wrapper {
    width: 75% !important;
}
.contact-detail-wrap {
    width: 30%;
}
.contact-image-wrap {
    width: 70%;
}
.contact-image {
    width: 60%;
    margin: inherit;
}
.getting-around h2 {
    font: normal normal normal 25px/33px Playfair Display;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    padding: 0.5rem 0;
}
.getting-around h2 {
    width: 100%;
}
.getting-around-image {
    width: 15%;
}
.getting-around-detail-wrap {
    width: 85%;
}
.getting-around-detail-wrap h3 {
    font: normal normal 600 18px/35px Inter Tight;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
}
.single-getting-around-wrap {
    width: 100%;
}
.getting-around-detail-wrap p {
    font: normal normal normal 18px/35px Inter Tight;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
}
.single-getting-around-wrap {
    width: 100%;
    padding: 1rem 0 0;
}
.getting-around-image {
    width: 15%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.getting-around {
    width: 50%;
    top: 7rem;
    right: 0rem;
    background: #016F3B;
    padding: 3rem;
}
.faq-sec div#accordionExample {
    column-count: 2;
    column-gap: 200px;
    position: relative;
}
.faq-sec .accordion-button:not(.collapsed) {
    color: var(--dark-purple-color);
    background-color: transparent;
    box-shadow: unset;
    padding: 30px 40px;
}
.quizBox {
    background: rgba(77, 65, 90, 0.10);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 30px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border: 0;
}
span.quixacco.font-18.main-font.dark-purple-font {
    font: normal normal normal 25px/33px Playfair Display;
    letter-spacing: 0px;
    color: #474747;
}
.accordion-body {
    font: normal normal normal 18px/35px Inter Tight;
    letter-spacing: 0px;
    color: #474747;
}
#accordionExample {
    display: flex;
    flex-wrap: wrap;
}

.accordion-item {
    width: 48%;
}
.faq-detail-wrap h3 {
    font: normal normal normal 25px/33px Playfair Display;
    letter-spacing: 0px;
    color: #474747;
}
.faq-detail-wrap p {
    font: normal normal normal 18px/35px Inter Tight;
    letter-spacing: 0px;
    color: #474747;
}
.single-faq-wrap {
    background-color: #F9F9F9;
    padding: 2rem;
    border-radius: 5px;
}
.faq-detail-wrap h3 {
    padding: 0.5rem 0;
}
.gal-cat {
    font: normal normal normal 25px/33px Playfair Display;
    letter-spacing: 0px;
    color: #474747;
    text-transform: capitalize;
    border: 0 !important;
}
.sub-tab button {
    font: normal normal normal 18px/35px Inter Tight;
    letter-spacing: 0px;
    color: #474747;
    text-transform: capitalize;
    border: none;
}
.tab-content {
    text-align: center;
    /* display: flex;
    justify-content: center;
    align-items: center; */
}
.sub-tab {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
}
.gallery-section .nav-tabs .nav-link {
    border: none;
}
.gal-cat{
    position: relative;
}
.gal-cat:hover:after, .sub-tab button:hover:after   {
    width: 100%;
    left: 0;
}
.gal-cat:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #016F3B;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
.sub-tab button:after   {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    background: #016F3B;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
.sub-tab button {
    position: relative;
}
.gal-cat {
    padding: 0.5rem 0;
    margin: 0 2rem;
}
.gal-cat.active:after {
    width: 100%;
    left: 0;
}
.first-image {
    width: 58%;
}
.second-image {
    width: 38%;
}
.first-image img {
    height: 610px;
    object-fit: cover;
}
.second-image img {
    height: 648px;
    object-fit: cover;
	width: 100%;
}
.second-image {
    width: 38%;
    padding-top: 6rem;
}
.about-images-wrap {
    padding-bottom: 2rem;
}
.about-proprety-slider .slick-slide:nth-child(odd) {
    padding-top: 55px;
}
/* .about-proprety-slider .slick-list{
    padding-left: 40px;
    padding-right: 40px;    
} */
.about-proprety-slider .slick-slide img{
    width: 90%;
}
.about-proprety-slider .slick-list {
    padding-right: -2%;
    overflow: hidden;
}
.gallery-sec .main-wrapper {
    overflow: hidden;
}
.about-proprety-slider{
        margin-right: -2%;
}
.about-proprety-slider .slick-slide img {
    width: 90% !important;
}
.achivement-sec .sub-title-60 {
    padding-top: 2rem;
}

.about-gallery-sec:before {
    background-color: #F8F8F8;
    content: "";
    position: absolute;
    top: 33%;
    bottom: -45%;
    height: 71%;
    width: 100%;
    z-index: -1;
}
.achievements-slider .slick-arrow {
    position: absolute;
    z-index: 11;
    background: transparent;
    border: none;
    font-size: 0;
}
.achievements-slider .slick-prev {
    top: 45%;
    left: -70px;
}
.achievements-slider .slick-next {
    top: 45%;
    right: -70px;
    /* left: 0; */
}
.sub-tab{
    position: relative;
}
.dropdown-menu a{
    color: #fff !important;
    position: relative;
}
.dropdown-menu .current-menu-item a{
    color: #fff !important;
    position: relative;
}
.dropdown-menu a:after{
    content: "";
    bottom: -0.25rem;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    background:#fff;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
.dropdown-menu a:hover:after , .dropdown-menu .current-menu-item a:after {
    width: 100%;
    left: 0;
}
.page-template-gallery .about-intro {
    padding-bottom: inherit;
}

/* .sub-tab:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #016F3B;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
.sub-tabt:hover:after {
    width: 100%;
    left: 0;
} */
.gallery-items  {
    display: block !important;
    column-count: 3;
    gap: 10px;
}
.gallery-items  {
    margin: 0 -10px;
    overflow: hidden;
}
.tab-pane {
    width: 90%;
}
.facilities-img {
    page-break-inside: avoid;
    break-inside: avoid-column;
    display: table;
    width: 100%;
    padding: 5px 0;
}
/* .desktop-rooms .tab-content{
    width: 75%;
} */
.facility-img-wrap {
    width: 32.3%;
}
/* -------------animated----------------------*/
.animate-text,.animate-sub {
    opacity: 0;
    transition: opacity 500ms;
}
.animate-text.scrolled{
    animation: animateup 0.5s ease-in-out both;
    animation-delay: 0.3s;
}
.animate-sub.scrolled{
    animation: animateupleft 0.5s ease-in-out both;
    animation-delay: 0.3s;
}
@keyframes animateup {
0% {
    transform: translate3d(50px, 0px, 0);
    opacity: 0;
    transition: transform 0ms, opacity 0ms, -webkit-transform 0ms;
}
100% {
    transition: transform 1500ms cubic-bezier(0.19, 1, 0.22, 1), opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1500ms cubic-bezier(0.19, 1, 0.22, 1);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}

@keyframes animateupleft {
    0% {
        transform: translate3d(-50px, 0px, 0);
        opacity: 0;
        transition: transform 0ms, opacity 0ms, -webkit-transform 0ms;
    }
    100% {
        transition: transform 1500ms cubic-bezier(0.19, 1, 0.22, 1), opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1500ms cubic-bezier(0.19, 1, 0.22, 1);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

}
.media--thumimg{
    overflow: hidden;
}
.media-items .media--thumimg img{
    transform: scale(1);
    transition: all 0.5s;
}
.media-items:hover .media--thumimg img{
    transform: scale(1.05);
    transition: all 0.5s;
}
.imageleft.scrolled{
    transition: clip-path 1s cubic-bezier(1.000, 0.005, 0.000, 1.000);
    clip-path: inset(0px 0px 0px 0px);
    -webkit-clip-path: inset(0px 0px 0px 0px);
    transition-delay: 0.6s;
}

.imageright{
    transition: clip-path 1s cubic-bezier(1.000, 0.005, 0.000, 1.000);
    clip-path: inset(0 0% 0% 100%);
    -webkit-clip-path: inset(0 0% 0% 100%);
}

.imageright.scrolled{
    transition: clip-path 1s cubic-bezier(1.000, 0.005, 0.000, 1.000);
    clip-path: inset(0px 0px 0px 0px);
    -webkit-clip-path: inset(0px 0px 0px 0px);
    transition-delay: 0.6s;
}
.imageleft{
    clip-path: inset(0px 0px 0px 0px) !important;
    -webkit-clip-path: inset(0px 0px 0px 0px) !important;
}
.imageright{
    clip-path: inset(0px 0px 0px 0px) !important;
    -webkit-clip-path: inset(0px 0px 0px 0px) !important;
}

.postid-113 .room-spec-wrap {
    justify-content: space-between;
}
.aminity ul {
    margin-left: 10rem;
}
.full-wrapper .tab-pane {
    width: 100%;
}
.postid-114 .breadcrumbs {
/*     position: absolute; */
    top: 5%;
}
.room-banner-sec .breadcrum-layer img {
    width: 100%;
}
.tab-sec .room-type-wrap {
    padding: 0;
}
div#myTabContent {
    display: block !important;
}
.taste .tab-pane {
    width: 100%;
}
.sub-tab {
    position: relative;
}
.blackpool-gallery .sub-tab .active {
}
.single-faq-wrap {
    width: 49%;
    margin-bottom: 1rem;
}
.faq-full-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-template-contact .about-intro {
    padding: 0;
}
.page-template-contact .authentic-sec {
    padding-bottom: 0;
}

.single-rooms_suites .tab-content > .tab-pane:not(.active),
.single-rooms_suites .pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}
a.dropdown-item {
    width: fit-content;
}
.gallery-tab .tab-pane {
    margin: auto;
}

.imageleft.scrolled{
    transition: clip-path 1s cubic-bezier(1.000, 0.005, 0.000, 1.000);
    clip-path: inset(0px 0px 0px 0px);
    -webkit-clip-path: inset(0px 0px 0px 0px);
    transition-delay: 0.6s;
}

.imageright{
    transition: clip-path 1s cubic-bezier(1.000, 0.005, 0.000, 1.000);
    clip-path: inset(0 0% 0% 100%);
    -webkit-clip-path: inset(0 0% 0% 100%);
}

.imageright.scrolled{
    transition: clip-path 1s cubic-bezier(1.000, 0.005, 0.000, 1.000);
    clip-path: inset(0px 0px 0px 0px);
    -webkit-clip-path: inset(0px 0px 0px 0px);
    transition-delay: 0.6s;
}
.first-image img {
    width: 100%;
}
.room_slider {
    margin-left: 7%;
}
.near-place-sec .tab-pane {
    width: 100%;
}
.tab-content > .tab-pane:not(.active),
.pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}
.contact-image img {
    height: auto !important;
}

.explore-btn:hover{
    transform: scale(1.05);
    transition: all 0.5s;
}
.explore-btn{
    transform: scale(1); /* Initial scale when not hovered */
    transition: transform 0.5s ease-in-out; 
}
.facilities-div-wrap img:hover {
    transform: scale(1.05);
    transition: transform 0.5s ease-in-out; /* Easing effect when cursor hovers over */
}

.facilities-div-wrap img {
    transform: scale(1); /* Initial scale when not hovered */
    transition: transform 0.5s ease-in-out; /* Easing effect when cursor moves out */
}

.imageleft.scrolled{
    transition: clip-path 1s cubic-bezier(1.000, 0.005, 0.000, 1.000);
    clip-path: inset(0px 0px 0px 0px);
    -webkit-clip-path: inset(0px 0px 0px 0px);
    transition-delay: 0.6s;
}

.imageright{
    transition: clip-path 1s cubic-bezier(1.000, 0.005, 0.000, 1.000);
    clip-path: inset(0 0% 0% 100%);
    -webkit-clip-path: inset(0 0% 0% 100%);
}

.imageright.scrolled{
    transition: clip-path 1s cubic-bezier(1.000, 0.005, 0.000, 1.000);
    clip-path: inset(0px 0px 0px 0px);
    -webkit-clip-path: inset(0px 0px 0px 0px);
    transition-delay: 0.6s;
}
.logo_image {
    height: 85px;
    width: 150px;
    object-fit: contain;
}

.main-title.visible {
    width: max-content;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.main-title.visible {
    height: 22vh;
}
.show.active .explore-img {
    transition: clip-path 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
  clip-path: inset(0px 0px 0px 0px);
}
.black-pool-sec .sub--font {
    padding-right: 4rem;
}
/* Define the keyframes for zoom-in and zoom-out animation */
@keyframes zoomInAndOut {
    0%, 100% {
      transform: scale(0.95); /* Normal size at the beginning and end */
    }
    50% {
      transform: scale(1); /* Zoom-in to 120% size at 50% of the animation */
    }
  }
  
  /* Apply the animation to the .explore-btn element */
  .explore-btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #ff0000; /* Set your desired background color */
    color: #ffffff; /* Set your desired text color */
    text-decoration: none;
    border-radius: 5px;
    /* Set the animation properties */
    animation: zoomInAndOut 2s ease-in-out infinite;
  }

  .facilities-sec .font-45 {
    padding-right: 19.5rem;
}
.things-to-do-sec .font-45 {
    padding-right: 14rem;
}
.offers-sec .font-45 {
    padding-right: 14rem;
}
.pt-small{
    padding-top: 1rem;
}
.pb-small{
    padding-bottom: 1rem;
}
.address-f .text-decoration-none {
    color: #fff;
}
.about-sec  .main-title.visible, .facility-sec .main-title.visible, .wine-sec .main-title.visible{
    height: auto;
}
.about-sec h4 {
    padding-right: 15rem;
}
.contact-sec .main-title.visible {
    height: 14vh;
}
.things-sec .main-title.visible {
    height: 19vh;
}
.facility-sec h4 {
    padding-right: 15.5rem;
}
.impression-sec .main-title.visible {
    height: 17.5vh;
}

.media-links a:hover {
    filter: brightness(0) saturate(100%) invert(90%) sepia(67%) saturate(56%) hue-rotate(314deg) brightness(85%) contrast(110%);
}
a.explore-btn::before {
    content: '';
    position: absolute;
    background-color: #000;
    border-radius: 50% !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(0);
    transition: transform 1s;
}
.explore-btn:hover::before {
    border-radius: 50% !important;
    transform: scale(1);
}
.explore-btn span {
    display: block;
    position: relative;
    z-index: 1;
}
.tea-state {
    height: 100vh;
    object-fit: cover;
}
.facilities-sec {
    padding-top: 5rem;
}

.facilities-sec .slick-dots li:nth-child(-n+5) {
    display: inline-block;
}

.facilities-sec .slick-dots li {
    display: none;
}

.offer-title {
    padding: 4rem 0 4rem !important;
}
.testi-div-wrap {
    padding-top: 6rem;
}
.things-title{
    padding: 3rem 0 4rem !important;
}
.single-specility {
    display: inline-block;
    text-align: center;
    transition: transform 0.3s ease-in-out;
 }

 .single-specility:hover svg {
    animation: pop 1s ease-in-out infinite;
 }

 @keyframes pop {
    0%, 100% {
       transform: scale(1);
    }
    50% {
       transform: scale(1.1);
    }
 }

 .single-detail > div:before {
    animation: zoomInAndOut 2s ease-in-out infinite;
}
.getting-around-image img {
    animation: zoomInAndOut 2s cubic-bezier(0.4, 0, 1, 1) infinite;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.loading-animation {
    animation: fadeIn 1s ease-in-out;
}
.sub-title-contact {
    padding-right: 18rem;
}
.bottom-section.position-relative {
/*     position: fixed !important; */
/*     bottom: 0; */
    /* z-index: -1; */
    width: 100%;
}
.facility-sec-wrap {
    background-color: #fff;
}
.tea-state {
    height: 100% !important;
    object-fit: cover;
}
.tea-state-img-sec::before {
    top: -13% !important;
    z-index: 1;
}
.testimonials-sec {
    z-index: 2;
/* 	background-size: contain; */
}
.to-do img, .single-room-spec-img  {
    transform: scale(1);
    transition: transform 0.5s ease-in-out;
}
.to-do:hover img, .single-room-spec-img:hover  {
    transform: scale(1.1); /* Scale to 110% on hover */
}
.quick-social ul li a img {
    transform: scale(1);
    transition: transform 0.5s ease-in-out;
}
.quick-social ul li a:hover img {
    transform: scale(1.1); /* Scale to 110% on hover */
}
.circle {
    display: block;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: var(--dark-brown);
    margin: 2px;
    transition: 5s ease;
    position: absolute;
    top: 0px;
}
.container-waves, button.nav-link.active .container-waves {
    position: relative;
    width: 90px;
    height: 90px;
    margin-bottom: -24px;
    margin-right: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.auth-title{
    padding-top: 2rem;
}
.black-pool-sec {
    z-index: 2;
}
.top-footer {
    padding: 70px 0 !important;
}
  .top-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(57 56 56 / 100%);
}
.main-title.visible {
    backface-visibility: hidden;
}
.test {
    height: 27vh;
}
.bottom-section {
    padding: 2rem 0 0.5rem;
	padding-bottom: 120px;
}
.near-place-sec .tab-content {
    text-align: inherit;
}
.single-faq-wrap:hover {
    border: 1px solid #b3b3b3;
    animation: fadeIn 5s ease-in-out;
}
.single-faq-wrap {
    border: 1px solid transparent; /* Set initial border */
    transition: border 0.3s ease-in-out; /* Add a transition for smooth effect */
}

.single-faq-wrap:hover {
    border: 1px solid #b3b3b3; /* Change border color on hover */
}
.container-waves img {
    z-index: 2;
}
.circle {
    display: block;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: #474747;
    margin: 2px;
    transition: 5s ease;
    position: absolute;
    top: 0px;
}
span.play-button {
    display: flex;
    justify-content: center;
}
.container-waves, button.nav-link.active .container-waves {
    position: relative;
    width: 90px;
    height: 90px;
    margin-bottom: -24px;
    margin-right: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.delay1, button.nav-link.active .container-waves .delay1 {
    -webkit-animation: waves 10s linear infinite;
    animation: waves 10s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.delay4, button.nav-link.active .container-waves .delay4 {
    -webkit-animation: waves 10s linear infinite;
    animation: waves 10s linear infinite;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.delay3, button.nav-link.active .container-waves .delay3 {
    -webkit-animation: waves 10s linear infinite;
    animation: waves 10s linear infinite;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.delay2, button.nav-link.active .container-waves .delay2 {
    -webkit-animation: waves 10s linear infinite;
    animation: waves 10s linear infinite;
    -webkit-animation-delay: 7.5s;
    animation-delay: 7.5s;
}

@-webkit-keyframes waves {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes waves {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}
.div {
    width: 32.3%;
    height: auto !important;
}
.home .header div#toggle span {
    background: #fff;
}
.page-template-thing-to-do .wrapp-title {
    width: 100% !important;
}
.things-wrap h4 {
    padding-right: 30rem;
}
.home header#header {
    background: linear-gradient(180deg, rgb(0 0 0 / 52%) 1%, rgb(0 0 0 / -1%) 84%) !important;
}

p.menu-wording {
    color: #333;
    letter-spacing: 0.2em;
    padding-right: 2.5em;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
}
.home .menu-wording {
    color: #fff;
}
img.logo_image.black-v {
    height: 75px;
    width: max-content;
    object-fit: contain;
}
.full-width-img.position-relative.tea-state-img-sec {
    display: none;
}
@media (max-width: 1600px){
    .first-image img {
        height: 510px;
    }
    .second-image img {
        height: 548px;
    }
    .specility-wrap {
        width: 70%;
    }
    .aword-image {
        height: 250px;
    }
    /* .facilities-sec .font-45, .offers-sec .font-45{
        text-align: center !important;
    } */
    .facilities-sec .font-45 {
        padding-right: 11rem;
    }
    .things-to-do-sec h4 {
        width: 88%;
    }
    .font-30 {
        font-size: 25px;
        line-height: 45px;
    }
    .aminity ul {
        margin-left: 5rem;
    }
     .tab-sec .tab-content {
        width: 100% !important;
    }
    .room-slider-img img {
        height: 590px;
    }
    .room_video_thumbnail {
        height: 475px;
    }
    .authentic-sub-title {
        padding-right: 13rem;
    }
    .black-pool-sec .wrapp-title{
        width: 100% !important;
        margin: 0 auto;
    }
    .black-pool-sec .sub--font {
        padding-right: 0rem;
    }
    .blackpool-sec-sub-title {
        padding-right: 7rem !important;
    }
    .offers-sec .font-45 {
        padding-right: 28rem;
    }
    .about-sec h4 {
        padding-right: 30rem;
    }
    .about-intro {
        padding-bottom: 0;
    }
    .page-template-wine-dine .wrapp-title {
    width: 100% !important;
    }
    .page-template-wine-dine h4 {
        padding-right: 21rem;
    }
    .facility-sec h4 {
        padding-right: 30rem;
    }
    .page-id-19  .wrapp-title {
        width: 100%;
        margin: 0 auto;
    }
    .page-template-gallery h4 {
        padding-right: 22rem;
    }
    .things-wrap h4 {
        padding-right: 20rem;
    }
    #footer .sub--font {
        padding-right: 0;
    }
}
@media (max-width: 1536px){
    .things-to-do-sec h4 {
        width: 90%;
    }
}
@media (max-width: 1440px){
    .specility-name {
        font-size: 20px;
    }
    .aword-name {
        font-size: 20px;
        line-height: 30px;
    }
}
@media (max-width: 1366px){
    .sub-title-60{
        font-size: 40px;
        line-height: 40px;
    }
    .room-slider-img img {
        height: 590px;
    }
    .room-slider-img img {
        height: 490px;
    }
    .room_video_thumbnail {
        height: 475px;
    }
    .postid-114 .breadcrumbs {
/*         position: absolute; */
        padding-top: 2rem;
    }
    .tab-sec .nav-tabs img {
        height: 100px;
        width: 200px;
    }
    .black-pool-sec .font-45 {
        width: 96%;
    }
    button#mybtntop {
        bottom: 40px !important;
    }
    .to-do p {
        padding-right: 1rem;
    }
    .about-proprety-slider .slick-slide img {
        height: 400px;
    }
    .about-sec h4{
        width: 93%;
    }
    .single-room-spec {
        width: 33%;
    }
    .room-banner-sec {
        overflow: hidden;
    }
}
@media (max-width: 1280px){
    .aminity ul li {
        width: 33%;
    }
    .things-to-do-sec h4 {
        width: 100%;
        text-align: center !important;
        padding-top: 0.5rem;
    }
    .room-intro-sec .about-intro {
        padding-bottom: 0;
    }
    .postid-113 .room-spec-wrap > div {
        padding-left: 3rem;
    }
    .getting-around {
        right: -4rem;
        padding: 3rem;
    }
    .overlay:after {
        width: 63% !important;
    }
    .ig-img img {
        width: 78% !important;
    }
}
@media (max-width: 1024px){
    .font-25 {
        font-size: 16px;
        line-height: 34px;
    }
    .para {
        text-align: justify;
    }
    .single-rooms_suites .about-intro {
        padding-bottom: 0;
    }
    .room_video_thumbnail {
        height: 350px;
    }
    span.play-button svg {
        background-position: center;
        height: 60px;
    }
    .specility-wrap {
        width: 90%;
    }
    .achievements-slider .slick-next {
        right: 0;
    }
    .achievements-slider .slick-prev {
        left: 0;
    }
    .about-proprety-slider .slick-slide img {
        height: 300px;
    }
    .gallery-sec h4.sub-title-60 {
        padding: 0;
    }
    .first-image img {
        height: 350px;
    }
    .second-image img {
        height: 400px;
    }
    .about-gallery-sec:before {
        background-color: #F8F8F8;
        content: "";
        position: absolute;
        top: 39%;
        height: 60%;
        width: 100%;
        z-index: -1;
    }
    .gallery-sec {
        padding-top: 0 !important;
    }
    .tab-sec {
        padding-top: 0 !important;
    }
    .room-spec-content {
        padding-top: 0 !important;
    }
    .aminity-wrap h4 {
        padding-top: 0rem;
        padding-bottom: 2rem;
    }
    img.single-room-spec-img {
        height: 8vh;
    }
    .contact-details-sec  .main-wrapper {
        width: 85% !important;
    }
    .single-detail h2 {
        font-size: 20px;
    }
    .single-detail div {
        font: normal normal normal 16px/30px Inter Tight;
    }
    .getting-around {
        right: 0rem;
        padding: 2rem;
    }
    .contact-image img {
        width: 100%;
        overflow: hidden;
        object-fit: contain;
        height: 400px;
    }
    .faq-detail-wrap p {
        font-size: 17px;
    }
    .faq-detail-wrap h3 {
        font-size: 20px;
    }
    .page-id-23 .wrapp-title {
        width: 100%;
    }
    .getting-around-detail-wrap h3 {
        font: normal normal 600 16px/29px Inter Tight;
        padding-left: 0.5rem;
    }
    .getting-around-detail-wrap p {
        padding-left: 0.5rem;
        font-size: 16px;
    }
    .overlay:after {
        width: 70% !important;
    }
    .media-links a img {
        height: 3vh;
        width: 3vw;
        object-fit: contain;
    }
    .ig-img {
        padding: 0 50px !important
        ;
    }
    .overlay-menu {
        padding-left: 0rem !important;
    }
    
}
@media (max-width: 991px){
    .indulge-sec .main-wrapper {
        width: 90% !important;
    }
    .indulge-sec {
        width: 100% !important;
    }
    .single-room-spec {
        width: 50%;
    }
    .aminity ul li {
        width: 34%;
        margin: auto;
    }
    .aminity ul {
        margin-left: 1rem;
    }
    img.single-room-spec-img {
        height: 83px;
        width: 80px;
        object-fit: contain;
    }
    .room-banner-sec img {
        height: 350px;
        object-fit: cover;
    }
    .postid-113 .spec-and-des-wrap {
        flex-direction: column;
        width: 100%;
    }
    .postid-113  .grand-featured, .postid-113 .room-spec-wrap {
        width: 100%;
    }
    .grand-featured img {
        height: 400px;
        object-fit: cover;
        padding-bottom: 2rem;
    }
    .text-box img {
        padding-top: 1rem;
    }
    .text-box {
        padding: 1rem;
    }
    .text-box {
        overflow: auto;
    }
    .single-faq-wrap {
        width: 100%;
        margin-bottom: 1rem;
    }
    .overlay:after {
        width: 100% !important;
    }
    .for-mobile {
        flex-direction: column;
    }
    .overlay.open:before {
        display: none;
    }
    .ig-img {
        display: flex;
        background: #fff;
        width: 100%;
    }
    .ig-img {
        display: flex;
    }
    .overlay-menu {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .ig-img img {
        width: 40% !important;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0rem;
        height: 116px;
        object-fit: contain;
        margin: 2rem auto;
    }
    .overlay-menu {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .menu-full-menu-container {
        width: 90%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .follow-us {
        padding-top: 5rem;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .follow-us p {
        padding-bottom: 1rem;
    }
    ul#full-menu li {
        width: 100%;
    }
    .main-details {
        padding-bottom: 5rem !important;
        text-align: center !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .for-mobile {
        overflow: auto;
    }
    .follow-us {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    span.top, span.bottom {
/*         background: #333 !important; */
    }
    .overlay:before {
        content: unset !important;
    }
    .mobile-direction {
        flex-direction: column;
        flex-wrap: wrap;
    }
    div#v-pills-tab {
        width: 100% !important;
        margin: 0 !important;
        padding-bottom: 2rem;
    }
    div#v-pills-tabContent {
        width: 100% !important;
    }
    .mobile-direction div button {
        width: 48%;
    }
    .mobile-direction div {
        flex-direction: row !important;
        justify-content: right;
    }
}
@media (max-width: 768px){
    .things-to-do-sec h4 {
        width: 100%;
    }
    .stay-section .explore-btn {
        top: 7% !important;
    }
    .single-specility {
        width: 48%;
        margin-bottom: 1.5rem;
    }
    .about-proprety-slider .slick-slide:nth-child(odd) {
        padding-top: 0;
    }
    .aword-name {
        width: 95%;
        padding: 0.5rem 0;
    }
    .box {
        padding: 0.5rem;
    }
    .aword-name {
        font-size: 18px;
        line-height: 28px;
    }
    #accTab button.active {
        transform: inherit !important;
    }
	.aminity ul {
        height: 440px;
        overflow: scroll;
		scrollbar-width: thin;
    }
    .aminity ul li {
        width: 100%;
    }
    .room-spec-sec .min-wrapper {
        width: 90%;
    }
    .tab-sec .nav-tabs {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 4rem;
    }
    .tab-sec .nav-tabs {
        flex-wrap: wrap;
    }
    .room-slider-img img {
        height: 350px;
    }
    .room_video_thumbnail {
        height: 250px;
    }
    .room-type-wrap ul li {
        width: 46%;
    }
    .room-type-wrap .nav-tabs a img {
        width: 68%;
        margin: auto;
        object-fit: scale-down;
    }
    ul#myTab li {
        width: 49%;
    }
    ul#myTab {
        display: flex;
        flex-wrap: wrap;
    }
    .contact-image-wrap, .contact-detail-wrap {
        width: 100%;
    }
    .contact-detail-wrap {
        padding-bottom: 1rem;
    }
    .direction-sec iframe {
        height: 300px;
    }
    .getting-around-detail-wrap h3 {
        font: normal normal 600 16px/35px Inter Tight;
    }
    .getting-around {
        width: 59%;
    }
    .tab-pane .sub-tab {
        display: flex;
        flex-direction: column;
    }
    .ig-img img {
        margin: 0rem auto;
        padding: 1rem 0;
    }
    .button_container {
        top: 3rem;
    }
    .getting-around {
        position: relative !important;
        top: 2rem;
        right: 0;
        left: 0;
        width: 100% !important;
    }
    .contact-image img {
/*     width: fit-content !important; */
}
   
    
}
@media (max-width: 600px){
    .mobile-direction div button {
        width: 100%;
    }
    .mobi-hide {
        display: none !important;
    }
    .stay-section .pb-45 {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .stay-section .explore-btn {
        position: relative !important;
        top: auto !important;
        right: auto !important;
    }
    #accTab {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column !important;
        justify-content: center;
        align-items: center;
    }
    #accTab button.active:after{
        display: none;
    }
    .desktop-rooms {
        position: relative;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    #accTab button {
        padding: 10px 0;
        width: auto !important;
    }
    #accTab .nav-item {
        width: 100%;
        text-align: center !important;
        display: flex;
        justify-content: center;
    }
    ul#accTab {
        padding-bottom: 1rem;
    }
    #accTab button.active {
        transform: initial;
    }
    .para {
        text-align: center;
    }
    .desktop-rooms .tab-content {
        width: 100% !important;
        display: flex;
        justify-content: center !important;
        padding-bottom: 1rem;
    }
    .font-30 {
        font-size: 16px;
        line-height: 26px;
    }
    .font-18 {
        font-size: 15px;
        line-height: 30px;
    }
    .first-image img, .second-image img {
        height: auto !important;
    }
    .about-gallery-sec {
        padding: 0;
    }
    .first-image{
        width: 100%;
    }
    .second-image {
    display: none;
    }
    .about-gallery-sec {
        padding-top: 0 !important
    }
    .about-proprety-slider .slick-slide img {
        width: 100% !important;
    }
    .about-proprety-slider .slick-list {
        margin-right: 0%;
    }
    .sub-title-60 {
        font-size: 30px;
        line-height: 40px;
    }
    .about-gallery-sec:before {
        top: 9%;
        height: 92%;
        width: 100%;
    }
    .room-slider-img img {
        height: 350px;
    }
    .room_video_thumbnail {
        height: 250px;
    }
    form .two-col {
        width: 100%;
    }
    .section-top-padding {
        padding-top: 25px !important;
    }
    .section-bottom-padding {
        padding-bottom: 25px !important;
    }
    .indulge-sub-title {
        font: normal normal normal 20px/31px Playfair Display;
    }
    .single-room-spec img {
        height: 10vh;
    }
    textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-input {
        height: 150px;
    }
    .single-room-spec {
        width: 50%;
        justify-content: flex-start;
    }
    .room_video_thumbnail {
        height: 200px;
    }
    span.play-button {
        top: -17%;
    }
    .main-wrapper {
        width: 90%;
    }
    .aminity ul {
        margin-left: 0rem;
    }
    .room-spec-wrap {
        margin-left: 2rem;
    }
    .main-wrapper {
        width: 100%;
        margin: 0 auto;
    }
    .aminity ul {
        margin-left: -1rem;
    }
    .tab-sec .nav-tabs a {
        padding: 0.5rem 0rem;
    }
    .aminity ul {
        margin-left: 0rem;
    }
    .room-banner-sec img {
        height: 300px;
    }
    .spec-and-des-wrap {
        overflow: hidden;
    }
    .room-spec-wrap {
        margin-left: 0rem;
    }
    .postid-113 .room-spec-wrap > div {
        padding-left: 0rem;
    }
    .grand-featured img {
        height: 300px;
        object-fit: cover;
        padding-bottom: 2rem;
    }
    .main-wrapper {
        width: 100%;
        margin: 0 auto;
    }
    .restaurents-items:nth-child(even) {
        padding-top: 0 !important;
    }
    ul#myTab li {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .getting-around {
        position: relative !important;
    }
    .contact-image {
        width: 100%;
    }
    .getting-around {
        position: relative !important;
        top: 2rem;
        right: 0;
        left: 0;
        width: 100%;
    }
    .contact-image img {
        height: auto;
		width: 100%;
    }
    .menu-full-menu-container {
/*         padding-top: 3rem !important; */
    }
    .room_slider {
        margin-left: 0.5%;
    }
}
@media (max-width: 428px){
    .aminity ul li {
        width: 100%;
    }
    .single-room-spec {
        width: 100%;
    }
    .single-room-spec img {
        height: 7vh;
    }
/*     .single-room-spec {
        justify-content: center !important;
    } */
    .single-room-spec {
        padding: 0.25rem 0rem;
    }
    .room-spec-wrap {
        margin-left: 0rem;
    }
    .single-room-spec img {
        height: 5vh;
    }
    .single-room-spec-img {
        padding: 0.5rem;
    }
    .postid-113 .room-spec-wrap > div {
        width: 100%;
    }
    .postid-113 .room-spec-wrap > div {
        justify-content: flex-start !important;
    }
}
@media (max-width: 414px){
}
@media (max-width: 375px){
}
@media (max-width: 320px){
    .font-165 {
        font-size: 30px;
        line-height: 40px;
        padding-top: 0.5rem;
    }
}


/*hiding sections*/
.middle-sec, .home-teastate-img {
    display: none;
}