:root {
  --whitebg: #fff; 
  --whitecolor: #fff;
  --whitebborder: #fff;
  --brandTextColor: #202020; 
  --brandColor: #CA3D2E;
  --brandBg: #CA3D2E; 
  --brandBorder: #CA3D2E;
  --blackColor: #000;
  --blackBg: #000; 
  --blackBorder: #000;
  }


  /* fonts */
  .windsong-regular {
      font-family: "WindSong", cursive;
      font-weight: 400;
      font-style: normal;
    }
    
    .windsong-medium {
      font-family: "WindSong", cursive;
      font-weight: 500;
      font-style: normal;
    }

.playfair-display {
font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-weight:400;
font-style: normal;
}

/* roboto font */

.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}


  *{margin:0;padding:0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
  html,body{color: var(--brandTextColor);background-color: var(--whitebg);position:relative;font-size:14px;font-weight: 400;font-family: "Roboto", sans-serif;}

  h1,h2,h3,h4,h5,h6,p,ul,li{margin:0px;padding: 0px;line-height:1.5;}
  label{margin-bottom: 0;font-weight: 400;}
  p{margin-bottom: 5px;line-height: 1.5;}
  label{display: block;font-weight: 500}
  ul,li{list-style:none;padding: 0;margin: 0;}
  img{max-width:100%;height: auto;display: inline-block;line-height: 0px;}
  a{text-decoration:none;display: inline-block; color: inherit;}
  a:focus{text-decoration:none;outline:none;}
  a:hover{text-decoration:none;}
  button{background: none;border: none;}
  button:focus{outline: none;}
  picture{display: block;line-height: 0px;}
  textarea{resize:none;display: block;padding: 15px;width: 100%;font-family: "Roboto", sans-serif;}
  input:focus, button, input[type="submit"],input{outline:none;}
  select{display: block;width: 100%;color: var(--brandTextColor);font-family: "Roboto", sans-serif;}
  button{font-family: "Roboto", sans-serif;}
  input{display: block;padding:  20px 0;width: 100%;font-family: "Roboto", sans-serif; border: 0;}
  input::placeholder {color: var(--brandTextColor);font-size: 14px;}
  input::-ms-input-placeholder{color: var(--brandTextColor);font-size: 14px;}
  input::-ms-input-placeholder{color: var(--brandTextColor);font-size: 14px;}
  textarea::placeholder{color: var(--brandTextColor);font-size: 14px;}
  select:focus{outline:none;}
  textarea:focus{outline: none;}
  .d-hide{display: none;}
  .container{max-width: 90%;margin: auto;}
  .padding-t-b{padding: 60px 0px;}
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
  /* Firefox */
  input[type=number] {-moz-appearance: textfield;}
  .w-100{display: block;width: 100%;}
  .d-flex{display: flex;}
  .align-center{align-items: center;}
  .justify-between{justify-content: space-between;}
  .text-center{text-align: center;}
  .text-left{text-align: left;}
  .mainHeading{font-size: 40px;line-height: 55px;font-family: "WindSong", cursive;color: var(--blackColor); font-weight: 500;}
  .smallHeading{ font-family: "Playfair Display", serif;font-size: 30px;line-height: 34px; font-weight: 400;}
  .brandBtn{border: 1px solid #7f001f;color: #7f001f;padding: 15px 40px;display: inline-block;border-radius: 32.5px;
   text-transform: uppercase;font-weight: 600; font-size: 12px; transition: all 0.8s;letter-spacing: 1px;}
  .brandBtn.white-btn{border: 1px solid transparent;background-color: var(--whitebg); padding: 15px 35px; transition: all 0.8s; color: #7f001f;}
  .brandBtn:hover{color: var(--whitecolor); background-color: #7f001f;}
  .mid-line{width: 2px; height: 50px; background-color: var(--whitebg); display: block; margin: 30px auto;}
  .mid-line-two{width: 2px; height: 65px; background-color: var(--brandBg); position: absolute; left: 50%; top: 0; transform: translate(-50%, 0);}
  .position-relat{position: relative;}
  .mid-strait-line{width: 60px; height: 2px; background-color: var(--brandBg); margin: 20px auto 0;}
  .padding-b{padding-bottom: 10px;}

  /* cross-icon */

  .sidebar-toggle2 {display: inline-block;margin-left: 15px;background: #e2e2e2;height: 25px;width: 25px;border-radius: 50%;margin-right: 10px;margin-top: 10px;}
  .sidebar-toggle2:hover{background-color: var(--brandBg);}
  .sidebar-toggle2 .line {width: 14px;height: 2px;background-color: var(--blackBg);margin: 6px auto;display: block;position: relative;border-radius: 2px;}
  .sidebar-toggle2 .line:nth-of-type(1) {transform: rotate(45deg);top: 6px;}
  .sidebar-toggle2 .line:nth-of-type(2) {transform: rotate(134deg);top: -2px;}
  .cross-icon {text-align: right;display: none;}

  /* burger menu */
  .sidebar-togle-wraper img{width: 60px;height: auto;}
  .sidebar-togle-wraper {display: none;padding-left: 15px;}


/* header */

header{
width: 100%;
background-color: var(--whitebg);
position: fixed;
z-index: 9999;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.princess-head{
position: relative;
}

.princess-nav .nav-item li{
padding: 15px 10px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
}
.princess-nav .nav-item li a:hover{color:  #ca3d2e;}
.princess-head .main-logo{
position: absolute;
top: 0;
left: calc(50%);
transform: translate(-50%, 0);
background-color: #fff;
padding: 0 8px;
border-radius: 0 0 18px 18px;
display: block;
}
.princess-head .main-logo img{
width: 110px;
height: auto;
}
.princess-head .princess-nav{
gap: 150px;
justify-content: center;
padding: 6px 0;
}
.princess-head .princess-nav ul.nav-item{flex: 1;}
.princess-head .princess-nav ul.nav-item li a{font-size: 12px;}
.princess-nav .nav-item:nth-of-type(1){
padding-right: 30px;
}
.close-layer{
background-color: #00000038;
/* opacity: 20%; */
position: fixed;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
display: none;
}


/* banner */

.banner-img{
position: relative;
padding-top: 60px;
}

.banner-img::before{content: ""; display: block; height: 100%; width: 100%; background-color: #00000066; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5;}
.banner-text{
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--whitecolor);
padding: 0 15px;
z-index: 9;
}
.banner-text .banner-text-a{
font-size: 50px;
line-height: 50px;
font-weight: 500;
padding-bottom: 15px;
}
.banner-text .banner-text-b{
font-size: 100px;
line-height: 100px;
font-weight: 400;
letter-spacing: 6px;
}



/* about */

.about-section{
padding-top: 80px;
}
.about-section .brandBtn{
padding: 15px 50px;
}
.about-part .about-para{
font-size: 18px; 
line-height: 27px;
font-weight: 400;
padding: 20px 0 40px 0;
width: 50%; 
margin: 0 auto;
/*text-transform: capitalize;*/
}
.brand-logo img{
width: 90px; 
height: auto;
padding-top: 50px;
}
.swiper-button-next, .swiper-button-prev{color: #ca3d2e;}
.swiper-pagination-bullet-active{background: #ca3d2e; }

/* menu-section */

.menu-section{
background-color: #F7F7F7;
}
.tab_drawer_heading{display: none; }


.d_active ~ .tab_content:after{
border-color: #CA3D2E;
}

.menu-section .menu-head{
padding-bottom: 40px;
}
.menu-section .menu-head .mainHeading{
padding-bottom: 20px;
font-weight: 500;
}
.menu-section .processTab{
gap: 30px;
}
.processTab .tab_container{
gap: 50px;
width: 70%;
}

/* .processTab.style1 > .tab_container{width: 100%;}
.processTab.style1 .tab_container .tab_container,
.processTab.style1 .right-part-img{width: 50%;}
.processTab.style1 .tab_container .tabs{width: 25%;}
.processTab.style1 .tab-onpening-container{ width: 75%;} */

.tab-onpening-container{
width: 60%;
}
.tab_container .tabs{
width: 40%;
}
.tab_container .tabs li{
padding: 20px 0;
border-bottom: 1px solid #202020;
}
.tab_container .tabs li.active{
border-bottom: 3px solid var(--brandBorder);
}
.processTab .main-click-part{
align-items: center;
justify-content: space-between;
cursor: pointer;
width: 97%;
}
.processTab .tab-down-part{
display: none;
padding-top: 20px;
width: 80%;
/*text-transform: capitalize;*/
color: #646464;
}
.processTab li.active .tab-down-part{
display: block;
}
.tab_container .tabs li:first-child{
border-top: 1px solid black;
}
.tab_container .right-arrow img{
width: 8px;
height: auto;
}
.our-menu-bigheading{
font-size: 16px;
font-weight: 400;
line-height: 22px;
font-family: "Playfair Display", serif;
padding-bottom: 2px;
text-transform: capitalize;
}
.tab_container .tabs li.active .our-menu-bigheading{
font-weight: 600;
}
.faq-section .our-menu-bigheading{font-size: 20px;color: #000;}
.faq-section .panel{font-family: "Playfair Display", serif;}
.our-menu-smallheading{
font-size: 12px;
font-weight: 400;
line-height: 18px;
font-family: "Roboto", sans-serif;
color: #646464;
}
.tabInnerContent .tab-menu-top{
  padding: 20px 0;
  border-bottom: 1px solid #000000CC;
}
.tab-menu-top .tab-menu-heading{
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 20px;
  color: #202020;
}
.tab-onpening-container .tab-menu-items-part{
  width: 90%;
  margin: 0 auto;
}
.tab-onpening-container .tab-menu{
padding-bottom: 10px;
}
.processTab .right-part-img{
width: 35%;
}
.processTab .right-part-img.alt img:not(.active){display: none;}
.tab-onpening-container .tabInnerContent{
height: 410px;
overflow: auto;
padding-right: 30px;
}

.tab-onpening-container .tabInnerContent::-webkit-scrollbar {width: 3px;}
.tab-onpening-container .tabInnerContent::-webkit-scrollbar-track {background-color: #EDEDED; border-radius: 10px;}
.tab-onpening-container .tabInnerContent::-webkit-scrollbar-thumb {background: #BABABA; border-radius: 10px; opacity: 90%;}
.tab-onpening-container .tabInnerContent::-webkit-scrollbar-thumb:hover {background: #b30000; }


/* discover */

.discover-section{
padding-top: 80px;
padding-bottom: 0;
}

.discover-slides .discover-a .discover-img{
width: 65%;
line-height: 0;
}
.discover-slides .discover-a .discover-img img{
height: -webkit-fill-available;
}
.discover-slides .discover-text-part{
/* background-color: #F7F7F7; */
padding: 20px;
width: 35%;
display: flex;
border: 1px solid var(--blackBorder);
align-items: center;
margin: 20px;
}
.discover-slides .discover-border{
height: 100%;
/* padding: 0 40px; */
}
.discover-slides .discover-para{
font-size: 14px;
line-height: 24px;
padding: 25px 0;
width: 90%;
margin: 0 auto;
}
.discover-slides .discover-a{
margin: 40px 0 0 0;
width: 100%;
  overflow: hidden;
  background-color: #F7F7F7;
}
.discover-slides .email-color{
color: var(--brandColor);
}
.discover-slides .discover-head{
width: 70%;
margin: 0 auto;
text-transform: uppercase;
}

/* follow */

.follow-img {
padding: 40px 0;
}
.follow-img .follow-slide-a{
margin: 10px;
}
.follow-img .follow-slide-a img{
width: 100%;
height: auto;
}
.slick-slider .slick-list{
margin: 0 -2px;
}


/* footer */

.footer-section{
background-color: #F7F7F7;
padding-bottom: 65px;
}
.footer-area {
justify-content: space-between;
}
.footer-area .left-footer-area{
width: 55%;
}
.footer-area .right-footer-area{
width: 40%;
}

.footer-part-a-para{
font-size: 32px;
padding-bottom: 20px;
line-height: 40px;
font-weight: 400;
text-transform: uppercase;
padding-top: 5px;
}
.left-footer-part-a .footer-email-part{
width: 55%;
}

.left-footer-part-a{
justify-content: space-between;
font-weight: 500;
}
.left-footer-part-a .nav-item li{
padding-bottom: 14px;
text-transform: uppercase;
letter-spacing: 1px;
}

.enter-email{
  position: relative;
align-items: center;
display: block;
}
.enter-email input{border-bottom: 2px solid var(--brandBorder);}
.enter-email .has-spinner{position: absolute; top: 5px;  right: 0; line-height: 0; cursor: pointer;}

.bar-details .bar-date.bar-date-top-head{
font-size: 14px;
padding-bottom: 8px;
text-transform: uppercase;
}
.bar-details .bar-date-top{
padding-bottom: 30px;
}
/*.bar-details{
padding-top: 60px;
}*/
.footer-bar-details{
padding-bottom: 30px;
}
.bar-details .bar-date-time{
font-size: 14px; 
font-weight: 400;
line-height: 20px;
color: var(--blackColor);
}
.bar-details .bar-date{
font-size: 15px; 
font-weight: 500;
line-height: 20px;
color: var(--blackColor);
}
.footer-bar-timings{
gap: 50px;
}

.footer-area .right-footer-area .footer-img{
width: 100%;
margin: 0 auto;
}
.footer-area .right-footer-area .footer-img img{
width: 70%;
margin: auto;
}
.right-footer-area .footer-address{
font-size: 14px;
line-height: 16px;
font-weight: 600;
padding: 10px 0;
}
.right-footer-area .footer-social-part{
justify-content: center;
gap: 20px;
}
.right-footer-area .footer-social-part .social-items{
background-color: #ECECEC;
width: 50px;
height: 50px;
border-radius: 50%;
position: relative;
transition: all 0.8s;
}
.right-footer-area .footer-social-part .social-items:hover{
background-color: var(--brandBg);
}
.right-footer-area .footer-social-part .banner-text-b{
width: 18px;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.right-footer-area .footer-social-part .social-items svg{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.right-footer-area .footer-social-part .social-items svg.face-img{
width: 14px;
}
.right-footer-area .footer-social-part .social-items:hover svg path{
fill: var(--whitecolor);
}
.right-footer-area .footer-right-area-text{
padding: 30px 0;
}
.right-footer-area .footer-right-area-text .about-para{
text-transform: uppercase;
}
.footer-area .mid-line-two{
top: 100%;
transform: translate(-50%, 0);
}
.footer-area .footer-logo{
position: absolute;
bottom: 3%;
left: 50%;
transform: translate(-50%, 0);
}
.footer-area .footer-logo img{
width: 70px;
height: auto;
}
.enter-email input{
background-color: #F7F7F7;
}
.enter-email input::placeholder{
font-weight: 600;
letter-spacing: 1px;
font-size: 12px;
color: var(--blackColor);
}
.enter-email img{
width: 40px;
height: 40px;
}


/*Menu Masanory page start here*/
.special-container{width: 100%; margin: auto;}
.pt-only{
padding-top: 200px;
}
.grid {
width: 100%;
margin: auto;
}

/* clearfix */
.grid:after {
content: '';
display: block;
clear: both;
}

/* ---- grid-item ---- */

.grid-item {
width: 25%;
height: auto;
float: left;
background: transparent;
padding: 0 10px 15px;
}
.grid-item img{width: 100% !important; height: auto !important; transition: 1s; display: block;}
.grid-item.grid-item--width2 { width: 50%;}

.img-scale-wrapper .story-img{overflow: hidden; position: relative;}
.img-scale-wrapper:hover .story-img img {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}

.img-scale-wrapper .story-img:hover::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.2;}
.hidden-text{position: absolute; bottom: 0; left: 0px; padding: 20px; z-index: 123; display: none;}
.img-scale-wrapper .story-img:hover .hidden-text{display: block;}
.hidden-text .lorem-text{font-size: 16px; font-weight: 400; color: #fff; font-family: "Playfair Display", serif; line-height: 1.4;}
.follow-part{padding-bottom: 40px}
.footer-section .wpcf7 form .wpcf7-response-output{margin: 0;}
/* .grid-item--width3 { height: 240px; }
.grid-item--width4 { width: 780px; }

.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; } */


@media screen and (max-width:767px){
  .bookings-page main{font-size: 14px;}


}

@media screen and (min-width:1300px){
 .footer-bar-timings{   
  position: relative;
/*    bottom: 0px;*/
  }
}

.get-in-section .contact-form .wpcf7{width: 50%;}

@media screen and (min-width:992px){
 .footer-area{position: relative;}
 .footer-area .nav-items{position: absolute;top: 0px;left: 50%;transform: translate(-50%, 0px);z-index: 1}
 .princess-nav .nav-item:nth-of-type(1){position: relative;right: 0px; flex: 1; justify-content: flex-end;}
}

@media screen and (max-width:767px) {

   .princess-nav .nav-item:nth-of-type(1){position: relative;right: 0px; flex: 1; justify-content: flex-end;}
}

@media screen and (max-width:1024px) {

  .princess-head .princess-nav ul.nav-item li a{font-size: 10px;}
  .princess-nav .nav-item li{padding: 10px 8px;}
}

.banner-rilative{position: relative;width: 100%;overflow: hidden;}

.banner-slider .slick-prev, .banner-slider .slick-next{
  width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 30px;
    z-index: 5;
    position: absolute;
    top: 50%;
    font-size: 0px;
    transform: translate(0px, -50%);  
    cursor: pointer;
}
.banner-slider .slick-prev:before, .banner-slider .slick-next:before{
  background-image: url(../images/arrow.svg);
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    content: '';
    width: 35px;
    height: 35px;
    display: block;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-54%, -50%);
}

.banner-slider .slick-prev{left: 50px;}
.banner-slider .slick-next{right: 50px; transform: translate(0px, -50%) rotate(180deg);  }
.banner-slider .slick-dots{left: 0px;
    right: 0px;
    bottom: 30px;
    z-index: 5;
    right: 0px;
    transform: none;justify-content: center;}
    .banner-slider .slick-dots li{width: initial;height: initial;margin: 0px !important;}

.accordian-part .menu-panel .food-item{position: relative; padding-right: 75px;}
.accordian-part .menu-panel .food-item .price{font-weight: bold; position: absolute; right: 0; top: 0; color: var(--brandTextColor);}

   @media screen and (max-width:991px){
 .banner-slider .slick-dots{bottom: 0px;}
 .banner-slider .slick-prev, .banner-slider .slick-next{width: 26px;height: 26px;}
 .banner-slider .slick-next{right: 12px;}
 .banner-slider .slick-prev{left: 12px;}

 }

 @media screen and (max-width:767px){
.banner-slider.slick-slider .slick-list{padding-right: 0px !important;
 }
 .banner-slider .slick-dots{bottom: 10px;}
}