/* ****************HEADER CSS START HERE  ******
************************************************/
.header-main .main-menu ul li .submenu li.menu-item-has-children > a::after {
    position: absolute;
    top: 50%;
    inset-inline-end: 25px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--theme);
  }
.header-main .main-menu ul li .sub-menu {
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    min-width: 240px;
    background: var(--white);
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    transform-origin: top center;
    color: var(--title);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    transform: translateY(10px);
    transition: all 0.4s ease-in-out;
  }
  .header-main .main-menu ul li .sub-menu li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }
.header-main .main-menu ul li a{
	text-decoration: none;
}
  .header-main .main-menu ul li .sub-menu li a {
    position: relative;
    z-index: 11;
    font-size: 16px;
	  text-decoration: none;
    color: var(--title);
    padding: 0 25px;
    padding-bottom: 11px;
    padding-top: 11px;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
  }
  .header-main .main-menu ul li .sub-menu li a:hover {
    color: var(--white) !important;
  }
  .header-main .main-menu ul li .sub-menu li:last-child a {
    border: none;
  }
  .header-main .main-menu ul li .sub-menu li .sub-menu {
    inset-inline-start: 100%;
    top: 0;
    visibility: hidden;
    opacity: 0;
  }
  .header-main .main-menu ul li .sub-menu li:hover > a {
    background: var(--theme);
    color: var(--white) !important;
  }
  .header-main .main-menu ul li .sub-menu li:hover > a::after {
    color: var(--theme);
  }
  .header-main .main-menu ul li .sub-menu li:hover > .sub-menu {
    -webkit-transform: translateY(1);
    -moz-transform: translateY(1);
    -ms-transform: translateY(1);
    -o-transform: translateY(1);
    transform: translateY(1);
    visibility: visible;
    opacity: 1;
  }
  .header-main .main-menu ul li .sub-menu li.menu-item-has-children > a::after {
    position: absolute;
    top: 50%;
    inset-inline-end: 25px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--theme);
  }

  .header-main .main-menu ul li:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
  }
  @media (max-width: 1199px){
    .header-main {flex-flow: row; } 
    .header-main .main_logos_worps{justify-content: end;}
 }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    width: 7%;
    height: 90px;
}
.banner-slider .swiper-pagination {
    position: absolute;
    top: 48%;
    left: 3%;
    z-index: 1;
    transform: rotate(
-90deg
);
    -webkit-transform: rotate(
-90deg
);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

 
/* ****************HEADER CSS END HERE  ******
************************************************/


/********************** HOME PAGE START HERE *****
*************************************************/

.home .testimonial-section.section-padding{padding-bottom: 0 !important;}

/********************** CONTACT FORM CODES START HERE *****
*************************************************/
.reservation-form select , .contact-form-wrapper .cnt-page-frm select {
  width: 100%;
  height: 42px;
  padding: 12px 12px;
  margin-bottom: 16px;
  border-radius: 8px;
  border: 1px solid #D4DCFF;
  color: var(--text);
  font-family: var(--body-font);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px;
}


.reservation-form .rev-form-inputs .rev-sub-btn, .contact-form-wrapper .cnt-page-frm  .rev-sub-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  
}
.reservation-form .rev-form-inputs .wpcf7-submit, .contact-form-wrapper .cnt-page-frm  .wpcf7-submit{
  background: none;
  border: none;
  margin-bottom: 0;
  width: unset;
}
.wpcf7-spinner{
  display: none;
}
.reservation-form .rev-form-inputs .wpcf7-submit, .contact-form-wrapper .cnt-page-frm  .wpcf7-submit{
  padding: 8px 12px 8px 12px;
  background-color: #faf6e2;
  color: var(--black) !important;
  font-family: var(--body-font);
  font-size: 11px;
  font-style: normal;
  line-height: 10px;
  z-index: 1;
  overflow: hidden;
  border-radius: 0px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.contact-form-wrapper .wpcf7-acceptance input[type=checkbox] {
  opacity: 1;
  visibility: unset;
  height: 20px;
  width: 20px;
  border: 1px solid var(--border-2);
  margin-bottom: 0px;
  margin-right: 10px
}

.contact-form-wrapper .wpcf7-acceptance  label {
  display: flex;
  align-items: center;
}

div#menu-sections .dishes-container .menu-item input{width: unset !important}
div#menu-sections .dishes-container .menu-items-container h5 {color: #bc6d27; font-weight: 700; text-align: center;}
div#menu-sections .dishes-container .menu-items-container a {color: #8f8f8f; text-decoration: none;}
div#menu-sections .dishes-container .menu-items-container .menu-item{color: #bc6d27 }
div#menu-sections .category-checkboxes label{font-weight: 500}

div#wpcf7-f278-p276-o1 .textarea-addr {
    height: 45px;
    border-radius: 8px;
    border: 1px solid #D4DCFF;
}
/********************** MAPCODES START HERE *****
*************************************************/
.map-wrapper iframe{
  width: 100% ;
  height: 550px;
}


.sigle-post-main-thumb img{
  width: 100%;
  height: 400px;
  object-fit: cover;
}

/********************** Common editor section *****
*************************************************/
.common-editor-wys p{
  font-size: 16px;
  color: #5C6574;
  margin-bottom: 1rem;
}

/********************** About Section code *****
*************************************************/
.abt-res-crl .btn-wrap{
  left: 50% !important;
    bottom: -5% !important;
}

.location-abt a {
        width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: var(--theme2);
    color: var(--white);
    margin-left: 10px;
}
/********************** Subscribe Form *****
*************************************************/

.subscribe-form .form-control {
    display: flex;
    align-items: center;
}
.subscribe-form .wpcf7-email{
    width: 200px
}
.subscribe-form input[value*="Send"] {
  display: none !important;
}

/********************** Comment Form *****
*************************************************/
.comment-cstm-form .comment-form {
    background: none;
    padding: 0;
    margin-top: 0px
}

.comment-cstm-form h3 {
    margin-bottom: 10px !important;
}

/********************** Gallery Css *****
*************************************************/

.img-gallery-magnific .swiper-slide img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}

/********************** Max 550 Media query *****
*************************************************/

@media (max-width: 550px){
  .home .banner-wrapper .banner-title-area .title{
    font-size: 50px
}
	.poupmodals_custome{
		width: 80%;
	}
}