/*
Theme Name: Massage Parlor
Description: Massage Parlor WordPress Theme is the perfect choice for building Massage Parlor website. This theme is packed with features designed to help you promote your business and attract new customers. With its clean and modern design, the Massage Parlor WordPress Theme will make a lasting impression on your visitors. The WordPress Massage Parlor theme can be used for any website. It’s a sleek, minimalist, contemporary theme that incorporates the latest technology. The industrial theme features an elegant and chic design that will help your site stand out among the rest of your competitors.
Author: wpelemento
Theme URI: https://preview.wpelemento.com/career-counseling/
Author URI: https://www.wpelemento.com/
Version: 0.0.1
Tested up to: 6.0.3
Requires PHP: 7.4
Text Domain: massage-parlor-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: education, portfolio, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Elementor Wptheme WordPress Theme has been created by wpelemento(https://www.wpelemento.com), 2023.
Elementor Wptheme WordPress Theme is released under the terms of GNU GPL
*/

/* @import url('https://fonts.googleapis.com/css2?family=Instrument Sans:ital,wght@0,100..900;1,100..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');

html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  /* font-family: "Instrument Sans", sans-serif; */
  background: url('./assets/images/body-bg.png');
  background-size: cover;
  background-position: center;
}
html {
  overflow-x: hidden;
}
.bkr_container {
  max-width: 1360px;
  width: 100%;
  padding-left:20px;
  padding-right: 20px;
  margin: 0 auto;
}
h1,h2,h3,h4,h5,h6 {
	/* font-family: "Instrument Sans", sans-serif; */
  font-family: "Instrument Sans", Sans-serif;
  margin-bottom: 0;
}
p {
  font-family: "Instrument Sans", Sans-serif;
  /* font-family: "Instrument Sans", sans-serif; */
  margin-bottom: 0;
}
a {
  text-decoration: none;
}
ul, ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
img {
  max-width: 100% !important;
}
.sticky-header {
  position: fixed;
  width: 100%;
  z-index: 9999 !important;
  top: 0;
  left: 0;
  right: 0;
  padding: 8px 10px 0;
  animation: slideDown 0.75s ease-out;
  background-color:#F2E8D2FF;
  box-shadow: 0px 2px 6px #CCBABAF2;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
      transform: translateY(0);
  }
}

/*============================= Moving Image Start =========================*/

@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 15px);
  }
  to {
    transform: translate(0, -0px);
  }
}
.product-man img {
  transform: translate(84px, 10px);
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
/*=============== Career Counseling CSS Start ===============*/
/*================= Contact Us Section Start ==================*/
.homep-contact-us form  input:-webkit-autofill{
  background: transparent !important;
}

.homep-contact-us form input[type="text"], input[type="email"], input[type="tel"], select, textarea {
  width: 100%;
  border-radius: 0px;
  padding: 12px 15px;
  border: unset;
  background-color: unset;
  border: 1px solid #4D482C;
  border-radius: 25px 15px;
  color: #4D482C;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 10px;
} 
.contact-form  form input[type="text"], .contact-form  input[type="email"], .contact-form  input[type="tel"], .contact-form  select, .contact-form  textarea {
  width: 100%;
  border-radius: 0px;
  padding: 12px 15px;
  border: unset;
  background-color: unset;
  border: 1px solid #4D482C;
  border-radius: 25px 15px;
  color: #717171;
  font-size: 14px;
  font-weight: 400;
}
.homep-contact-us textarea, .contact-form  textarea{
  height: 140px;
  resize: none;
}

.homep-contact-us input[type="text"]::placeholder,
.homep-contact-us input[type="email"]::placeholder,
.homep-contact-us input[type="tel"]::placeholder,
.homep-contact-us select::placeholder,
.homep-contact-us textarea::placeholder {
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 400; 
}

.homep-contact-us form label {
  font: 500 16px/20px "Instrument Sans";
  color: #FFFFFF;
}
.homep-contact-us form input[type="text"]:focus-visible, input[type="email"]:focus-visible, input[type="tel"]:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: unset !important;
}
.homep-contact-us form input[type="text"]:focus-visible {
  outline: unset !important;
}
.homep-contact-us .submit-btn .wpcf7-submit {
  background-color:#4D482C;
  padding: 14px 25px;
  color: #fff;
  border-radius: 50px;
  border: 1px solid #4D482C;
  font: 400 16px/16px "Instrument Sans";
  text-transform: uppercase;
  &:hover {
    background-color: #000;
    color: #FFF;
  }
}
.homep-contact-us .wpcf7-response-output {
  margin: 1em 0em 0em !important;
  padding: 6px 8px !important;
  border: 1px solid #253339 !important;
  color: #253339;
  font: 400 15px/15px "Instrument Sans";
}
.homep-contact-us form .row {
  gap: 12px;
}
.homep-contact-us form .row>div {
  width: 48%;
}
.homep-contact-us form.invalid .submit-btn, .homep-contact-us form.failed .submit-btn, .homep-contact-us form.sent .submit-btn {
  margin-top: 2px !important;
}

/*================= Contact Us Section End ==================*/
/*========== Return to Top Start ============*/
#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #000;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 999;
  cursor: pointer;
}
#return-to-top div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#return-to-top:hover {
  background-color: #000000;
}

/*========== Return to Top End ============*/

/*============= Preloader Start =============*/

.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 999999;
  background: #FAF8F4;
  justify-content: center;
  align-items: center;
  display: flex;
}
.spinner-loading-box img {
  max-width: 200px !important;
}
.spinner-loading-box img, .ets-theme-header-section :is(.ets-topabr-address, .ets-topabr-email) li {
  width: 100%;
}
.demo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}



/* 
.loader {
  width: 100px;
  aspect-ratio: 1;
  padding: 10px;
  box-sizing: border-box;
  display: grid;
  background: transparent;
  
}
.loader:before{
  content: "";
  margin: auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #A462E7;
  background: currentColor;
  box-shadow: -30px 0,30px 0,0 30px, 0 -30px;
  animation: l6 1s infinite alternate;
}
@keyframes l6{
  90%,100% {box-shadow: -10px 0,10px 0,0 10px, 0 -10px;transform: rotate(180deg)}
} */


/* HTML: <div class="loader"></div> */
.loader {
  width: 100px;
  aspect-ratio: 1;
  padding: 10px;
  box-sizing: border-box;
  display: grid;
  background: #fff;
  filter: blur(5px) contrast(10) hue-rotate(300deg);
  mix-blend-mode: darken;
}
.loader:before,
.loader:after{ 
  content: "";
  grid-area: 1/1; 
  width: 40px;
  height: 40px;
  background: #ffff00;
  animation: l7 2s infinite;
}
.loader:after{ 
  animation-delay: -1s;
}
@keyframes l7{
  0%   {transform: translate(   0,0)}
  25%  {transform: translate(100%,0)}
  50%  {transform: translate(100%,100%)}
  75%  {transform: translate(   0,100%)}
  100% {transform: translate(   0,0)}
}














































/* Header */
.has_eae_slider{


}

/* When Elementor menu is opened */
.elementor-menu-toggle.elementor-active ~ .banner_circle_ball,
.elementor-nav-menu--dropdown-active .banner_circle_ball {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 0.3s ease;
}



.elementor-nav-menu--dropdown,
.elementor-menu-toggle.elementor-active {
  position: relative;
  z-index: 9999 !important;
}


/* common styling */
.hover_images{

}

.hover_images img{

  transition: linear all 0.3s;
}

.hover_images:hover img{
  transform: scale(1.02) !important;
} 



/*================= Preloader End ==================*/
/* =====================Banner==================== */
.massage_menu_outer ul{
  display: flex;
}


.massage_banner{
  position: relative;
}

.massage_banner::before{
  content: '';
  background: url(https://preview.wpelemento.com/theme-images/massage-elementor-pro/banner-leaf1.png);
  background-repeat: no-repeat;
  position: absolute;
  z-index: 6;
  height: 290px;
   width: 370px;
  top: 0;
  right: 0;
}

.massage_banner::after {
  content: '';
  background: url(https://preview.wpelemento.com/theme-images/massage-elementor-pro/banner-leaf2.png);
  background-repeat: no-repeat;
  position: absolute;
  z-index: 6;
  height: 365px;
  width: 370px;
  bottom: 0;
  right: 0;
}



/* wave */
.banner_curve_text{
  display: flex;
  text-align: center;
}
.banner_curve_text h1 {
  width: 100%;
  font-family: "cinzel", Sans-serif;
  font-size: 30px;
  color: #4D482C;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.banner_curve_text h1 svg{
  overflow: visible;
}

.banner_curve_text h1 svg text{
  width: 100%;
}

/* ============================================================= */
/* about us section */
.about_tab_outer .e-n-tab-title[aria-selected=true]::before {
  content: '';
  background: #4D482C;
  height: 12px;
  width: 55px;
  position: absolute;
  z-index: 1;
  left: -70px;
  border-radius: 15px 25px;
}

/* ========================================================= */
/* facial Therapy */
.home_facial_therapy_section{
  /* padding: 0 30px; */
  width: 100%;
  max-width: 100%;
}

.home_facial_therapy_section .owl-stage-outer{
  padding: 0 0 55px;
}
.home_facial_therapy_section .owl-stage-outer .owl-item {
  /* width: 19% !important; */
}

.facial_therapy_item {
  border: 1px solid #253339;
  border-radius: 120px 70px;
  padding: 10px 10px 30px;
  transition: linear all 0.3s;
}
.facial_therapy_item .ft_head {
  position: relative;
  margin: 0 0 10px;
}
.facial_therapy_item .ft_head .facial_therapy_featured_img {
  height: 235px;
  width: 100%;
  border-radius: 120px 70px;
  overflow: hidden;
  position: relative;
}

.facial_therapy_item .ft_head .facial_therapy_featured_img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.facial_therapy_item .ft_head .price {
  position: absolute;
  bottom: 10px;
  width: 100%;
  opacity: 0;
  color: #fff;
  transition: linear all 0.3s;
}

.facial_therapy_item .ft_head .price h5{
  font-family: "Cinzel" !important;
  font-size: 22px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 2px;
}

/* content */
.facial_therapy_item .facial_therapy_content a{
  font-family: "Instrument Sans", Sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #000;
}

.facial_therapy_item .facial_therapy_content p{
  font-family: "Instrument Sans", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 10px 0;
}

.facial_therapy_item .facial_therapy_content span{
  font-family: "Instrument Sans", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: #4D482C;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.facial_therapy_item .ft_arrow {
  background: #F2E8D2;
  height: 45px;
  width: 45px;
  border-radius: 20px 10px;
  margin: 15px auto -55px;
  line-height: 45px;
  opacity: 0;
  transition: linear all 0.3s;
}

.facial_therapy_item .ft_arrow a svg{ 
  color: #4D482C;
  font-size: 20px;
  transform: rotate(45deg);
}

/* hover */
.facial_therapy_item:hover {
  background: #4D482C;
}
.facial_therapy_item:hover .facial_therapy_content a,
.facial_therapy_item:hover .facial_therapy_content p,
.facial_therapy_item:hover .facial_therapy_content span {
  color: #fff;
}
.facial_therapy_item:hover .ft_head .price,
.facial_therapy_item:hover .ft_arrow{
  opacity: 1;
  transition: linear all 0.3s;
}

.facial_therapy_item:hover .facial_therapy_featured_img::before {
  content: '';
  background: rgba(0,0,0,0.4);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
}

/* arrow */
.home_facial_therapy_section .owl-nav{
  display: none !important;
}


/* facial therapy */
.skilled_expert_outer{
  position: relative;
}
.skilled_expert_outer::before {
  content: '';
  background: url(https://preview.wpelemento.com/theme-images/massage-elementor-pro/skilled-expert-leaf.png);
  background-repeat: no-repeat;
  position: absolute;
  z-index: 6;
  height: 115px;
  width: 130px;
  top: -10%;
  right: 20%;
}

.skilled_expert_outer .swiper-slide img{
  transition: linear all 0.3s;
}

.skilled_expert_outer .swiper-slide:hover img{
  transform: scale(1.02);
}









/* Explore Massage Rotation */
.explore_text_rotation{
  display: inline-block;
  animation: rotateText 10s linear infinite; /* Adjust duration for speed */
  transform-origin: center center; /* Ensures smooth rotation */
}

@keyframes rotateText {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


/* ==================================================================== */
/* Pricing Plan */
/* head */
.pricing_plan_outer .pp-pricing-table .pp-pricing-table-head{
  padding: 30px 30px 10px;
}

/* h3 */
.pricing_plan_outer .pp-pricing-table .pp-pricing-table-head .pp-pricing-table-title {
  margin: 0 auto 20px;
  background: #F2E8D2;
  padding: 7px 20px;
  border-radius: 10px 5px;
  width: fit-content;
  box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
}

/* h4 */
.pricing_plan_outer .pp-pricing-table .pp-pricing-table-head .pp-pricing-table-subtitle{
  position: relative;
}
.pricing_plan_outer .pp-pricing-table .pp-pricing-table-head .pp-pricing-table-subtitle::after{
  content: '';
  height: 1px;
  width: 150px;
  position: absolute;
  background: #4D482C;
  bottom: -15px;
  left: 50%;
  transform: translate(-50%,50%);
}

/* include heading */
.pricing_plan_outer .pp-pricing-table .pp-pricing-table-price-duration{
  margin: 60px 0 0;
}

/* hover */
.pricing_plan_outer .pp-pricing-table:hover {
  background: #4D482C;
}


.pricing_plan_outer .pp-pricing-table:hover .pp-pricing-table::before{
  position: absolute;
  z-index: 9;
  content: '';
  background: url(https://preview.wpelemento.com/theme-images/massage-parlor-pro/pricing-hover-leaf.png); 
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; 
}


.pricing_plan_outer .pp-pricing-table:hover h1,
.pricing_plan_outer .pp-pricing-table:hover h2,
.pricing_plan_outer .pp-pricing-table:hover h3,
.pricing_plan_outer .pp-pricing-table:hover h4,
.pricing_plan_outer .pp-pricing-table:hover h5,
.pricing_plan_outer .pp-pricing-table:hover h6,
.pricing_plan_outer .pp-pricing-table:hover span{
  color: #fff !important;
}

.pricing_plan_outer .pp-pricing-table:hover a{
  color: #fff !important;
  border-color: #fff !important;
}

.pricing_plan_outer .pp-pricing-table:hover .pp-pricing-table-title{
  color: #000 !important;
}


/* hover */
.pricing_plan_outer .pp-pricing-table::before {
  content: '';
  background: url(https://preview.wpelemento.com/theme-images/massage-elementor-pro/pricing-hover-leaf2.png);
  background-repeat: no-repeat;
  position: absolute;
  z-index: 6;
  height: 115px;
  width: 130px;
  top: 105px;
  right: 5px;
  opacity: 0;
}

.pricing_plan_outer .pp-pricing-table::after {
  content: '';
  background: url(https://preview.wpelemento.com/theme-images/massage-elementor-pro/pricing-hover-leaf.png);
  background-repeat: no-repeat;
  position: absolute;
  z-index: 6;
  height: 115px;
  width: 130px;
  bottom: 90px;
  left: 0;
  opacity: 0;
}

.pricing_plan_outer:hover .pp-pricing-table::before,
.pricing_plan_outer:hover .pp-pricing-table::after {
  opacity: 1;
}

/* ==================================================================== */
/* Skilled expert */
.skilled_expert_outer .swiper-wrapper .swiper-slide[aria-label="1 / 4"],
.skilled_expert_outer .swiper-wrapper .swiper-slide[aria-label="3 / 4"] {
  margin: 60px 0 0;
  padding: 0 0 60px;
}

.skilled_expert_outer .pp-tm-position {
  padding: 0 0;
  width: 165px;
  margin: 0 auto;
}


/* ===================================================================== */
/* testimonials slider  */
.testimonial_slider_outer .elementskit-single-testimonial-slider {
  box-shadow: none !important;
}

.testimonial_slider_outer .elementskit-single-testimonial-slider  .row{
  flex-direction: row-reverse;
}

/* image */
.testimonial_slider_outer .elementskit-single-testimonial-slider .elementkit-testimonial-col {
  transform: scale(1.02);
}

.testimonial_slider_outer .elementskit-single-testimonial-slider .elementkit-testimonial-col img {
  border-radius: 100px 40px;
  max-height: 220px;
  width: 220px;
  height: 220px;
}

/* content */
.testimonial_slider_outer .elementskit-single-testimonial-slider .elementskit-commentor-content {
  padding: 15px 15px 15px 0;
  margin: 0 0 0 -15px;
}

.testimonial_slider_outer .elementskit-single-testimonial-slider .elementskit-commentor-content p {
  margin: 0 0 10px !important;
}

/* hover */
.testimonial_slider_outer .elementskit-single-testimonial-slider .elementskit-profile-image-card:before{
  content: none;
}

.testimonial_slider_outer .elementskit-single-testimonial-slider:hover {
  background: #F2E8D2 !important;
}

.testimonial_slider_outer .elementskit-single-testimonial-slider img{
  transition: linear all 0.3s;
}
.testimonial_slider_outer .elementskit-single-testimonial-slider:hover img{
  transform: scale(1.02);
}



/* ==================================================================== */
/* faq */
.faqq_tab_outer details{
  border: 1px solid #000;
  border-radius: 30px 15px;
}

.faqq_tab_outer .e-n-tab-title[aria-selected=true]::before {
  content: '';
  background: #4D482C;
  height: 12px;
  width: 25px;
  position: absolute;
  z-index: 1;
  left: -30px;
  border-radius: 15px 25px;
}

/* ==================================================================== */
/* Gallery */
.gallery_slider_outer::before {
  content: '';
  height: 60px;
  width: 100%;
  background: url('./assets/images/body-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 9;
  top: -20px;
  border-radius: 0px 0 200% 200%;
}

.gallery_slider_outer::after {
  content: '';
  height: 60px;
  width: 100%;
  background: url('./assets/images/body-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 9;
  bottom: 60px;
  border-radius: 200% 200% 0 0;
}

.gallery-images .swiper-slide{
  height: 400px;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
}

.gallery-images img{
  height: 100%;
  width: 100%;
}

/* ======================================================================== */
/* blog */
.massage_blog_outer{

}

.massage_blog_outer .pp-post-thumbnail {
  height: 330px;
  max-height: 330px;
  width: 100%;
}

.massage_blog_outer .pp-post-thumbnail img {
  height: 100%;
  object-fit: cover;
}


.massage_blog_outer .pp-post-content .pp-post-title a:hover{
  color: #000 !important;
}

.massage_blog_outer .pp-carousel-item img{
  transition: linear all 0.3s;
}

.massage_blog_outer .pp-carousel-item:hover img{
  transform: scale(1.02)
}

















/* Testimonials test */
.testi_1 .elementskit-single-testimonial-slider {
  display: flex !important ;
  flex-direction: column !important;
  height: 222px;
  box-shadow: none !important;
}
.testi_1 .elementskit-single-testimonial-slider:hover {
  background-color: #F2E8D2 !important;
}




/* testimonial_slider_outer testimonial_slider_outer */

.testi_1 .elementkit-commentor-details {
  width: 100%;
  justify-content: flex-start !important;
  align-items: flex-end !important;
  position: absolute;
  top: 0;
}

.testi_1 .elementkit-commentor-details .elementskit-profile-info{
  margin: 0 0 20px;
}

.testi_1 .elementkit-commentor-details  img{
  border-radius: 0 !important;
  height: 220px !important;
}

.testi_1 .elementskit-single-testimonial-slider .elementskit-commentor-header {
  order: 2 !important;
  width: 50%;
  margin: 20px 10px 0 auto;
  padding: 0 15px;
  text-align: right !important;
}

.testi_1 .elementskit-single-testimonial-slider .elementskit-commentor-header ul li{
  margin: -2px !important;
}
.testi_1 .elementskit-single-testimonial-slider .elementskit-commentor-header ul li svg{
  height: 0.7em !important;
  width: 0.7em !important;
}

.testi_1 .elementskit-single-testimonial-slider .elementskit-commentor-content{
  order: 1 !important;
  width: 50%;
  margin: 0 0 0 auto;
  padding: 0 15px;
}

.testi_1 .elementskit-single-testimonial-slider .elementskit-commentor-bio{
  order: 3 !important;
}

/* ======================================================================= */

/* footer */
.massage_footer{
  position: relative;
}
.massage_footer::before {
  content: '';
  position: absolute;
  width: 110%;
  height: 200px;
  top: -160px;
  background: #4D482C;
  margin: 0 auto;
  border-radius: 50% 50%;
  transform: translate(50%, 50%);
  left: -60%;
}



.footer_timing p:hover{
  color: #000;
  cursor: pointer;
}

.footer_address ul li a:hover {
  color: #000 !important;
}



/* singl post */
.related-posts{
  margin-bottom: 120px !important;
}



/* ======================================================================= */
/* ========================Single Facial Therapy========================= */
.innerpage_banner {
  height: 350px;
  color: #fff;
  position: relative;
  font-family: "Cinzel", Sans-serif;
}

.innerpage_banner::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0,0,0,0.6);
  margin: 0 auto;
  left: 0%;
}
.single-blog-breadcrum-box{
  z-index: 2;
}

/* content */
.single-facial-therapy-page-content-outer{
  padding: 30px 0 45px;
}


.single-blog-breadcrum-box h1 {
  font-size: 30px;
  margin: 0 0 15px;
  /* color: #4D482C; */
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: "Cinzel", Sans-serif;
}

.single-blog-breadcrum-box .bradcrumbs a{
  color: #fff;
}

.single-facial-therapy-page-content h2, .single-facial-therapy-page-content h3 {
  font-size: 26px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: "Cinzel", Sans-serif;
}

.single-services-page-first-para, .single-services-page-bottom-para {
  font-size: 15px;
  margin: 10px 0 0 !important;
  line-height: 26px;
}

.single-facial-therapys-image .facial-therapys-thumbnail {
  width: 100%;
  height: 450px;
  max-height: 450px;
}

.single-facial-therapys-image .facial-therapys-thumbnail img {
  width: 100%;
  height: 100%;
  border-radius: 40px 90px;
}

.single-facial-therapys-image .massage_details {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 25px 0 0;
  gap: 20px;
}

.single-facial-therapys-image .massage_details .price h4,
.single-facial-therapys-image .massage_details .time h4 {
  font-size: 18px;
}

.single-facial-therapy-page-content .extra_text{
  margin: 0 0 30px;
}
.single-facial-therapy-page-content .extra_text p{
  font-size: 15px;
  margin: 10px 0 0 !important;
  line-height: 26px;
}

.single-facial-therapy-page-content ul {
  margin: 30px 0 0 !important;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.single-facial-therapy-page-content ul li{
  font-size: 15px;
  margin: 10px 0 0 !important;
  line-height: 26px;
}

.single-facial-therapy-page-content ul li svg {
  margin: 0 5px 0 0;
  font-size: 12px;
}

.single-facial-therapy-page-content .image_box_outer {
  margin: 40px 0 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
}

.single-facial-therapy-page-content .image_box_outer .images {
  width: 300px;
  max-width: 300px;
  height: 250px;
  border-radius: 120px 70px;
  background: #fff;
  overflow: hidden;
}

.single-facial-therapy-page-content .image_box_outer .images img{
  height: 100%;
  width: 100%;
}
.single-facial-therapy-page-content .book_service {
  margin: 30px 0;
}
.single-facial-therapy-page-content .book_service a {
  background: #4D482C;
  padding: 10px 45px;
  border-radius: 50px;
  color: #fff;
}
.single-facial-therapy-page-content .book_service a:hover {
  background: #000;
}



/* gallery Page */
.gallery_page #gallery-1 {
  /* display: grid;
  flex-direction: column;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  grid-auto-flow: dense; */
}

.gallery_page #gallery-1{
  display: grid  ;
    grid-template-columns: repeat(2, 3fr);
    grid-auto-rows: 140px;
    gap: 15px;
    grid-auto-flow: dense;
}



.gallery_page #gallery-1 br{
  display: none;
}

.gallery_page #gallery-1 .gallery-item:nth-child(1) {
  /* grid-column: span 2;
  grid-row: span 6; */

  grid-column: span 1;
  grid-row: span 2;

}

.gallery_page #gallery-1 .gallery-item:nth-child(2) {
  /* grid-column: span 2;
  grid-row: span 2; */

  grid-column: span 1;
  grid-row: span 4;
}

.gallery_page #gallery-1 .gallery-item:nth-child(3) {
  /* grid-column: span 2;
  grid-row: span 2; */

  grid-column: span 1;
  grid-row: span 2;
}

.gallery_page #gallery-1 .gallery-item:nth-child(4) {
  /* grid-column: span 1;
  grid-row: span 3; */

  grid-column: span 1;
  grid-row: span 2;
}

.gallery_page #gallery-1 .gallery-item:nth-child(5){
  /* grid-column: span 3;
  grid-row: span 2; */

  grid-column: span 2;
  grid-row: span 2;
}

.gallery_page #gallery-1 .gallery-item:nth-child(6){
  /* grid-column: span 1;
  grid-row: span 5; */

  grid-column: span 1;
  grid-row: span 2;
}
/* 
.gallery_page #gallery-1 .gallery-item:nth-child(7){
  grid-column: span 1;
  grid-row: span 5;
}

.gallery_page #gallery-1 .gallery-item:nth-child(8){
  grid-column: span 3;
  grid-row: span 3;
}

.gallery_page #gallery-1 .gallery-item:nth-child(9){
  grid-column: span 1;
  grid-row: span 2;
}

.gallery_page #gallery-1 .gallery-item:nth-child(10){
  grid-column: span 2;
  grid-row: span 2;
}

.gallery_page #gallery-1 .gallery-item:nth-child(11){
  grid-column: span 2;
  grid-row: span 3;
}

.gallery_page #gallery-1 .gallery-item:nth-child(12){
  grid-column: span 2;
  grid-row: span 2;
}

.gallery_page #gallery-1 .gallery-item:nth-child(13){
  grid-column: span 1;
  grid-row: span 3;
}

.gallery_page #gallery-1 .gallery-item:nth-child(14){
  grid-column: span 3;
  grid-row: span 3;
}

.gallery_page #gallery-1 .gallery-item:nth-child(15){
  grid-column: span 1;
  grid-row: span 3;
}

.gallery_page #gallery-1 .gallery-item:nth-child(16){
  grid-column: span 1;
  grid-row: span 3;
}

.gallery_page #gallery-1 .gallery-item:nth-child(17){
  grid-column: span 1;
  grid-row: span 3;
}

.gallery_page #gallery-1 .gallery-item:nth-child(18){
  grid-column: span 1;
  grid-row: span 3;
}

.gallery_page #gallery-1 .gallery-item:nth-child(19){
  grid-column: span 1;
  grid-row: span 3;
} */

.gallery_page .gallery .gallery-item {
  /* height: 200px;
  max-height: 200px; */
  padding: 0 0px !important;
  overflow: hidden;
  margin: 0px 0 0 !important;
  width: 100% !important;
  max-width: 100%;
}

.gallery_page .gallery .gallery-item .gallery-icon {
  height: 100%;
  width: 100%;
  margin: 0 0px ;
  overflow: hidden;
  border-radius: 15px 35px !important;
}

.gallery_page .gallery .gallery-item .gallery-icon img {
  height: 100%;
  width: 100%;
  border: 0 !important;
  margin: 0 auto;
  display: block;
  transition: linear all 0.3s;
}

.gallery_page .gallery .gallery-item .gallery-icon:hover img {
  transform: scale(1.1);
}













/* privacy policy
Terms & Condition */
.masaage_p_p_content ul,
.masaage_t_c_content ul{

}


/* book appointmentpage */
.book-appointment-form label {
  color: #4D482C !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 0 0 10px;
}


.book-appointment-form input[type="date"],
.book-appointment-form input[type="time"] {
  width: 100%;
  border-radius: 0px;
  padding: 12px 15px;
  border: unset;
  background-color: unset;
  border: 1px solid #4D482C;
  border-radius: 25px 15px;
  color: #4D482C;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 10px;
}

.book-appointment-form input[type="submit"] {
  background-color:#4D482C;
  padding: 14px 25px;
  color: #fff;
  border-radius: 50px;
  border: 1px solid #4D482C;
  font: 400 16px/16px "Instrument Sans";
  text-transform: uppercase;
  margin: 0 auto;
  display: block;
  &:hover {
    background-color: #000;
    color: #FFF;
  }
}











/* ===================================================================== */
/* responsive */
@media screen and (max-width:1800px) {

  /* gallery */
  .gallery-images img {
    height: 400px;
  }

}







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

  /* header */
  .header_book_now a{
    padding: 12px 25px 12px 25px !important;
  }




}






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

  /* banner */
  .massage_banner::after {
    right: -55px;
    background-size: 60%;
    background-position: bottom;
  }

  .massage_banner::before {
    background-size: 60%;
  }

  /* about us */
  .about_tab_outer .e-n-tab-title[aria-selected=true]::before {
    height: 8px;
    left: 0;
    bottom: -7px;
  }

  /* pricing plan */
  .pricing_plan_outer .pp-pricing-table{
    padding: 15px;
  }
  .pricing_plan_outer .pp-pricing-table .pp-pricing-table-price-duration {
    margin: 30px 0 -30px;
  }
  .pricing_plan_outer .pp-pricing-table .pp-pricing-table-head {
    padding: 30px 5px 10px;
  }

  /* facial Therapy */
  .facial_therapy-left{
    display: none;
  }

  .home_facial_therapy_section .owl-stage-outer .owl-item {
    /* width: 19% !important; */
    margin: 0 7px 0 !important;
    padding: 0 3px;
  }

  /* experts */
  .skilled_expert_outer .swiper-wrapper .swiper-slide[aria-label="1 / 4"], 
  .skilled_expert_outer .swiper-wrapper .swiper-slide[aria-label="3 / 4"] {
    margin: 0px 0 0;
    padding: 0;
  }


  /* faq */
  .faqq_tab_outer .e-n-tab-title[aria-selected=true]::before {
    height: 7px;
    width: 50px;
    left: 50%;
    bottom: 0px;
    transform: translate(-50%, 50%);
  }

  /* testimonials */
  .testimonial_slider_outer .elemntskit-testimonial-item .elementskit-single-testimonial-slider {
    padding: 8px 7px !important;
  }

  /* benefits */
  .benefits_outer{
    background-image: none !important;
  }

  /* gallery */
  .gallery_slider_outer::after,
  .gallery_slider_outer::before {
    display: none;
  }

  .gallery-images .swiper-slide {
    height: 300px;
  }

  .gallery-images img {
    border-radius: 90px 40px;
    height: 300px;
  }

  /* footer */
  .massage_footer::before {
    height: 100px;
    top: -85px;
  }


  /* single facial Therapy */
  .single-facial-therapy-page-content ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .single-facial-therapy-page-content .image_box_outer .images {
    width: 205px;
    max-width: 300px;
  }


  /* single post */
  .single-post .related-post-container .related-post-title a {
    font: 600 16px/20px 'Instrument Sans' !important;
  }



  .single-post .post-short-text {
    font-size: 15px;
  }








}










@media screen and (max-width:991px) {
  /* menu icon */
  .massage_menu_outer .ue-nav-menu-mobile{
    border-radius: 15px 5px;
  }

  .header_book_now a {
    padding: 12px 18px 12px 18px !important;
  }


  /* banner */
  .massage_banner::after {
    right: -70px;
    bottom: -35px;
  }



  /* testimonials */
  .testimonial_slider_outer .elemntskit-testimonial-item .elementskit-single-testimonial-slider {
    padding: 15px 30px !important;
    text-align: center;
  }

  /* facial therapy */
  .home_facial_therapy_section .owl-stage-outer {
    padding: 0 0 30px;
  }

  .home_facial_therapy_section .owl-nav {
    display: block !important;
    margin: 0 auto;
    text-align: center;
  }

  .home_facial_therapy_section .owl-nav button {
    border: 1px solid #4D482C;
    padding: 0 15px;
    margin: 5px;
    border-radius: 6px 14px;
    font-size: 20px;
    background: #4D482C;
    color: #fff;
    height: 50px;
  }


  .home_facial_therapy_section .owl-nav button span{
    line-height: 20px;
  }

  /* gallery */
  .gallery-images .swiper-slide {
    height: 350px;
  }

  .gallery-images img {
    border-radius: 90px 40px;
    height: 350px;
  }


  /* single therapy */
  .single-facial-therapy-page-content .image_box_outer {
    justify-content: center;
  }
  .single-facial-therapys-image{
    margin: 30px 0 0;
  }







}





@media screen and (max-width:767px) {
  /* header */
  .header_book_now a {
    padding: 12px 14px 12px 14px !important;
    font-size: 12px !important;
  }

  /* banner */
  .massage_banner::before {
    background-size: 50%;
    top: -30px;
  }

  .massage_banner::after {
    right: -90px;
    bottom: -35px;
  }

  /* about us */
  .about_tab_outer .e-n-tab-title[aria-selected=true]::before {
    height: 5px;
    left: 50%;
    transform: translate(-50%, 50%);
  }

  .about_tab_outer .e-n-tabs-heading {
    display: flex;
    justify-content: center;
  }

  .about_tab_outer .e-n-tabs-heading button{
    margin: 0 0 15px !important;
  }

  /* massage tab */
  .massage_tab_outer .e-n-tabs-heading{
    display: flex;
  }

  .massage_tab_outer .e-n-tabs-heading button {
    margin: 0 0 15px !important;
  }



  /* facial therapy */
  .home_facial_therapy_section .owl-stage-outer .owl-item {
    padding: 0 5px;
  }

  /* faq */
  .faqq_tab_outer .e-n-tab-title[aria-selected=true]::before {
    height: 4px;
  }

  /* faq tab */
  .faqq_tab_outer .e-n-tabs-heading{
    display: flex;
    justify-content: center;
  }

  .faqq_tab_outer .e-n-tabs-heading button{
    display: flex;
    margin: 0 0 15px !important;
  }


  /* gallery */
  .gallery-images img {
    height: 400px;
    width: 90%;
    border-radius: 90px 40px;
  }


  /* contact */
  .homep-contact-us .submit-btn .wpcf7-submit {
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }

  /* footer */
  .footer_col,
  .footer_col ul{
    text-align: center;
    justify-content: center;
  }


  .footer_col ul li a{
    text-align: center;
    justify-content: center !important;
  }




  /* single therapy */
  .single-facial-therapy-page-content-outer {
    text-align: center;
  }
  .single-blog-breadcrum-box h1 {
    font-size: 24px;
    text-align: center;
  }

  .single-facial-therapys-image .facial-therapys-thumbnail {
    height: 335px;
  }

  .single-facial-therapy-page-content .image_box_outer .images {
    width: 225px;
  }


  /* single blog page */
  .single-post .related-post-container .postbox {
    margin: 0 0 30px;
  }



}