:root {
  --white: #ffffff;
  --black: #000000;
}
/*------------- Page -----------------*/
.banner-page-text {
  padding-top: 50px;
  position: relative;
  z-index: 1;
}
.title-box {
  color: white;
  padding: 15% 0%;
  margin-top: -7%;
}
.banner-page-overlay-box {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 0;
}
.title-box h1 {
  font: 600 35px/45px Montserrat;
}
.bradcrumbs,.bradcrumbs a,.bradcrumbs span{
  color: #ffffff;
  font: normal normal bold 14px/14px Montserrat;
}
.outer_dpage,#single-services-page{
  padding: 50px 0;
  /* background: #1F2029; */
}
.tax-services_cat .page-title{
  color: #fff;
}
.archive,.page-template,.single-post,.single-service,.single-mphb_room_type,.page,.search-no-results,.search,.tax-services_cat{
  background: #292D32;
}
.page-template #header-menu{
  background: transparent;
}
/* ----- gallery ---- */
#our-Gallery-page .main-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 200px);
  margin: 0;
  gap: 15px;
}
#our-Gallery-page .grid-items{
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
#our-Gallery-page .grid-items img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
#our-Gallery-page .grid-items .image-popup-vertical-fit p{
  display: none;
}
#our-Gallery-page .grid-items:hover .image-popup-vertical-fit p{
  display: block;
  position: absolute;
  bottom: 0;
  background: var(--green);
  width: 100%;
  border-radius: 10px 10px 0px 0px;
  padding: 10px 20px;
  font: normal normal bold 20px / 25px Montserrat;
}
#our-Gallery-page .grid-items:nth-child(1){
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 2;
}
#our-Gallery-page .grid-items:nth-child(2){
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 2;
}
#our-Gallery-page .grid-items:nth-child(3){
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 3;
}
#our-Gallery-page .grid-items:nth-child(4){
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 3;
  grid-column-end: 4;
}
#our-Gallery-page .grid-items:nth-child(5){
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 4;
  grid-column-end: 5;
}
#our-Gallery-page .grid-items:nth-child(6){
  grid-row-start: 3;
  grid-row-end: 5;
  grid-column-start: 1;
  grid-column-end: 2;
}
#our-Gallery-page .grid-items:nth-child(7){
  grid-row-start: 3;
  grid-row-end: 5;
  grid-column-start: 2;
  grid-column-end: 3;
}
#our-Gallery-page .grid-items:nth-child(8){
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column-start: 3;
  grid-column-end: 4;
}
#our-Gallery-page .grid-items:nth-child(9){
  grid-row-start: 4;
  grid-row-end: 5;
  grid-column-start: 3;
  grid-column-end: 4;
}
#our-Gallery-page .grid-items:nth-child(10){
  grid-row-start: 3;
  grid-row-end: 5;
  grid-column-start: 4;
  grid-column-end: 5;
}
#our-Gallery-page .grid-items:nth-child(11){
  grid-row-start: 5;
  grid-row-end: 7;
  grid-column-start: 1;
  grid-column-end: 2;
}
#our-Gallery-page .grid-items:nth-child(12){
  grid-row-start: 5;
  grid-row-end: 6;
  grid-column-start: 2;
  grid-column-end: 3;
}
#our-Gallery-page .grid-items:nth-child(13){
  grid-row-start: 6;
  grid-row-end: 7;
  grid-column-start: 2;
  grid-column-end: 3;
}
#our-Gallery-page .grid-items:nth-child(14){
  grid-row-start: 5;
  grid-row-end: 7;
  grid-column-start: 3;
  grid-column-end: 4;
}
#our-Gallery-page .grid-items:nth-child(15){
  grid-row-start: 5;
  grid-row-end: 6;
  grid-column-start: 4;
  grid-column-end: 5;
}
#our-Gallery-page .grid-items:nth-child(16){
  grid-row-start: 6;
  grid-row-end: 7;
  grid-column-start: 4;
  grid-column-end: 5;
}
#our-Gallery-page .grid-items .gallery-icon{
  display: none;
}
#our-Gallery-page .grid-items:hover .gallery-img{
  filter: brightness(0.5);
}
#our-Gallery-page .grid-items .image-popup-vertical-fit {
  position: relative;
}
#our-Gallery-page .grid-items:hover .image-popup-vertical-fit:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 20px;
  height: 10px;
  border: 2px solid white;
}

/*--------about Page -----------------*/
.about-main-box{
  position: relative;
}
.about-main-box:after {
  content: '';
  width: 0px;
  height: 100px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--yellow);
  position: absolute;
  right: 0;
  top: 55%;
}
.services-page-first-section-box{
  position: relative;
}
.services-page-first-section-box:after {
  content: '';
  width: 0px;
  height: 100px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--yellow);
  position: absolute;
  right: 0;
  top: 55%;
}
#Book-page{
  position: relative;
}
#Book-page:after {
  content: '';
  width: 0px;
  height: 100px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--yellow);
  position: absolute;
  right: 0;
  top: 10%;
}
#Book-page:before {
  content: '';
  width: 0px;
  height: 150px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--yellow);
  position: absolute;
  left: 20px;
  top: 40%;
}
.single-book-page{
  position: relative;
}
.single-book-page:after {
  content: '';
  width: 0px;
  height: 100px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--yellow);
  position: absolute;
  right: 0;
  top: 20%;
}
.single-book-page:before {
  content: '';
  width: 0px;
  height: 150px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--yellow);
  position: absolute;
  left: 20px;
  bottom: 20%;
}
#our-Gallery-page{
  position: relative;
}
#our-Gallery-page:after {
  content: '';
  width: 0px;
  height: 100px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--yellow);
  position: absolute;
  right: 0;
  top: 20%;
}
#our-Gallery-page:before {
  content: '';
  width: 0px;
  height: 150px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--yellow);
  position: absolute;
  left: 20px;
  bottom: -8%;
  z-index: 1;
}
#contact-page,#faq-page,#privacy-page,#terms-page,#refund-page,.error-page{
  position: relative;
}
#contact-page:after ,#faq-page:after,#privacy-page:after,#terms-page:after,#refund-page:after,.error-page:after{
  content: '';
  width: 0px;
  height: 100px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--yellow);
  position: absolute;
  right: 0;
  top: 20%;
}
#contact-page:before ,#faq-page:before,#privacy-page:before,#terms-page:before,#refund-page:before,.error-page:before{
  content: '';
  width: 0px;
  height: 150px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--yellow);
  position: absolute;
  left: 20px;
  bottom: 20%;
  z-index: 1;
}
#full-width-blog,#blog-left-sidebar,#blog-right-sidebar,.single-blog-page{
  position: relative;
}
#full-width-blog:after,#blog-left-sidebar:after,#blog-right-sidebar:after,.single-blog-page:after {
  content: '';
  width: 0px;
  height: 100px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--yellow);
  position: absolute;
  right: 0;
  top: 20%;
}
#full-width-blog:before,#blog-left-sidebar:before,#blog-right-sidebar:before,.single-blog-page:before {
  content: '';
  width: 0px;
  height: 150px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--yellow);
  position: absolute;
  left: 20px;
  bottom: 20%;
}
#partner{
  position: relative;
}
#partner:after {
  content: '';
  width: 0px;
  height: 75px;
  border-radius: 50px;
  box-shadow: 10px 0px 125px 40px;
  color: var(--yellow);
  position: absolute;
  left: 0;
  top: 20%;
}
.services-page-section-inner-box .services-para{
  font: normal normal normal 13px/20px Montserrat;
}
.services-page-section-inner-box .services-sub-heading{
  width: 75%;
}
.about-our-values-box{
  background: var(--grey);
}
.about-values-box-content{
  height: 100px;
}
.about-page .about-our-values-box svg{
  position: absolute;
  top: 0;
  z-index: -1;
  stroke: #292D32;
}

.about-value-main-box .about-image-values-box{
  position: relative;
}
.about-value-main-box .about-image-values-box-main:nth-child(1):after {
  content: '';
  width: 0px;
  height: 100px;
  border-radius: 50px;
  box-shadow: 10px 0px 165px 40px var(--yellow);
  position: absolute;
  right: -12%;
  top: 30%;
}
.about-value-main-box .about-image-values-box-main:nth-child(2):after {
  content: '';
  width: 0px;
  height: 100px;
  border-radius: 50px;
  box-shadow: 10px 0px 165px 40px var(--yellow);
  position: absolute;
  right: -20%;
  bottom: 28%;
}
#partner .partners-img-box{
  width: 85%;
  margin: auto;
}

/*-------service Page -----------------*/
.services-page-section-box svg{
  position: absolute;
  bottom: 10%;
  z-index: 0;
  stroke: #292D32;
}
.services-page-section-box{
  background: var(--grey);
}
.services-image-box-content img{
  border-radius: 20px;
  filter: brightness(0.7);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services-image-box-content{
  width: 100%;
  height: 300px;
}
.services-page-post-title{
  position: absolute;
  top: 0;
  bottom: 0;
  height: max-content;
  left: 0;
  right: 0;
  margin: auto;
}
.services-page-post-title h6 {
  width: 20%;
  margin: auto;
  text-align: center;
}
 .services-page-section-box .services-page-post-box:nth-child(2) h6{
   width: 25%;
 }
.services-page-post-title h6 a,.single-services-page-post-title h6 a{
  color: #fff;
}
.single-services-page-post-title h6{
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  margin: auto;
  width: 35%;
  text-align: center;
}
.services-single-page-image-box-content{
  height: 360px;
}
.services-single-page-image-box-content img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
  border-radius: 20px;
}
#single-services-page h5 a{
  color: var(--yellow);
  font: 600 18px / 25px Montserrat;
  width: max-content;
  margin: auto;
  position: relative;
  margin: 0;
}
#single-services-page p{
  font: normal normal normal 13px/20px Montserrat;
  left: 3%;
}
#single-services-page p .service-inner-title {
  font: 600 13px / 15px Montserrat;
  color: var(--yellow);
}
#single-services-page .single-service-meta-img img{
  border-radius: 15px;
}
.service-para-points{
  position: relative;
}
.service-para-points:after{
  content: '';
  width: 12px;
  height: 12px;
  background: var(--yellow);
  border-radius: 50px;
  position: absolute;
  left: -15px;
  top: 5px;
}
.services-page-section-inner-box .slide-test{
  width: max-content;
  background: var(--yellow);
  padding: 10px 10px 10px 35px;
  border-radius: 10px;
  margin: 0 0 0 -25%;
}
.services-page-section-inner-box span.slider-post img{
  margin: 0 0 0 -25px;
}
.services-page-section-inner-box .slider-post img {
  width: 60px;
  height: auto;
  border: 3px solid var(--yellow);
  border-radius: 10px;
}
.services-page-section-inner-box .testi-rating p{
  font: 600 18px / 20px Montserrat;
  color: #fff;
}
.services-page-section-inner-box .slide-test-box i{
  color: #fff;
  font-size: 15px;
  align-self: center;
}
.services-content-box:hover {
  box-shadow: 0px 0px 10px 0px var(--yellow);
  border-radius: 20px;
}
/*-----------single blog Page ---------*/
.single-blog-post-image{
  height: 450px;
}
.single-blog-post-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.single-blog-post-image h6{
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin: auto;
  width: 40%;
  text-align: center;
}
.single-blog-meta {
  width: max-content;
  background: #fff;
  padding: 7px 10px 7px 7px;
  border-radius: 10px;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  margin: auto;
}
.single-blog-meta img {
  width: 50px !important;
  height: auto;
  border-radius: 10px;
}
/*------------------ Contact Page -----------------*/
.contac_form{
  padding: 10px 40px 10px 30px;
}
.contact-box{
  border-radius: 20px;
  background: var(--grey);
  box-shadow: 0px 0px 10px 0px #B5995A;
}
.contactpage-details img{
  border-radius: 0px 20px 20px 0px;
  object-fit: cover;
  height: 100%;
}
.contactpage-details{
  height: 100%;
}
.contactpage-details h4{
  font: normal normal 600 30px/40px Montserrat;
  color: #fff;
}
.contactpage-details p{
  font: normal normal 300 14px/26px Montserrat;
  color: #fff;
  width: 80%;
}
.contactpage-icon,.contactpage-icon a{
  font: normal normal normal 16px/26px Montserrat;
  color: #fff;
}
.contac_form input,.contac_form textarea,.contac_form .wpcf7 input[type="email"]{
  font: normal normal normal 14px / 26px Montserrat;
  color: #fff;
  outline: none;
  padding: 6px 10px;
  width: 100%;
  border-bottom: 1px solid #B5995A;
  background: transparent;
  /* background-color: transparent !important; */
  box-shadow: none;
  border-top: 0px;
  border-left: 0;
  border-right: 0;
}
.contac_form form p {
  margin: 14px 0px;
}
.contac_form input.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
  background: #fff;
  color: #B5995A;
}
.contac_form input.wpcf7-form-control.wpcf7-submit.has-spinner {
  font: normal normal bold 15px / 20px Montserrat;
  color: #fff;
  background: #B5995A;
  border: none;
  border-radius: 6px;
  padding: 10px 35px;
  width: max-content;
}
.wpcf7 form .wpcf7-response-output{
  color: #fff;
}
/* 404 page */
.page-content.error_bgs h6 {
  font: 600 20px / 30px Montserrat;
  color: var(--yellow);
}
.error-contents h1{
  font: bold 130px / 140px Montserrat;
  color: #fff;
}
.error-contents p{
  width: 40%;
  margin: auto;
}
.error-button.btn {
  font: normal normal bold 15px / 20px Montserrat;
  color: #fff;
  background: var(--yellow);
  padding: 12px 30px;
  border-radius: 6px;
  border: none;
}
.error-button.btn:hover {
  color: #000;
  background: #fff;
}
/* faq page */
#faq-page .accordion-button.collapsed {
  background: transparent;
  padding: 0px;
  color: #fff;
  font: 400 13px / 20px Montserrat;
}
#faq-page .accordion-button:not(.collapsed){
  border: none;
  color: var(--yellow);
  padding: 0;
  border-radius: 8px;
  box-shadow: none;
  font: 600 16px / 40px Montserrat;
}
#faq-page .accordion-body{
  color: #fff;
  padding: 0px;
}
#faq-page .accordion-item{
  border: none;
  background: var(--grey);
  border-radius: 10px;
  margin: 15px 0px;
  padding: 25px 30px;
}
#faq-page .accordion-button{
  background: transparent;
  border-radius: 10px;
  padding: 12px 30px;
  color: #fff;
}
#faq-page .accordion-collapse.collapse.show{
  width: 92%;
}
#faq-page .accordion-button.collapsed::after {
  content: '\f178';
}
#faq-page .accordion-button::after {
  content: '\f178';
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 16px;
  background-image: unset !important;
  height: unset !important;
  width: unset !important;
  transform: unset !important;
}
#faq-page .accordion-button:not(.collapsed)::before {
  content: '';
  width: 10px;
  height: 2px;
  background: var(--yellow);
  position: absolute;
  right: 10px;
  align-self: center;
}
#faq-page .accordion-button.collapsed::before {
  content: '';
  width: 10px;
  height: 2px;
  background: #e8e8e8;
  position: absolute;
  right: 10px;
  align-self: center;
}
.faq-form {
  position: relative;
  width: 50%;
  margin: auto;
}
.contains-faq-search {
  position: absolute;
  width: 20px;
  top: 18px;
  right: 25px;
  z-index: 0;
}
.faq-search-container .faq-search-form label {
  width: 100%;
  background: var(--grey);
  border: none;
  border-radius: 50px;
}
.faq-search-container [type=search] {
  font: 400 14px / 20px Montserrat;
  background: var(--grey);
  border: none;
  padding: 20px;
  width: 90%;
  border-radius: 50px;
  outline: none;
  color: #fff;
}
#faq-page .faq-search-icon i{
  color: #fff;
  font-size: 18px;
}
.faq-search-container ::-webkit-input-placeholder {
  color: #fff;
}
.faq-search-submit {
  font-size: 0;
  border: none;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
}
.faq-form-title{
  text-align: center;
  color: var(--yellow);
  padding: 20px 0px;
}
#faq-page .accordion-item:hover{
  box-shadow: 0px 0px 10px 0px var(--yellow);
}
/*---------------- Pagination ----------------*/
nav.navigation.post-navigation  .nav-links{
  display: flex;
  justify-content: space-between;
}
.single-post .nav-next{
  text-align: end;
}
.nav-previous .meta-nav, .nav-next .meta-nav{
  font: normal normal normal 16px/50px Kumbh Sans;
  letter-spacing: 0px;
  color: #A1A1A1;
}
.nav-next .meta-nav{
    text-align: end;
}
.post_pagination .post-title{
  font: normal normal 500 16px/20px Josefin Sans;
  letter-spacing: 0px;
  color: #242424;
}


/* support page  */
.refund-page-img,.privacy-page-img,.terms-page-img{
  border-radius: 20px;
}
.privacy-heading {
  font: normal normal 600 22px / 30px Montserrat;
  padding-top: 2%;
}
.privacy-policy-para,.refund-conditions-para,p.terms-conditions-para {
  font: normal normal normal 14px / 22px Montserrat;
  color: #fff;
  text-align: justify;
}
.privacy-policy-para span:nth-child(1),.refund-conditions-para span:nth-child(1),.terms-conditions-para span:nth-child(1){
  font: 600 14px / 20px Montserrat;
  color: var(--yellow);
  text-align: justify;
}



.Book-page-form {
  position: relative;
  width: 50%;
  margin: auto;
}
.Book-page-search-form{
  position: relative;
}
.contains-Book-page-search {
  position: absolute;
  width: 20px;
  top: 18px;
  right: 25px;
  z-index: 0;
}
.Book-page-search-container .Book-page-search-form label {
  width: 100%;
  display: flex;
}
.Book-page-search-container [type=search] {
  background: transparent;
  border: none;
  width: 85%;
  outline: none;
  color: #fff;
}
.Book-page-search-container .Book-page-search-form {
  font: 400 14px / 20px Montserrat;
  background: var(--grey);
  border: none;
  padding: 15px;
  width: 100%;
  border-radius: 10px;
  outline: none;
  color: #fff;
}
.Book-page-search-container ::-webkit-input-placeholder {
  color: #fff;
}
.Book-page-search-submit {
  font: 600 14px / 18px Montserrat;
  color: #fff;
  background: var(--yellow);
  padding: 8px 40px 8px 40px;
  border-radius: 6px;
  border: none;
  position: absolute;
  top: 8px;
  right: 10px;
}
.Book-page-search-submit:hover,.lougue-book-post-box:hover .book-now-page-button.btn {
  background: #fff;
  color: var(--black);
}
.lougue-book-post-box{
  background: var(--grey);
  border-radius: 20px;
  padding: 20px;
}
.lougue-book-post-box:hover {
    box-shadow: 0px 0px 8px 0px var(--yellow);
}
.book-page-image{
  height: 230px;
}
.book-page-post-title .para{
  font: normal normal normal 13px/20px Montserrat;
}
.lougue-book-post-box img{
  border-radius: 20px;
  height: 100%;
  width: 100%;
}
.book-page-post-title h6 a{
  font: 600 18px / 40px Montserrat;
  color: #fff;
}
.location-text a{
  color: #fff !important;
}
.location-text i{
  font-size: 18px;
  color: var(--yellow);
}
.book-now-price-details span.mphb-price {
  color: var(--yellow);
  font: 600 22px / 30px Montserrat;
}
.mphb-price-period,.mphb-room-rates-list li{
  font-size: 0px;
  width: max-content;
  margin: auto;
}
.book-now-page-button.btn {
  font: 600 14px / 18px Montserrat;
  color: #fff;
  background: var(--yellow);
  padding: 10px 40px 10px 40px;
  border-radius: 6px;
  border: none;
}
.book-page-post-title .book-page-features-title{
  font: 600 16px / 35px Montserrat;
}
.book-now-features-icons img {
  border: 1px solid var(--yellow);
  border-radius: 6px;
  width: 50px;
  height: 50px;
  line-height: 40px;
  padding: 12px;
  object-fit: contain;
}
.single-book-page .book-image img{
  border-radius: 20px;
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.single-book-meta-image img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.single-book-meta-image {
  height: 245px;
  width: 100%;
}
.book-rating-box span.star {
  color: #fff;
  font-size: 18px;
}
.book-rating-box .rest-rating span.star {
  color: var(--yellow);
  font-size: 18px;
}
.book-rating-box span.star.selected {
  color: var(--yellow);
}
.team-rating-user-content p {
  color: var(--yellow);
  align-self: center;
}

#site-review-form h2.form-title {
  font: 600 32px / 30px Montserrat;
  margin: 0;
}
#site-review-form .user_name, #site-review-form .user_review, #site-review-form .user_company, #site-review-form .user_image {
  font: normal normal normal 14px / 30px Montserrat;
  width: 100%;
}
#site-review-form input,#site-review-form textarea{
  background: var(--grey);
  border: none;
  padding: 6px 10px;
  border-radius: 6px;
  width: 100%;
  box-shadow: 0px 0px 0px 1px var(--yellow);
  color: #fff;
  outline: none;
}
#site-review-form textarea {
  height: 95px;
}
#submit-review{
  background: var(--yellow) !important;
  width: max-content !important;
  padding: 8px 15px 8px 15px !important;
  font: 600 15px / 20px Montserrat;
  color: #fff;
  border: none !important;
  border-radius: 8px !important;
}
#site-review-form input#vehicle1 {
  width: max-content;
  border: none;
  box-shadow: none;
}
/* Popup container - can be anything you want */
.book-rating-box .popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: var(--yellow);
  align-self: center;
}
/* The actual popup */
.book-rating-box .popup .popuptext {
  display: none;
  height: 650px;
  width: 415px;
  background-color: var(--grey);
  color: #fff;
  padding: 20px;
  border-radius: 11px;
  position: absolute;
  z-index: 1;
  top: 55px;
  right: 0;
  box-shadow: 0px 0px 2px 0px var(--yellow);
  text-align: left;
}
/* Toggle this class - hide and show the popup */
.book-rating-box .popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}
.single-book-page-main-box{
  justify-content: space-between;
}
.book-rating-box{
  text-align: end;
}
.single-book-content-box{
  background: var(--grey);
  padding: 20px 20px;
  border-radius: 15px;
}
.single-book-page .book-now-features-icons{
  background: #292D32;
  padding: 15px 30px;
  border-radius: 20px;
}
.single-services-texts p{
  position: relative;
  left: 30px;
}
.single-book-page .mphb-required-fields-tip{
  display: none;
}
.single-services-texts p:after{
  content: '';
  position: absolute;
  left: -30px;
  width: 20px;
  height: 20px;
  background: var(--yellow);
  border-radius: 2px;
}
.single-reservation-form-box-outer{
  background: var(--grey);
  padding: 20px 20px;
  border-radius: 15px;
  height: 650px;
}
.single-reservation-form-box{
  text-align: center;
  font: 600 16px / 25px Montserrat;
  color: #fff;
  margin: 0;
}
.single-reservation-form{
  text-align: center;
  color: var(--yellow);
  border-bottom: 1px solid var(--yellow);
}
.mphb_sc_booking_form-wrapper  form input{
  background: transparent;
  box-shadow: none;
  border: none;
  padding: 8px 10px;
  border-radius: 6px;
  color: #fff;
  width: 100%;
  outline: none;
}
#extra-services .extra-service{
  display: flex;
  justify-content: space-between;
  color: #fff;
  font: normal normal normal 13px / 30px Montserrat;
}
#total-price,.total-price-box p{
  font: 600 20px / 30px Montserrat !important;
  color: var(--yellow) !important;
  /* padding-left: 10px; */
}
.price-display p {
  text-align: center;
  font: 600 14px / 20px Montserrat;
  color: #fff;
  align-self: center;
}
.price-display{
  display: flex;
  justify-content: center;
}
.total-price-box{
  display: flex;
}
.mphb_sc_booking_form-wrapper form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
p.mphb-check-in-date-wrapper,.mphb-check-out-date-wrapper {
  width: 35%;
}
.mphb-capacity-wrapper{
  display: none;
}
.mphb-check-out-date-wrapper {
  position: relative;
  right: 20px;
}
p.mphb-check-in-date-wrapper label, .mphb-check-out-date-wrapper label{
  font: 600 12px / 25px Montserrat;
  position: relative;
  left: 25px;
}
.adult-price-title{
  font: 600 14px / 25px Montserrat;
  color: var(--yellow);
  align-self: center;
  display: flex;
}
.adult-price-title span:nth-child(1){
  display: flex;
  align-self: center;
  padding-left: 5px;
}
.adult-price-title >span:nth-child(2){
  width: 55px;
  display: flex;
}
#adult-price,#child-price,.adult-price-title p{
  font: 600 14px / 25px Montserrat;
  color: #fff;
  align-self: center;
}
.book-page-price-count{
  display: flex;
  justify-content: space-between;
}
#adult-quantity,#child-quantity{
  background: #292D32;
  border: none;
  color: #fff;
  padding: 8px 10px;
  border-radius: 8px;
  outline: none;
}
.mphb-capacity-wrapper select {
  background: #292D32;
  box-shadow: none;
  border: none;
  padding: 8px 10px;
  border-radius: 6px;
  color: #fff;
  margin-left:15px;
}
.mphb-check-in-date-wrapper label:after, .mphb-check-out-date-wrapper label:after {
  content: '';
  position: absolute;
  left: -25px;
  width: 20px;
  height: 20px;
  background: var(--yellow);
  border-radius: 2px;
}
.mphb_sc_booking_form-wrapper form .mphb-reserve-btn-wrapper {
  border-top: 2px solid var(--yellow);
  padding-top: 15px;
}
.mphb-reserve-btn-wrapper{
  position: absolute;
  bottom: 20px;
  text-align: center;
  width: 100%;
  left: 0;
  right: 0;
}
.mphb_sc_booking_form-wrapper form p .mphb-reserve-btn {
  background: var(--yellow);
  width: 90%;
  margin: auto;
  font: 600 15px/20px Montserrat;
}
.mphb_sc_booking_form-wrapper form .mphb-datepick{
  position: relative;
  left: 25px;
  font-size: 12px;
}
















/* BOOKING PAGE */
.mphb_sc_checkout-form{
  display: flex;
  flex-wrap: wrap;
}
.mphb_sc_checkout-wrapper .mphb-booking-details, #mphb-price-details, #mphb-customer-details{
  padding: 35px;
  border: 1px solid var(--yellow);
  box-shadow: 0px 0px 6px 0px var(--yellow);
  border-radius: 8px;
  width: 100%;
}
.mphb_sc_checkout-wrapper .mphb-booking-details-title{
  margin-bottom: 20px;
}
.mphb_sc_checkout-wrapper .mphb-booking-details-title span{
  font: normal normal bold 18px/36px Montserrat;
  letter-spacing: 0.3px;
  color: #000000;
}
.mphb_sc_checkout-wrapper .mphb-check-in-date span{
  font: 500 16px/22px Montserrat;
}
time strong {
  color: var(--yellow);
}
tr.mphb-price-breakdown-booking.mphb-price-breakdown-group a{
  font: normal normal 600 17px/22px Montserrat;
  letter-spacing: 0px;
  color: #fff;
}
.mphb-price-breakdown-rate, .mphb-price-breakdown tr,  .mphb-price-breakdown tr th, .mphb-price-breakdown tr td{
  font: normal normal 600 16px/22px Montserrat;
  letter-spacing: 0px;
  padding: 10px 200px 10px 10px !important;
}
.mphb-price-breakdown-rate {
  padding: 10px 222px 10px 129px !important;
}
.mphb-price-breakdown{
  margin-top: 15px;
}
.mphb-table-price-column,.mphb-price-breakdown-total{
  color: #fff;
}
.mphb_sc_checkout-services-list li {
  margin-top: 10px;
}
#mphb-customer-details input,#mphb-customer-details select,#mphb-customer-details textarea{
  font-size: 14px;
  padding: 10px 10px;
  width: 100%;
  border-radius: 6px;
  outline: none;
  border: none;
  background: #eeeeee;
  margin-top: 4px;
}
#mphb-customer-details label {
  margin-top: 20px;
}
.mphb-total-price{
  font: 600 18px/30px Montserrat;
  margin-top: 15px;
}
.mphb-total-price-field{
  font-weight: 600;
}
.mphb_sc_checkout-submit-wrapper{
  align-self: center;
  margin: 10px 0px 0px 10px;
}
.mphb_sc_checkout-submit-wrapper input {
  background: var(--yellow) 0% 0% no-repeat padding-box;
  padding: 10px 15px;
  border: none;
  color: #fff;
  font: 600 16px / 18px Montserrat;
  border-radius: 4px;
}
.mphb_sc_checkout-submit-wrapper input:hover{
  background: #17191D;
}
.mphb-errors-wrapper{
  font: normal normal normal 16px / 30px Montserrat;
  letter-spacing: 0px;
  margin: 17px;
}
.mphb_sc_checkout-services-list li {
  color: #fff;
  font: 600 14px / 30px Montserrat;
  letter-spacing: 0px;
}
.mphb-adults-chooser label,.mphb-children-chooser label,.mphb-guest-name-wrapper label{
  font: 600 18px / 30px Montserrat;
  color: var(--yellow);
  padding-top: 2%;
}
.single-mphb_room_type .mphb_sc_search-form select, .mphb-reserve-rooms-details select{
  width: 100%;
  font-size: 14px;
  padding: 10px 10px;
  background: #eeeeee;
  border: none;
  border-radius: 6px;
}
#mphb_room_details-0-guest-name, #mphb_room_details-1-guest-name {
  width: 100%;
  background: #eeeeee;
  padding: 10px;
  outline: none;
  border: none;
  border-radius: 6px;
}
.mphb-check-in-date p,.mphb-check-out-date p{
  padding-top: 1%;
}
.mphb-recommendation-item a{
  color: #fff;
  font: 600 18px / 30px Montserrat;
}
.mphb-recommendation-item{
  font: normal normal normal 18px/30px Montserrat;
  letter-spacing: 0px;
  color: #fff;
}
.mphb-recommendation-total-title{
  font: normal normal bold 19px/30px Montserrat;
  letter-spacing: 0px;
  color: #fff;
}
.mphb_sc_search_results-wrapper  .mphb-recommendation-total-value .mphb-price{
  font: normal normal normal 18px/30px Montserrat;
    letter-spacing: 0px;
    color: #fff;
}
.mphb_sc_search_results-wrapper  .mphb-recommendation-details-list{
  list-style: none;
}
.mphb_sc_search_results-wrapper .mphb-recommendation .mphb-recommendation-reserve-button{
  background: var(--yellow);
  border-radius: 7px;
  border: navajowhite;
  padding: 10px 25px;
  font: normal normal bold 18px / 22px Montserrat;
  color: #fff;
}
#mphb-recommendation{
  padding: 18px;
  background: var(--grey);
  border:1px solid var(--grey);
  border-radius: 8px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.mphb-recommendation-item-guests{
  font: normal normal normal 20px/30px Montserrat;
  position: relative;
  top: 30px;
}
.mphb-recommendation-item-count{
  font: normal normal 500 25px/30px Montserrat;
}
.mphb-empty-cart-message{
  font: normal normal normal 18px/30px Montserrat;
}

.mphb_sc_search-submit-button-wrapper input{
  width: 100%;
  background: #2264C6;
  border: none;
  padding: 10px 0;
  font: normal normal 600 18px/22px Montserrat, sans-serif;
  color: #fff;
  position: relative;
  border-radius: 5px;
}

/* p.mphb-rooms-quantity-wrapper.mphb-rooms-quantity-multiple{
  padding: 0 17px;
  display: block;
} */
.mphb_sc_search_results-wrapper  .mphb-recommendation-item-guests{
  font: normal normal normal 15px/30px Montserrat;
  position: relative;
  top: unset;
  margin-left: 20px;
}
/* p.mphb-rooms-quantity-wrapper.mphb-rooms-quantity-multiple select {
    width: 40%;
} */

.single-mphb_room_type .mphb-reservation-form-title{
  position: absolute;
  top: 5rem;
  right: 7rem;
  margin-bottom: 1px;
}
.single-mphb_room_type .mphb-booking-form{
  /* box-shadow: 0px 2px 10px #00000029; */
  width:100%;
  padding: 20px;
  border-radius: 10px;
    /* padding: 60px 20px 20px 20px; */
}

/* .single-mphb_room_type .mphb-booking-form{
  position: absolute;
  top: 4rem;
  right: 0;
} */


.single-mphb_room_type .single-post-comment #comments{
    box-shadow:unset;
}
.single-mphb_room_type  .single-room-type-inner .wp-post-image{
  width: 100%;
  border-radius: 12px;
}
.single-mphb_room_type .mphb-booking-form select{
  border: 1px solid #00000029;
  font-size: 14px;
  padding: 10px 10px;
  background: transparent;
  color: #707070;
}
.single-mphb_room_type  #gallery-1 img{
  border-radius: 15px;
  border: none;
  height: 120px;
  width: 120px;
}
p.terms-conditions-para {
  /* font-size: 16px */
}
h1.term.wp-block-heading{
      margin-bottom: 20px;
}
.single-mphb_room_type .single-rate-content {
    border-bottom: 1px solid #cacaca;
}

/* .single-mphb_room_type .mphb-room-rates-list li .mphb-price-period {
    padding-left: 5px;
    font: normal normal bold 20px/36px Montserrat;
    color: #000 !important;
} */
.single-mphb_room_type .single-explore-properties h3 a{
   font: normal normal bold 20px/29px Montserrat;
   color: #000;
}
#gallery-1 .gallery-item{
  margin: 10px;
  height: 120px;
  width: 120px !important;
}
.single-mphb_room_type .owner-parent{
  background: #FFFFFF;
  padding: 25px;
  right: 10%;
  border-radius: 20px;
  box-shadow: 0px 3px 6px #00000029;
  margin-top: 25px;
  text-align: center;
}
.single-mphb_room_type .single-room-author-img{
  border-radius: 24px;
  max-width: 45%;
}
.single-room-author-name{
  font: normal normal bold 23px/22px Montserrat;
  letter-spacing: 0px;
  color: #000000;
  margin: 14px 0;
}
.single-room-author-content{
  font: normal normal 600 15px/22px Montserrat;
  letter-spacing: 0px;
  color: #000000;
}
.single-mphb_room_type #respond{
      max-width: 60%;
}
.single-mphb_room_type .single-amenties{
  /* display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 5px;
  width: 500px; */
}
.single-mphb_room_type .add-info-head{
  font: normal normal bold 30px/36px Montserrat;
  letter-spacing: 0.3px;
  color: #000000;
}
.single-mphb_room_type .add-info-desc{

}
.single-mphb_room_type #respond .comment-form-url,#comments .comment-author .says{
display: none;
}
.mphb-rooms-reservation-message{
  font: normal normal 500 15px/22px Montserrat;
  padding: 0 17px;
}
.single-rate-content .mphb-price-period{
  font: normal normal 500 18px/21px Montserrat;
  color: #000 !important;
}


.single-book-page .mphb_room_service{
  display: flex;
  justify-content: space-between;
}
.single-book-page .mphb_sc_services-wrapper .mphb-loop-service-thumbnail{
  display: none;
}
.single-book-page .mphb_sc_services-wrapper .mphb-service{
  margin-top: 10px !important;
}
.single-book-page .mphb_room_service .mphb-price-wrapper{
  font-size: 0px;
  align-self: center;
}
.single-book-page .mphb_room_service .mphb-price-wrapper .mphb-price{
  font-size: 14px;
  align-self: center;
}
.single-book-page .mphb_room_service .mphb-service-title {
  font: 600 14px / 25px Montserrat;
}
.single-book-page .mphb_room_service .mphb-service-title a{
  font: normal normal normal 14px / 20px Montserrat;
  color: #fff;
}








.search-form-right-box .search-form.serach-page{
  background: var(--grey);
  width: 40%;
  padding: 15px 15px;
  border-radius: 15px;
  position: relative;
  margin-left: 10px;
}
.search-form-right-box .search-form.serach-page label{
  width: 100%;
}
.search-form-right-box .search-form.serach-page label:after{
  content: '\f002';
  font-family: 'FontAwesome';
  position: absolute;
  right: 10px;
  background: var(--yellow);
  border: none;
  color: #fff;
  padding: 6px 10px 6px 10px;
  border-radius: 8px;
  top: 8px;
  font-size: 16px;
}
.search-form-right-box .search-form.serach-page .search-submit {
  font-size: 0px;
  right: 20px;
  position: absolute;
  border: none;
  background: transparent;
  padding: 6px 10px 6px 10px;
}
.search-form-right-box .search-form.serach-page label input {
  background: transparent;
  border: none;
  color: #fff;
  outline: none;
  width: 80%;
}



.search-form-right-box p {
    padding: 10px 0px 20px 15px;
}
.datepick-ctrl,.datepick-month th, .datepick-month th a,.datepick-month-header, .datepick-month-header select, .datepick-month-header input,.datepick-nav, .datepick-ctrl {
  background-color: #b5995a;
}
.datepick-ctrl .datepick-cmd:hover,.datepick-cmd:hover {
  background-color: var(--yellow);
  color: #fff;
}
.datepick a.datepick-disabled{
  color: #fff;
}


.mphb_room_type.type-mphb_room_type{
  display: flex;
  justify-content: space-between;
  background: var(--grey);
  padding: 20px 20px;
  border-radius: 15px;
}
.mphb-loop-room-thumbnail{
  width: 20%;
  padding-right: 10px;
}
.mphb-room-type-title {
  align-self: center;
  width: 22%;
  line-height: 0px;
}
.mphb-room-type-title a{
  width: 25%;
  color: #fff;
  font: 600 20px / 35px Montserrat;
}
.mphb_room_type.type-mphb_room_type p,.mphb-reserve-room-section{
  align-self: center;
  text-align: center !important;
}
.mphb-loop-room-thumbnail img{
  border-radius: 15px;
}
.mphb_room_type.type-mphb_room_type:hover{
  box-shadow: 0px 0px 10px 0px var(--yellow);

}
.mphb-confirm-reservation {
  margin-top: 3px;
}
.mphb-rooms-reservation-message{
  text-align: end !important;
}
.mphb-reserve-room-section.mphb-rooms-added{
  width: 25%;
}
.mphb-remove-from-reservation{
  background: var(--yellow);
  color: #fff !important;
  padding: 8px 20px;
  border-radius: 8px;
  font: 600 14px / 20px Montserrat;
  width: max-content;
  margin: auto;
}
.mphb-confirm-reservation{
  background: var(--yellow);
  color: #fff;
  padding: 8px 25px;
  border-radius: 8px;
  font: 600 14px / 20px Montserrat;
}
.mphb-rooms-reservation-message-wrapper{
  display: flex;
  flex-direction: column-reverse;
}
.mphb-view-details-button{
  background: var(--yellow);
  color: #fff !important;
  padding: 10px 12px;
  border-radius: 8px;
  font: 600 14px/20px Montserrat;
}
.mphb-book-button{
  background: var(--yellow);
  color: #fff;
  padding: 8px 30px;
  border-radius: 8px;
  font: 600 14px/20px Montserrat;
  border: none;
}
.mphb-rooms-quantity-wrapper{
  font: 600 14px/20px Montserrat;
}
.mphb-price-breakdown-rate, .mphb-price-breakdown tr, .mphb-price-breakdown tr th, .mphb-price-breakdown tr td{
  color: #fff !important;
}




.tax-services_cat .title-box h1 {
  font-size: 0px;
  text-align: center;
}
.tax-services_cat .title-box .page-title span {
  font: 600 35px / 45px Montserrat !important;
  color: #fff;
}