/* fonts */
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Regular.woff2");
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Black.woff2");
  font-weight: 900;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Heavy.woff2");
  font-weight: 800;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Bold.woff2");
  font-weight: 700;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Semibold.woff2");
  font-weight: 600;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Medium.woff2");
  font-weight: 500;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Regular.woff2");
  font-weight: 400;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Thin.woff2");
  font-weight: 300;
}
@font-face {
  font-family: 'SF-Pro-Display';
  src: url("../fonts/SF-Pro-Display-Ultralight.woff2");
  font-weight: 200;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* fonts end */

/* global */
:root{
  --theme-font: 'SF-Pro-Display';
  --theme-secondary-font: 'Roboto Slab';

  /* colors */
  --white: #fff;
  --vry-light: #f6f6f6;
  --border-light: #ffedf2;
  --light: #f4f4f4;
  --border-color: #e7e7e7;
  --fade-light: #f6f7f8;
  --fade: #d3d4d6;
  --mdm-grey: #8d8d8d;
  --heading-grey: #595959;
  --dark-grey: #67676f;
  --text-color: #343438;
  --theme-dark: #232425;
  --black: #000;

  --theme-light3: #ffe6e6;
  --theme-light2: #b14a4a;
  --theme-light1: #bd2626;
  --theme-color: #d91a1a;
  --theme-color1: #b80c0c;
  --theme-alpha1: #d91a1ab7;
  --theme-alpha2: #d91a1ad9;
  --theme-alpha: #d91a1a8f;
  --theme-color-vry-transparent: #d91a1a2a;
  --theme-color-transparent1: #d91a1a0e;
  --theme-bg: #ffecec;
  --theme-color-dark: #740c0c;

  --secondary-color: #252525;
  --secondary-color-alpha: #1f1f1fc2;
  --secondary-color-alpha1: #1f1f1f9d;
  --secondary-color-alpha2: #16161659;
  --secondary-color-alpha3: #1d1d1d2c;
  --secondary-color-text: #242424;
  --secondary-color-dark: #161616;
  /* colors end */

  /* greadient */
  --greadient1: linear-gradient(90deg, #e3ebea, transparent);
  /* greadient end */
}

/* html{font-size: 90%;} */

body {font-family: 'SF-Pro-Display', sans-serif; color: var(--text-color); }
a {display: inline-block; text-decoration: none; transition: all ease 0.5s;}
a:hover{color: var(--theme-color);}
span{display: inline-block;}
.heading{font-size: 3.125rem;}/*50px*/
.heading-lg{font-size: 2.813rem;}/*45px*/
.heading1{font-size: 2.5rem;}/*40px*/
.heading2{font-size: 2.188rem;}/*35px*/
.heading-sm1{font-size: 1.875rem;}/*30px*/
.heading-sm2{font-size: 1.79rem;}/*28.64px*/
.heading-md1{font-size: 1.688rem;}/*27px*/
.heading3{font-size: 1.625rem;}/*26px*/
.heading-sm3{font-size: 1.5rem;}/*24px*/
.heading4{font-size: 1.3rem;}/*21px*/
.heading5{font-size: 1.2rem;}/*19px*/
.heading6{font-size: 1.1rem;}/*17.6px*/
.heading7{font-size: 1rem;}/*16px*/
.heading8{font-size: 0.93rem;}/*14px*/
.heading9{font-size: 0.82rem;}/*13px*/

.para-lg{font-size: 1.438rem;}/*23px*/
.para-lg0{font-size: 1.375rem;}/*22px*/
.para-lg1{font-size: 1.313rem;}/*21px*/
.para-lg2{font-size: 1.25rem;}/*20px*/
.para-lg3{font-size: 1.188rem;}/*19px*/
.para-md{font-size: 1.125rem;}/*18px*/
.para-md1{font-size: 1.063rem;}/*17px*/
.para-md2{font-size: 1rem;}/*16px*/
.para-md3{font-size: 0.938rem;}/*15px*/
.para-sm{font-size: 0.875rem;}/*14px*/
.para-sm2{font-size: 0.813rem;}/*13px*/
.para-xs{font-size: 0.75rem;}/*12px*/
.para-xs2{font-size: 0.688rem;}/*11px*/


ul{margin: 0;}
p:nth-last-child(1){margin-bottom: 0;}
section{padding: 3.75rem 0;}
.clear-both{clear: both;}
.bold{font-weight: 700;}
.regular{font-weight: 400;}
a{color: inherit;}
a:hover{color: inherit;}
a:focus, button:focus, input:focus, .btn:focus, select:focus, select:focus-within, input:focus-within, textarea:focus {outline: none; box-shadow: none!important;}
.form-check-input:focus{box-shadow: none;}
::selection {color: var(--white);background: var(--theme-color-dark);}
.bg-theme{background-color: var(--theme-color);}
/* .container{max-width: 1300px;} */
/* .container-xl{max-width: 1624px;} */
.link-cover{position: absolute; top: 0;left: 0; width: 100%; height: 100%; z-index: 1;}
.h-auto{height: auto!important;}
input{box-shadow: none!important;}
.secondary-font{font-family: var(--secondary-font);}
.text-white{color:var(--white)}
.text-theme{color: var(--theme-color)!important;}
.text-secondary{color:var(--secondary-color-text)!important;}
.uppercase{text-transform: uppercase;}
.bg-theme{background-color: var(--theme-color); color: var(--white);}
.bg1{background-color: var(--theme-color-dark); color: var(--white);}
a:-webkit-any-link { color: inherit; }
/* global end */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

/* Firefox */
input[type=number] {-moz-appearance: textfield;}

/* buttons */
.btn-underline { font-size: 1.063rem; font-weight: 700; position: relative; }
.btn-underline:before { content: ""; height: 2px; position: absolute; bottom: 0; width: 100%; background-color: var(--theme-color); }
.btn svg { width: 1.063rem; margin-left: 0.875rem; }
/* .btn { background-color: #fff; display: inline-flex; align-items: center; font-size: 1rem; font-weight: 700; border-radius: 12px; padding: 0.813rem 1.125rem; } */
.btn{ background-color: var(--secondary-color); border-radius: 5rem; padding: 0.4rem 2rem; font-size: 1.063rem; color: var(--white); border: 2px solid transparent; transition: all ease 0.5s;}
.btn1{ background-color: var(--theme-color1)!important; border-radius: 5rem!important; padding: 0.6rem 3rem!important; font-size: 1.063rem!important; color: var(--white)!important; border: none!important; transition: all ease 0.5s;}
.btn1:hover{background-color: var(--secondary-color)!important;}
.btn:hover{background-color: var(--secondary-color-alpha1); color: var(--white);}
.btn-theme { background-color: var(--theme-color); color: var(--white); }
.btn-theme:hover { background-color: var(--theme-light2); color: var(--white); }
.btn-outline { border: 2px solid var(--secondary-color); background-color: var(--white); }
.btn-lg { padding: 0.813rem 1.8rem; font-size: 1.2rem; }
.btn-outline:hover {background-color: var(--theme-color); color: var(--white); border-color: transparent;}
.btn:disabled { pointer-events: all; cursor: no-drop; background-color: var(--mdm-grey); color: var(--white); }
.btn1-sml{padding: 0.25rem 1.7rem!important; font-size: 0.9rem!important;}
.btn-outline.btn-theme{color: var(--theme-color); border-color: var(--theme-color);}
.btn-outline.btn-theme:hover{color: var(--white);}
/* buttons end */


/* header */
.top-social { padding: 0; margin: 0; display: flex; }
.top-right { display: flex; padding: 0; margin: 0; }
.header-top { display: flex; justify-content: space-between; padding: 0.65rem 2.5rem; background-color:#455a64; color: var(--white); }
.main-header { display: flex; align-items: center; padding: 0.65rem 2.5rem; }
.header-nav { padding: 0; margin-left: auto; list-style: none; display: flex; }
.main-header { display: flex; align-items: center; padding: 0.65rem 2.5rem; background-color: var(--vry-light); }
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 5; border-bottom: 1px solid transparent; transition: all ease 0.5s;}
.scrolling-down { transform: translateY(-100%); }
.top-social a { padding: 0 0.5rem; }
.top-right li:nth-child(1) a { margin-right: 1.5rem; transform: scale(1.5); }
.top-right a { font-size: 1rem; font-weight: 500; }
.top-right li:not(:nth-child(1)) i { margin-right: 0.4rem; }
.header-nav a { font-size: 1.125rem; padding: 0 1rem; font-weight: 500; }
.header-nav+.btn { margin-right: 0.4rem; }
body { padding-top: 9.2rem; }
header a { position: relative; display: inline-block; }
header a:before { content: ""; width: 0%; height: 2px; position: absolute; background-color: currentColor; left: 0; bottom: 0; transition: all ease 0.5s; }
header a:hover:before{width: 100%;}
.header-nav a:hover, .header-nav a.active{color: var(--theme-color);}
/* .header-nav a:hover, .header-nav a.active:hover{color: var(--theme-color);} */
.top-social a:before, .top-right li:nth-child(1) a:before, .logo:before, .btn:before {display: none;}
header ul{list-style: none;}
.phone-menu{display: none;}
.top-right li { margin-right: 0.6rem; position: relative;}
/* header end */

/* banner */
.banner { padding: 0;position: relative; }
.banner-slide { overflow: hidden; }
.banner-slide>img { width: 100%; }
.banner-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; overflow: hidden;}


div#BEx4IDaY3bWD { display: flex; }
.widget { display: flex; align-items: center; justify-content: flex-end; }
.banner-container>div, .banner-container>div>div {height: 100%;}
div#book-now-widget { pointer-events: all; }

.swiper-pagination-bullet { border: 2px solid #fff; width: 1rem; height: 1rem; opacity: 1; background-color: transparent; transition: all ease 0.5s; }
.swiper-pagination-bullet-active { border-color: transparent; background-color: var(--white); }
/* banner end */

/* homepagge */
.aboutsec .aboutimg img { width: 100%; height: calc(100% + 6rem)!important; height: calc(100% + 6rem)!important; object-fit: contain; object-position: bottom right;} 
.aboutsec .aboutimg { height: 100%; display: flex; align-items: flex-end; }
.accommodationsec .site-btn a p { margin-bottom: 0; } .accommodationsec .site-btn a { margin: 0; align-items: center; }

.ph-gallery { width: 100%; height: 80vw; }

.ph-gallery td {
  background-size: cover;
  background-position: center;
  position: relative;
}
.ph-gallery td a{position: absolute; top: 0;left: 0; width: 100%; height: 100%;cursor: pointer;}
.ph-gallery tr:nth-child(1) td:nth-child(1) {
  width: 18%;
}

.ph-gallery tr:nth-child(1) td:nth-child(2) {
  width: 18%;
}

.ph-gallery tr:nth-child(1) td:nth-child(3) {
  width: 25%;
}

.ph-gallery tr:nth-child(1) td:nth-child(4) {
  width: 18%;
}

.ph-gallery td a img { display: none; }
.hover-box {
  overflow: hidden;
}
.hover-box:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: var(--theme-alpha1);
  text-align: center;
  transform: translate3d(-100%, 0, 0);
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
}


/* Mouse enter event */
.hover-box.mouseenter.top:before {
  animation-name: slide--enter-top;
}
.hover-box.mouseenter.right:before {
  animation-name: slide--enter-right;
}
.hover-box.mouseenter.bottom:before {
  animation-name: slide--enter-bottom;
}
.hover-box.mouseenter.left:before {
  animation-name: slide--enter-left;
}

/* Mouse leave event */
.hover-box.mouseleave.top:before {
  animation-name: slide--leave-top;
}
.hover-box.mouseleave.right:before {
  animation-name: slide--leave-right;
}
.hover-box.mouseleave.bottom:before {
  animation-name: slide--leave-bottom;
}
.hover-box.mouseleave.left:before {
  animation-name: slide--leave-left;
}

/* Sliding animations ! */
@keyframes slide--enter-top {
  0% { transform: translate3d(0, -100%, 0); }
  100% { transform: none; }
}
@keyframes slide--enter-right {
  0% { transform: translate3d(100%, 0, 0); }
  100% { transform: none; }
}
@keyframes slide--enter-bottom {
  0% { transform: translate3d(0, 100%, 0); }
  100% { transform: none; }
}
@keyframes slide--enter-left {
  0% { transform: translate3d(-100%, 0, 0); }
  100% { transform: none; }
}
@keyframes slide--leave-top {
  0% { transform: none; }
  100% { transform: translate3d(0, -100%, 0); }
}
@keyframes slide--leave-right {
  0% { transform: none; }
  100% { transform: translate3d(100%, 0, 0); }
}
@keyframes slide--leave-bottom {
  0% { transform: none; }
  100% { transform: translate3d(0, 100%, 0); }
}
@keyframes slide--leave-left {
  0% { transform: none; }
  100% { transform: translate3d(-100%, 0, 0); }
}

.gallery-content { text-align: center; font-weight: 600; font-size: 1.4rem; color: var(--white); position: relative; z-index: 5; pointer-events: none; opacity: 0; transition: all ease 0.5s; }
.ph-gallery td:hover .gallery-content{opacity: 1;}
.center-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.center-image img { width: 100%; height: 100%; object-fit: cover; transition: all ease 0.5s; }
.ph-gallery td:hover .center-image { transform: scale(1.1); }
.sml-header { box-shadow: 0 0px 30px 0px #0000002e; border-color: #e9e9e9;margin-top: -2.8rem; }
.logo img { width: 12.313rem; height: 5.063rem; object-fit: contain; transition: all ease 0.5s;}
.sml-header .logo img { width: 8.75rem; height: 4rem; }
.sml-header .header-nav>li>a { font-size: 1rem; padding: 0 0.6rem; }
.about-section { padding-bottom: 0; padding-top: 6rem; }
.aboutcontent{padding-bottom: 4rem;}
.heading-all{font-family: 'Roboto Slab', serif;}
.service-sec .ctitle{font-weight: 600;}
.service-list ul { padding: 0; }
.service-sec .sr-img { margin-bottom: 0.938rem!important; width: calc(100% - 1.5rem)!important; }
.service-sec .ctitle { width: calc(100% + 2rem)!important; margin-left: -1rem!important; }
.site-btn a p { margin-bottom: 0; }
.site-btn a{align-items: center;}
.sml-header .btn { padding: 0.25rem 1.2rem; font-size: 1rem; }
.accommodationsec .accom-image:hover .heading5{padding-bottom: 10px;}
.accommodationsec .accommodationslider .heading5{transition: all ease 0.5s;}
.accommodationsec .accom-image:hover img { box-shadow: 1.188rem 3.125rem var(--theme-color)!important; }
.accommodationsec .accom-image:hover .heading5{padding-left: 3rem!important;}
.accommodationsec .swiper { flex-direction: column;}
.acc-navigation { position: absolute; top: 50%; left: -2rem; width: calc(100% + 4rem); display: flex; justify-content: space-between; pointer-events: none; }
.acc-navigation button svg { width: 1.4rem; }
.acc-navigation button { padding: 0; border: none; background-color: transparent; cursor: pointer; transition: all ease 0.5s; pointer-events: all; }
.acc-navigation button:nth-child(1):hover {transform: translateX(-0.8rem);}
.acc-navigation button:nth-child(2):hover {transform: translateX(0.8rem);}
.acc-navigation button:hover{color: var(--theme-color);}
.acc-cover{position: relative; }
.followsec {text-align: center;}
.follow-social { padding: 0; display: flex; justify-content: center; }
.round-icon { width: 3.125rem; height: 3.125rem; display: grid; place-items: center; margin: 0 0.4rem; background-color: var(--fade); border-radius: 50%; font-size: 1.3rem; color:var(--white)!important; transition: all ease 0.5s; }
.facebook { background-color: #3a559f; }
.twitter { background-color: #2daae1; }
.instagram { background-color: #ab408b; }
.round-icon:hover { transform: scale(1.2); }
.ftr-link-wrap { margin-left: 3rem; }
.flogo { margin-bottom: 1rem;}
footer { padding: 4rem 0 0!important; }
footer .ftitle { font-family: 'Roboto Slab', serif; font-weight: 700; margin-top: 2rem; }
.ftr-link-wrap .links a { font-size: 1.05rem; margin-bottom: 0.4rem; position: relative; }
.ftr-link-wrap .links a:before{content: ""; width: 0; position: absolute; left: 0; bottom: 0; height: 2px; transition: all ease 0.5s;}
.ftr-link-wrap .links a:hover:before{width: 100%;}
.clist { margin-top: 2rem; }
footer .clist li{margin-bottom: 0.9rem;}
footer .clist li p, footer .clist li a { font-size: 1.1rem; }
footer .clist li a, .ftr-link-wrap .links a { position: relative; }

footer .clist li a::before, .ftr-link-wrap .links a:before { content: ""; width: 0; position: absolute; left: 0; bottom: 0; height: 2px; background-color: var(--black); transition: all ease 0.5s; }
footer .clist li a:hover:before, .ftr-link-wrap .links a:hover:before { width: 100%; }
.BEx4ZXaY3bINOUT { display: flex!important; flex-direction: column; }
div#BerkNtsPHneArrow { margin: 0 auto; border-bottom-color: var(--secondary-color-text); }
.BEh8JJiwI1dPaBPrice { width: auto!important; margin: 0!important; height: auto!important; padding: 0.3rem 0.9rem!important; border-radius: 4rem!important; background-color: var(--secondary-color-text)!important; }
.BEh4IDsZ4dZE { margin: 0!important; line-height: 1!important; display: flex!important; flex-direction: column!important; justify-content: center!important; color: var(--black)!important; font-family: 'SF-Pro-Display'!important; padding-right: 0.8rem!important; }
.BEh4IDsZ4eZE { padding: 0.6rem 0.4rem; color: var(--black)!important; font-family: 'SF-Pro-Display'; }
.BEh4IDsZdPr { position: absolute!important; margin: 0!important; top: 49px!important; right: 15px!important; height: auto!important; width: auto!important; }
/* homepagge end */

/*accomodation*/
.inner-banner { background-image: none!important; height: auto!important; }
.inner-banner-img { width: 100%; position: relative; z-index: -1; }
.accom-card a {display: block;}
.accom-card a img, .accom-card .acm-box img { width: 100%; height: 27.7rem; object-fit: cover; transition: all ease 0.5s; }
.accomlist { padding: 0 2.5rem; }
.accom-card .heading5 { padding: 1rem 1.2rem; border: 1px solid #0000003d; font-weight: 400; height: 4.1rem; display: flex; align-items: center; line-height: 1.1; font-size: 1.2rem; transition: all ease 0.5;}
.hover-box {position: relative;}
/* .accom-card:hover .heading5{display: none;} */
/* .accom-card:hover a img {height: 31.7rem;} */
/* .accom-card:hover .heading5 {height: 0;padding: 0;opacity: 0; pointer-events: none;}
.accom-card:hover a img {height: 31.6rem;} */
.accom-card-content { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 2rem; color: var(--white); text-align: center; pointer-events: none; transition: all ease 0.5s; opacity: 0; }
.accom-card:hover:hover .accom-card-content { opacity: 1; pointer-events: all; }
span.accom-icon { display: block; width: 100%; text-align: center; font-size: 3rem; }
.accom-ctr-cont { width: 50%; }
.accom-full-info { position: relative; background-color: var(--fade-light); }
.accom-side-img { position: absolute; right: 0; top: 0; bottom: 0; height: 100%; width: 50%; object-fit: contain; object-position: right; }
.gra a { display: flex; text-align: center; flex-direction: column; align-items: center; justify-content: center; }
.gra a img { background-color: var(--white); border: 2px solid #f5f5f5; padding: 1rem; border-radius: 50%; width: 9.25rem; height: 9.25rem; object-fit: contain; object-position: center; margin-bottom: 0.4rem; transition: all ease 0.5s;}
.gra a:hover img{transform: translateY(-1rem);}
.gra a .para-md1 { margin-bottom: 2rem; line-height: 1.25; font-weight: 500; }
.gra .row{justify-content: center;}
.gra a:hover img { transform: translateY(-1rem); box-shadow: 0 16px 30px #00000030; }
.hotelsec .hotel-img{padding-left: 5rem;}
.hotelsec .hotel-content { display: flex; flex-direction: column; justify-content: center; }
.about-cont-sec { background-color: var(--light); }

.midsec { align-items: center; }
.midsec .mid-icon img { width: 8rem; height: 8rem; object-fit: contain; object-position: center; border-radius: 50%; border: 2px solid #f1f1f1; padding: 1rem; }
.midsec { padding: 2rem 0; border-bottom: 1px solid #ededed; }
.midsec:nth-last-child(1){border: none;}
/*accomodation end*/

/* contact us */
.contact-us { padding: 0; }
.contact-left { padding: 5rem 4rem; }
.contact-list { padding: 0; list-style: none; }
.contact-list>li>a, .contact-list>li>span { display: flex; align-items: center; margin-bottom: 1.4rem; }
.contact-list>li>a img, .contact-list>li>span img { margin-right: 1.6rem; }
.contact-form { padding: 2rem 2.4rem; margin-top: -7rem; background-color: var(--light); }
.contact-form .form-control { border-radius: 0; height: 3.063rem; }
.contact-form textarea.form-control { height: auto; }
.page-map iframe { width: 100%; height: 26rem; }
.ntl-card img { width: 100%; margin-bottom: 1rem; }
.ntl-card { margin-bottom: 4rem; }
.service-sec{align-items: center; justify-content: center;cursor: pointer;}
.service-sec .sr-img{transition: all ease 0.5s;}
.service-sec:hover .sr-img{transform: translateY(10px);}
.service-sec:hover .sr-img { transform: translateY(-10px); box-shadow: 0 10px 9px #0000002e; }
.weather-content { position: absolute; background-color: var(--black); padding: 1rem; z-index: 1; left: 50%; width: 14rem; transform: translateX(-50%); top: calc(100% + 0.6rem); border-radius: 0.5rem; box-shadow: 0 7px 10px #0003; }
.city-name { font-size: 1rem; }
.city-temp { font-size: 2.4rem; }
.weather-content figcaption { position: absolute; right: 1rem; bottom: 1.5rem; }
.aboutcontent .spara{font-family: 'Roboto Slab', serif;}
.weather-content { display: flex; align-items: center; }
.wh-left { padding-right: 1rem; font-size: 2rem; font-weight: 600; }
/* contact us end */

.has-droapdown ul { position: absolute; left: 50%; top: calc(100% + 6rem); transform: translateX(-50%); width: 13rem; background-color: var(--black); padding: 0.6rem 0; border-radius: 0.5rem; transition: all ease 0.5s; pointer-events: none; opacity: 0; }
.has-droapdown ul li a { color: var(--white); font-size: 1rem; padding: 0.2rem 1rem; display: block; }
/* .has-droapdown ul li:nth-last-child(1) a { padding-bottom: 1rem; } .has-droapdown ul li:nth-child(1) a { padding-top: 1rem; } */
.has-droapdown { position: relative; }
.has-droapdown ul li a:before{display: none;}
.has-droapdown ul li a:hover { background-color: var(--theme-color); color: var(--white); }
.has-droapdown ul:before { content: ""; position: absolute; border: 10px solid transparent; left: 50%; bottom: calc(100%); border-bottom-color: var(--black); transform: translateX(-50%); }
.has-droapdown:hover>ul { top:100%; pointer-events: all; opacity: 1; }
.header-nav>li { padding: 0.6rem 0; }
.has-droapdown:after { content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; margin-left: -0.8rem; margin-right: 0.4rem; transition: all ease 0.5s; font-size: 0.8rem; }
.has-droapdown:hover:after{transform: rotate(180deg);}
.sml-header .has-droapdown:after { margin-left: -0.5rem; }
.has-droapdown ul li a.active { background-color: var(--theme-color); color: var(--white); }

.phone-menu span{transform-origin: right;}
.menu-opened .phone-menu span:nth-child(1){
  transform: rotate(-45deg);
    transform-origin: right;
}
.menu-opened .phone-menu span:nth-child(2){
  opacity: 0;
}
.menu-opened .phone-menu span:nth-child(3){
  transform: rotate(45deg);
    transform-origin: right;
}
.tele-info-box{display: none;}
.tele-info-box { display: none; position: absolute; width: 12rem; left: auto; right: -5px; background-color: var(--black); padding: 1rem; border-radius: 0.5rem; line-height: 1.8; top: calc(100% + 0.5rem); z-index: 5;}
.tele-wrapper{pointer-events: none;}
.accom-row { display: flex; justify-content: space-between; }
.accom-row .form-select { width: calc(25% - 1rem); }
.resv-row .form-label { margin-bottom: 0; }
.right-box{  height: 100%;}
.right-box img { width: 100%; height: 100%; object-fit: cover; object-position: center; box-shadow: 18px 25px var(--theme-color); }
.aboutcontent{text-align: justify;}
.accommodationsec p { text-align: justify!important; text-align-last: center!important; }
.accomm-page .accommodations .para-md { text-align: justify; }
.about_box { text-align: justify; }
.hotelsec .hotel-content { text-align: justify; }
.ntl-card, .midsec {text-align: justify;}


/* date picker */
.ui-datepicker { background-color: var(--text-color); border: none!important; padding: 15px; color: var(--white); border-radius: 15px; }
.ui-datepicker-header { padding: 0!important; margin: 0!important; background-color: transparent; border: none; color: var(--white); }
.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon { opacity: 0; }
.ui-datepicker .ui-state-hover { border: none; background-color: transparent; }

.ui-datepicker-prev:before, .ui-datepicker-next:before {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: var(--white);
}
.ui-datepicker-prev:before{
content: "\f053";
}
.ui-datepicker-next:before{
content: "\f054";
}

.ui-datepicker .ui-datepicker-prev-hover{top: 2px; left: 2px;}
.ui-datepicker .ui-datepicker-next-hover{top: 2px; right: 2px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; display: grid; place-items: center; transition: all ease 0.5s;}
.ui-datepicker .ui-datepicker-prev:hover{transform: translateX(-3px);}
.ui-datepicker .ui-datepicker-next:hover{transform: translateX(3px);}
.ui-datepicker .ui-state-default { background-color: transparent; border-color: transparent; display: grid; place-items: center; color: var(--white);     border-radius: 6px;}
.ui-datepicker-current-day a { background-color: var(--theme-color)!important; color: var(--white)!important; font-weight: 600!important; }
.ui-datepicker .ui-state-default:hover { background-color: var(--theme-light2)!important; }
.ui-selectmenu-menu { border-radius: 13px; overflow: hidden; }
.ui-selectmenu-menu .ui-menu-item { background-color: var(--theme-color); border: none; color: var(--white); font-size: 14px; }
.ui-menu .ui-menu-item-wrapper { border: none; padding: 7px 18px; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: none; background-color: var(--theme-light2); margin: 0; }
.ui-selectmenu-menu .ui-menu { border: none!important; background-color: transparent; }
.theme-select .ui-selectmenu-text { font-weight: 600; color: var(--theme-color); }
.mq-item:hover { background-color: var(--theme-color-transparent1); padding-inline: 15px; }
.ui-datepicker-month { background-color: transparent; color: var(--white); cursor: pointer; border: none; max-width: 50px; margin-right: 19px!important; } 
.ui-datepicker-month option { background-color: var(--theme-light2); }

.aboutsec .container {position: relative;}
.annerversory-link { position: absolute; top: -7.5rem; right: 24rem; z-index: 1; }
.annev-section a:hover { transform: translateY(-0.5rem); box-shadow: 0 10px 14px var(--theme-alpha); } 
.annev-section a img { width: 100%; }.annev-section a { display: block; cursor: pointer; }

.acm-box{cursor: pointer;}
.accom-card-content .btn { position: absolute; top: 0; left: 0; border-radius: 0; width: 100%; height: 100%; opacity: 0; }
.accommodationsec {background-color: var(--vry-light);}
.servicesec{background-color: var(--white)!important;}

div#book-now-widget {
  transform: scale(0.9);
}
.hand-icon { position: absolute; width: 5rem; bottom: 0; right: -35px; }

span#BEh4JJkwI4dZEDP, span.BEh4IDsZ4fZE, .btnModifyCancle {pointer-events: none;}








   
.go-corner {
  display: flex;
  /* align-items: center; */
  justify-content: center;
  position: absolute;
 
  overflow: hidden;
  top: 0;
  right: 0;
  background-color: #00838d;
  border-radius: 0 4px 0 32px;
}

.go-arrow {
  margin-top: -4px;
  margin-right: -4px;
  color: white;
  font-family: courier, sans;
}

.card1 {
  display: block;
  position: relative;
  max-width: 262px;
  background-color: #f2f8f9;
  border-radius: 4px;
  padding: 32px 24px;
  margin: 12px;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;

  &:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -16px;
    right: -16px;
    background: #00838d;
    height: 32px;
    width: 32px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.25s ease-out;
  }

  &:hover:before {
    transform: scale(21);
  }
}

.card1:hover {
  p {
    transition: all 0.3s ease-out;
    color: rgba(255, 255, 255, 0.8);
  }
  h3 {
    transition: all 0.3s ease-out;
    color: #ffffff;
  }
}

.card2 {
  display: block;
  top: 0px;
  position: relative;
  border-radius: 10px;
  padding: 32px 24px;
  /* margin: 12px; */
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
  border: 1px solid #dfdfdf;

  &:hover {
    transition: all 0.2s ease-out;
    box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
    top: -4px;
    border: 1px solid #cccccc;
    background-color: white;
  }