/* ========google-font========== */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

:root {
  --main: #01a7a8;
  --white: #ffffff;
  --black: #000000;
  --accent: #25D366;
  --bg: #f0f0f0;
  --muted: #666;
  --header: #075e54;
  --chat: #ece5dd;
  --white: #fff
}  
/* Indivisible - Light Italic & Medium */
@font-face {
  font-family: "Indivisible";
  src: url("../css/font/fonnts.com-Indivisible_Light_Italic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Indivisible";
  src: url("../css/font/fonnts.com-Indivisible_Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Span Thin - lightest */
@font-face {
  font-family: "Span";
  src: url("../css/font/fonnts.com-Span-Thin.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* Span Light */
@font-face {
  font-family: "Span";
  src: url("../css/font/fonnts.com-Span-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Span Semibold */
@font-face {
  font-family: "Span";
  src: url("../css/font/fonnts.com-Span-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Optional: define an italic fallback if you don't have italic files */
@font-face {
  font-family: "Span";
  src: url("../css/font/fonnts.com-Span-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: italic; /* will simulate italic if no real italic file */
  font-display: swap;
}


/* =================Root============= */

body,
html {
  color: #202020;
  font-family: "Inter", Arial, sans-serif;
  font-size: 1rem;
  scroll-behavior: smooth;
  background: #fff;
  font-weight: 400;
  background: #fff;
}

::-moz-selection {
  /* Code for Firefox */
  color: #fff;
  background: var(--main);
}

::selection {
  color: #fff;
  background: var(--main);
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}

a {
  text-decoration: none; 
  outline: none;
}

p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8750rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Span', serif;
  padding: 0; 
  text-transform: full-size-kana;
}

.container-fluid {
  max-width: 90%; 
}
.top_header { 
	width: 100%; 
  z-index: 9999; 
	position: relative;
	top: 0;
	padding: 18px 0; 
} 
.top_container {
	color: #fff; 
	border-radius: 0 0 0.6250rem 0.6250rem;
} 
.top_leftt ul{
  padding: 0;;
  display: flex;
  align-items: center;
  margin: 0;
}

.top_leftt ul li{
  list-style: none;
  margin: 0;
  
}

.top_leftt ul li a {
	color: #fff;
	font-size: 0.8125rem;
	margin: 0 1.2500rem 0 0; 
}

.topfixx {
	position: fixed;
	width: 100%;  
	z-index: 999; 
	top: 0;
}
.flmingoimg {
	position: absolute;
	left: 24%; 
	z-index: 999;
	opacity: 0.1;
}

.righttdtill ul{
  justify-content: flex-end;
}










/* header */

header {
  width: 100%; 
  z-index: 1;   
  border-radius: 0;  
  background: transparent;
  padding: 0;   
  position: relative;
  top: 0;
  transition: 0.3s; 
  left: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
 .hdfixful {
	position: fixed;
	z-index: 999;
	width: 100%;
	left: 0; 
	top: 0;
}
.menu_header {
  border-bottom: none;
  padding: 0 3.7500rem;
  background: var(--secondary);
  border-top: 0.0625rem solid #e6e6e6;
}

 .navbar-brand {
  width: 7.5000rem;  
  margin: 0;
  padding: 0;  
  display: inline-block;
}

.navbar {
  padding: 0;
  border-bottom: none;
  align-items: center;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: var(--main); 
}

.dropdown .nav-link:focus,
.megamenu_drop-down .nav-link:hover {
  color: var(--main);
  background: transparent;
}


.navbar-expand-xl .navbar-nav .nav-link {
  font-size: 0.8125rem; 
  font-weight: 300;
  display: block; 
  padding: 1.2500rem 1rem;
  text-decoration: none;  
  letter-spacing: 0.1250rem;
  position: relative; 
  white-space: nowrap; 
  z-index: 999;
  color: #fff;
  letter-spacing: 0.04vw;
  text-transform: uppercase;
}

.navbar-expand-xl .navbar-nav .nav-item .nav-link::before {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: -0.0625rem;
  top: 0;
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transition: all 0.45s ease 0s;
  -webkit-transition: all 0.45s ease 0s;
  -moz-transition: all 0.45s ease 0s;
  -ms-transition: all 0.45s ease 0s;
  -o-transition: all 0.45s ease 0s;
  z-index: -1;
}


.fixed {
  position: fixed;
  left: 0;
  top: 0; 
  width: 100%;    
  z-index: 999; 
  box-shadow: 0 0.0625rem 0.3125rem rgba(0, 0, 0, .2);
  background: #fff;
  padding: 0rem 0;
  transition: 0.3s;
}


.toggle_nav .bars .bar {
  height: 0.0625rem;
  border-radius: 0.6250rem;
  background: #fff;
  transition: 0.2s;

}

.toggle_nav .bars .bar:nth-child(1) {
  width: 100%;
  transition: 0.2s;

  margin-left: auto;
}

.toggle_nav .bars .bar:nth-child(2) {
  width: 100%;
  margin: 0 0 0 auto;
  transition: 0.2s;

}

.toggle_nav .bars .bar:nth-child(3) {
  width: 100%;
  transition: 0.2s;

}

.toggle_nav .bars {
  width: 2rem;
  height: 1.7500rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  cursor: pointer;
  /*! padding: 0.6250rem 0; */
  margin: 0;
  transition: 0.2s;

}

.toggle_nav:hover .bars .bar:nth-child(1) {
  width: 80%;
}

.toggle_nav:hover .bars .bar:nth-child(3) {
  width: 60%;
  transition: 0.2s;
}

.dropdown-menu {
  border: none;
  background: #fff;
  padding: 0.6250rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0rem 0.2500rem 0.7500rem;
  border-radius: 0.6250rem;
}

.dropdown-item {
  padding: 0.3125rem 0.8750rem;
  font-size: 0.8125rem;
  color: #434343;
  border-radius: 0.6250rem;
  font-weight: 500;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--main);
  background-color: rgb(241 241 241);
}

.navbar-expand-xl .navbar-nav {
  align-items: center;
}

.fixed .white_logo {
  display: none;
}

.fixed .black_logo {
  display: block !important;
  width: 7.5000rem;  
  margin: 0 auto;
}

.callbtn { 
	margin: 0;
	display: inline-block;
	border: 0.1250rem solid var(--main);
	transition: 0.4s;
	text-align: center;
	padding: 0.3750rem 0.6875rem; 
	background: var(--main);
	color: #fff !important; 
	font-weight: bold;
	white-space: nowrap;
	border-radius: 0.1250rem;
	text-transform: uppercase;
	font-size: 0.7500rem;
}

.fixed .navbar-expand-xl .navbar-nav .nav-link {
  color: #020202;
  padding: 1.2500rem 1rem;
}

.fixed .toggle_nav .bars .bar {
  background: #000;
}

.banner_content {
  position: absolute;
  z-index: 99; 
  top: 50%; 
  left: 50%;  
  max-width: 41.4375rem;
  transform: translate(-50% , -50%);
  text-align: center;display:none;
}

.fixed .btn_login {
  /*! padding: 0.6875rem 1.7500rem !important; */
  border: 0.0625rem solid var(--main) !important;
  color: #fff !important;
  margin: 0.6250rem;
  max-width: 94%; 
  text-align: center !important;
  background: var(--main) !important;
}

.black_logo{
  display: none!important;
}
.hamburger {
    width: 50px;
    height: 50px;
    position: relative;
    cursor: pointer; 
    /*! background: #ddd; */ 
    padding: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-radius: 100%;
    /*! border: 1px solid #ffffff0f; */
  }
.hamburger:hover{
  transform: scale(1.09); 
  }
  .hamburger span {
    /*! position: absolute; */
    left: 0; 
    width: 82%;  
    height: 0.1250rem;
    background: #fff; 
    border-radius: 0.2500rem;
    transition: transform 0.3s ease, top 0.3s ease, opacity 0.3s ease;
  }
 
  .hamburger span:nth-child(1) { top: 0; margin: 0 0 7px 0;}
  .hamburger span:nth-child(2) { top: 0.8125rem; margin: 0 0 7px 0;}
  .hamburger span:nth-child(3) { top: 1.6250rem; }

  /* Active state → X */
  .hamburger.active span:nth-child(1) {
    top: 0.8125rem;
    transform: rotate(45deg);
  }
  .hamburger.active span:nth-child(2) {
    opacity: 0;
  }
  .hamburger.active span:nth-child(3) {
    top: 0.8125rem;
    transform: rotate(-45deg);
  }
.fixed .hamburger span { 
	background: #000; 
}

.containerpading {
	border-bottom: none;
	/*! padding-bottom: 1.5000rem; */
	/*! background: rgba(255, 255, 255, 0.85); */
	border-radius: 0.6250rem;  
	/*! background: transparent; */
	transition: 0.3s;
	/*! backdrop-filter: blur(0.2500rem); */
} 

.offcanvas.offcanvas-top {
	top: 0;
	right: 0;
	left: 0;
	height: 100vh;   
}
  
.offcanvas-header .hamburger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 0.1250rem;
	background: #000;
	border-radius: 0.2500rem;
	transition: transform 0.3s ease, top 0.3s ease, opacity 0.3s ease;
}
.offcanvas.offcanvas-start { 
	width: 60%; 
  background: #f3efee url(../images/offbg.png);
  z-index: 99999;
 
} 

.offcanvas.offcanvas-start:before { 
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  background: #f3efee url(../images/offbg.png);

  z-index: -1;
} 
.offcanvas header {
	width: 100%; 
	padding: 0.6250rem 0;
	position: relative; 
	top: 0;
	border-bottom: 0.0625rem solid #ddd; 
	box-shadow: none;
	background: #fff;
}


        /* Navigation Links */
       .offcanvas-body  .nav-menu {
            list-style: none;
            width: 100%;
            padding: 0;
        }

        .offcanvas-body  .nav-link { 
	color: #000; 
}

        .offcanvas-body .nav-item {
            margin: 0; 
            transform: none;
            /*! transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); */
            line-height: normal;
        }

        .offcanvas-body .nav-item.animate {
            opacity: 1;
            transform: translateY(0);
        }

        .offcanvas-body .nav-link {
            font-size: 1.7500rem;
            font-weight: 200;
            color: #382F2D; 
            text-decoration: none;
            display: block;   
            padding: 0.9375rem 0;    
            position: relative; 
            overflow: hidden;
            transition: all 0.4s ease;
            line-height: normal;
            display: flex;
            align-items: center;
            line-height: 1;
            font-family: 'Span', serif;
        }

 


.menubtn {
	display: flex;
	align-items: center;
	/*! background: #02a9a7; */ 
	width: 120px; 
	border-radius: 50px;
	height: 43px;
	border: 1px solid #ffffff47;
	padding: 1px 0 0 7px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
}

.logo_revieww a:first-child img {
  height:50px;
}

.menubtn u{
  text-decoration:none!important;
}
 
.offcanvas-body{
  padding: 2.7500rem 6.2500rem;
  padding-top: 3.1250rem; 
} 
 
.contactt {
	padding: 0;
	/*! background: #ddd; */ 
	/*! border-top: 0.0625rem solid #ddd; */ 
	margin: 1.8750rem 0 0 0;
} 

.contactt ul{
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
} 
.contactt ul li{
  padding: 0;
  list-style: none;
}
.contactt ul li a {
	padding: 0.4375rem 0;
	display: block;
	color: #6c5650;
	font-size: 1.1250rem;
	font-family: "Inter", Arial, sans-serif;
	letter-spacing: 0.0625rem;
  transition: 0.3s;
	font-weight: 400;
	letter-spacing: 0rem;
}
.contactt ul li a i {
	color: #979797; 
	font-size: 0.9375rem;
	margin: 0 0.3125rem 0 0; 
}

.contactt ul li a:hover { 
	color: var(--main); 
  transition: 0.3s;
}
.banklogo { 
	width: 100%;
	margin: 0 auto;
  margin-top: 0rem;
}
.banklogo img {
  width: 100%; 
}
 
.smallmenuu .nav-item .nav-link {
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.1250rem;   
	padding: 0.6250rem 0 !important; 
	/*! color: #666464; */
	font-family: "Indivisible", Arial, sans-serif;
}
 


/* header */


/* banner */

.bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;   
  height: 102vh; 
  background:rgba(0, 0, 0, 0.05);
}
 
.bg-video-wrap  iframe {
  position: absolute;
  top: 50%;
  left: 50%; 
  width: 100vw;
  height: 126vh;
  transform: translate(-50%, -50%);
  pointer-events: none;
}


video {
  width: 100%;
  height: 100%;
  z-index: 1; 
  object-fit: cover; 
} 
.overlay {
  width: 100%;
  height: 100%; 
  position: absolute; 
  top: 0; 
  left: 0;  
  background: rgba(5, 0, 28, 0.54);  
  z-index: 2;
  --tw-bg-opacity: 1;
  background: radial-gradient(50% 50% at 50% 50%,transparent 47%,rgba(0, 0, 0, 0.09) 100%),linear-gradient(180deg,rgba(0, 0, 0, 0.7),transparent 16.5%);
  /*! opacity: 0.25; */
}


.hero_main {
  padding: 0;
  background: #000;
  background-repeat: no-repeat;  
  position: relative; 
  z-index: 1; 
  height: 98vh; 
  overflow: hidden; 
  color: #fff; 
  align-items: center;
  margin: 0.5%;
  border-radius: 15px;
} 

.hero_main:before {
  /*! content:''; */
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
}

.hero_main h1 { 
  font-size: 4.3750rem;
  color: #fff; 
  font-family: 'Span', serif;   
  margin: 0 0 1rem 0;
  letter-spacing: -0.0625rem;  
  line-height: 4.9250rem;
  text-transform: capitalize;
}

.hero_main h6 {
  display: inline-block;
  border: 0.0625rem solid rgb(255 255 255 / 32%);
  padding: 0.5000rem 0.8750rem; 
  color: #fff;
  font-weight: 400;
  margin: 0 0 1.2500rem 0;
  border-radius: 0.6250rem;
  font-size: 0.6250rem;
  font-family: proxima nova;
}

.hero_main h5 {
  margin: 0 0 1.2500rem 0;
  max-width: 74%;
  line-height: 1.9375rem;
  font-family: Lato;
  font-weight: 300;
  font-size: 1rem;
  margin: 0 auto;
  margin-bottom: 1.2500rem;
}

.hero_main p {
  color: #fff;
  font-size: 0.6875rem; 
  font-family: "Inter", Arial, sans-serif;
  letter-spacing: 0.1250rem;
  text-transform: uppercase; 
  position: relative; 
  margin: 0;
}

.hero_main h1 span { 
  text-shadow: none;
  /*! font-style: italic; */
  font-weight: 300;  
  text-transform: capitalize;
  font-family: 'Span', serif;
}

.btn_login {
  padding: 0 1rem !important;
  border: 0.0625rem solid #e36724;
  border-radius: 0.3125rem; 
  color: #fff !important; 
  background: #e36724 !important; 
  align-items: center;  
  letter-spacing: .05vw !important;
  height: 2.5000rem;
  line-height: 2.0625rem;
  margin: 0;
}

.btn_login::after {
  display: none !important;
}


.btn_login span {
  width: 1.8750rem;
  height: 1.8750rem;
  overflow: hidden;
  border-radius: 100%;
  margin: 0 0.5000rem 0 0;
}

.btn_login span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.btn_login:hover {
  background: #fff;
  color: #000 !important;
  transition: 0.3s;
  box-shadow: 0 0.1250rem 0.2500rem rgba(0, 0, 0, 0.18);
}

.search_dv {
  padding: 0.6250rem;
  border-radius: 0.6250rem;
  background: #fff;
}

.search_dv .form-control {
  height: 3.7500rem;
  border: none;
  font-size: 1.2500rem;
  font-weight: 600;
  background: rgb(255, 255, 255);
  color: #3c3c3c;
}

.search_dv .form-control:focus {
  box-shadow: none;
  border: none;
  background: transparent;
}

.search_dv .form-control::placeholder {
  color: #999;
  font-weight: 400;
  font-size: 1rem;
}

.search_dv .input-group {
  align-items: center;
  padding-left: 0.6250rem;
}

.locatpin {
  font-size: 1.2500rem;
  color: var(--main);
}

.logo_revieww {
	
	/*! max-width: 31.2500rem; */ 
	z-index: 9;  
	display: flex;margin-bottom:30px;
	align-items: center;width:100%;justify-content:center;
}
.logo_revieww img {
	height:55px;
  margin: 0; margin-left:20px;
}




.mouse_scroll {
  display: block;
  margin: 0 auto;
  width: 1.3750rem;
  height: 6.2500rem;
  margin-top: 0;
  position: absolute;
  left: 50%;
  bottom: 21%;
  z-index: 9;
}


.m_scroll_arrows {
  display: block;
  width: 0.3125rem; 
  height: 0.3125rem;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);

  border-right: 0.1250rem solid white;
  border-bottom: 0.1250rem solid white;
  margin: 0 0 0.4375rem 0.2500rem;

  width: 1.5625rem;
  height: 1.5625rem;
  margin: 0 auto;
  margin-bottom: 0.3125rem;
}


.unu {
  margin-top: 0.0625rem;
}

.unu,
.doi,
.trei {
  -webkit-animation: mouse-scroll 1s infinite;
  -moz-animation: mouse-scroll 1s infinite;
  animation: mouse-scroll 1s infinite;

}

.unu {
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;

  animation-direction: alternate;
  animation-delay: alternate;
}

.doi {
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;

  animation-delay: .2s;
  animation-direction: alternate;

  margin-top: -0.3750rem;
}

.trei {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;

  animation-delay: .3s;
  animation-direction: alternate;


  margin-top: -0.3750rem;
}

.mouse {
  height: 1.8750rem;
  width: 1.1250rem;
  border-radius: 0.8750rem;
  transform: none;
  border: 0.0625rem solid white;  
  top: 10.6250rem;  
  margin: 0 auto;
  margin-bottom: 0.3125rem;
  opacity: 0;
}

.wheel {
  height: 0.3125rem;
  width: 0.1250rem;
  display: block;
  margin: 0.3125rem auto;
  background: white;
  position: relative;

  height: 0.2500rem;
  width: 0.2500rem;
  border: 0.1250rem solid #fff;
  -webkit-border-radius: 0.5000rem;
  border-radius: 0.5000rem;
}

.wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(0.3750rem);
    -ms-transform: translateY(0.3750rem);
    transform: translateY(0.3750rem);
  }
}

@-moz-keyframes mouse-wheel {
  0% {
    top: 0.0625rem;
  }

  25% {
    top: 0.1250rem;
  }

  50% {
    top: 0.1875rem;
  }

  75% {
    top: 0.1250rem;
  }

  100% {
    top: 0.0625rem;
  }
}

@-o-keyframes mouse-wheel {

  0% {
    top: 0.0625rem;
  }

  25% {
    top: 0.1250rem;
  }

  50% {
    top: 0.1875rem;
  }

  75% {
    top: 0.1250rem;
  }

  100% {
    top: 0.0625rem;
  }
}

@keyframes mouse-wheel {

  0% {
    top: 0.0625rem;
  }

  25% {
    top: 0.1250rem;
  }

  50% {
    top: 0.1875rem;
  }

  75% {
    top: 0.1250rem;
  }

  100% {
    top: 0.0625rem;
  }
}

@-webkit-keyframes mouse-scroll {

  0% {
    opacity: 0;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes mouse-scroll {

  0% {
    opacity: 0;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes mouse-scroll {

  0% {
    opacity: 0;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 1;
  }
}

@keyframes mouse-scroll {

  0% {
    opacity: 0;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 1;
  }
}

.mouse_scroll {
  position: absolute;
  bottom: 3.6250rem;
  /*! left: 10%; */
  transform: translateX(-50%);
  z-index: 3;
} 

.btn_search {
  padding: 0 1.0625rem;
  background: transparent;
  border: none;
  color: #fff;
  height: 2.5000rem;  
  border-radius: 0 !important; 
  display: inline-block;
  line-height: 2.3750rem;
  font-family: 'Span', serif;
  font-size: 1rem;
  letter-spacing: 0.0187rem;
  position: relative;
  transition: 0.3s;
  border: 0.0625rem solid #fff;
}



.btn_search::before {
	content: '';
	position: absolute;
	left: 91%;
	width: 5rem; 
	height: 0.0625rem;
	top: 1.1875rem;
	background: #fff;
   transition: 0.3s;
}

.btn_search:hover::before { 
	width: 10rem; 
   transition: 0.3s;  
}

.btn_search:hover { 
color: #fff;
background: var(--main);
border-color: var(--main);
  transition: 0.3s;
}
.search_dv {
  padding: 0.5000rem;
  border-radius: 0.3125rem;
  background: rgb(255, 255, 255);
  margin-top: 0.6250rem;
  position: relative;
}

.search_form .nav-tabs .nav-link {
  border: none;
  border-radius: 0 !important;
  color: #fff;
  font-size: 1.1250rem;
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: 0.0063rem;
  position: relative;
  border-bottom: 0.2500rem solid var(--white);
}

.search_form .nav-tabs {
  border: none;
}

.search_form .nav-tabs .nav-item.show .nav-link,
.search_form .nav-tabs .nav-link.active {
  background: transparent;
  color: var(--main);
  border: none;
  border-radius: 0 !important;
  border-bottom: 0.2500rem solid var(--main);
}

.search_form .nav-tabs .nav-link.active::after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: -0.6250rem;
  border-left: 0.6250rem solid transparent;
  border-right: 0.6250rem solid transparent;
  border-top: 0.6250rem solid var(--main);
  transform: translate(-50%, 0);
  opacity: 1;
  transition: all .3s;
}

.search_form {
  margin-top: 0;
  background: transparent;
  /*! backdrop-filter: blur(0.6250rem); */
  padding: 1.2500rem 0;
  border-radius: 0.9375rem;
  position: relative;
  z-index: 99;
  box-shadow: rgba(33, 35, 38, 0.1) 0rem 0.6250rem 0.6250rem -0.6250rem;
}

.btn-close {
  background-color: rgba(0, 0, 0, 0.04);
  opacity: 0.9;
  width: 1.7500rem;
  height: 1.7500rem;
  border-radius: 100%;
}

.canvas_footer {
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 1.2500rem;
}

.contct_detail .pnone {
  font-size: 0.8750rem;
  margin-bottom: 1.8750rem;
}

.contct_detail .pnone h5 {
  font-size: 1rem;
  opacity: 0.4;
}

.contct_detail .pnone a {
  font-size: 1.3750rem;
  font-weight: 600;
  color: #000;
}

.contct_detail .pnone a:hover {
  color: var(--main);
}

.banner_img video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  object-fit: cover;
}

.d-flex.socialNv {
  border-top: 0.0625rem solid #ddd;
  margin-top: 1.2500rem;
  padding-top: 1.2500rem;
  align-items: center;
}

.d-flex.socialNv h6 {
  margin-right: 1.6250rem;
  margin-bottom: 0;
}

.d-flex.socialNv a {
  font-size: 1.2500rem;
  margin-right: 1.2500rem;
  color: #424242;
}

.contct_detail {
  margin-top: 1.8750rem;
  padding: 0 1.2500rem;
}

.support_form {
  padding: 0 1.2500rem;
}

.csubmitbtn.btn-block {
  display: block;
  padding: 0.8750rem 0;
  color: #fff;
  background: var(--main);
  width: 100%;
  font-weight: 600;
  text-align: center;
  border-radius: 0.6250rem;
}

.support_form h2 {
  font-weight: bold;
  text-align: center;
  margin-bottom: 0rem;
  font-size: 1.6250rem;
}

.group label {
  font-size: 0.9375rem;
  font-weight: 600;
  opacity: 0.4;
  margin-bottom: 0.3125rem;
  padding-left: 0.2500rem;
}

.group {
  margin-bottom: 0.6250rem;
}

.group .form-control {
  height: 2.8125rem;
  font-size: 0.9375rem;
}

.offcanvas-header {
	padding: 10px 0;
	background: transparent;
	padding-left: 6.1875rem;  
	padding-right: 4.0625rem;   
	border-bottom: 0.0625rem solid #ddd; 
	justify-content: space-between;
	align-items: center;
} 
.offcanvas-header img {
	width: 7.125rem; 
}
.black_logo {
  display: none;
}

.offcanvas-header .hamburger { 
	margin: 0 0 0 1.2500rem;
}


.hero_main::before {
  position: absolute;
  content: '';
  width: 100%; 
  height: 100%; 
   z-index: 1;
   background: radial-gradient(50% 50% at 50% 50%,#0000001c 47%,rgba(0, 0, 0, 0.09) 100%),linear-gradient(180deg,rgba(0, 0, 0, 0.86),#0000006e 16.5%);
 }
.hero_main::after {
  position: absolute; 
  content: '';
  width: 50%;  
  height: 5.6250rem; 
   z-index: 9;
   /*! background: #fff; */
  bottom: 0;
  right: 0; 
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 1;
  border-radius: 0;
 } 


.banner-down-arrow {
    height: 5.6875rem;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 3.1250rem;
    width: 2.6250rem;
    z-index: 9
}

.line.vertical {
    height: 5.8125rem;
    width: 0.3750rem;
    position: relative;
    left: 50%;
    bottom: 7rem;
    z-index: 999;
}

.line.t_b {
    transform-origin: top
}

.line.only {
    -webkit-transition: all 1500ms cubic-bezier(0.770,0.000,0.175,1.000);
    -moz-transition: all 1500ms cubic-bezier(0.770,0.000,0.175,1.000);
    -o-transition: all 1500ms cubic-bezier(0.770,0.000,0.175,1.000);
    transition: all 1500ms cubic-bezier(0.770,0.000,0.175,1.000)
}

.scroll_loop {
    -webkit-animation: scrollLoop 4000ms cubic-bezier(0.770,0.000,0.175,1.000) infinite;
    animation: scrollLoop 4000ms cubic-bezier(0.770,0.000,0.175,1.000) infinite
}

.line {
    background: #fff;
    -webkit-transition: all 750ms cubic-bezier(0.250,0.250,0.750,0.750);
    -moz-transition: all 750ms cubic-bezier(0.250,0.250,0.750,0.750);
    -o-transition: all 750ms cubic-bezier(0.250,0.250,0.750,0.750);
    transition: all 750ms cubic-bezier(0.250,0.250,0.750,0.750)
}

.line.vertical.hid {
    transform: scale(1,0);
}

.has_transition_600 {
    -webkit-transition: -webkit-transform 600ms cubic-bezier(0.190,1.000,0.220,1.000),opacity 600ms cubic-bezier(0.190,1.000,0.220,1.000);
    transition: transform 600ms cubic-bezier(0.190,1.000,0.220,1.000),opacity 600ms cubic-bezier(0.190,1.000,0.220,1.000);
    will-change: transform,opacity;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.carousel-item.active img{
  transition: 100s;
  transform: scale(2.1);
}
.about_main p {
	visibility: visible;
	animation-name: slideInUp;
	font-family: 'Span', serif;
	font-size: 23px; 
	line-height: 2.3125rem;
	/*! text-align: left; */ 
} 
.righttdtill ul li a img {
	width: 9.3750rem;
}
.parallax-window {
    min-height: 25rem;
    background: transparent;
}
.welcometext {
	display: flex;
	/*! align-items: center; */
	position: relative; 
	z-index: 9; 
}
.welcometext h3 {
	font-size: 1.5000rem;
	font-weight: 300;
	letter-spacing: 0.2500rem;
	line-height: 2.3125rem;
	text-transform: uppercase;
}
.welcometext h3 span{
  display: block;
  letter-spacing: 0.5625rem;
  text-transform: uppercase;
  font-size: 2.8125rem;
  font-weight: bold;
} 

.bottompatti {
	position: relative;
	bottom: 0;
	left: 0;
	z-index: 0; 
	
	z-index: 9;
	background: rgba(0, 0, 0, 0.84);
  padding: 14px 0;
  text-align: center;
  border-radius: 15px;
  margin: 0.5%;
}

.bottompatti img {
  width: 150px;  
}
.bottompatti  a {
  color: #fff;
  font-family: 'Span', serif;

}
.fixed .menubtn { 
	border: 1px solid #00000047; 
	color: #000;
}

/* banner */
.banner_vid img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.carousel-item img{
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: center;
}

/* about */
h1 {
	font-size: 3.3750rem; 
  font-family: 'Span', serif;
	line-height: 3.4375rem;  
	margin: 0 0 15px 0;    
	color: #000404;  
	letter-spacing: 0rem;
	font-weight: 600; 
} 
h2 {
	font-size: 3.3750rem; 
  font-family: 'Span', serif;
	line-height: 3.4375rem;  
	margin: 0 0 15px 0;    
	color: #000404;  
	letter-spacing: 0rem;
	font-weight: 600; 
} 
h2 span {
	text-shadow: none;
	font-style: italic;
	font-weight: 200;
	text-transform: lowercase; 
	color: #01a7a8;
	text-decoration: underline;
}
.about_main{
  padding: 2.3750rem 0;  
  background: #fff;  
  background-repeat: no-repeat; 
} 
 .fixed .containerpading {
	border-bottom:none;
	padding-bottom: 0;
}
.container-fluid{
  max-width: 90%;
} 
   
.linebtnn {
  padding: 0 1.2500rem;
  background: transparent; 
  border: none;
  color: #131212; 
  height: 2.8750rem;  
  border-radius: 0 !important; 
  display: inline-block;
  line-height: 2.6875rem;
  font-family: 'Span', serif;
  font-size: 1.1250rem;
  letter-spacing: 0.0187rem;
  position: relative;
  transition: 0.3s;
  border: 0.0625rem solid #ddd;
  z-index: 1;
}
.offcanvas header .nav-link { 
	color: #382f2d !important; 
} 

.offcanvas header .nav-link.btn_login{ 
	color: #fff !important; 
} 


.offcanvas-body .nav-link:hover { 
	color: var(--main); 
	transition: all 0.4s ease; 
}

.offcanvas .hamburger span { 
	background: #000!important; 
}
.image_nav {
	height: 29.3750rem;
	overflow: hidden;
	position: relative;
}
.image_nav img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.zoom-breathe {
  display:block;
  width:100%;
  max-width:37.5000rem;
  transform-origin:center center;
  animation: breathe 10s ease-in-out infinite;
  will-change: transform;
}

@keyframes breathe {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.12); }
  100% { transform: scale(1); }
}
.welcometext h2 {
	font-family: "Bebas Neue", sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 12.5000rem; 
	letter-spacing: 0;
	color: #01a7a8;
	margin: 0 2.3750rem 0 0;
}
.wel_txt {
	margin: -2.0625rem 0 0 0;
}

.linebtnn::before {
	content: ''; 
	position: absolute;
	left: 0;
	width: 0;
	height: 100%; 
	top: 0;
	background: var(--main);
   transition: 0.3s;
	z-index: -1;
}

.linebtnn:hover::before { 
	width: 100%; 
   transition: 0.3s;   
}

.linebtnn:hover { 
color: #fff;
}
.bigtext {
	font-size: 6.5000rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -0.2500rem;
	opacity: 0.04;
	position: absolute;
	top: 28%;
	transform: rotate(-90deg);
	left: -4.8125rem;
}

.rooms_main{
  position: relative;
}
.rooms_main { 
	padding: 0;
    transition: 0.3s;
}

.rooms_item  {
  position: relative;
  z-index: 1;
    transition: 0.3s;
  overflow: hidden; 
  margin: 0.6250rem;
}
.rooms_item:before {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(5, 0, 28, 0.54);
	z-index: 2;
	--tw-bg-opacity: 1;
	background: radial-gradient(50% 50% at 50% 50%,transparent 47%,rgba(0, 0, 0, 0.44) 100%),linear-gradient(180deg,rgba(0, 0, 0, 0),#0000 16.5%);
	z-index: 1;
  content: ''; display:none;
    transition: 0.3s;
}
.rooms_item .image {
	height: 28.4375rem;
	overflow: hidden;
    transition: 0.3s;
	position: relative;
}
.rooms_item .image img {
	height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute; 
  left: 0;
  top: 0;
}


.rooms_item .image img { 
    transition: 0.3s;
}
.roomtxt {
	position: relative;
	margin-top:5px;
	padding:15px;
	z-index: 9; background:#62504c;
    transition: 0.3s;
	overflow: hidden;
}

.roomtxt h5 {
	font-size: 2rem;
	color: #fff; 
	font-family: 'Span', serif;
	margin: 0 0 0.7500rem 0;
    transition: 2s; 
	height: 2.5000rem;
}
.rooms_main p { 
	visibility: visible;
	animation-name: slideInUp;
	font-family: 'Span', serif;
	font-size: 1rem;
	line-height: 1.3125rem;  
	font-size: 1.5625rem;
	line-height: 2.3125rem;
}
.roomtxt p {
	margin: 0; 
	color: #fff;
	line-height: 1.5000rem;
	overflow: hidden;
	transition: 0.3s; 
	
  	/*! font-family: 'Span', serif; */
	font-size: 1rem; 
	line-height: 1.3125rem; 
	text-align: left;
	font-size: 0.8750rem; 
	line-height: 1.3750rem;
	font-family: "Inter", Arial, sans-serif;
	font-weight: 400;
	height: 2.8125rem;
	overflow: hidden;
}
 
  
.roomtxt h5 { 
	position: relative;
	transition: 0.3s;
	
}
 
.roomtxt h5::before {
	content: '';
	position: absolute;
	left: 0; 
	width: 5rem; 
	height: 0.0625rem; 
	bottom: -0.3125rem;
	background: #fff;
   transition: 0.3s;
}
.rooms_item:hover .roomtxt h5 { 
transform: translateY(0);
}
.rooms_item:hover .roomtxt h5::before { 
	width: 10rem; 
    transition: 2s; 
}

 .rooms_item:hover img{
  transition: 0.3s;
  transform: scale(1.05);
 }

 .rooms_item a{
  display: block;
 }

 .rooms_item:hover p{ 
	/*! height: auto; */ 
   transition:0.3s;
   transform: translateY(0);
}
  .text span {
    display: inline-block;
    opacity: 0;
    transform: translateY(1.8750rem);
    animation: fadeUp 0.6s forwards;
  }

  @keyframes fadeUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .text2 span {
    display: inline-block;
    opacity: 0;
    transform: translateY(1.8750rem);
    animation: fadeUp 0.6s forwards;
  }
 

  p {
    overflow: hidden;
  }

  p span {
    display: block;   /* each line becomes block */
    transform: translateY(100%);
    opacity: 0;
    animation: slideUp 0.6s forwards;
  }

  @keyframes slideUp {
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

.dining_main {
	padding: 4.3750rem 0;
	position: relative;  
	background: #fff;
	background-size: 65%; 
	background-repeat: no-repeat; 
	padding-top: 0;
}    
 .dining_main .bigtext { 
	right: -4.8125rem;
	left: auto;
}



.owl-next span, .owl-prev span {
    font-size: 1.3125rem;
    background: rgba(255, 255, 255, 0.05);
    width: 3.1250rem;
    height: 3.1250rem; 
    line-height: 3.1250rem;
    border-radius: 0.3750rem;
    text-align: center;
    color: #fff;
    margin: 0;
    box-shadow: rgba(0,0,0,.09) 0 0.1875rem 0.7500rem;
    display: inline-block;
    font-weight: 700;
    backdrop-filter: blur(0.3125rem);
    border: 0.0625rem solid rgba(255, 255, 255, 0.11);
}

 .owl-next span:hover,  .owl-prev span:hover {
    color: #8199a3
}

  .owl-next,  .owl-prev {
    position: absolute;
    top: 0;
    height: 100%
}

 .owl-prev {
    left: 0.4375rem
}

  .owl-next {
    right: 0.4375rem
}

.dining_slider {
	padding: 0 0.9375rem;
	margin-top: 1.8750rem; 
}
.dining_item {
	margin: 0.9375rem;
	position: relative; 
	z-index: 1;
    transition: 0.3s; 
}


.dining_item .image::before {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* background: rgba(5, 0, 28, 0.54); */
	/* z-index: 2; */
	--tw-bg-opacity: 1;
	/* background: radial-gradient(50% 50% at 50% 50%,transparent 47%,rgba(0, 0, 0, 0.66) 100%),linear-gradient(180deg,rgba(0, 0, 0, 0),#0000 16.5%); */
	z-index: 1;
	content: '';
	transition: 0.3s;
	background: linear-gradient(180deg,rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.83) 100%);
    transition: 0.3s;
}

.dining_item p {
	/* position: absolute; */
	max-width: 100%;
	color: #222;
	z-index: 9;
	/* font-family: 'Span', serif; */
	font-size: 14px;
	line-height: 24px;
	transition: 0.3s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	padding: 0 1.6250rem;
	margin: 0rem 0 0 0;
}

.dining_item .image {
	height: 25rem;
	overflow: hidden;
    transition: 0.3s; 
	position: relative;
}
.dining_item .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dining_item h3 { 
	
	color: #222;
	padding: 1.2500rem; 
	border-radius: 3.1250rem;
	font-family: 'Span No 2';
	font-size: 2.5000rem;padding-bottom:0px; padding-top:15px;
	z-index: 9;
    transition: 0.3s;
}

.dining_item span {
	position: absolute;
	bottom: 7.8125rem;
	left: 3.7500rem; 
  display: inline-block;
  color: #fff;
    transition: 0.3s;
  z-index: 9;
	border: 0.0625rem solid #fff;
	padding: 0.5000rem 1rem;
  font-size:0.8750rem;
	z-index: 1; display:none;
}
.dining_item:hover span {
  color: var(--main);
} 


.dining_item span::before {
	content: '';
	position: absolute;
	left: 0; 
	width: 0;  
	height: 100%; 
	top: 0;
	background: #fff;
   transition: 0.3s;display:none;
	z-index: -1;
}
 
.dining_item:hover span::before { 
	width: 100%; 
    transition: 2s; 
}

 .dining_item:hover img{
  transition: 0.3s;
  transform: scale(1.05);
 }





/* footer */
.footer {
  background: #002424 url(../images/bgfooter.png);
  padding-top: 2.5000rem;
  border-radius: 0;  
  position: relative;   
  margin: 0;  
  border-radius: 0; 
  background-size: cover;
} 

.footer .footer-top {
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.08);
  padding: 1.875rem 0;
}

.footer .footer-top .download-text h3 {
  font-size: 1.875rem;
  color: #622fcd;
  display: block;
  margin-bottom: 1.25rem;
  font-weight: 700;
}

.footer .footer-top .download-button {
  text-align: right;
}

.footer .footer-top .download-button .btn {
  display: inline-block;
  margin-right: 0.625rem;
}

.footer .footer-top .download-button .btn:last-child {
  margin-right: 0;
}

.footer .footer-top .download-button .btn i {
  font-size: 1.125rem;
  display: inline-block;
  margin-right: 0.3125rem;
}

.footer .logo {
  margin-bottom: 1.6250rem;
}

.footer .logo img {
  width: 13.125rem;
}

.footer .f-about p {
  font-size: 0.875rem; 
  color: #7e8890;
  margin-left: 0.9375rem;
}

.footer .f-about .contact-address {
  margin-top: 1.25rem;
}

.footer .f-about .contact-address li {
  display: block;
  margin-bottom: 0.3125rem;
  margin-left: 0.9375rem;
}

.footer .f-about .contact-address li:last-child {
  margin-bottom: 0;
}

.footer .f-about .contact-address li span {
  font-weight: 500;
  color: #622fcd;
  display: inline-block;
  margin-right: 0.25rem;
}

.footer .footer-social {
  margin-top: 1.375rem;
}

.footer .footer-social ul li {
  display: inline-block;
  margin-right: 0.3750rem;
}

.footer .footer-social ul li:last-child {
  margin-right: 0;
}

.footer .footer-social ul li a {
  font-size: 1.8750rem;
  color: #FFF !important;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  display: block; 
  /*! background: #fff; */
  border: none;
  border-radius: 0.5000rem;
  position: relative;
  z-index: 3;
  line-height: 2.4rem; 
  /*! border: 0.0625rem solid; */
}

.footer .footer-social ul li a i {
  margin: 0 !important;
  color: #FFF;
}  

.footer .footer-social ul li a:hover {
  color: #fff;
  background-color: var(--main);
  -webkit-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
  box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
}

.footer .footer-social ul li a:hover i {
  color: #fff !important;
}


.nav-folderized .col.nav {
  padding: 0 !important;
  display: block !important;
  padding: 0 0.9375rem !important;
}

.footer h5 {
  color: #fff;
  font-size: 1.2500rem;
  position: relative;
  text-transform: capitalize; 
  margin-bottom: 0.9375rem;  
  font-weight: 600;   
  font-family: 'Span', serif; 
  letter-spacing: 0;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1);
  padding-bottom: 1rem;
}

.footer ul li {
  margin-bottom: 0.6250rem;
  position: relative;
  list-style: none; 
  display: flex;
  color: #fff;
} 

.footer ul li:last-child {
  margin: 0;
}

.footer ul li a {
  color: #fff;
  font-size: 0.8750rem; 
  font-weight: 400; 
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; 
  display: block;padding:0px;
  border-bottom: 0.0625rem solid transparent;
  /*! font-family: 'Span', serif; */
  /*! text-transform: uppercase; */
}

.footer ul li a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 0.1250rem;
  width: 0.5rem;
  background: #7e8890;
}

.footer ul li a:hover::before {
  background: var(--main);
  opacity: 1;
}

.footer ul li a:hover {
  color:var(--main);
  padding-left: 0.9375rem;
  /*! border-bottom: 0.0625rem solid var(--main); */
}
.footer ul li span {
	display: block;
	max-width: 70%;
	margin: 0 0 1.3125rem 0;
}
footer ul {
  padding: 0;
}

.footer h3 img {
  width: 13.125rem;
}

.f_about img {
  width: 13.75rem;
  margin: 0 0 0.6875rem 0;
}


.f_about p {
  font-size: 0.875rem;
  line-height: 1.4375rem;
  color: #fff;
}

.contact-address li a:hover {
  color: #300864;
  padding-left: 0 !important;
}

.contact-address li a:before {
  display: none;
}

.footer ul li i { 
  margin: 0 0.5625rem 0 0;
  color: #fff;
}
 
.footer-bottom {
  border-top: 0.0625rem solid #ffffff2b;
  /*! text-align: center; */
  padding: 1.25rem 0; 
  margin-top: 1.375rem; 
}
 
.footer-bottom p {
  margin: 0;
  color: #fff;
  font-size: 1rem;
  font-family: 'Span', serif;
}

.footer-bottom p a {
  color: #fff;
  font-size: 1rem; 
}

.button .btn {
  display: inline-block;
  text-transform: capitalize;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.9375rem 1.875rem;
  background-color: #fff;
  color: var(--main);
  border: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 0.25rem;
}

.footer .footer-top .download-button {
  text-align: right;
}

.footer .footer-top .download-text h3 {
  font-size: 1.875rem;
  color: #fff;
  display: block;
  margin-bottom: 0.3750rem;
  font-weight: 700;
}

.footer .footer-top .download-text p {
  margin: 0;
  color: #fff;
  font-size: 1rem;
}

.download-text h3 {
  margin: 0;
}

.newsletter_sct .form-control {
  height: 3.125rem;
  border: 0.1250rem solid #e4e7f2;
  color: var(--heading_color);
  margin-bottom: 0.9375rem;
}

.btn.btn_NLy {
  height: 3.125rem;
  text-align: center;
  width: 100%;
  background: var(--main);
  color: #fff;
  border-radius: 0.25rem;
}

.reviewtrust {
  text-align: center;
}

.reviewtrust img {
  width: 13.75rem;
}

.ftxtt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #60687b;
  font-size: 1rem;
}

.img-fluid.flogo {
  width: 11.8750rem;
  margin-bottom: 0.9375rem;
}

.appdownload {
  width: 11.2500rem;
  padding: 0.625rem 0.9375rem;
  margin-bottom: 0.625rem;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(233, 233, 233, 1) 100%);
  border-radius: 0;
  /* border: 0.1250rem solid #fff !important; */
  border-left-color: #cecece !important;
  border-bottom-color: #cecece !important;
  box-shadow: rgba(0, 0, 0, 0.05) 0rem 0.625rem 1.25rem, rgba(0, 0, 0, 0.14) 0rem 0.3750rem 0.3750rem;
  overflow: hidden;
  border-radius: 0.625rem;
}

.address p {
	color: #d5fffe;
	margin: 0 0 0.8750rem 0;
	padding: 0 0 0 1.5625rem;
	position: relative;
	font-size: 0.9375rem;
	line-height: 1.5000rem; 
	/*! font-family: 'Span', serif; */
	text-transform: v;
}
.address p a{
	color: #d5fffe;
	
}
.address p a:hover{
	color:var(--main);
	
}
.address p i {
	position: absolute;
	left: 0;
	font-size: 0.8750rem;
	top: 0.1250rem;
}


.mhead h6 {
	margin: 0 0 0.6250rem 0;
	color: #5e4c37;
	/*! font-weight: bold; */
}
.mhead {
	margin: 0.7500rem 0 0 0;
	/*! border-top: 0.0625rem solid #ffffff30; */  
	padding: 1.1250rem 0 0 0;
}

/* footer */

 
.f_about img {
  width: 13.75rem;
  margin: 0 0 0.6875rem 0;
}


.f_about p {
  font-size: 0.875rem;
  line-height: 1.4375rem;
  color: #fff;
}

.contact-address li a:hover {
  color: #fff;
  padding-left: 0 !important;
}

.contact-address li a:before {
  display: none;
}
 
 
.button .btn {
  display: inline-block;
  text-transform: capitalize;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.9375rem 1.875rem;
  background-color: #fff;
  color: var(--main);
  border: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 0.25rem;
}

.footer .footer-top .download-button {
  text-align: right;
}

.footer .footer-top .download-text h3 {
  font-size: 1.875rem;
  color: #fff;
  display: block;
  margin-bottom: 0.3750rem;
  font-weight: 700;
}
.NfOrM { 
	display: flex; 
	text-align: left !important;
	border: 0.0625rem solid #ddd; 
	padding: 0.3750rem;
} 

.footer .footer-top .download-text p {
  margin: 0;
  color: #fff;
  font-size: 1rem;
}
.newsletter_sct .form-control {
	height: 3.125rem;
	border: none;
	color: var(--heading_color);
	margin-bottom: 0.9375rem;
	border-radius: 0.8750rem;
	text-align: center;
}
.btn.btn_NLy {
	height: 3.125rem;
	text-align: center;
	width: 100%;
	background: var(--main);
	color: #fff;
	border-radius: 0.8750rem;
}

 
.f_about img {
  width: 13.75rem;
  margin: 0 0 0.6875rem 0;
}


.f_about p {
  font-size: 0.875rem;
  line-height: 1.4375rem;
  color: #fff;
}

.contact-address li a:hover {
  color: #fff;
  padding-left: 0 !important;
}

.contact-address li a:before {
  display: none;
}
 
 
.button .btn {
  display: inline-block;
  text-transform: capitalize;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.9375rem 1.875rem;
  background-color: #fff;
  color: var(--main);
  border: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 0.25rem;
}

.footer .footer-top .download-button {
  text-align: right;
}

.footer .footer-top .download-text h3 {
  font-size: 1.875rem;
  color: #fff;
  display: block;
  margin-bottom: 0.3750rem;
  font-weight: 700;
}

.footer .footer-top .download-text p {
  margin: 0;
  color: #fff;
  font-size: 1rem;
}

.download-text h3 {
  margin: 0;
}

.newsletter_sct .form-control {
	height: 4.125rem;
	border: none;
	color: #000; 
	margin-bottom: 0;
	border-radius: 0; 
	text-align: left;
	padding: 0 0 0 2.6250rem;
	font-family: 'Span', serif;
}

.btn.btn_NLy {
	height: 4.125rem;
	text-align: center; 
	width: 100%; 
	background: var(--main);
	color: #fff;
	border-radius: 0;
	width: 16rem;
	font-family: 'Span', serif;
	text-transform: uppercase; 
	letter-spacing: 0.1250rem;
}

.reviewtrust {
  text-align: center;
}

.reviewtrust img {
  width: 13.75rem;
}

.ftxtt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
  color: #60687b;
  font-size: 1rem;
}

.img-fluid.flogo {
  width: 18.7500rem;
  margin-bottom: 0.9375rem; 
}

.appdownload {
  width: 11.2500rem;
  padding: 0.625rem 0.9375rem;
  margin-bottom: 0.625rem;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(233, 233, 233, 1) 100%);
  border-radius: 0;
  /* border: 0.1250rem solid #fff !important; */
  border-left-color: #cecece !important;
  border-bottom-color: #cecece !important;
  box-shadow: rgba(0, 0, 0, 0.05) 0rem 0.625rem 1.25rem, rgba(0, 0, 0, 0.14) 0rem 0.3750rem 0.3750rem;
  overflow: hidden;
  border-radius: 0.625rem;
}

/* footer */


.relax_main {
	padding: 7.3750rem 0; 
	position: relative;
}
.relax_main::before {
	width:43.7500rem;
	height: 97%;  
	position: absolute; 
	top: 0.6250rem;
	right: 0;
  z-index: 1;
	content: ''; 
	transition: 0.3s;
  /*! background: #01a7a81a; */
  border-radius: 1.2500rem 0 0 1.2500rem;
}


.relex_item { 
	position: relative;
	margin: 0.6875rem;
	text-align: center;
} 
.relex_item .image {
	height: 23.7500rem;
	overflow: hidden;
	border-radius: 0.6250rem;
	position: relative;
}
.relex_item .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover; 
}
.relex_content {
	/*! position: absolute; */
	bottom: 2%;
	left: 2%; 
	width: 88%;
	backdrop-filter: blur(0.2500rem); 
	border-radius: 0.8125rem;
	padding: 0.7500rem 0.6250rem; 
	color: #000;
	/*! background: rgba(1, 167, 168, 0.83); */
}
.relex_content h3 {
	margin: 0;
	font-size: 2.0625rem;
}
 
.relex_content p {
  font-size: 0.9375rem;
  /*! font-family: 'Span', serif; */
  line-height: 1.3750rem;
  margin: 0.5000rem 0 0 0;
  max-height: 2.8750rem;
  overflow: hidden;
  color: #4a4a4a;
}

.activiti_main {
	padding: 5rem 0;
	background: #fff;
	background-size: 100%; 
	background-position: bottom; 
  padding-bottom:0; 
	position: relative; 
	overflow: hidden;
}
.activiti_main h2{
  /*! color: #fff; */
}
.activiti_main h2 span{
  /*! color: #fff; */
}

.activiti_item {
	position: relative;
	margin: 0;
	background: rgb(1, 167, 168);
	overflow: hidden;  
}
.activiti_item a{
  display: flex; 
  align-items: center;
}

.activiti_item .image {
	position: relative;   
	overflow: hidden; 
	border-radius: 0;  
  height:34.3750rem; 
	width: 100%;
	flex: 0 0 54%;
}
.activiti_item .image img {
	position: relative;  
	overflow: hidden; 
	border-radius: 0; 
  height:100%; 
	width: 100%; 
	object-fit: cover;
	object-position: center;
}

.act_txt {
	padding: 4.0625rem;
	text-align: left;
	width: 100%;  
	/*! transform: translateX(5.2500rem) translateY(-9.3750rem); */
	position: relative;
	z-index: 9;
	margin: 0;
	left: 0;
}    
.act_txt h3 {
	font-size: 4.3750rem;
	margin: 0 0 0.7500rem 0; 
	color: #fff;  
}  
  
.act_txt p {  
	z-index: 9; 
	font-size: 0.8750rem;
	line-height: 1.3750rem;
	transition: 0.3s;
	overflow: hidden;  
	text-overflow: ellipsis; 
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	margin: 0;
	color: #edffff;
	font-family: 'Span', serif;
	font-size: 1rem;
	line-height: 1.3125rem;
	font-size: 1.5000rem;
	line-height: 1.8125rem;
	max-width: 75%;
}
.act_txt span { 
	display: inline-block;
	margin: 1.5625rem 0 0 0;
	border: 0.0625rem solid #ffffff96;
	padding: 0.6875rem 1.3750rem;
	color: #fff;
	transition: 0.3s;
}
 .act_txt span:hover { 
	color: var(--main);
	transition: 0.3s;
   background: #fff;
}
.confrenceinner {
	border: 0.0625rem solid #ddd;
	margin: 3.1250rem 0;
}
.context {
	padding: 2.5000rem;
}

.btn_theme {
	border: 0.1250rem solid var(--main); 
	transition: 0.4s;
	text-align: center;
	padding: 0 1.5625rem; 
	font-size: 1rem;   
	height: 3.1250rem;  
	background: var(--main);
	color: #fff; 
	display: inline-block; 
	font-weight: 600;
	white-space: nowrap;
	line-height: 2.7500rem; 
	border-radius: 0.1250rem;
}

.btn_theme:hover {
  color: var(--white);
  background: var(--main);
  border-color: var(--main);
  transition: 0.3s;
} 

.newsletter_dv {
	padding: 3.7500rem 0;
}
.mapinner {
	/*! background: #fcf9f6; */
	/*! padding: 3.1250rem; */ 
	padding-bottom: 0;
}
.map_vieww {
	margin: 2rem 0 0 0;
}
.mapinner h2 { 
	margin: 0 0 0.2500rem 0;
} 
.map_main {
	background: #f7fcfc;  
	padding: 3.7500rem 0;
	border-top: 0.0625rem solid #d9eaea;
}
 
.logoandcontctbook img{
  width: 8.0625rem;
}
.logoandcontctbook {
	border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2);
	padding: 0 0 2.5000rem 0;
	margin-bottom: 2.8125rem; 
}

.vacationadv{
  text-align: right;
}


.vacationadv h3 {
	font-family: 'Span', serif;
	font-size: 1.2500rem;
  color: #fff;
}

.vacationadv a {
	display: inline-block;
	border: 0.0625rem solid #fff3;
	padding: 0.3750rem 1.3750rem;
	margin: 0.6250rem 0 0 0; 
	border-radius: 0;
	color: #fff;
	font-weight: 600;
}


.activiti_main .bigtext {
	font-size: 6.5000rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0;
	opacity: 0.06;
	position: absolute; 
	top: 46%;
	transform: rotate(0);
	left: auto;
	left: -8%;
	font-family: 'Span', serif;
	transform: rotate(-90deg);
}
.imgpay {
	width: 50%;
	margin: 0 0 0 auto;
}

  .char {
    display: inline-block;
    opacity: 0;
    transform: translateY(1.8750rem);
  }
.modalactimgg .image {
	height: 14.8125rem;
	overflow: hidden;
	margin: 0 0 1.1250rem 0;
	border-radius: 0.6250rem;
}


.inner_banner {
  background: rgb(7, 28, 53);
  padding: 1.6875rem 0;
  padding: 5.6250rem 0; 
  position: relative;
  z-index: 1;  
  /*! text-align: center; */ 
  /*! padding-top: 11.1875rem; */
  background-size: cover;
  background-position: center;
  /*! min-height: 80vh; */
  text-align: center;
  height: 78vh;
  display: flex;
  align-items: center;
  padding-top: 8.7500rem;
}

.inner_banner .container {
  position: relative;
  z-index: 9;
}

.inner_banner::before {
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.83) 100%);
  position: absolute; 
  left: 0;
  bottom: 0;
  z-index: 1;
}

.inner_banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1; 
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  color: #fff;
  content: '\F285';
  font-family: bootstrap-icons !important;
}

.breadcrumb li {
  font-size: 0.8750rem;
  color: #fff;
}

.breadcrumb li a {
  font-size: 0.8750rem;
  color: #fff;
}

.inner_banner h1 {
	font-size: 2.1875rem;
	color: #fff;
}

.inner_banner h2 {
	font-size: 4.3750rem;
	color: #fff; 
	position: relative; 
	z-index: 9;
} 

.inner_banner h6 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.1250rem;
}

.inner_banner p {
  max-width: 60%;
  z-index: 9; 
  font-family: 'Span', serif;
  font-size: 1.3125rem;
  line-height: 2rem;
  transition: 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-align: center;
  color: #fff;
  margin: 0 auto;
}

.breadcrumb {
  position: absolute;
  bottom: 0;
  left: 43%;
  color: #fff;
  z-index: 9;
}

.breadcrumb-item.active {
  color: rgba(255, 255, 255, 0.75);
}

.main{
  background: #f7fcfc;
  padding: 3.7500rem 0;
} 
 
.room_item{
  position: relative;
  z-index: 1; 
  transition: 0.3s;  
}
 
.room_item .image {
	height: 33.7500rem;
	overflow: hidden;
  position: relative;
  transition: 0.3s;
}
.room_item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: 0.3s;
}

.room_item h3 {
	position: absolute;
	right: 2rem;
	top: -5.1250rem;
	font-size: 2.3125rem;
	/*! font-family: 'Span', serif; */
	z-index: 9;
	color: #5e4c37;
}
.room_item p {
	position: absolute;
	bottom: 2.5000rem;
	left: 2.3750rem;
	max-width: 23.4375rem;
	color: #fff; 
	z-index: 9; 
	font-family: 'Span', serif;
	font-size: 1.6250rem;
	line-height: 2.2500rem;
	transition: 0.3s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box; 
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
  transition: 0.3s;
}

 /* Background layer */
        .bg-layer {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgb(220, 215, 213) 0%, #dad6d3 100%);
            transform: translateX(-100%);
            transition: transform 0.8s cubic-bezier(0.4, 0.0, 0.2, 1);
            z-index: 1;
        } 

        /* Image layer */
        .image-layer {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transform: translateX(-100%);
            transition: transform 0.8s cubic-bezier(0.4, 0.0, 0.2, 1) 0.2s;
            
            z-index: 2;
        }
.image-layer::after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(5, 0, 28, 0.54);
	z-index: 2;
	--tw-bg-opacity: 1;
	background: radial-gradient(50% 50% at 50% 50%,transparent 47%,rgba(0, 0, 0, 0.44) 100%),linear-gradient(180deg,rgba(0, 0, 0, 0),#0000 16.5%);
	z-index: 9;
	content: '';
	transition: 0.3s;
}

        .image-layer .img-fluid {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: 0.3s;
        }

        /* Text overlay on image */
        .image-overlay {
            position: absolute;
            bottom: 1.2500rem;
            left: 1.2500rem;
            right: 1.2500rem;
            background: rgba(0,0,0,0.7);
            color: white;
            padding: 0.9375rem 1.2500rem;
            border-radius: 0.5000rem;
            z-index: 3;
            opacity: 0;
            transform: translateY(1.2500rem);
            transition: all 0.6s ease 1s;
        }

        .image-overlay .room-type {
            font-size: 0.9rem;
            opacity: 0.8;
            margin-bottom: 0.3125rem;
        }

        .image-overlay .room-feature {
            font-size: 1.1rem;
            font-weight: 600;
        }
 

        /* Loading placeholder */
        .loading-placeholder {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #eee6e4;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #6c757d;
            z-index: 0;
        }

        /* Animation trigger classes */
        .room_item.animate .bg-layer {
            transform: translateX(0);
        }

        .room_item.animate .image-layer {
            transform: translateX(0);
        }

        .room_item.animate .image-overlay {
            opacity: 1;
            transform: translateY(0);
        }

 

        /* Responsive design */
        @media (max-width: 48rem) {
            .room_item {
                margin: 1.8750rem 1.2500rem;
            }
            
            .room_item h3 {
                padding: 1.2500rem 1.5625rem 0.9375rem;
                font-size: 1.5rem;
            }
            
            .image {
                height: 15.6250rem;
                margin-bottom: 1.2500rem;
            }
            
            .room_item p {
                padding: 0 1.5625rem 1.5625rem;
                font-size: 0.95rem;
            }
            
            .image-overlay {
                bottom: 0.9375rem;
                left: 0.9375rem;
                right: 0.9375rem;
                padding: 0.7500rem 0.9375rem;
            }
        }

.room_item.leftcontentt  h3 { 
	right: auto; 
	font-size: 2.3125rem; 
	left: -4.3750rem;
}

.room_item.leftcontentt::before {
	content: '';
	position: absolute; 
	top: -7.3750rem;
	right: auto; 
	left: -7.3125rem;
  transition: 0.3s;
}
 
.metadata_inner {
	/*! padding-bottom: 9.3750rem; */
	/*! min-height: 60vh; */
	/*! display: flex; */ 
	align-items: center; 
}
.keyitem {
	text-align: left;
	padding: 0; 
	margin-bottom: 1.5625rem; 
	border-radius: 0.5000rem; 
	display: flex;
	align-items: center;
	background: #f3f1f1;
	padding: 10px;
} 
.keyitem h3 { 
	/*! text-transform: uppercase; */
	letter-spacing: 0;
	font-size: 0.7500rem;
	line-height: 14px;
	margin: 0.3125rem 0 0 0;
}.keyitem h3 b{ 
  display: block;
}

.keyitem img {
	width: 24px;
	filter: grayscale(10);
	margin: 0 14px 0 0;
}

.contact_form {
	padding: 4.3750rem 0;
}

.metadata {
	font-size: 0.8750rem;
	max-width: 82%; 
	color: rgba(47, 59, 79, 0.77);
	font-weight: 600;
}
.cotnact_Item {
	display: flex;  
	margin-bottom: 1.8750rem;
	/*! align-items: center; */ 
} 
.icon { 
	width: 3.7500rem;
	flex: 0 0 3.7500rem;  
	margin: 0 1.5625rem 0 0;
	/*! border: 0.0625rem solid #0fbcd633; */  
	border-radius: 0.6250rem; 
	height: 3.6875rem;
	padding: 0.6250rem;
	background: #c6c6c621;
}
.cotnact_Item .content {
	margin: 0;
	width: 100%;
}

.cotnact_Item .content h4 {
	font-size: 1rem;
	font-weight: 500;
	margin: 0 0 0.2500rem 0; 
	color: #5d4b36;
}
.cotnact_Item .content a {
	font-size: 1.1250rem; 
	color: #020202;
	display: block;  
	margin: 0;
	font-weight: 600;
}



 
/* contact-us */
.C_itemD {
	padding: 1.3125rem 1.8750rem;
	text-align: left;
	padding-left: 5rem;
	position: relative;
	margin-bottom: 0; 
	/*! background: #f5f9fe; */ 
	border-radius: 0;
	margin-left: 0;
	border-bottom: 0.0625rem solid #f2f6fb;
	margin-bottom: 1.8750rem;
}
 
.C_itemD img {
	margin: 0 0 0.6250rem 0;
	position: absolute;
	left: 0;
	width: 3.1250rem; 
	top: 1.8750rem; 
}

.C_itemD h4 {
  font-size: 1.2500rem; 
  font-weight: 600;
  margin: 0 0 0.3125rem 0;
} 
.C_itemD h6 {
	display: flex;
	font-size: 1.2500rem;
}

.C_itemD h6 a {
  margin: 0 0 0 0.6250rem;
}

.C_itemD p {
  font-size: 1rem; 
    margin: 0; 
  line-height: 1.5625rem;
  opacity: 0.6;
}  
.C_itemD a { 
	font-size: 1.3125rem; 
	font-weight: 500; 
	color: #041367;   
	display: block;
    transition: 0.2s;
}
.C_itemD a:hover{
    transition: 0.2s; 
    text-decoration: underline;
    text-decoration-thickness: 0.1250rem;
    color: var(--main);
}
 

.btn_emailus {
	display: block;
	padding: 0.6250rem 0.9375rem;
	background: var(--main);
	border-radius: 6.2500rem;
	color: #fff !important; 
	text-decoration: none !important;
	box-shadow: 0 0.6875rem 1.1250rem -0.5000rem rgb(23 92 255 / 60%);
  transition: 0.3s;
	text-align: center;
}
.btn_emailus:hover{ 
	box-shadow:none;
  transition: 0.3s;
}




.contact-form-wrap {
  padding: 0;   
  border-radius: 1.3125rem;    
  z-index: 9;   
  position: relative;   
}  

.contact-form-wrap h2 {
  font-weight: 600;
}

.contact-form-wrap textarea {
  min-height: 6.2500rem;
}
 
.contact-form-wrap label{
 font-size: 0.6875rem;
  font-weight: 400;
  margin: 0 0 0.3125rem 0.3750rem;
 color: #5e4c37; 
 font-family: 'Span', sans-serif;
 text-transform: uppercase;
 letter-spacing: 0.1250rem;
} 

.contact-form-wrap h2 {
  font-size: 1.7500rem;
  font-weight: bold; 
  margin-bottom: 0.6250rem;  
  text-transform: capitalize;
}

.contact-form-wrap p { 
  font-weight: 400;
  line-height: 1.5000rem; 
  margin-bottom: 1.8750rem;
  font-size: 1rem; 
  opacity: 0.8;
}
 

 .contact-form-wrap .form-group {
  margin-bottom: 1.1250rem;
  position: relative;
} 
 
.contact-form-wrap .form-group .form-control {
  height: 3.5000rem;
  border-radius: 0;
  outline: none;
  -webkit-box-shadow: none; 
  box-shadow: none; 
  padding: 0 1.2500rem;
  color: #000;
  font-weight: 500;
  font-size: 0.9375rem;
  border: 0.0625rem solid #cec7c1;
  background: transparent;
  font-family: 'Span', sans-serif;
  letter-spacing: 0.0625rem;
}


.form-select {
  height: 2.8125rem;
  border-radius: 0.8125rem; 
  outline: none;  
  -webkit-box-shadow: none;  
  box-shadow: none;
  padding: 0 1.2500rem; 
  color: #546274;
  /*! background: #f5f9fe; */
  color: #041367;
  font-weight: 600;
  font-size: 0.9375rem;
  /*! font-family: poppins; */
  padding-right: 2rem;
}

 

.contact-form-wrap .form-group .form-control::placeholder { 
  color: #5e4c37;
}

.contact-form-wrap .form-group textarea.form-control {
  padding-top: 0.8750rem;
  height: 6.2500rem; 
}
 
.contact-form-wrap .btn {
  height: 3.7500rem;
  padding: 0; 
  border-radius: 0;
  background: var(--main);
  color: #fff;
  font-weight: 600;
  outline: none;  
  box-shadow: none;
  padding: 0 3.7500rem;
  display: inline-block;
  margin-top: 0.3125rem;
  /*! width: 100%; */
  /* text-transform: uppercase; */
  font-size: 0.8750rem;
  /* letter-spacing: 0.0625rem; */
  font-family: 'Span', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1250rem;
}
.dotted_ng {
	background: #fff ;
	background-position: center;
} 
.invalid-feedback {
	position: absolute;
	top: 0.5000rem;
	right: 0.3750rem;
	text-align: right; 
	text-transform: uppercase;
	font-size: 0.5625rem;
	font-weight: 600;
	letter-spacing: 0.0625rem;
}

.cdtillmp h3 {
	font-size: 1.8750rem;
	font-weight: bold; 
	margin-bottom: 0.6250rem;
	text-transform: capitalize;
}

.addressItem {
	padding: 0.9375rem;
	background: #fff;
	border-radius: 0.6250rem;
}
.addressItem h3{
  font-size: 1.2500rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #041367; 
}
.addressItem address{ 
  font-weight: 400; 
  position: relative;
  padding-left: 1.2500rem;
}

.addressItem address i{ 
  font-weight: 400;
  color: #041367;
  position: absolute;
  padding-left: 0;
  left: 0;
  top: 0.0625rem; 
}

.zanjibar_main{
  padding: 5rem 0; 
  position: relative;
  background: #f7fcfc;
  overflow: hidden; 
}
.fullimage{
  position: relative;
  z-index: 1;
  height: 70vh;
  background: url(../images/baobab-dining2-min.webp);
  background-attachment: fixed;
  background-size: cover;  
  display: flex;
  align-items: center;
}
.fullimage::before{
  position: absolute; 
  left: 2%;
  top: 5%;
  width: 96%; 
  height: 91%;
  border: 0.0625rem solid #fff;
  z-index: 1;
  content: '';
}
.zanjibar_main h4{
  font-size: 2.8125rem; 
  margin:0 0 0.7500rem 0;
  text-transform: capitalize;   
  color: #01a7a8 !important; 
  font-weight: bold;
}
.zanzibarsliderr .carousel-item{
  height: 35rem;
  overflow: hidden;
  position: relative; 
 
} 

.zanzibarsliderr .carousel-item img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.carousel_sliderr{
  margin-top: 1.8750rem;
}
.carousel-control-next, .carousel-control-prev { 
	width: 8%; 
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon { 
	background-color: transparent;
	width: 2.8125rem;
	height: 2.8125rem;
	border-radius: 0.1250rem;
	background-size: 1.9375rem;  
	background-repeat: no-repeat;
	background-position: center;
	/*! border: 0.0625rem solid rgba(255, 255, 255, 0.3); */
}

.zanjibar_main .linebtnn::before { 
	left: 103%; 
}


    .form-container {
            padding: 1.8750rem;
        }

        .form-title { 
            text-align: center;
            color: #333;
            margin-bottom: 1.8750rem;
            font-size: 1.7500rem;
            font-weight: 600;
        }

        .form-group {
            margin-bottom: 14px;
        } 
 
        .form-row {
            display: flex; 
            gap: 0.6250rem;
            margin-bottom:15px;
        }

        .form-row .form-group {
            flex: 1;
            margin-bottom: 0;
        }

        label {
            display: block;
            margin-bottom: 0.5000rem;
            color: #000;
            font-weight: 500;
            font-size: 0.6250rem;
            /*! font-family: 'Span', serif; */
            text-transform: uppercase;
            letter-spacing: 0.0625rem;
            margin: 0 0 0.3125rem 0;
        }

        input[type="text"],
        input[type="tel"],
        input[type="email"],
        select,
        textarea {
            width: 100%;
            padding: 0rem 0.7500rem;
            border: 0.0625rem solid #eeecea;
            background: white;
            font-size: 0.8125rem;
            transition: border-color 0.3s ease;
            font-family: 'Span', serif;
            border-radius: 15px;
            height: 45px;
        }

        input[type="text"]:focus,
        input[type="email"]:focus,
        select:focus,
        textarea:focus {
            outline: none;
            border-color: #4CAF50;
        }

        select {
            cursor: pointer;
            background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5'><path fill='%23666' d='m0,1 2,2 2,-2z'/></svg>");
            background-repeat: no-repeat;
            background-position: right 0.7500rem center;
            background-size: 0.7500rem;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

        .date-group {
            display: flex;
            gap: 0.9375rem;
            margin-bottom: 0.3125rem;
        } 

        .date-group .form-group {
            flex: 1;
            margin-bottom: 0;
        }

        input[type="date"] {
            width: 100%;
            padding: 0.1875rem 0.7500rem;
            border: 0.0625rem solid #eeecea;
            background: #fff; 
            font-size: 0.8750rem;  
            cursor: pointer; 
            transition: border-color 0.3s ease;
            color: #0d0c0c;
            border-radius: 15px;
            height: 45px;
        }

        input[type="date"]:focus {
            outline: none;
            border-color: #4CAF50;
        }

        textarea {
            min-height: 6.2500rem;
            resize: vertical;
            padding: 0.3750rem 0.5000rem;
        } 

        .captcha-group {
            margin-bottom: 1.5625rem;
        }

        .captcha-display {
            display: inline-block;
            background: #f9f9f9;
            padding: 0.3125rem 0.9375rem;
            border: 0.0625rem solid #ddd;
            font-family: monospace;
            font-size: 1.1250rem; 
            font-weight: bold;
            color: #333;
            margin-left: 0.6250rem;
            letter-spacing: 0.1875rem;
            margin: 0 0 0.5000rem 0;
        }

        .submit-btn {
            background: #01a7a8;
            color: white;
            padding: 1.3125rem 2.3125rem;
            border: none;
            font-size: 1rem;
            /*! font-weight: 600; */  
            cursor: pointer;
            transition: background-color 0.3s ease;
            /*! font-family: 'Span', serif; */
            text-transform: uppercase;
            letter-spacing: 0.1250rem;
            border-radius: 50px;
        }

        .submit-btn:hover {
            background: #f57c00;
        }

        .submit-btn:active {
            background: #ef6c00;
        }

        @media (max-width: 48rem) {
            .form-row,
            .date-group {
                flex-direction: column;
                gap: 0; margin-bottom:0px;
            }

            .form-row .form-group,
            .date-group .form-group {
                margin-bottom: 1.2500rem;
            }

            .form-container {
                padding: 1.2500rem;
            }
        }


.inner_bannerLight h2 {
	font-size: 3.5000rem;
	text-align: center;
}

.inner_bannerLight {
	padding: 3.1250rem 0;
	padding-bottom: 0;
}

.bg_booksty {
	background: #fbf9f9;
	padding: 0;
	background-size: cover;
	border: 0.0625rem solid #ddd; 
	/*! overflow: hidden; */
	margin-top: -151px;
	position: relative;
	z-index: 9;
}  

.bg_booksty form {
	padding: 2rem 2.5000rem;
	background: rgb(255, 255, 255);
	backdrop-filter: blur(0.8125rem);
	padding-bottom: 2.5000rem;
	margin: 30px 0 0 0;
	z-index: 9;
	position: relative;
	border-radius: 20px;
}
  
.animities {
	position: absolute;
	right: 6%; 
	top: 0;
	padding: 1.8750rem;
	height: 90vh;
	display: flex; 
	justify-content: center;
	align-items: center;
	z-index: 9;
}

.animities ul {
  padding: 0;
  color: #fff;
}


.animities ul li {
	padding: 0;
	color: #fff;
	font-family: 'Span', serif;
	list-style: none; 
	font-size: 1.2500rem; 
	text-align: center; 
	line-height: normal;
	margin: 0;
	width: 5.3750rem;
	border-bottom: 0.0625rem solid rgba(255, 213, 48, 0.3);
	padding: 1.2500rem 0 1.2500rem 0;
}

.animities ul li span{
  display: block;
  font-size: 1rem;
  text-transform: uppercase;
}

.inner_banner.room_details h2 {
	font-size: 6.2500rem;
	color: #fff;
	position: relative;
	z-index: 9;
}

.animities ul li:last-child {
  border: none;
}

.roondetailss h5{
  font-family: 'Span', serif;
  line-height: normal; 
}

.gallery-container{
  margin-top: 1.8750rem;
}

.bookbiww {
	padding: 9.3750rem 0;
	text-align: center;
}
.gallery-slider .owl-item .item{
  margin: 0.6250rem;
}

.bookbiww a{
	height: auto;
	text-align: center;
	width: 100%;
	background: var(--main);
	color: #fff;
	border-radius: 0;
	width: 16rem;
	font-family: 'Span', serif;
	text-transform: uppercase;
	letter-spacing: 0.1250rem;
  display: inline-block;
  margin: 1.2500rem 0 0 0;  
	padding: 1.1250rem 0;
}

.bookbiww h2 { 
	margin: 0 0 1.1250rem 0; 
}

.act_itemm .image {
	height: 25rem;
	overflow: hidden;
	margin: 0;
	border-radius: 10px;
}
.act_itemm .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
} 
.act_itemm {
	margin-bottom: 7.8125rem;
	position: relative;
} 
.act_itemm:before{
  content: '';
  position: absolute;
  width: 0.1250rem; 
  height: 135%;
  background: #01a7a8;
  left: 20px;
}
.act_itemm:after{
  content: '';
  position: absolute; 
  width: 1.8750rem; 
  height:1.8750rem; 
  background: #01a7a8;
  left: 7px;
  border-radius: 0;
  top: 0;
  border: 0.438rem solid #fbf9f9;
  box-shadow: 0 0 0 0.3125rem #01a7a8;
}
/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul {
  padding: 3.1250rem 0;
}
 
.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 0.3750rem;
  margin: 0 auto;
  padding-top: 3.1250rem;
  background: #fff;
}

.timeline ul li::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 1.8750rem;
  height: 1.8750rem;
  border-radius: 50%;
  background: inherit;
  z-index: 1;
}

.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 25rem;
  padding: 0.9375rem;
  background: #f45b69;
}

.timeline ul li div::before {
  content: "";
  position: absolute;
  bottom: 0.4375rem;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ul li:nth-child(odd) div {
  left: 2.8125rem;
}

.timeline ul li:nth-child(odd) div::before {
  left: -0.9375rem;
  border-width: 0.5000rem 1rem 0.5000rem 0;
  border-color: transparent #f45b69 transparent transparent;
}

.timeline ul li:nth-child(even) div {
  left: -27.4375rem;
}

.timeline ul li:nth-child(even) div::before {
  right: -0.9375rem;
  border-width: 0.5000rem 0 0.5000rem 1rem;
  border-color: transparent transparent transparent #f45b69;
}

time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0.5000rem;
}


/* EFFECTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul li::after {
  transition: background 0.5s ease-in-out;
}

.timeline ul li.in-view::after {
  background: #f45b69;
}

.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.timeline ul li:nth-child(odd) div {
  transform: translate3d(12.5000rem, 0, 0);
}

.timeline ul li:nth-child(even) div {
  transform: translate3d(-12.5000rem, 0, 0);
}

.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}


/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 56.2500rem) {
  .timeline ul li div {
    width: 15.6250rem;
  }
  .timeline ul li:nth-child(even) div {
    left: -18.0625rem;
    /*250+45-6*/
  }
}

@media screen and (max-width: 37.5000rem) {
  .timeline ul li {
    margin-left: 1.2500rem;
  } 
  .timeline ul li div {
    width: calc(100vw - 5.6875rem);
  }
  .timeline ul li:nth-child(even) div {
    left: 2.8125rem;
  }
  .timeline ul li:nth-child(even) div::before {
    left: -0.9375rem;
    border-width: 0.5000rem 1rem 0.5000rem 0;
    border-color: transparent #f45b69 transparent transparent;
  }
}


/* EXTRA/CLIP PATH STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline-clippy ul li::after {
  width: 2.5000rem;
  height: 2.5000rem;
  border-radius: 0;
}

.timeline-rhombus ul li::after {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.timeline-rhombus ul li div::before {
  bottom: 0.7500rem;
}

.timeline-star ul li::after {
  clip-path: polygon(
    50% 0%,
    61% 35%,
    98% 35%,
    68% 57%,
    79% 91%,
    50% 70%,
    21% 91%,
    32% 57%,
    2% 35%,
    39% 35%
  );
}

.timeline-heptagon ul li::after {
  clip-path: polygon(
    50% 0%,
    90% 20%,
    100% 60%,
    75% 100%,
    25% 100%,
    0% 60%,
    10% 20%
  );
}

.timeline-infinite ul li::after {
  animation: scaleAnimation 2s infinite;
}

@keyframes scaleAnimation {
  0% {
    transform: translateX(-50%) scale(1);
  }
  50% {
    transform: translateX(-50%) scale(1.25);
  }
  100% {
    transform: translateX(-50%) scale(1);
  }
}

/* Floating button */
.wa-float{position:fixed;right:1.2500rem;bottom:1.2500rem;z-index:9999}
.wa-btn{width:3.4375rem;height:3.4375rem;border-radius:50%;background:var(--accent);box-shadow:0 0.3750rem 1.2500rem rgba(0,0,0,.2);display:grid;place-items:center;border:0;cursor:pointer;position: fixed;bottom:10px;right:10px;color: #fff;font-size: 1.4375rem;box-shadow: 0rem 0rem 0rem 0.3750rem #37e678;z-index: 999;animation: pulse 1.8s infinite;}
.wa-btn svg{width:1.7500rem;height:1.7500rem;fill:#fff}
   
  
/* Tooltip */
.wa-btn::after{content:"Chat on WhatsApp";position:absolute;bottom:3.8750rem;right:100%;transform:translateX(50%);background:#25d366;color:#fff;padding:0.3125rem 0.8750rem;border-radius:2.5000rem;font-size:0.7500rem;opacity:0;white-space:nowrap;pointer-events:none;transition:opacity .2s}
.wa-btn:hover::after{opacity:1}

 
/* Pulse animation */
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,0.6)}70%{box-shadow:0 0 0 0.9375rem rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}


/* Chat widget */
.wa-widget{position:fixed;right:1.2500rem;bottom:5.5000rem;width:20rem;max-width:calc(100% - 2.5000rem);background:var(--white);border-radius:0.3125rem;box-shadow:0 0.6250rem 1.8750rem rgba(0,0,0,.2);overflow:hidden;z-index:9998;transform:translateY(1.2500rem);opacity:0;visibility:hidden;transition:all .2s ease-in-out;font-size:0.8750rem}
.wa-widget.open{transform:translateY(0);opacity:1;visibility:visible}
 
 
.wa-header{background:#20b959;color:var(--white);padding:0.6250rem;display:flex;align-items:center;gap:0.6250rem}
.wa-avatar{width:2.5000rem;height:2.5000rem;border-radius:50%;background:#ccc;overflow: hidden;border: 0.1250rem solid;}
.wa-title{font-weight:400;font-size:0.8750rem;} 
.wa-sub{font-size:0.7500rem;color:#d4f3e2} 
 

.wa-body{background:var(--chat) url(../images/whatsapppattern.png);padding:0.6250rem;height:16.2500rem;overflow-y:auto;display:flex;flex-direction:column;gap:0.6250rem;background-size: 100%;}
.msg-bubble{max-width:80%;padding:0.5000rem 0.7500rem;border-radius:0.4688rem;font-size:0.8750rem;line-height:1.4}
.msg-bubble.user{align-self:flex-end;background:#dcf8c6}
.msg-bubble.hotel{align-self:flex-start;background:#fff;/*! border:0.0625rem solid #eee; */box-shadow: rgba(0, 0, 0, 0.16) 0rem 0.0625rem 0.2500rem;}

 
.wa-input{display:flex;gap:0.3750rem;padding:0.5000rem;background:#f0f0f0;border-top:0.0625rem solid #ddd}
textarea#waMessage{flex:1;resize:none;border:0;border-radius:0.3750rem;padding:0.6250rem;font-family:inherit;font-size:0.8125rem;outline:none;height: 2.5625rem;min-height: auto;}
.wa-send button{background:var(--accent);border:0;color:#fff;padding:0 0.8125rem;border-radius:50%;cursor:pointer;place-items:center;width: 2.5000rem;height: 2.5000rem;}
.wa-send svg{width:1.2500rem;height:1.2500rem;fill:#fff}
.wa-send svg{width:1.2500rem;height:1.2500rem;fill:#fff}

 
/* Typing indicator (three bouncing dots) */
.typing{display:inline-block;padding:0.5000rem 0.7500rem;border-radius:1.1250rem;background:transparent;align-self:flex-start}
.typing .dot{width:0.5000rem;height:0.5000rem;margin:0 0.1875rem;border-radius:50%;display:inline-block;background:#999;opacity:.9;transform:translateY(0);animation:bounce 1s infinite}
.typing .dot:nth-child(1){animation-delay:0s}
.typing .dot:nth-child(2){animation-delay:.15s}
.typing .dot:nth-child(3){animation-delay:.3s}
@keyframes bounce{0%{transform:translateY(0);opacity:.3}40%{transform:translateY(-0.3750rem);opacity:1}80%{transform:translateY(0);opacity:.6}100%{transform:translateY(0);opacity:.3}}

.paymentbtn li a img {
	position: absolute;
	left: -8.5000rem; 
	top: -0.8125rem; 
	width: 8.1250rem;
}

.paymentbtn li {
  position: relative;
}

.details_tpimgg {
	position: absolute;
	top: 0.6250rem;
	left: 0.7500rem;
	z-index: 9;
	font-size: 0.6875rem;
	color: #fff;
	margin: 0;
	padding: 0.2500rem 0.5625rem;
	background: rgb(241, 132, 41);
	border-radius: 0.6250rem;
	backdrop-filter: blur(0.6250rem);
}

.cta_main{
  padding: 0;
  background: #000;
}

.zanjibar_main h2 {
	font-size: 21px;
	line-height: 33px; 
	color: #052424;
	font-weight: 200;
} 

.cta_main h2 {
	color: #fff;
	margin: 0 0 1rem 0;
	font-size: 4.1250rem;
	font-family: 'Span', serif;
}

.cta_main p{
  color: #fff;
}

.cta_main .fullimage {
	position: relative;
	z-index: 1;
	height: 61vh;
	background: url(../images/balcony-from-outside.webp);
	background-attachment: fixed; 
	background-size: cover;
	display: flex;
	align-items: center;
	margin-top: 6.2500rem;
}
.cta_main .fullimage::before {
	position: absolute;
	left: 1%;
	top: 4%;
	width: 98%;
	height: 92%;
	border: 0.0625rem solid #ffffff38;
	z-index: 1;
	content: '';
	border-radius: 0.6250rem;
}

.cta_main .fullimage::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	content: '';
	background: url(../images/bg-3.jpg);
	opacity: 0.7;
}
.cta_main .fullimage .col-lg-8{
  position: relative;
  z-index: 9;
}

.cta_main .fullimage .linebtnn{
  color: #fff;
}
.inneractvt {
	padding: 0 0.9375rem;
}

.inneractvt h2 {
	font-size: 2.938rem;
	font-family: 'Span', serif; 
	margin: 0 0 1.3125rem 0; 
	color: #000404;
} 
  
.activitiitemmain .container .act_itemm:nth-child(even) .image{
  margin: 0;
}

.activitiitemmain .container .act_itemm:nth-child(even) .inneractvt {
	padding:0 ;
}

.inneractvt ul{
  margin: 1.3750rem 0 0 0;
  padding: 0 0 0 0.8125rem;
}
.inneractvt ul li{ 
  margin: 0;
  list-style: disclosure-closed;
  margin: 0 0 0.8125rem 0;
}
 

#bookingForm h2 { 
	margin: 0 0 0.6250rem 0; 
}

.animated-bg {
	--pan-duration: 10s;
	--pan-ease: ease-in-out;
	width: 114%;
	height: 100vh;
	background-image: url('../images/main-lodge-and-rooms-overview.OlnhRd5p.webp');
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	animation: panX var(--pan-duration) var(--pan-ease) infinite alternate;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Keyframes: move background-position from left to right */
@keyframes panX {
  0%   { background-position: left center; }
  100% { background-position: right center; }
}

/* --- Optional variants --- */

/* Faster, smoother */
.animated-bg.fast { --pan-duration: 6s; }

/* Vertical or diagonal pan (left-top -> right-bottom) */
.animated-bg-diagonal {
  animation-name: panDiagonal;
}
@keyframes panDiagonal {
  0%   { background-position: left top; }
  100% { background-position: right bottom; }
}

/* If you want more horizontal travel, increase background-size */
.animated-bg-wide {
  background-size: 160% auto; /* more image width than container -> more noticeable pan */
}

.sisiter_hotel {
	padding: 4rem;
	background: rgb(255, 255, 255);
	backdrop-filter: blur(0.1875rem);
	border-radius: 0.6250rem;
	text-align: center;
}

 .sisiter_hotel a {
	background: #02a7a6;
	color: white;
	padding: 0.8125rem 2.3125rem;
	border: none; 
	font-size: 0.8125rem; 
	cursor: pointer;
	transition: background-color 0.3s ease;
	font-family: 'Span', serif;
	text-transform: uppercase;
	letter-spacing: 0.1250rem;
	border-radius: 3.1250rem;
}

.nav-link.exp_btnn {
	font-size: 1.8750rem !important;
	border: none;
	margin: 0 0.7500rem 0 0;  
	height: auto;
	padding: 0 0.3125rem !important;
	border-radius: 0.3125rem;
	line-height: 2.0625rem;
	color: red !important;
	padding: 0;
}
 
 .custom-tooltip{
  background: red!important;
  color: #fff!important;
 }
.fullimgg_offerr h3 {
	margin: 0;
	font-size: 1.2500rem;
	font-family: 'Span', serif;
	line-height: 1.9375rem;
	text-align: center;
	color: #fff;
}
.fullimgg_offerr h2 {  
	color: #fff;
}

.fullimgg_offerr h3 a {
  font-weight: 600; 
  color: #fff;
  text-decoration: underline;
}
.btn_offer{ 
  justify-content: center;
  margin-top: 2.7500rem;
} 
.btn_offer a {
	height: auto;
	text-align: center;
	width: 100%;
	background: var(--main);
	color: #fff;
	border-radius: 0;
	width: 16rem;
	font-family: 'Span', serif;
	text-transform: uppercase;
	letter-spacing: 0.1250rem;
	display: inline-block;
	margin: 0 1.2500rem 0 0;
	padding: 1.1250rem 0;
}
.fullimgg_offerr{
  background: url(../images/king-and-single-bed.webp);
  background-size: cover;
  background-attachment: fixed;
  height: 90vh;
  display: flex;
  align-items: center;
}
.innerPdvofr.text-center {
	padding: 3.1250rem; 
	-webkit-backdrop-filter: blur(2rem);
	backdrop-filter: blur(2rem);
	/*! background-image: linear-gradient(#00000052, #00000052), radial-gradient(circle at 0 100%, #ffffff14, #fff3), linear-gradient(#ffffff14, #ffffff14); */
	border: 0.0625rem solid #ffffff14;
	border-radius: 1.8750rem;
}
 
.fixed .nav-link.exp_btnn { 
	margin: 0; 
}
.btn_login {
	padding: 0px 15px !important;
	border: 0.0625rem solid #01a7a8;
	border-radius: 50px;
	color: #fff !important; 
	background: #02a9a7 !important;   
	align-items: center;
	letter-spacing: .05vw !important;
	height: 45px; 
	line-height: 2.3750rem;
	margin: 0; 
	font-size: 0.7500rem !important;
	display: flex !important;
	padding-right: 0 !important;
	width: 134px;
}
.btn_login i {
	width: 35px;
	height: 35px; 
	background: #078c8b;
	text-align: center;
	line-height: 35px;
	border-radius: 100%;
	font-size: 21px;
	transform: rotate(-49deg);
	margin: 0 3px 0 9px;
	padding: 2px 0 0 4px;
}
.top_leftt.righttdtill {
	text-align: right;
	display: flex;
	justify-content: flex-end;
}
.cottage_main {
  position: relative;
} 
.cottage_main::before {
  position: absolute;
  right: 0;
  height: 6.2500rem;
  background: #fff; 
  width: 50%; 
  content: '';
  z-index: 9;
}
.cottage_main::after {
  position: absolute;
  right: 0;  
  height: 100%;
  background: #fff url(../images/bg-3.jpg); 
  width: 100%; 
  content: '';
  z-index: 1;
  top: 0;
  opacity: 0.5;
}


.cottage_main  img {
  width: 100%;
  height: 29.3750rem; 
  object-fit: cover;
  border-radius: 0;
}
.content_main {
	position: absolute;
	top: 35%;
	text-align: left;
}
.content_main h6{
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 0.5000rem;
  font-size: 1.2500rem; 
}
.content_main h2{
  color: #fff;
}
.rooms_main{
  padding: 3.7500rem 0; 
  position: relative;
}
.badge_top {
	position: absolute;
	top: 1.2500rem;
	left: 1.2500rem;
	z-index: 9; 
	background: rgba(255, 255, 255, 0.14); 
	padding: 0.4375rem 1rem;
	font-size: 0.6250rem;
	letter-spacing: 0.0625rem;
	color: #fff;
	border-radius: 0.1250rem;
	height: 1.8750rem;
	line-height: 1rem;
	text-transform: uppercase; display:none;
	backdrop-filter: blur(0.6250rem);
}

.headingtxt {
	position: absolute;
	top: 57%;
	left: 50%;
	z-index: 9;
	transform: translate(-50% , -50%);
	color: #fff;
	text-align: center;
}
.headingtxt h2 { 
	color: #fff; 
}
.exptxt p{
  /*! color: #fff; */
}
.dining_txt p {
	visibility: visible;
	animation-name: slideInUp;
	font-family: 'Span', serif;
	font-size: 1rem;
	line-height: 1.3125rem;
	font-size: 1.5625rem;
	line-height: 2.3125rem;
}

.exptxt p {
	visibility: visible;
	animation-name: slideInUp;
	font-family: 'Span', serif;
	font-size: 1rem;
	line-height: 1.3125rem;
	font-size: 1.5625rem;
	line-height: 2.3125rem;
}
.activiti_main .container-fluid {
  padding: 0;
  max-width: 100%;
} 

.activiti_item .image::before {
	position: absolute;
	bottom: 0rem;
	left: 0rem;  
	width: 70%;
	height: 22%;
	/*! background: linear-gradient(rgb(255, 255, 255) 0rem, rgb(255, 255, 255)); */
  content: '';
	z-index: 9;
}
.relax_main h2{
  margin-bottom: 0;
}

    .contact_indx-section {background-color: #f5f7fa;
      padding: 3.7500rem 0; border-bottom:0.0625rem solid #ddd;border-top:0.0625rem solid #ddd;
    }
    .contact_indx-info h3 {
      font-weight: 700;
    }
    
    .contact_indx-item {
      display: flex;
      align-items: center;
      margin-bottom: 1.2500rem;border-bottom: 0.0625rem solid #ddd;
  padding-bottom: 1.2500rem;
    }
    .contact_indx-item .icon {
      width: 2.5000rem;
      height: 2.5000rem;
      border-radius: 50%;
      background: #fff!important;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 0.7500rem;
      font-size: 1.2500rem;
    }
.contact_indx-item a{color:#000}
    .form-card_indx {
      background: #fff;
      border-radius: 0.5000rem;
      padding: 1.5625rem;
      box-shadow: 0 0.1250rem 0.6250rem rgba(0,0,0,0.08);
    }
    .btn-submit {
      background: linear-gradient(90deg, #f47c2c, #d35400);
      border: none;
      color: #fff;
      font-weight: 600;
    }
    .btn-submit:hover {
      opacity: 0.9;
    }
    .form-text {
      font-size: 0.8rem;
      color: #777;
    }
    .contactinfotxt p{
      font-size: 0.9375rem;
      font-weight: 300; 
      font-family: arial;
      line-height: 1.5000rem;
    }
    .contactinfotxt p a{ 
      color: #000;
    } 
    .contactinfotxt p a:hover{ 
      color: var(--main);
    } 
.cottagemainitem {
	/*! box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
	border-radius: 20px;
	overflow: hidden; 
	margin-bottom: 40px; 
	/*! border: 1px solid #ddd; */  
}

.cottage_content{
  padding: 50px 45px;
}

.cottage_content h2 {
	font-size: 57px;
	font-weight: 300;
	margin: 0 0 8px 0;
	line-height: normal; 
	position: relative; 
	z-index: 9;
}
.cottage_content p  {
	font-size: 16px;
	color: #464545;
}
 
.cottage_content .linebtnn {
	padding: 0 35px;
	background: #01a7a8;
	border: none;
	color: #fff;
	height: 2.8750rem;
	border-radius: 50px !important;
	display: inline-block;
	line-height: 2.6875rem;
	font-family: 'Span', serif;
	font-size: 1.1250rem;
	letter-spacing: 0.0187rem;
	position: relative;
	transition: 0.3s;
	border: 0.0625rem solid #01a7a8;
	z-index: 1;
	overflow: hidden;
}
 .gallery-filter {
            margin-bottom: 30px;
        }
        
        .gallery-filter button {
            margin-right: 1px;
            margin-bottom: 10px;
            border-radius: 50px;
            padding: 8px 20px;
            border: none;
            transition: all 0.3s ease;
            color: #000;
            /*! background: #ddd; */
            border: 1px solid #ddd;
            text-transform: uppercase;
            height: 40px;
            font-size: 14px;
        }
        
        .gallery-filter button.active, 
        .gallery-filter button:hover {
            background-color: #01a7a8;
            color: white; 
            border-color: var(--main);
        }
        
        .gallery-item { 
            /*! margin-bottom: 30px; */
            overflow: hidden;
            /*! border-radius: 10px; */ 
            /*! box-shadow: 0 5px 15px rgba(0,0,0,0.1); */
            transition: transform 0.3s ease;
        }
        
        .gallery-item:hover {
            transform: translateY(-10px);
        }
        
        .gallery-item img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .gallery-item:hover img {
            transform: scale(1.05);
        }
      .room_item .owl-carousel img {
        height: 500px;
        object-fit: cover;
        margin: 0; 
      }
      .room_item .owl-carousel .owl-item a{
        margin: 10px;
        display: block;
      }

 
.menubthh .linebtnn {
	padding: 0 3.25rem;
	background: transparent;
	border: none;
	color: #131212;
	height: 3.875rem;
	border-radius: 0 !important;
	display: inline-block;
	line-height: 3.688rem;
	font-family: 'Span', serif;
	font-size: 23px;
	letter-spacing: 0.0187rem;
	position: relative;
	transition: 0.3s;
	border: 0.0625rem solid #ddd;
	z-index: 1;
}
 
.container-fluid.zanzibarsliderr {
	max-width: 100%;
	padding: 0;
}
.zanjibar_main  .cottage_main::before { 
	background: #f7fcfc; 
}

body .zanjibar_main:nth-child(odd) .cottage_main::before {
  right: auto;
  left: 0;
}
.confrence_main {
	padding: 0 0 60px 0;
	background: #f7fcfc;
}

.activitiitemmain {
	padding: 50px 0;
}

.exprience_itemm {
  position: relative;
  margin-bottom: 30px; 
} 
 
.exprience_itemm img{
  width: 100%;
  height: 76vh; 
  object-fit: cover;
}
.contentt { 
	position: relative;           
	bottom: 0;
	left: 50%;
	transform: translate(-50%);
	text-align: center;
	padding: 30px 110px;
	/*! padding-bottom: 30px; */
	max-width: 50%;
	background: #f7fcfc; 
	margin: -82px 0 0 0;
}
.contentt h3 { 
	font-size: 60px;
	margin: 0 0 10px 0;
	font-weight: bold;
}
.hamburger.active span:nth-child(3) {
	top: 0.8125rem;
	transform: rotate(-45deg);
}
.offcanvas .hamburger.active span:nth-child(1) {
	top: 19px;
	transform: rotate(45deg);
}
 

.bg-custom-primary {
  background-color: #01a9aa;color:#fff; font-size:16px; font-weight:600;
}
.footer .container-fluid {
	max-width: 90%;
}
.menu-main-menu-container{margin:0 auto}
.contactinfotxt .bi{color:#078c8b}.contactinfotxt .fa{color:#078c8b}
.contactinfotxt h5{color:#078c8b}
.bg_booksty {
	padding: 30px 0;
}

.main h2 {
	font-size: 42px;
	font-weight: 300;
}
.cottage_content h2 {
	font-size: 40px; 
}

.dining_main {
	padding: 35px 0; 
}




















.map_main h3 .map_main h5, footer h5{font-weight:600;}