@charset "UTF-8";
/*
Theme Name: Massage Center
Theme URI: https://wordpress.org/themes/massagecenter/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Massage Center is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Massage Center elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: massagecenter
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Massage Center WordPress Theme, (C) 2020 WordPress.org
Massage Center is distributed under the terms of the GNU GPL.
*/



body{
     margin:0;
     padding: 0;
     font-size: 16px;
     background:#FDFDFD;
     color: #303030;
     font-weight: 400;
        font-weight: normal;
font-family: 'Montserrat', sans-serif;
}

h1,h2,h3,h4,h5{
   
}

/*font-family: 'Roboto', sans-serif;*/

body a:hover{
	text-decoration: none;
	color:#d84d2c;
}
 
 ul,li{
    padding: 0;
    margin: 0;
 }

section{
  padding: 50px 0px;
}
.wsmenu>.wsmenu-list>li.lastlogin a{
         line-height: initial;
    color: #fff;
    line-height: auto;
    font-size: 18px;
    transition: .3s all;
    padding: 13px 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    text-align: center;
    /* padding-bottom: 8px; */
    background: #753b97;
        border: 1px solid #753B97;
}
.wsmenu>.wsmenu-list>li.lastlogin a:hover{
      background: transparent;
    color: #753B97;
    transition: .3s all;
}
.wsmenu>.wsmenu-list>li.lastlogin a i{
font-size: 17px;
    transform: rotate(
90deg
);
    margin-right: 8px;
}

.wsmenu>.wsmenu-list>li.lastlogin{
      display: flex;
      padding-left: 15px;
    align-items: center;
}
.top-contact-detials ul{
    justify-content: flex-end;
}
.topheader{
  background: #753B97;
  color: #fff;
  padding: 10px 0px;
}


.swiper {
        width: 100%;
        height: 100%;
      }

.swiper-slide {
font-size: 18px;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.swpmain .swpct{
text-align: left;
padding: 15px;
}
.swpmain .swpct span{
display: block;
color: #707070;
font-size: 14px;
}      
.swpmain .swpct p{
  margin-bottom: 0px;
  margin-top: 10px;
}
.hd-fixed{
      position: absolute;
    width: 100%;
    top: 0;
    z-index: 9;
}

.banner-section{
  background-image: url(images/home-banner-bg.png);
  width: 100%;
  height: 100%;
  background-size: cover;
}
.bannerslider{
  padding-top: 180px;
      padding-bottom: 70px;
      position: relative;
}
.top-head{
  padding-top: 20px;
}
.our-services .section-heading span{
font-size: 35px;
}
.bannerslider:after{
        position: absolute;
    content: "";
    background-size: cover;
    background-image: url(images/testiabs.png);
    width: 320px;
    height: 185px;
    /* right: 0; */
    bottom: 0;
    bottom: 6px;
    left: 114px;
    z-index: 1;
}
.slideimages{
  position: relative;
}

.slideimages .slidecontent{
  position: absolute;
    bottom: 0;
    right: 0;
    width: 500px;
    background: #ffffffd1;
    padding: 25px 15px;
}
.slideimages .slidecontent a i{
 color: #000;
 margin-top: 13px;
}
.slideimages .slidecontent a{
     position: absolute;
    display: inline-block;
    width: 47px;
    height: 37px;
    /* background: yellow; */
    right: 0;
    bottom: 0;
    /* border-top-left-radius: 50%; */
    background: transparent linear-gradient(
312deg
, #F2EC66 0%, #FCC010 100%) 0% 0% no-repeat padding-box;
    border-radius: 90px 0px 0px 0px;
    text-align: center;
}
.slidinner h2{
    font-size: 30px;
    font-weight: 700;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 14px;
}
.map iframe{
    width: 100%;
}
.slidinner h2:after{
    background: #FCC010;
    position: absolute;
    content: "";
    width: 100px;
    height: 3px;
    bottom: 0px;
    left: 0;
}
.banner-section .swiper-slide.swiper-slide-active{
width: 100% !important;

}
.banner-section .swiper-slide.swiper-slide-active .slidecontent{
display: block;
}
.banner-section .swiper-slide.swiper-slide-prev{
  display: none !important ;
}
/*.banner-section .swiper-slide.swiper-slide-next{
  position: absolute !important;
  width: 300px !important;
  height: 100%  !important;
 background: red !important;
 z-index: 999999;
}*/

.banner-section .swiper-slide .slidecontent{
display: none;
}
.massagecentermin{
 background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    padding: 20px;
    padding-bottom: 40px;
}
.commanbtn{
     background: transparent linear-gradient(
180deg
, #F2EC66 0%, #FCC010 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #FCC010;
    border-radius: 10px;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 20px;
    display: inline-block;
}
.commanbtn:hover{
  background: #000000 0% 0% no-repeat padding-box;
border: 1px solid #FCC010;
border-radius: 10px;
transition: .3s all;
color: #FCC010;
}
.section-heading .text-head{
color: #000000;
font-size: 45px;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
font-weight: 700;
}
.section-heading .text-head:after{
     background: #FCC010;
    position: absolute;
    content: "";
    width: 100px;
    height: 3px;
    bottom: 0px;
    left: 0;
}
.section-heading .text-head span{
  color: #FCC010;
}
.massagecenter-about{
  padding: 50px 0px;
  background: url(images/commanbg-left.png);
  width: 100%;
  height: 100%;
  background-size: cover;
}
.rewardyourself{
    display: flex;

    margin-left: 196px;
    z-index: 1;
    position: relative;
}
.bannerslider .swiper-pagination-bullets{
    width: 30px !important;
    right: 24px;
    top: 0;
    left: auto !important;
    bottom: 0 !important;
    margin: auto;
    height: 200px;
}
.bannerslider .swiper-pagination-bullets span{
  width: 16px;
height: 16px;
background: #FCC010;
opacity: 1;
}
.swiper-pagination-bullets span:focus{
  outline: none;
}
.swiper-pagination-bullets span{
    width: 13px;
height: 13px;
background: #FCC010;
opacity: 1;
}
.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active{
background: #000;
}
.bannerslider .swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active{
background: #000;
}
.rewardimg{
  width: 32%;
  position: relative;
}
.glbtn{
  text-align: center;
}
.rewardimg img{
  width: 100%;

}
.rewarcontent{
    background: transparent linear-gradient(
180deg
, #F2EC66 0%, #FCC010 100%) 0% 0% no-repeat padding-box;
    width: 62%;
    padding: 25px 15px;
    display: flex;
    align-items: center;
}
 .rewarcontent p{
  font-weight: 700;
  font-size: 20px;
  font-style: italic;
 }
.servicemain-content{
  display: flex;
  align-items: center;
}
.our-services{
  background: transparent linear-gradient(180deg, #FFF3BF 0%, #F8F8F8 100%) 0% 0% no-repeat padding-box;
  padding: 50px 0px;
}
.our-services .section-heading{
display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
}
.massagtexttype h5{
color: #000000;
    font-size: 25px;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.massagtexttype h5 a{
  color: #000000;
}
.massagtexttype h5:after{
background: #FCC010;
    position: absolute;
    content: "";
    width: 100px;
    height: 2px;
    bottom: -7px;
    left: 0;
}
.section-heading{
 margin-bottom: 30px;
  /*  max-width: 800px;*/
}
.section-heading .alignright{
    float: right;
    margin: 28px 0 30px 40px;
    width: 50%;
}
.mainservice-box{
      display: flex;
    flex-wrap: wrap;
    width: 70%;
}
.massagtexttype{
  padding: 10px;
}
.mainservice-box .massagtexttype{
  width: 46%;
  margin: 10px;
  padding: 10px;
}
.massagtexttype:hover{
  background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
}

.serviceimage{
padding-right: 15px;
    width: 30%;
}
.yourselft-moment{
  background: url(images/moment-section.png);
  width: 100%;
  padding: 70px 0px;
  background-size: cover;
}
.moment-content .text-head{
color: #FCC010;
}
.moment-content p{
  color: #fff;
  margin-bottom: 0px;
}
.moment-content{
  display: flex;
    justify-content: space-between;
    align-items: center;
}
.moment-content .section-heading{
width: 50%;
margin-bottom: 0px;
}
.pricing-section{
  padding: 50px 0px;
  background-image: url(images/comman-right.png);
  width: 100%;
  height: 100%;
  background-size: cover;
}
.timingbox ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 10px;
}
.galleryslider .swiper-button-next{
    position: absolute;
    bottom: 15%;
    top: auto;
    right: 19%;
}
.galleryslider .swiper-button-next:hover , .galleryslider .swiper-button-prev:hover{
background: #f6dd47;
}
.galleryslider .swiper-button-next:hover i, .galleryslider .swiper-button-prev:hover i{
color: #000;
}
.galleryslider .swiper-button-next:focus , .galleryslider .swiper-button-prev:focus{
outline: none;
}
.galleryslider .swiper-button-next , .galleryslider .swiper-button-prev{
       width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #cecece;
    font-size: 20px;
    display: none;
}

.galleryslider .swiper-button-next:hover , .galleryslider .swiper-button-prev:hover{
   border-color: #000;
}
.emailtop{
  display: inline-block;
  color: #000;
  font-size: 18px;
  margin-right: 12px
}
.emailtop:hover{
  color: #FCC010;
}

.emailtop i{
  margin-right: 10px;
}
.galleryslider .swiper-button-next i, .galleryslider .swiper-button-prev i{
    font-size: 20px;
    color: #c4c4c4;
    font-weight: 500;
}
.emailbox{
  text-align: right;
}
.galleryslider .swiper-button-next:after , .galleryslider .swiper-button-prev:after{
display: none;

}
.galleryslider .swiper-button-prev{
    position: absolute;
    bottom: 15%;
    top: auto;
    left: 19%;
}
.timingbox ul li{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    padding: 15px;
    width: 22%;
    text-align: center;
    margin: 10px;
}
.timingbox ul li:hover{
  background: #000;
}
.timingbox ul li:hover p{
color: #fff;
}
.timingbox ul li:first-child{
margin-left: 0px;
}
.timingbox ul li:last-child{
  margin-right: 0px;
}
.timingbox ul li p{
  font-size: 50px;
  margin-bottom: 0px;
  font-weight: 600;
}
.timingbox ul li p span{
    font-size: 18px;
    display: block;
    position: relative;
    font-weight: 400;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.timingbox ul li p span:after{
background: #FCC010;
    position: absolute;
    content: "";
    width: 100px;
    height: 1px;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
}
.massagecenter-about .col-md-6:first-child{
padding-right: 0px;
}
.massagecenter-about .padno{
padding-left: 0px;
}
.timingbox ul li small{
  color: #FCC010;
  font-size: 26px;
  font-weight: 600;
}
.our-customers{
  background-image: url(images/customers.png);
  width: 100%;
  padding: 50px 0;
  background-size: cover;
}
.our-customers .section-heading .text-head{
color: #fff;
}
.foot-contact{
background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 9px;
position: relative;
padding: 18px 18px;
}
.foot-contact:after{
 content: "";
    position: absolute;
    width: 2px;
    height: 80%;
    background: #FCC010;
    top: 10%;
    bottom: 0;
    left: 0;
    margin: 0 auto;
}
.customer-client .swiper-slide img{
width: auto;
height: auto;
}
.customer-client{
  width: 50%;
 background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 10px 0px;
opacity: 0.85;
  padding: 20px;
  position: relative;
}
.customer-client:after{
    position: absolute;
    content: "";
    background-size: cover;
    background-image: url(images/testiabs.png);
    width: 320px;
    height: 185px;
    right: 0;
    bottom: 0;
}
.customername{
    display: flex;
    padding-bottom: 50px;
}
.cutsosmall-ct{
      padding-left: 15px;
}
.testct{
  margin-bottom: 28px;
}
footer{
  padding-top: 50px;
  background: #efefef;
}
.fthead{
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 20px;
}
.quicklinks{
  list-style: none;
}
.fthead span{
  color: #FCC010;
}
.quicklinks li a{
  font-size: 14px;
  color: #3E3E3E;
  display: inline-block;
  margin-bottom: 18px;
}
.quicklinks li a:hover{
  color: #FCC010;
}
.foothead form input{
    background: transparent;
    border: none;
    border-bottom: 1px solid gray;
    border-radius: 0px;
    margin-bottom: 20px;
    padding: 0;
}
.footersocail ul{
  display: flex;
}
.footersocail ul li{
list-style: none;
margin-right: 20px;
}
.swiper-slide.swiper-slide-next .slideimages {
   left: 28ch;
    bottom: -32ch;
    width: 300px;
}

.subscribebtn.btn{
    padding: 10px 45px;
}
.footersocail ul li a{
     color: #000;
    font-size: 22px;
}
.footersocail ul li a:hover{
  color: #f1c213;
}
.footersocail h5{
  font-size: 14px;
  font-weight: 700;
}
.footersocail h5 span{
  color: #FCC010;
}
.focttop span{
color: #FCC010;
font-size: 14px;
font-weight: 700;
}
.footersocail{
  padding-top: 10px;
}
.footerlogo {
  padding-right: 25px;
}
.footdetail a{
color: #FCC010;
font-size: 17px;
font-weight: 700;
display: inline-block;
margin-bottom: 14px;
color: #000;
}
.footdetail i{
  margin-right: 10px;
}
.footdetail p{
display: flex;
}
.footdetail a i{
color: #000;
}
.tremsplicy{
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.tremsplicy ul{
  display: flex;
  justify-content: flex-end;
  list-style: none;
}
.cpydivtext p{
margin-bottom: 0px;
}
.tremsplicy ul li{
margin-left: 40px;
}
.tremsplicy ul li a{
  color: #3E3E3E;
  font-size: 14px;
}
.cpydiv{
background: #ffff;
}
.mainfoot{
  padding-bottom: 50px;
}
#back2Top{
background: #000;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: #ffff;
        margin-left: 25px;
    transform: rotate(
-90deg
);
}
.customer-client .swiper-pagination{
bottom: 0;
    left: 0;
    width: auto;
}
.footerlogo img{
margin-bottom: 20px;
}
.appintmentmin img{
width: 100%;
}
.appintmentmin{
  width: 70%;
  margin: 0 auto;
}
.appointment-section{
  padding: 50px 0px;
  background-image: url(images/appointmentmain.png);
  width: 100%;
  background-size: cover;
  position: relative;
  padding-bottom: 140px;
}
.appointment-section:before{
    position: absolute;
    content: "";
    width: 696px;
    height: 348px;
    background-image: url(images/abstract.png);
    bottom: -40px;
    left: 0;
    background-size: cover;
    z-index: 1;
}
.appointment-section:after{
  background-image: url(images/pngwing.png);
    content: "";
    position: absolute;
    width: 346px;
    height: 258px;
    background-size: cover;
    right: 103px;
    top: -78px;
}
.appointmentform form input ,.appointmentform form select{
    background: #F6F6F6 0% 0% no-repeat padding-box;
         background-color: #F6F6F6 !important;
    height: 49px;
    border: none;
}
.wpcf7-response-output{
     font-size: 12px;
    color: red;
    border: none !important;
    margin-top: 10px !important;
    padding-left: 0 !important;
}
.appointmentform form input:focus ,.appointmentform form select:focus ,.appointmentform textarea:focus{
box-shadow: none;
outline: none;
background-color: #F6F6F6;
}
.appointmentform textarea{
background: #F6F6F6 0% 0% no-repeat padding-box;
border: none;
height: 110px;
}
.appointmentform{
    width: 33%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    padding: 30px;
    position: absolute;
    right: 0;
    bottom: -69px;
}
.appointmentmain{
  position: relative;
}
.appointment-text{
  background: transparent linear-gradient(
180deg
, #FFFFFF 0%, #F3F3F3 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    padding: 24px 20px;
    width: 384px;
    position: absolute;
    top: 31px;
}
.appointment-text h2{
position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.appointment-text h2:after{
background: #FCC010;
    position: absolute;
    content: "";
    width: 100px;
    height: 3px;
    bottom: 0px;
    left: 0;
}
.testct i{
font-size: 40px;
}
.appointment-text p{
display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
}
.appointment-section.contactuspage .appointment-text p{
  justify-content: initial;
}
.bookbtn{
  text-align: left;
}
.bookbtn .wpcf7-form-control{
background: transparent linear-gradient( 
180deg
 , #F2EC66 0%, #FCC010 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #FCC010;
    border-radius: 10px;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 20px;
    display: inline-block;
}
.bookbtn .wpcf7-form-control:hover{
      background: #000000 0% 0% no-repeat padding-box;
    border: 1px solid #FCC010;
    border-radius: 10px;
    transition: .3s all;
    color: #FCC010;
        background-color: #000 !important;
}
.swiper.servicecontent .swiper-slide{
align-items: flex-start !important;
}
.cpydiv .row{
    align-items: center;
}
.msmgall{
      height: 100%;
}
.msmgall ul{
display: flex;
    align-items: flex-end;
    height: 100%;
    list-style: none;
    flex-wrap: wrap;
}
.smalllastgallery ul{
  display: flex;
  list-style: none;
}
.traditiaon .section-heading{
    position: absolute;
    max-width: 560px;
}
.traditiaon.gallerymian .section-heading{
position: initial;
max-width: 100%;
}
.centbtn{
      display: block;
    width: 100%;
}
.traditiaon{
   background-image: linear-gradient(180deg, #FFF3BF, #faf5e0);
}
.traditiaon .container-fluid{
  padding: 0px;
}
.msmgall ul li{
  padding-right: 15px;
  padding-left: 15px;
  width: 50%;
}
.smalllastgallery ul li{
   padding-right: 15px;
  padding-left: 15px;
}
figure.gallery{
margin-bottom: 30px;

}
figure.gallery a{
position: relative;
display: block;
}
figure.gallery a:after{
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fcc01099;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0;
}
figure.gallery:hover a:after ,figure.gallery:hover a:before{
opacity: 1;
transition: .3s all;
}
figure.gallery a:before{
 position: absolute;
    content: "";
    background-image: url(images/arrowup.png);
    width: 40px;
    height: 40px;
    background-size: cover;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    opacity: 0;
 
}
.tele a{
  color: #FCC010;
  display: inline-block;
  font-size: 26px;
  font-weight: 700;
}
.tele a img{
  margin-right: 15px;
}

.innerbanner{
 background-image: url(images/innerbigbanner.png);
 width: 100%;
 padding: 50px 0px; 
 padding-top: 170px;
 background-size: cover;
}

.why-vidoe{
  width: 80%;
  margin: 0 auto;
}
.why-vidoe span{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    margin: auto;
}
.inimg{
    position: relative;
}
.innerbg .innertext{
 position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 160px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff5e;
}
.massagetext{
  padding-top: 40px;
}
.why-chooseus{
  padding: 50px 0px;
    background: #FFF3BF;
}
.why-vidoe{
  padding-bottom: 50px;
}
.whysc-list ul li{
list-style: none;
    padding-left: 21px;
    margin-bottom: 15px;
    position: relative;
}
.whysc-list ul li:after{
    content: "\f061";
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Pro";
}
.breadcrumb-custo ul li{
list-style: none;
margin-right: 25px;
position: relative;
}
.breadcrumb-custo ul li:last-child:after{
display: none;
}
.breadcrumb-custo ul li:after{
    position: absolute;
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    right: -17px;
    top: 1px;
    bottom: 0;

    margin: auto;
    font-size: 14px;

}
.breadcrumb-custo ul{
display: flex;
margin-top: 20px;
}
.cpydiv .container{
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 2px solid #f1c212;
    padding: 12px 0px;
}

.tremsplicy ul li a:hover{
color: #f1c213;
}
.breadcrumb-custo li a{
color: #000;
font-weight: 700;
}
.foothead input::placeholder{
font-size: 12px;
}
.pricingboxmain .nav-pills{
    border-bottom: 1px solid #f1c417;
}
.pricingboxmain .nav-pills .nav-item a{
border: 1px solid #FCC010;
background: transparent linear-gradient(180deg, #FFFFFF 0%, #F3F3F3 100%) 0% 0% no-repeat padding-box;
color: #000;
border-radius: 10px 10px 0px 0px;
display: flex;
    align-items: center;
    border-bottom: 0px;
}
.pricingboxmain .nav-pills .nav-item a i{
width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    display: block;
    border: 2px solid black;
    margin-right: 10px;
    position: relative;
}
.pricingboxmain .nav-pills .nav-item a p{
  margin-bottom: 0px;
}
.pricingboxmain .nav-pills .nav-item a.active{
  color: #000;
background: transparent linear-gradient(180deg, #F2EC66 0%, #FCC010 100%) 0% 0% no-repeat padding-box;
}
.pricingboxmain .nav-pills .nav-item a.active i:after{
    background: #000;
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    left: 0;
    top: 0;
    bottom: 0;
    top: 0;
    border-radius: 50%;
    right: 0;
    margin: auto;

}
.cpydivtext span{
color: #f1c212;
}
.frequently-asked{
      background: transparent linear-gradient(
180deg
, #FFF3BF 0%, #F8F8F8 100%) 0% 0% no-repeat padding-box;
}
.faqmain .accordion-toggle h2{
font-size: 18px;
font-weight: 600;
margin-bottom: 0px;
color: #000000;
}
.faqmain .panel{
    margin-bottom: 20px;
}
.faqmain .panel-collapse {
background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    padding: 10px;
}
.faqmain .accordion-toggle{
      background: transparent linear-gradient(
180deg
, #FFFFFF 0%, #F3F3F3 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #E2E2E2;
    padding: 15px 14px;
    display: block;
    position: relative;
}
.faqmain a.accordion-toggle:after {
 content: '\f078';
    position: absolute;
    font-size: 16px;
    font-family: "Font Awesome 5 Pro";
    right: 15px;
    bottom: 0;
    margin: 0 auto;
    transition: .3s all;
    margin: 0 auto;
    color: #0d0d0d;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid #010101;
    top: 0;
    margin: auto;
    line-height: 25px;
    text-align: center;
        transition: .3s all;
}
.faqmain a[aria-expanded="true"]:after {
    content: '\f077';
    transition: .3s all;
}
.faqmain a[aria-expanded="true"]{
  background: transparent linear-gradient(180deg, #F2EC66 0%, #FCC010 100%) 0% 0% no-repeat padding-box;
}
.couple-massage{
      background: transparent linear-gradient(
180deg
, #FFF3BF 0%, #F8F8F8 100%) 0% 0% no-repeat padding-box;
}

.coupletext .tele{
padding-top: 30px;
}
.subhead{
  font-size: 35px;

}
.cpbtn{
    text-align: center;
}
.cpbtn p{
  text-align: left;
}
.cpbtn a.commanbtn{
  margin-top: 30px;
}
.ourservices{
      background: transparent linear-gradient(
180deg
, #FFFFFF 0%, #F3F3F3 100%) 0% 0% no-repeat padding-box;
}
.extraser h5{
    font-size: 22px;
    font-weight: 700;
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 17px;
}
.extraser h5:after{
  background: #FCC010;
    position: absolute;
    content: "";
    width: 100px;
    height: 3px;
    bottom: 0px;
    left: 0;
}

.appointment-section.contactuspage{
    background: transparent linear-gradient(
180deg
, #FFF3BF 0%, #F8F8F8 100%) 0% 0% no-repeat padding-box;   
    padding-bottom: 50px;
    position: relative;
}
.appointment-section.contactuspage:before{
 position: absolute;
    content: "";
    width: 696px;
    height: 348px;
    background-image: url(images/abstract.png);
    bottom: -40px;
    left: 0;
    background-size: cover;
    z-index: 1;
}
.appointment-section.contactuspage:after{
  display: none;
}
.appointment-section.contactuspage .section-heading{
max-width: 100%;
}
.appointment-section.contactuspage .appointmentmain{
    margin-bottom: 111px;
}
.appointment-text ul{
list-style: none;
    border-bottom: 1px solid gray;
    margin-bottom: 15px;
}
.appointment-text ul li{
  margin-bottom: 15px;
}

.appointment-text ul li a ,.appointment-text ul li p{
  color: #1B1A1A;
  font-size: 14px;
  font-weight: 600;
}
.appointment-text ul li a:hover ,.appointment-text ul li p:hover{
color: #f0bf0d;
}
.appointment-text ul li i{
  margin-right: 10px;
}


.grid-wrapper > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.grid-wrapper figure.gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.grid-wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-rows: 200px;
  grid-auto-flow: dense;
}
.grid-wrapper .wide {
  grid-column: span 2;
}
.grid-wrapper .tall {
  grid-row: span 2;
}
.grid-wrapper .big {
  grid-column: span 2;
  grid-row: span 2;
}
.gallerymaincontent{
  overflow: hidden;
}
.msmgall ul .plnone{
  padding-left: 0px;
}
.msmgall ul .prnone{
  padding-right: 0px;
}
.testimonailpage{
      background: transparent linear-gradient( 
180deg
 , #FFF3BF 0%, #F8F8F8 100%) 0% 0% no-repeat padding-box;
    padding-bottom: 50px;
    position: relative;
}
.testimain{
      background: #ffffff 0% 0% no-repeat padding-box;
    border-radius: 10px 0px;
    opacity: 0.85;
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
}
.testimonailpage .customername{
padding-bottom: 10px;
}
.testimonailpage .testct i{
      font-size: 60px;
    margin-bottom: -28px;
    display: inherit;
    opacity: .1;
    color: #b1b1b1;
}
.wpcf7-not-valid-tip{
  font-size: 14px;
}
.cutsosmall-ct span{
display: block;
}
.testimonailpage .section-heading{
max-width: 100%;
}
.pricingbox .section-heading{
max-width: 100%;
}
.pricingbox{
      background: transparent linear-gradient( 
180deg
 , #FFF3BF 0%, #F8F8F8 100%) 0% 0% no-repeat padding-box;
    padding-bottom: 50px;
    position: relative;
}
 .pricingbox .nav-link.active {
    color: #000;
    background: transparent linear-gradient(
180deg
, #F2EC66 0%, #FCC010 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px 10px 0px 0px;
    display: flex;
    align-items: center;
    border-bottom: 0px;
    border: 1px solid #FCC010;
        width: 210px;
}
.pricingbox .nav-link.active i{
      width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    display: block;
    border: 2px solid black;
    margin-right: 10px;
    position: relative;
}
.pricingbox .timingbox ul{
justify-content: space-between;
}
.pricingbox .nav-link.active i:after{
background: #000;
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    left: 0;
    top: 0;
    bottom: 0;
    top: 0;
    border-radius: 50%;
    right: 0;
    margin: auto;
}
.tma{
         border-bottom: 1px solid #f1c417;
}
.pricingbox .timingbox{
margin-bottom: 50px;
}

.footheadlink{
  padding-left: 50px;
}
.tremsplicy p{
margin-bottom: 0px;
}
.tremsplicy p a{
  color: #000;
}
.errorepage{
  background-image: url(images/home-banner-bg.png);
  width: 100%;
  background-size: cover;
}
.errorepage{
  padding-top: 200px;
  text-align: center;
}
.erroamin{
      background: #fcf4d3;
    text-align: center;
}
.errotext h5{
    font-size: 35px;
    font-weight: 700;
}
.wsmenu>.wsmenu-list>li.anappointmentbtn.menu-item{
  display: flex;
  align-items: center;
  padding-left: 12px;
}
.wsmainfullcstm{
  padding-top: 20px;
}
.wsmenu>.wsmenu-list>li.anappointmentbtn.menu-item>a
{
padding: 12px 12px 12px 12px;
    line-height: initial;
    background: transparent linear-gradient( 
180deg
 , #F2EC66 0%, #FCC010 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #FCC010;
    border-radius: 10px;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    margin-top: -6px;
}
.form-group.appointmentbookingdate{
display: flex;
justify-content: space-between;
}
span.appointmentdate{
margin-right: 10px;
}
.wsmenu>.wsmenu-list>li.anappointmentbtn.menu-item>a:hover{
    background: #000000 0% 0% no-repeat padding-box;
    border: 1px solid #FCC010;
    border-radius: 10px;
    transition: .3s all;
    color: #FCC010;
}
.appointment-section .section-heading p a{
    display: block;
    color: black;
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    color: #FCC010;
}
.extraser h5 a{
font-size: 16px;
color: #000;
}
.swiper.servicecontent{
padding-bottom: 30px;
}
.swiper.servicecontent .swiper-pagination{
    position: absolute;
    bottom: -5px;
}
.frequently-asked{
  display: none;
}
.whysc-list{
  padding-top: 95px;
}

.swiper.servicecontent{
height: auto;
}
/** Media Query CSS Start Here **/

@media(min-width:1599px) {
	.container {
		max-width: 1360px;
	}
	.leftcontentwhy{
		padding-left: 130px;
	}
}

@media(min-width:1800px) {
.container {
		max-width: 1600px;
	}
}

@media(max-width:1598px) {
	body {
		font-size: 16px;
	}
	.wsmenu>.wsmenu-list>li>a{
    padding: 6px 12px 6px 12px;
    font-size: 14px;
}
.errordiv img{
width: 300px;
}
.errordiv h2{
	font-size: 50px;
}
.extraser h5:after{
  bottom: 10px;
}
.extraser h5{
  padding-bottom: 5px;
    margin-bottom: 5px;
    min-height: 72px;
}
.errordiv p{
	font-size: 25px;
}
.innererror{
	padding-top: 170px;
}
.swiper-slide.swiper-slide-next .slideimages{
      bottom: -20ch;
}
.appintmentmin{
  width: 75%;
}

}





@media(max-width:1199px) {

.wsmenu>.wsmenu-list>li>a {
    padding: 18px 14px 18px 14px;
    font-size: 14px;
}
.wsmenu>.wsmenu-list>li.lastlogin a{
	    padding: 10px 10px;font-size: 14px;
}
.desktoplogo{
	max-width: 110px;
}
.topheader ul li a{
	    font-size: 13px;
  /*  margin-right: 12px*/;
}
.topheader p{
    font-size: 13px;
}
.top-contact-detials ul li {
    margin-right: 18px;
}
.wsmenu>.wsmenu-list>li>a {
    padding: 12px 11px 12px 11px;
    font-size: 13px;
}
.bannerslider .swiper-pagination-bullets{
      right: 10px;
}

}

@media(max-width:991px) {
	body {
    font-size: 14px;
}
}






@media(max-width:767px) {
	body {
		font-size: 14px;
		
	}
	body p{
		text-align: justify;
	}
   .mainservice-box .massagtexttype{
    width: 100%;
        margin: 0px;
    padding: 10px;
        margin-top: 20px;
  }
.banner-section .swiper-slide.swiper-slide-prev {
    display: block !important;
}

.slideimages .slidecontent{
    position: initial;
    width: auto;
}
.callusbtn{
  display: none;
}
.top-head{
  display: none;
}
.desktoplogo a{
display: inline-block;
}
.bannerslider{
  padding-top: 110px;
}
.swiper-slide.swiper-slide-next .slideimages{
  position: initial;
}
.slidinner p{
font-size: 14px;
    text-align: left;
}
.slidinner h2{
  font-size: 20px;
}

.bannerslider:after{
      width: 170px;
    height: 104px;
        bottom: 0px;
    left: 0;
}
.section-heading .text-head{
  font-size: 28px;
}
.massagecenter-about .col-md-6:first-child{
  padding-right: 15px;
}
.rewardyourself{
  display: block;
  margin-right: 0px;
  margin-left: 0px;
}
.rewardimg{
  width: 100%;
}
.rewarcontent{
  width: 100%;
}
.commanbtn{
  font-size: 16px;
    padding: 5px 12px;
}
.rewarcontent p{
  font-size: 16px;
}
.our-services .section-heading span{
  font-size: 25px;
}

.massagtexttype h5{
  margin-bottom: 17px;
  font-size: 18px;
    padding-bottom: 5px;
}
.serviceimage{
  width: 100%;
}
.mainservice-box{
  width: 100%;
}
.servicemain-content{
  display: block;
}
.our-services .section-heading{
  display: block;
}
.yourselft-moment{
      padding: 30px 0px;
}
.whysc-list{
  padding-top: 20px;
}
.moment-content .section-heading{
  width: 100%;
  margin-bottom: 10px;
}
.moment-content{
  display: block;
}
.timingbox ul li:first-child{
  margin-left: 10px;
}
.timingbox ul li{
  width: 42%;
  text-align: left;
}
.pricingboxmain .nav-pills{
      display: flex;
    justify-content: space-between;
}
.pricingboxmain .nav-pills .nav-item a p{
  font-size: 14px;
}
.tele a img{
      width: 30px;
}
.tele a{
  font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}
.timingbox ul{
  margin-top: 10px;
  justify-content: center;
}
.pricingboxmain .nav-pills .nav-item a.active i:after{
  width: 8px;
  height: 8px;
}
.pricingboxmain .nav-pills .nav-item a i{
      width: 16px;
    height: 16px;
}
.pricingboxmain .nav-pills .nav-item a{
  padding: 6px 8px;
}
.timingbox ul li p{
  font-size: 35px;
}
.msmgall ul .plnone{
  padding-left: 15px;
}
.msmgall ul .prnone{
  padding-right: 15px;
}
.appointment-section:after{
  display: none;
}
.appointmentform{
  position: initial;
  width: 100%;

}
.appointment-text h2{
  font-size: 22px;
}
.appointment-text{
  width: 100%;
  position: initial;
      padding: 15px 15px;
}
.timingbox ul li:last-child{
  margin-right: 10px;
}
.appintmentmin{
  width: 100%;
}
.customer-client{
  width: 100%;
}
.testibox p{
  font-size: 14px; 
}
.customer-client:after{
  display: none;
}
.cutsosmall-ct{
  padding-left: 12px;
}
.galleryslider .swiper-button-prev ,.galleryslider .swiper-button-next{
bottom: 0px;
width: 40px;
height: 40px;
}
/*.swiper.galleryslider{
padding-bottom: 34px;
}*/
.galleryslider .swiper-button-next i, .galleryslider .swiper-button-prev i{
  font-size: 15px;
}
.fthead{
  font-size: 18px;
}
.footersocail h5{
  font-size: 18px;
}
.foothead{
  margin-top: 30px;
}
.footersocail{
  padding-top: 0px;
}
.cpydivtext p{
  text-align: left;
}
.cutsosmall-ct h5{
font-size: 18px;
margin-bottom: 0px;
}
.cutsosmall-ct span{
  font-size: 15px;
}
.cpydiv .container{
  padding-left: 15px;
  padding-right: 15px;
}
.tremsplicy ul{
  display: block;

}
.tremsplicy{
  text-align: left;
  display: block;
}
.tremsplicy ul li{
  margin-bottom: 10px;
  margin-left: 0px;
}
#back2Top{
      position: absolute;
    right: 12px;
    bottom: 10px;
}
.bannerslider .swiper-pagination-bullets{
    width: initial !important;
    right: 0;
    top: auto;
    left: 0 !important;
    bottom: 0 !important;
    margin: auto;
    height: auto;
}
.bannerslider .swiper-pagination-bullets span{
  width: 13px;
  height: 13px;
}
.massagetext{
  background: #fff;
  padding: 15px;
}
.innerbanner{
    padding-top: 110px;
    padding-bottom: 30px;
}
/*.inimg{
  height: 200px;
}
.inimg img{
      position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}*/
.innerbg{
  padding-top: 0px;
}
.why-vidoe{
  width: 100%;
}
.subhead{
  font-size: 20px;
}
.traditiaon.gallerymian .col-6{
padding-left: 10px;
padding-right: 10px;
}
.traditiaon.gallerymian figure.gallery{
margin-bottom: 20px;
}
.appointment-section:before{
  display: none;
}
.appointment-section{
  padding-bottom: 0px;
}
.extraser{
  margin-top: 30px;
}
.map{
  padding-top: 50px;
}
.appointment-section.contactuspage .appointmentmain{
  margin-bottom: 0px;
}
.foothead{
  padding-left: 0px;
}
.footheadlink{
  padding-left: 0px;
  padding-top: 30px;
}
.errotext h5{
  font-size: 20px;
}
.errotext{
  text-align: center;
}
.errotext p{
  text-align: center;
}
.errorepage{
      padding-top: 126px;
}
.wsmenu>.wsmenu-list>li.anappointmentbtn.menu-item{
      padding-top: 12px;
}
.wsmenu>.wsmenu-list>li.anappointmentbtn.menu-item>a{
  margin-top: 0px;
      padding: 9px 9px 9px 9px;
      font-size: 14px;
}
.tremsplicy p ,.cpydivtext p{
  font-size: 12px;
}
.traditiaon .section-heading{
  position: initial;
}
.hd-fixed{
  position: initial;
}
.faqmain a.accordion-toggle:after{
  font-size: 12px;
      width: 20px;
    height: 20px;
        line-height: 20px;
}
.moment-content p{
  text-align: left;
}
.section-heading .alignright {
   float: initial;
   margin: 0px;
    width: 100%;
}
}

@media(max-width:576px) {


}