/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. banner
06. features
07. testimonials
08. contact
09. footer
10. preloader
11. search
12. portfolio

--------------------------------------------- */
/* 
---------------------------------------------
font & reset css
--------------------------------------------- 
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.cdnfonts.com/css/brittany-signature');
/* 
---------------------------------------------
reset
--------------------------------------------- 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

header, nav, section, article, aside, footer, hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html, body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  background-color: #fff;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
}

h1, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 20px;
}

h2{
  font-family: 'Brittany Signature', sans-serif;
}


ul {
  margin-bottom: 0px;
}

p {
  font-size: 15px;
  line-height: 1.5;
  color: #2a2a2a;
}


:root{--main:#231f20; --green:#b86147; --gradient:linear-gradient(135deg, var(--dark) 0%, var(--green) 100%);}

/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/
html,
body {
  background: #fff;
  font-family: 'Montserrat', sans-serif; width:100%; overflow-x:hidden;
}

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

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

@media (max-width: 991px) {
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
}

.main-white-button a {
  font-size: 13px;
  color: #fff;
  background-color: var(--main);
  padding: 12px 25px;
  display: inline-block;
  border-radius: 3px;
  font-weight: 600;
  transition: all .3s;
}

.main-white-button a:hover {
  color:#fff;
  background:var(--sub);
}

.main-text-button a {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
  transition: all .3s;
}

.main-text-button a:hover {
  opacity: 0.9;
}

.section-heading h6 {
  position: relative;
  font-size: 15px;
  color: var(--main);
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-left: 40px;
}

.section-heading h6:before {
  width: 30px;
  height: 1px;
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  background-color: var(--main);
}

.section-heading h2, .section-heading h1 {
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 25px; 
  font-size: 48px;
  font-weight: 400;
  color: #2a2a2a;
}
.section-heading h1{ margin-bottom:10px; font-size:42px;}


/* 
---------------------------------------------
header
--------------------------------------------- 
*/

.background-header {
  background-color: #fff;
  position: fixed!important;
  top: 0px;
  left: 0px;
  right: 0px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;
}

.background-header .logo,
.background-header .main-nav .nav li a {
  color: #1e1e1e!important;
}

.background-header .main-nav .nav li:hover a {
  color: var(--main);
}

.background-header .nav li a.active {
  color: var(--main);
}

.header-area {
  position: relative;
  padding:10px 0;
  z-index: 100;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.header-area .main-nav {
  background: transparent;
}

.header-area .main-nav .logo {
  line-height: 100px;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  float: left;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  filter: brightness(0) invert(1);
  
}



.background-header .main-nav .logo {
  line-height: 75px;
  filter: brightness(1) invert(0);
}


.header-area.header-sticky {
  min-height: 80px;
  z-index:999;
}

.header-area .nav {
  margin-top: 30px;
}

.header-area.header-sticky .nav li a.active {
  color: var(--main);
}



@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 12px;
    padding-right: 12px;
  }
  .header-area .main-nav:before {
    display: none;
  }
}

@media (max-width: 767px) {
  .header-area .main-nav .logo {
    color: #1e1e1e;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: var(--main)!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
  .header-area {
    background-color: #fff;
    padding:15px;
    height: auto;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
     padding:0 0 15px; text-align:left; display:block;
  }
  .header-area .logo img{height:50px;}
  
  .phonenoTop{width:100%; margin:0!important;}
  
  footer .logo img{height:60px;}
    
  .phonenoTop{font-size:14px;}
  
}

@media (min-width: 767px) {
}

.phonenoTop{list-style-type:none; margin:0 15px 0 0; float:right; border-radius:5px; background:var(--green); padding:5px 10px;}
.phonenoTop li{margin:0 5px 0; padding:0; display:inline-block;}
.phonenoTop li a{ color:#fff; font-weight:700;}
.phonenoTop li a i, .phonenoTop li a:hover{color:#fde6de;}
#mandarmani .header-area .main-nav .nav li.bookingbtn{background:var(--green);}



/* 
---------------------------------------------
banner
--------------------------------------------- 
*/

#top {
  /*padding-top: 80px;
  height:100vh;*/
  display:block; overflow:hidden;
}

#top .col-lg-4,
#top .col-lg-8 {
  padding: 0px;
}

#top .left-content {
  background-image: url(../images/top-left-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 100%;
}

#top .left-content .inner-content {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width:70%; text-align:center;
}

#top .left-content h4 {
  font-family: 'Dancing Script', cursive;
  color: #fff;
  font-size: 54px;
  font-weight: 700;
}

#top .left-content h6 {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  letter-spacing: 3px;
  margin-top: 5px;
}

#top .left-content .main-white-button  {
  margin-top: 25px;
  margin-bottom: 10px;
}

#top .left-content .main-white-button a {
  display: inline-block;
}

/* ==== Main CSS === */
.img-fill{
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center
}

.img-fill img {
  min-height: 100%;
  min-width: 100%;
  position: relative;
  display: inline-block;
  max-width: none;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.Grid1k {
  padding: 0 15px;
  max-width: 1200px;
  margin: auto;
}

.blocks-box,
.slick-slider {
  margin: 0;
  padding: 0!important;
}

.slick-slide {
  float: left /* If RTL Make This Right */ ;
  padding: 0;
}

/* ==== Slider Style === */
.Modern-Slider{position:relative;}
/*.Modern-Slider:after{position:absolute; left:0; right:0; top:0; bottom:0; content:''; background:rgba(0,0,0,0.3);}*/
.Modern-Slider .item{
  height:100%;
  /*max-height: 550px;*/
  background:#000;
}
.Modern-Slider .item img{width:100%;}

.Modern-Slider .item .info > div{
  display:inline-block!important;
  vertical-align:middle;
}

.Modern-Slider .NextArrow {
  position:absolute;
  top:50%;
  transform: translateY(-25px);
  right:10px;
  width: 50px;
  height: 50px;
  background-color: var(--main);
  border:0 none;
  line-height: 44px;
  border-radius: 50%;
  text-align:center;
  font-size: 36px;
  font-family: 'Font Awesome 5 Free'; font-weight:600;
  color:#FFF;
  z-index:5;
  outline: none;
  opacity: 0.6;
  transition: all .3s;
}

.Modern-Slider .NextArrow:hover {
  opacity: 1;
}

.Modern-Slider .NextArrow:before{
  content:'\f105';
}

.Modern-Slider .PrevArrow {
  position:absolute;
  top:50%;
  transform: translateY(-25px);
  left:10px;
  width: 50px;
  height: 50px;
  background-color: var(--main);
  border:0 none;
  line-height: 44px;
  border-radius: 50%;
  text-align:center;
  font-size: 36px;
  font-family: 'Font Awesome 5 Free';  font-weight:600;
  color:#FFF;
  z-index:5;
  outline: none;
  opacity: 0.3;
  transition: all .3s;
}

.Modern-Slider .PrevArrow:hover {
  opacity: 1;
}

.Modern-Slider .PrevArrow:before{
  content:'\f104';
}

ul.slick-dots {
  display: none!important;
}

.Modern-Slider .item.slick-active{
  animation:Slick-FastSwipeIn 1s both;
}

.Modern-Slider .buttons {
  position: relative;
}

.Modern-Slider {background:#000;}


/* ==== Slick Slider Css Ruls === */
.slick-slider{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left /* If RTL Make This Right */ ;height:100%;min-height:1px}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

.quickEnquiry{width: 100%;
  display: block;
  padding: 10px;
  text-align: center;
  background: var(--green);
  color: #fff;
  font-weight: 600;
  margin-bottom: 15px;}
.quickEnquiry:hover{background: var(--dark); color:#fff;}

/*
---------------------------------------------
about
---------------------------------------------
*/

#about {
  padding: 60px 0px 80px;
  position: relative;
  z-index: 9;
  background:#fff url('../images/aboutflower.png') no-repeat right 0% bottom;
}

#about .section-heading h2 {
  padding-right: 0;
}

#about .section-heading + p{max-width:800px; margin:0 auto 30px;}

.left-text-content [class^="col-"]{text-align:center; border-left:1px var(--main) dotted; margin-bottom:20px;}
.left-text-content [class^="col-"]:first-child{ border:none;}
#about img {
  overflow: hidden;
}
#about [class^="col-"] strong{display:block; overflow:hidden; clear:both; font-size:20px; padding:10px 0 3px; font-style:italic;}
#about [class^="col-"] b{display:block; overflow:hidden; clear:both; padding:0 0 8px; color:var(--gray); text-transform:uppercase; font-size:12px; letter-spacing:1px;}

#about .left-text-content p {
  margin-bottom: 40px;
}

#about .right-content {
  margin-left: 30px;
}
#about i{font-size:36px; color:var(--green);}

#about .right-content .thumb {
  position: relative;
}

#about .right-content .thumb a {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  display: inline-block;
  line-height: 70px;
  text-align: center;
  background-color: var(--main);
  color: #fff;
  border-radius: 50%;
  transform: translate(-35px, -35px);
  transition: all .3s;
}

#about .right-content .thumb a:hover {
  opacity: .9;
}
#about .right-content img{width:100%;}





/* 
---------------------------------------------
reservation
--------------------------------------------- 
*/

#reservation .section-heading {
  margin-bottom: 30px;
}

#reservation .section-heading h6 {color: #fff;}
#reservation .section-heading h6:before {background-color: #fff;}
#reservation .section-heading h2 { text-align:center;
  color: var(--dark);
  margin-bottom:70px; margin-top:12px;
}


#reservation p {
  color: #222;
  margin-bottom: 0; line-height:1.4; display:block; padding:20px;
}

#reservation {
  padding: 60px 0px 100px;
  background:#fde6de;
  position:relative;
  }
#reservation > img{position:absolute; bottom:0; left:0; right:0;}
#reservation [class^="col-"]{margin-top:30px; margin-bottom:30px;}
#reservation [class^="col-"] > a{padding: 0px; position:relative; display:block;}
#reservation [class^="col-"] > a > figure{height:350px; display:block; overflow:hidden;}
#reservation [class^="col-"] > a > figure img{ display:block; height:100%; width:100%; object-fit:cover; transition: transform .5s; transform: scale(1);}
#reservation [class^="col-"] > a:hover > figure img{transform: scale(1.4);}
#reservation [class^="col-"] > a > h4{font-size:22px; font-weight:700; color:#fff; position:absolute; bottom:0; padding:20px; left:0; right:0; z-index:5; margin-bottom:0;}
#reservation [class^="col-"] > a:after{position:absolute; content:''; bottom:-2px; top:50%; left:0; right:0; z-index:3;
background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%);}
#reservation [class^="col-"] > a > i{font-size:26px; background:#fff; color:var(--green); position:absolute; top:-35px; left:50%; transform:translate(-50%,0%); z-index:4; width:70px; height:70px; border-radius:50%; text-align:center; line-height:65px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 12px;}
#reservation [class^="col-"] > a:hover > i{background:var(--main); color:#fff;}


#incredibleIndia{display:block; overflow:hidden; padding:60px 0 0; text-align:center;}
#incredibleIndia .contentBox{display:block; overflow:hidden; position:relative; background:#ddd url('../images/Incredible-Indiabg.jpg') no-repeat center center; background-size:cover; padding:120px 80px; border-radius:30px; text-align:center; color:#fff;}
/*#incredibleIndia .contentBox:before{background: rgb(249,114,0); mix-blend-mode:multiply; background: linear-gradient(90deg, rgba(249,114,0,1) 0%, rgba(9,128,62,1) 100%); position:absolute; content:''; display:block; top:0; bottom:0; left:0; right:0; z-index:1;}*/
#incredibleIndia .contentBox figure img{max-height:60px; max-width:100%; margin-bottom:20px;}
#incredibleIndia .contentBox *{ color:#fff; z-index:5; position:relative; font-weight:600; font-size:16px;}


/*
---------------------------------------------
offers
---------------------------------------------
*/

#offers {padding: 50px 0;}
#offers .section-heading {margin-bottom: 40px;}
#offers .section-heading h3 {margin-bottom:20px;}
#offers .section-heading h5{background:var(--main); color:#fff; padding:8px 15px; display:inline-block;}


/*#offers [class^="col-"]{background-color: #343434; padding:30px; border-radius:15px; border:#fff 5px solid; color:#fff;}
#offers [class^="col-"]:nth-child(odd){background:#6f6f6f;}
#offers [class^="col-"] h4{margin-bottom:15px; font-size:20px;}
#offers p{color:#fff;}
#offers [class^="col-"] span{ margin:0 auto 10px; display:inline-block; width:145px; height:29px; background:transparent url(../images/stars.png) no-repeat center top;}
#offers [class^="col-"] span.star-1{}
#offers [class^="col-"] span.star-2{ background-position:center top -29px;}
#offers [class^="col-"] span.star-3{ background-position:center top -58px;}
#offers [class^="col-"] span.star-4{ background-position:center top -87px;}
#offers [class^="col-"] span.star-5{ background-position:center top -116px;}*/

.gallery [class^="col-"] a{display:block; overflow:hidden; border:1px #fff solid; height:200px;}
.gallery [class^="col-"] a > img{height:100%; width:100%; object-fit:cover;}
.gallery [class^="col-"] a span{display:block; padding:8px 0 20px; color:var(--main); display:none;}
/* 
---------------------------------------------
footer
--------------------------------------------- 
*/

.footerAddress{background:#fff url('../images/sandBG.jpg') no-repeat top center; background-size:cover; padding:60px 0; position:relative; display:block; overflow:hidden; text-align:center; min-height:450px;}
.footerAddress > img.wave{filter: brightness(0) invert(1); -webkit-transform: scaleY(-1); transform: scaleY(-1); position:absolute; top:0; left:0; right:0; z-index:5;}

#testimonialCarousel .carousel-item {
text-align: center;
padding: 30px;
}

#testimonialCarousel .carousel-item img {
border-radius: 50%;
width: 100px;
height: 100px;
object-fit: cover; border:2px #fff solid; display:none;
}

#testimonialCarousel .carousel-item h5 {
margin-top: 0;
font-size: 18px;
font-weight: bold;
}

#testimonialCarousel .carousel-item i{font-size:36px;}

#testimonialCarousel .carousel-item > p {
font-style: italic;
font-size: 16px;
color: #555;
margin-bottom: 10px; font-weight:600;
}

#testimonialCarousel .carousel-item .testimonial-text {
font-size: 15px;
line-height: 1.6;
color: #333;
}
#testimonialCarousel .carousel-item .testimonial-text p{
font-size: 15px;
line-height: 1.6;
color: #333;
}
#testimonialCarousel .carousel-indicators li {background-color: var(--green);}


.imgLeft, .imgRight{position:absolute; left:4%; bottom:-70px;}
.imgRight{right:0; left:auto; bottom:auto; top:15%;}
/*.footerAddress .container img{margin:25px 0;}*/
.footerAddress p{font-size:17px; margin:10px 0 20px; color:#535353;}
.footerAddress p a{color:#535353; margin:0 5px;}
.footerAddress p a:hover, .footerAddress p a i{color:var(--dark);}
.footerbtn{padding:8px 15px; color:#fff; display:inline-block; border:2px #fff solid; text-transform:uppercase; margin-top:10px; border-radius:20px; font-weight:700;}
.footerbtn:hover{color:#fff!important; background:var(--green);}

.instagramBox{display:inline-block; width:800px; max-width:100%;}
.instagramBox > div a{ display:block; overflow:hidden; padding:2px; width:100%;}
.instagramBox > div a img{width:100%;}
.instagramBox > a{color:#fff; font-size:18px; background:var(--sub); display:block; overflow:hidden; margin:2px;}
.instagramBox > a:hover{background:var(--main);}

footer {
  padding: 50px 0px;
  background-color: var(--main); color:#fff;
}

footer .left-text-content p {
  margin-top: 5px;
  color: #fff;
  font-size: 14px;
  text-align: right;
}
footer .left-text-content a{color:#fff;}
footer .left-text-content a:hover{color:var(--green);}

footer .right-text-content p {
  color: #fff;
  font-size: 14px;
  margin-right: 15px;
  text-transform: uppercase;
}


footer .right-text-content {
  text-align: left;
  margin-top: 10px;
}

footer .logo {
  text-align: center;
}
footer .logo img{ height:80px;}

footer .right-text-content ul li {
  display: inline-block;
  margin-left: 15px;
}
footer .right-text-content ul li:first-child {
  margin-left: 0px;
}


footer .right-text-content ul li a {
  width: 44px;
  height: 44px;
  display: inline-block;
  text-align: center;
  line-height: 44px;
  font-size: 20px;
  background-color: #fff;
  border-radius: 50%;
  color: var(--main);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

footer .right-text-content ul li a:hover {
  color: #2a2a2a;
}

.footerLinks{display:block; overflow:hidden; padding:35px 0 10px; text-align:center; font-size:14px; line-height:1;}
.footerLinks li{display:inline-block; padding:0 6px; border-left:1px #fff solid; margin-bottom:10px;}
.footerLinks li:first-child{border:none;}
.footerLinks li a{ color:#fff;}
.footerLinks li a:hover{ color:var(--green);}


footer p{color:#fff;}

/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/

@media (max-width: 992px) {
  #top {
    padding-top: 0;
    height: auto;
  }
  .header-area .main-nav .nav li.submenu:after {
    right: 3px;
  }
  .header-area .main-nav .nav li.submenu {
    padding-right: 15px;
  }
  .header-area .main-nav .nav li {
    padding-right: 5px;
    padding-left: 5px;
  }
  .header-area .main-nav .nav li a {
    font-size: 14px;
    letter-spacing: 0px;
  }
  #top .left-content {
    text-align: center;
    padding: 30% 0px;
  }
  #about .right-content {
    margin-left: 0px;
    margin-top: 30px;
  }
  #chefs .chef-item {
    margin-bottom: 30px;
  }
  #reservation .phone {
    margin-bottom: 60px;
  }
  #contact {
    margin-left: 0px;
    margin-top: 30px;
  }
  #offers .tabs-content .left-list {
    margin-right: 0px;
  }

  #offers .tabs-content .right-list {
    margin-left: 0px;
  }
  footer .right-text-content {
    text-align: center;
    margin-bottom: 30px;
  }
  footer .left-text-content p {
    text-align: center;
    margin-top: 30px;
  }
  
  
.section-heading h2 {
    line-height: 30px;
    font-size: 30px;
}

#incredibleIndia .contentBox{padding:80px 30px;}

  
}





#preloader {
  overflow: hidden;
  background-color: var(--main);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  z-index: 99999;
  color: #fff;
}

#preloader .jumper {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
  margin: auto;
  width: 50px;
  height: 50px;
}

#preloader .jumper > div {
  background-color: #fff;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  opacity: 0;
  width: 50px;
  height: 50px;
  -webkit-animation: jumper 1s 0s linear infinite;
  animation: jumper 1s 0s linear infinite;
}

#preloader .jumper > div:nth-child(2) {
  -webkit-animation-delay: 0.33333s;
  animation-delay: 0.33333s;
}

#preloader .jumper > div:nth-child(3) {
  -webkit-animation-delay: 0.66666s;
  animation-delay: 0.66666s;
}

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

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


.sliderContent{ position:absolute; left:50%; top:50%; position:absolute; transform:translate(-50%, -50%); z-index:100; text-align:center;}
.sliderContent h2, .sliderContent h1{color:#fff; font-size:60px; display:block; font-weight:300; text-shadow: 0px 0px 15px #000;margin-bottom:10px;}
.sliderContent img{margin-bottom:30px;}
.sliderContent p{ font-size:25px; color:#fff; margin-bottom:30px;text-shadow: 0px 0px 5px #000;}
.sliderContent small{color:#fff; font-size:22px; font-weight:600;}
.sliderContent a{display:inline-block; margin:0; padding:8px 20px; background:var(--main); color:#fff; font-weight:700; text-transform:uppercase; letter-spacing:1px;}
.sliderContent a:hover{background:var(--sub);}
.menu-item-carousel{padding:0 15px;}
.menu-item-carousel h3{font-size:16px; display:block; margin-bottom:15px; font-weight:600; color:#fff;}
.menu-item-carousel .col-md-4 > div{padding:15px; display:block; background:#222; border:1px #000 dotted;
/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);*/
}


#mandarmani .sliderContent h2{font-size:50px;}
#mandarmani .sliderContent ul{ list-style-type:none; margin:0; padding:0; text-align:center;}
#mandarmani .sliderContent ul li{display:inline-block; padding:0 20px; color:#fff;text-shadow: 0px 0px 8px #000; font-size:26px; border-right:1px #fff solid;}
#mandarmani .sliderContent ul li:last-child{ border-right:0;}
#mandarmani .sliderContent ul li small{display:block; overflow:hidden; clear:both; font-size:12px;}

#mandarmani footer{background:var(--green)!important;}
#mandarmani footer .right-text-content ul li a{color:var(--green)!important;}


.mandarmani-about{padding-bottom:30px!important; display:block; overflow:hidden;}
.mandarmani-about h2{ margin-bottom:20px; font-size:26px;}
.mandarmani-about [class^="col-md"]{margin-bottom:50px;}
.mandarmani-about p{width:900px; max-width:100%; margin:0 auto 30px;}
.mandarmani-about [class^="col-md"] strong{ font-style:normal!important; font-size:14px!important; display:block; clear:both; padding:8px 0}
.mandarmani-about i{font-size:16px!important; margin-right:5px;}

.kolapataBg{background:transparent url('../images/kolapataBg.jpg') no-repeat left -10% bottom!important;}
.bangalianaBg{background:transparent url('../images/kashful.png') no-repeat left bottom 50%!important;}

.mandarmani-about ul{ list-style-type:none; margin:20px 0; padding:10px; text-align:center; background:var(--green); display:inline-block; border-radius:50px; color:#fff; font-weight:600;}
.mandarmani-about ul li{display:inline-block; padding:0 20px; /*text-shadow: 0px 0px 8px #000;*/ font-size:18px; border-right:1px #fff dotted;}
.mandarmani-about ul li:last-child{ border-right:0;}
.mandarmani-about ul li i{font-size:20px!important; color:#fff!important;}


.innerContainer{ margin:0; background:#e8f3da; padding:50px 0;}
.innerContainer h6{margin-bottom:30px;}
.innerContainer p{margin-bottom:15px;}
.innerContainer .btn{display:inline-block; margin:0; padding:8px 20px; background:var(--main); color:#fff; font-weight:700; text-transform:uppercase; letter-spacing:1px;}
.innerContainer .btn:hover{background:#7f742e}


.roomsArea{padding:80px 0 0; background:#eee; color:#222; display:block; overflow:hidden;}
.roomsArea h2{position:relative; margin-bottom:20px; padding-bottom:2px; color:#222;}
.roomsArea h2:before{position:absolute; left:-800%; right:50%; bottom:0; height:1px; background:#222; content:''; display:block;}
.roomsArea p{margin-bottom:25px; color:#222;}
.roomsArea p + h2{padding-top:25px;}
.roomsArea ul{margin-bottom:50px;}
.roomsArea ul li{margin-bottom:20px;}




.infinity-pool{position:relative; display:block; background-size:cover; overflow:hidden; padding:100px 0 0;}
.infinity-pool > img{filter: brightness(0) invert(1); margin-top:50px;}
.infinity-pool [class^="col-"] > div{background:#fff; float:left; width:100%; padding:40px; position:relative;}
.infinity-pool [class^="col-"] > div > img{ position:absolute; right:-50px; top:-50px; height:125px;}
.infinity-pool [class^="col-"] > div h2{  font-size:26px; margin-bottom:15px; line-height:1.4;}
.infinity-pool [class^="col-"] > div p{line-height:1.7;}
.infinity-pool [class^="col-"] > div a{ margin-top:25px; display:inline-block; background:var(--dark); color:#fff; font-size:12px; padding:15px 25px; font-weight:600; border-radius:3px;}
.infinity-pool [class^="col-"] > div a:hover{ background:var(--green);}


.experinceArea{padding:60px 0 0; background:#fff url('../images/sandBG.jpg') no-repeat center center fixed; display:block; overflow:hidden; position:relative;}
.experinceArea > img{filter: brightness(0) invert(1); margin-top:30px;}

.experinceArea ul{vertical-align: middle;}
.experinceArea ul li{width:60%; display:block; float:left; padding:15px;}
.experinceArea ul li:nth-child(2){width:30%;}
.experinceArea ul li:nth-child(3){width:40%;}
.experinceArea ul li:first-child{padding-top:50px;}
.experinceArea ul li a{display:block; overflow:hidden; position:relative;}
.experinceArea ul li a:before{position:absolute; content:''; display:block; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.5); outline:1px #d8c59a solid; outline-offset:-20px;}
.experinceArea ul li a img{ width:100%;}
.experinceArea h4{position:relative; margin-bottom:20px; padding-bottom:2px; line-height:1.5;}
.experinceArea h4:before{position:absolute; right:-800%; left:0%; bottom:0; height:1px; background:#000; content:''; display:block;}
.experinceArea ul li a span{position:absolute; color:#fff; font-size:20px; font-weight:600; width:100%; display:block; text-align:center; z-index:5; left:50%; top:50%; transform:translate(-50%, -50%);}


.bookingArea{text-align:center; display:block; overflow:hidden; padding:60px 0; background:var(--green); color:#fff;}
.bookingArea h4{font-size:36px; margin-bottom:30px;}
.bookingArea a{display:inline-block; padding:15px 30px; background:#fff; color:#000;}


.innerBanner {
  text-align: center;
  padding: 100px 0;
  background: var(--green);
  background: linear-gradient(135deg, var(--green) 0%, var(--green) 100%);position:relative;
}
.innerBanner img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.innerBanner h1{font-family: 'Brittany Signature', sans-serif; color:#fff; font-size:54px; position:relative; z-index:5;}

.innerBanner .breadcrumb{margin:0; padding:15px 0 10px; border:none; list-style-type:none; font-size:15px; background:none; text-align:center; color:#fff; display:block;}
.innerBanner .breadcrumb li{display:inline-block; margin-right:10px; padding:0; position:relative; color:#fff;}
.innerBanner .breadcrumb li a{color:#fff; font-weight:600;}
.innerBanner .breadcrumb li:before{display:none!important;}
.innerBanner .breadcrumb li a:after{content:'/'; margin-left:10px;}

.propertyDetailsBanner {
    display: flex;
    gap: 20px; /* Adjust the gap as needed */
}
.propertyDetailsBanner > div:first-child {
    flex: 2;
}
.propertyDetailsBanner > div:last-child {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px; /* Same gap as above */
}
.propertyDetailsBanner img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures images maintain the aspect ratio */
    border-radius: 8px; /* Optional: adds rounded corners */
}
.thumbnails img {flex: 1;}


.innerContaner{font-size:14px; margin-top:-50px;}
.innerContaner > div{box-shadow:0 0 10px rgba(0,0,0,0.3); background:#fff url('../images/aboutflower.png') no-repeat right 15px bottom; display:block; position:relative; padding:30px;}
.innerContaner h1{ margin-bottom:30px;}
.innerContaner h2{font-size:20px; margin-bottom:25px; color:var(--green);}
.innerContaner ul, .roomDetails ul{margin:0 0 30px 30px; padding:0;}
.innerContaner ul li, .roomDetails ul li{margin-bottom:12px; position:relative;}
.innerContaner ul li:before, .roomDetails ul li:before{position:absolute; left:-18px; content:'\f0da'; font-size:16px; font-weight:600; display:block; color:var(--green); font-family:'Font Awesome 5 Free';}
.innerContaner p{ margin-bottom:30px;}


.boxAlterSection .row{position:relative; text-align:center; color:#fff;}
.boxAlterSection .row > [class^="col-"]:last-child{background:#694c46;}
.boxAlterSection .row:nth-child(2) > [class^="col-"]:last-child{background:#115733;}
.boxAlterSection .row:nth-child(3) > [class^="col-"]:last-child{background:#b57c5e;}
.boxAlterSection .row:nth-child(4) > [class^="col-"]:last-child{background:#5a9bb9;}
.boxAlterSection .row > [class^="col-"]:last-child > div{ padding:40px;}
.boxAlterSection .row:nth-child(even) > [class^="col-"]:first-child{position:relative; right:-50%;}
.boxAlterSection .row:nth-child(even) > [class^="col-"]:last-child{position:relative; left:-50%;}
.boxAlterSection .row p{color:#fff; font-size:12px; line-height:1.6;}
.boxAlterSection .row > [class^="col-"]:last-child img{filter: brightness(0) invert(1); margin-bottom:15px;}
.boxAlterSection .row h3{margin-bottom:10px; font-style:italic; font-size:22px; font-family:'Fauna One';}
.boxAlterSection .row h4{text-transform:uppercase; margin-bottom:20px; font-size:15px;}
.boxAlterSection .row > [class^="col-"]:first-child{background-size:100%; background-repeat:no-repeat; background-position: center center;}
.boxAlterSection .row:hover > [class^="col-"]:first-child{filter: grayscale(100%);}


.foodBox img{width:100%; transition: all .5s ease;}
.foodBox strong{ display:block; clear:both; overflow:hidden; border-bottom:1px #ddd solid; padding:15px 0;}
.foodBox [class^="col-"]:hover strong{color:var(--green);}
.foodBox [class^="col-"]:hover img{transform: rotateY(3.142rad);}

.roomDetails{font-size:14px;}
.roomDetails h3{font-size:20px; margin-bottom:12px; color:var(--green); font-weight:600; letter-spacing:1px;}
.roomDetails h3 strong{color:#000;}
.roomDetails h4{font-size:16px; margin-bottom:15px; color:var(--green); font-weight:600; letter-spacing:1px;}
.roomDetails p{margin-bottom:25px;}
.roomDetails .Modern-Slider:after{display:none;}


.contactDetailsArea .row{ margin-bottom:30px;}
.contactDetailsArea h4{margin-bottom:10px; font-size:22px;}
.contactDetailsArea p{margin-bottom:5px;}
.contactDetailsArea p i{color:var(--green); margin-right:5px;}
.contactDetailsArea a.mapBtn{background:var(--green); margin-top:5px; display:inline-block; border-radius:3px; color:#fff; padding:5px 12px; text-transform:uppercase; font-size:12px;}


.enquiryForm{background:var(--dark); position:relative; display:block; padding:30px 30px 10px;}
.enquiryForm h3{margin-bottom:20px; color:var(--green);}
.enquiryForm .form-control{border:1px #dcdcdc solid; border-radius:0; font-size:12px; margin-bottom:20px; padding:10px;}
.enquiryForm textarea{height:100px!important;}
.enquiryForm .btn{padding:10px 25px; width:100%; border-radius:0; text-transform:uppercase; font-size:14px; font-weight:700; letter-spacing:1px; color:#fff; background:var(--green);}
.enquiryForm .btn:hover{background:var(--green);}


.contactDetailsArea > .contact-form #contact{padding:35px 0; margin:0; background:none;}


.menuBox{margin-bottom:30px;}
.menuBox .owl-nav {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: -40px;
  transform: translateY(5px);
}

.menuBox .owl-dots {
  display: none;
}
    
.menuBox .owl-nav .owl-prev{
  margin-right: 10px;
  outline: none;
}

.menuBox .owl-nav .owl-prev span,
.menuBox .owl-nav .owl-next span {
  opacity: 0;
}

.menuBox .owl-nav .owl-prev:before {
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  color: var(--main);
  font-size: 25px;
  font-weight: 600;
  content: '\f104';
}

.menuBox .owl-nav .owl-prev {
  opacity: 0.75;
  transition: all .5s;
}

.menuBox .owl-nav .owl-prev:hover {
  opacity: 1;
}

.menuBox .owl-nav .owl-next {
  opacity: 0.75;
  transition: all .5s;
}

.menuBox .owl-nav .owl-next:hover {
  opacity: 1;
}

.menuBox .owl-nav .owl-next{
  margin-left: 10px;
  outline: none;
}

.menuBox .owl-nav .owl-next:before {
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  color: var(--main);
  font-size: 25px;
  font-weight: 600;
  content: '\f105';
}


.aminitiesArea{margin-bottom:20px;}
.aminitiesArea [class^="col-"]{ margin-bottom:0; text-align:center;}
.aminitiesArea [class^="col-"] > div{ display:block; background:#fff; padding:15px; text-align:center; margin:5px; border-radius:10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.aminitiesArea [class^="col-"] > div img{margin-bottom:10px;}
.aminitiesArea [class^="col-"] > div strong{ color:var(--green); display:block; clear:both; overflow:hidden; font-size:14px; text-transform:uppercase;}


.enquiry-button {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border: 5px solid transparent;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: color 0.4s ease, box-shadow 0.4s ease;
}

.enquiry-button::before,
.enquiry-button::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid var(--green); /* Border color */
    top: 0;
    left: 0;
    transition: transform 0.4s ease;
}

.enquiry-button::before {
    transform: scaleX(0);
    transform-origin: left;
}

.enquiry-button::after {
    transform: scaleY(0);
    transform-origin: top;
}

.enquiry-button:hover {
    color: var(--green);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

.enquiry-button:hover::before {
    transform: scaleX(1);
}

.enquiry-button:hover::after {
    transform: scaleY(1);
}





.popular-destinations{display:block; clear:both; overflow:hidden; color:#fff; padding:80px 0 60px; text-align:center; background:transparent url('../images/bg.jpg') no-repeat center center fixed; background-size:cover;}
.popular-destinations h2{font-size:48px; color:#fff;}
.popular-destinations .item a{width:200px; height:200px; position:relative; margin:15px auto; outline:2px #fff dotted; background:#000; outline-offset:8px; transition: all 0.5s ease; display:inline-block; overflow:hidden; border-radius:50%;}
.popular-destinations .item a img{width:100%; height:100%; object-fit:cover; transition: all 0.5s ease; }
.popular-destinations .item a h4{position:absolute; z-index:5; font-size:14px; margin-bottom:0; text-transform:uppercase;  transition: all 0.5s ease; top:80%; left:50%; transform:translate(-50%,-50%); color:#fff; background:rgba(0,0,0,0.8); width:100%; padding:5px;}
.popular-destinations .item a:hover{outline-offset:10px; outline-width:5px;}
.popular-destinations .item a:hover img{transform: scale(1.2); opacity:0.4;}
.popular-destinations .item a:hover h4{top:50%; background:none; font-weight:600;}


.stayListing h4 + span{display:none;}

.owl-nav{position: absolute; top: 45%;  width: 100%;}
.owl-prev, .owl-next{
left: -30px;
position: absolute;
font-size: 40px!important;
background:#fff!important;
width: 30px;
height: 30px;
border-radius: 50%;
color:var(--main)!important; display:block;
line-height:0!important;
}
.owl-next{left:auto; right:-30px;}
.owl-prev span, .owl-next span{position:relative; top:-4px;}
.owl-prev:hover, .owl-next:hover{background:var(--main)!important;color:#fff!important;}



.innerBannerArea{text-align:center; display:block; overflow:hidden; background:var(--green);}
.innerBannerArea [class^="col-"] > img{width:100%;}
.innerBannerArea [class^="col-"]:before { position:absolute; display:block; content:''; top:0; bottom:0; z-index:6;
   width: 0px;
   height: 100%;
   border-style: solid;
   border-width: 500px 0 0 80px;
   border-color: transparent transparent transparent rgba(184,97,71,0.8);
   transform: rotate(0deg);
}
.innerBannerArea [class^="col-"]:after { position:absolute; display:block; content:''; top:0; bottom:0; z-index:5;
   width: 0px;
   height: 100%;
   border-style: solid;
   border-width: 500px 0 0 120px;
   border-color: transparent transparent transparent rgba(184,97,71,0.7);
   transform: rotate(0deg);
}
.innerBannerArea h1{color:#fff; font-family: 'Brittany Signature', sans-serif; font-size:56px;}

.innerBannerArea.heritage-stays{background:#573f33;}
.innerBannerArea.heritage-stays [class^="col-"]:before {border-color: transparent transparent transparent rgba(87,63,51,1);}
.innerBannerArea.heritage-stays [class^="col-"]:after {border-color: transparent transparent transparent rgba(87,63,51,0.7);}

.innerBannerArea.hills-jungles{background:#272d0d;}
.innerBannerArea.hills-jungles [class^="col-"]:before {border-color: transparent transparent transparent rgba(39,45,13,1);}
.innerBannerArea.hills-jungles [class^="col-"]:after {border-color: transparent transparent transparent rgba(39,45,13,0.7);}

.innerBannerArea.kolkata-weekend{background:#1e232f;}
.innerBannerArea.kolkata-weekend [class^="col-"]:before {border-color: transparent transparent transparent rgba(30,35,47,1);}
.innerBannerArea.kolkata-weekend [class^="col-"]:after {border-color: transparent transparent transparent rgba(30,35,47,0.7);}

.innerBannerArea.north-bengal-sikkim{background:#2a3533;}
.innerBannerArea.north-bengal-sikkim [class^="col-"]:before {border-color: transparent transparent transparent rgba(42,53,51,1);}
.innerBannerArea.north-bengal-sikkim [class^="col-"]:after {border-color: transparent transparent transparent rgba(42,53,51,0.7);}

.innerBannerArea.package-trips{background:#061423;}
.innerBannerArea.package-trips [class^="col-"]:before {border-color: transparent transparent transparent rgba(6,20,35,1);}
.innerBannerArea.package-trips [class^="col-"]:after {border-color: transparent transparent transparent rgba(6,20,35,0.7);}

.innerBannerArea.pet-friendly-stays{background:#1f2438;}
.innerBannerArea.pet-friendly-stays [class^="col-"]:before {border-color: transparent transparent transparent rgba(31,36,56,1);}
.innerBannerArea.pet-friendly-stays [class^="col-"]:after {border-color: transparent transparent transparent rgba(31,36,56,0.7);}

.innerBannerArea.tea-bungalows{background:#2d4132;}
.innerBannerArea.tea-bungalows [class^="col-"]:before {border-color: transparent transparent transparent rgba(45,65,50,1);}
.innerBannerArea.tea-bungalows [class^="col-"]:after {border-color: transparent transparent transparent rgba(45,65,50,0.7);}



.propertyListing{display:block; padding:50px 0;}
.propertyListing h3{ font-size:22px; margin-bottom:30px;}
.propertyListing [class^="col-"]{margin-bottom:30px;}
.propertyListing [class^="col-"] > a{overflow:hidden; display:block; height:220px; position:relative; margin-bottom:10px; border-radius:8px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.propertyListing [class^="col-"] > a img{ display:block; overflow:hidden; width:100%; height:100%; object-fit:cover; transition: transform .5s; transform: scale(1);}
.propertyListing [class^="col-"]:hover > a img{transform: scale(1.4);}

.propertyListing [class^="col-"] h4{margin-bottom:10px; font-size:18px; font-weight:700;}
.propertyListing [class^="col-"] > div{overflow:hidden; display:block; position:relative; padding:10px 0; padding-right:80px;}
.propertyListing [class^="col-"] > div a{position:absolute; display:block; width:40px; height:40px; line-height:40px; color:var(--green); right:10px; top: 5px; text-align:center; border:2px var(--green) solid; border-radius:50%;}
.propertyListing [class^="col-"] > div a:hover{background:var(--green); color:#fff;}
.propertyListing [class^="col-"] p{margin-bottom:0; font-size:14px; padding-left:20px; position:relative;}
.propertyListing [class^="col-"] p i{position:absolute; left:0; top:4px; color:var(--green);}

.propertyListing [class^="col-md-3"] > a{ position:relative; border-radius:0; height:auto;}
.propertyListing [class^="col-md-3"] > a img{width:100%; height:auto;}
.propertyListing [class^="col-md-3"] > a h4{ position:absolute; z-index:5; left:0; right:0; bottom:0; text-align:center; content:''; padding:10px; color:#fff; text-transform:uppercase; color:#fff; font-size:26px;}


.innerContentArea{display:block; padding:50px 0;}
.innerContentArea h3{ font-size:24px; margin-bottom:30px;}
.innerContentArea p{margin-bottom:30px; text-align:justify;}
.innerContentArea h4{font-size:20px; margin-bottom:20px; color:var(--green);}

.innerContentArea ul{list-style-type:none; font-size:15px;}
.innerContentArea ul li{margin-bottom:15px;}


/*owtoReach [class^="col-"] > div{text-align:center; padding:20px; display:block; overflow:hidden; border:1px #ddd solid; border-top-color:var(--green); min-height: 330px;}*/
.howtoReach [class^="col-"] > div {
    text-align: center;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;  
    align-items: center;
    border: 1px #ddd solid;
    border-top-color: var(--green);
    height: 100%;
}


.howtoReach [class^="col-"] > div p{
    text-align:center;
    margin-bottom:0;
    flex-grow: 1;
}
.howtoReach [class^="col-"] > div h5{margin-bottom:5px;}
.howtoReach [class^="col-"] > div i{font-size:30px; margin-bottom:15px; color:var(--green);}



.stayListing [class^="col-"]{margin-bottom:30px;}
.stayListing [class^="col-"] > div{position:relative; display:block; overflow:hidden; padding:15px; border:1px var(--green) solid}
.stayListing [class^="col-"] > div > div{display:block; overflow:hidden; max-height:320px; margin-bottom: 15px;}
.stayListing [class^="col-"] > div > a{display: block; overflow: hidden; clear: both; padding:8px; background:#25D366; color: #fff; text-align: center; font-weight: 600;}
.stayListing [class^="col-"] > div > a:hover{background:var(--green);}
.stayListing [class^="col-"] > div > div img{width: 100%; height: 320px; object-fit: cover; display: block;}

@media (max-width: 767px) {
h3{font-size:20px;}

.sliderContent{display:none;}
.Modern-Slider:after{display:none;}


.Modern-Slider .item img {
  width: 100%;
  object-fit: cover;
}

.menu-item-carousel .col-md-4 > div{margin-bottom:80px;}
.menu-item-carousel .col-md-4:last-child > div{margin-bottom:0;}
#menu .owl-nav{bottom:-60px;}

#about{background:none; padding:40px 0;}
#reservation{padding:40px 0 85px;}
#reservation .left-text-content [class^="col-"]{margin-bottom:80px;}
#reservation .left-text-content [class^="col-"]:last-child{margin-bottom:0;}

.footerAddress{padding:40px 0; min-height:100px;}
.footerAddress .imgLeft, .footerAddress .imgRight{display:none;}
.footerAddress p{font-size:15px;}


.mandarmani-about{padding:30px;}
.mandarmani-about h1{margin-bottom:25px; font-size:26px;}
.mandarmani-about [class^="col-md"] > div{padding:0;}
.mandarmani-about ul li{display:block; padding:10px; /*text-shadow: 0px 0px 8px #000;*/ font-size:16px; border:none;}


.experinceArea ul{margin-bottom:30px; display:block; overflow:hidden;}
.experinceArea ul li{padding:5px;}
.experinceArea ul li:first-child{padding-top:25px;}
.experinceArea ul li a span{font-size:14px;}
.experinceArea ul li a:before{outline-offset:-5px;}

.bookingArea{padding:25px 0}
.bookingArea h4{font-size:25px;}

#mandarmani .sliderContent,#mandarmani .Modern-Slider:after{display:block;}
#mandarmani .sliderContent{display:block; width:80%;}
#mandarmani .sliderContent h2{display:none;}

.innerBanner{padding:60px 0 70px;}
.innerContaner > div{padding:20px; background:none;}
.innerBanner h1{font-size:36px;}

.propertyDetailsBanner {
    gap: 5px; /* Adjust the gap as needed */
}
.propertyDetailsBanner > div:last-child {
    gap: 5px; /* Same gap as above */
}
	
.innerBannerArea [class^="col-"] > div > img{width:150px; padding:30px 0;}

#reservation [class^="col-"] > a > figure{height:250px;}

.aminitiesArea [class^="col-"] > div{ padding:10px;}
.aminitiesArea [class^="col-"] > div strong{font-size:12px;}
.aminitiesArea [class^="col-"] > div img{ height:30px;}

.gallery [class^="col-"] a{ height:150px;}

footer .logo img{ height:60px;}
	
#about [class^="col-"] strong{font-size:16px;}
}



.icon-box{position:relative;padding-left:40px;color:var(--dark);margin-bottom:50px}
.icon-box h4{display:block;position:relative;margin-bottom:20px;font-size:22px;margin-top:30px;color:var(--green)}
.icon-box h4 i{position:absolute;left:-35px;top:4px}
.icon-box h4:first-child{margin-top:0}
.icon-box p{margin-bottom:5px;text-align:left}
.icon-box ul{display:block;margin-left:0!important}
.icon-box ul li{margin:0 5px;display:inline-block;font-size:20px}
.icon-box a{color:var(--dark)}
.icon-box a:hover{color:var(--green)}
.icon-box ul li a{border:1px var(--dark) solid;width:40px;height:40px;display:block;text-align:center;border-radius:5px}
.icon-box ul li a i{line-height:40px}
.icon-box ul li a:hover{background:var(--dark);color:#fff}


.contactForm input, .contactForm textarea, .contactForm select{width:100%; margin-bottom:15px; padding:10px; border:1px #ddd solid; min-height:40px; background:#fff;}
.contactForm input[type="submit"]{background:var(--green); border:2px var(--green) solid; color:var(--dark); text-transform:uppercase;font-weight:700; font-size:17px;}
.contactForm input[type="submit"]:hover{ background:#fff; color:var(--dark);}

.contactForm .wpforms-container-full .wpforms-form button[type=submit], .formBox .wpforms-container-full .wpforms-form button[type=submit] {
  background: var(--green);
  border: 2px var(--green) solid;
  color: var(--dark);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 17px;
  width: 100%;
}

.contactForm .wpforms-container-full .wpforms-form button[type=submit]:hover, .formBox .wpforms-container-full .wpforms-form button[type=submit]:hover {
  background: #fff;
  color: var(--dark);
  border: 2px var(--green) solid;
}

.galleryArea a img{width:100%; display:block; margin-bottom:30px;}