@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&display=swap');
@font-face {
    font-family: 'Panton';
    src: url('../fonts/pantonFont/Panton-Bold.woff2') format('woff2'),
        url('../fonts/pantonFont/Panton-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Panton';
    src: url('../fonts/pantonFont/Panton-SemiBold.woff2') format('woff2'),
        url('../fonts/pantonFont/Panton-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Panton';
    src: url('../fonts/pantonFont/Panton-SemiBoldItalic.eot');
    src: local('Panton Bold Italic'), local('Panton-BoldItalic'),
        url('../fonts/pantonFont/Panton-BoldItalic.woff2') format('woff2'),
        url('../fonts/pantonFont/Panton-BoldItalic.woff') format('woff'),
        url('../fonts/pantonFont/Panton-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('../fonts/myriad-pro/MYRIADPRO-REGULAR.woff') format('woff');
    }

wi{padding: 0;margin: 0;outline: none; }
html {overflow-x: hidden;}
ul {padding: 0; margin: 0; list-style-type: none;}
img {max-width: 100%;height: auto;}
h1,h2,h3,h4,h5,h6 {margin:0; line-height: 100%;}
body {
  font-family: 'Montserrat', sans-serif;
  color:#000;
  line-height: 26px;
  font-size: 16px;
  font-weight: normal; 
  padding:0;
  margin: 0;
  background-color: #fff;
}
/* h1,h2,h3 {font-family: 'Rubik', sans-serif;} */
p{font-family: 'Montserrat', sans-serif;}
button {outline: none; box-shadow: none;border: none;}
textarea { resize: none;}
a ,button { transition: 0.5s; text-decoration: none;}

/*------------------- common btn start -------------------*/
.grenBtn{padding: 0;}
.grenBtn a{font-size:20px; line-height:18px; color:#fff; background: #265e21; border: #265e21 2px solid; padding:20px 35px 15px; margin: 0;}
.grenBtn a:hover{color:#265e21; background: #fff; border: #265e21 2px solid;}
/*------------------- common btn end -------------------*/


/*------------------- header start -------------------*/
header{ background: #522345;}

header .phoneBlk{display: flex; align-items: center; justify-content: flex-start;}
header .phoneBlkIcon{color: #fff;border:#fc4cff 2px solid; border-radius: 50px; width: 46px; height: 46px; text-align: center; margin-right: 10px;}
header .phoneBlkIcon i{ font-size: 22px; line-height:46px;}
header .phoneBlkIcon{color: #fff; font-size: 22px; line-height: 26px;}
header .phoneBlkTxt{color: #fff; font-size:18px; font-weight: 700; line-height: 22px; text-transform: uppercase;}
header .phoneBlkTxt a{color: #fff;}
header .phoneBlkTxt a:hover{color: #f86be8;}
header .phoneBlkTxt span{font-size:12px; font-weight: 500; line-height:14px; display: block;}

header .bookBtn{padding: 0;}
header .bookBtn a{font-size:20px; line-height:20px; color:#522345; padding:20px 35px 15px; margin: 0; font-family: 'Rubik', sans-serif; font-weight:600; 
    border-radius: 50px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,168,176,1) 100%);
    box-shadow: 0px 2px 2px rgba(62, 25, 52, 0.8);}
header .bookBtn a:hover{color:#522345; background: #fff;}
/*------------------- header end -------------------*/

/*------------------- banner start -------------------*/
.bannerBlk{padding:0; position: relative;}
.bannerBlk .txtBlk{width:650px; position: absolute; left:15%; top:230px; z-index: 9;}
.bannerBlk .txtBlk h1{font-size:46px; line-height:48px; font-weight:600; color: #fff; text-shadow: 0px 5px 3px rgba(88, 36, 90, 0.5);
    font-family: 'Rubik', sans-serif; padding-bottom: 32px;}
.bannerBlk .txtBlk p{font-size:20px; line-height:26px; font-weight:500; color: #ffd1e0; padding-bottom: 32px;}

.bannerBlk .txtBlk .btnBox{padding: 0; display: flex; justify-content: start;}
.bannerBlk .txtBlk .btnBox .contBtn{padding: 0; margin:0 10px 10px 0;}
.bannerBlk .txtBlk .btnBox .contBtn a{font-size:20px; line-height:26px; color:#522345; padding:20px 35px; margin: 0; font-family: 'Rubik', sans-serif;
    font-weight:600; border-radius: 50px; background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,168,176,1) 100%); box-shadow: 0px 2px 2px rgba(62, 25, 52, 0.8);}
.bannerBlk .txtBlk .btnBox .contBtn a:hover{color:#522345; background: #fff;}

.bannerBlk .txtBlk .btnBox .contBtn2{padding: 0; margin:0;}
.bannerBlk .txtBlk .btnBox .contBtn2 a{font-size:20px; line-height:26px; color:#fff; padding:16px 35px; margin: 0; border: #fff 4px solid;
    font-family: 'Rubik', sans-serif; font-weight:600; border-radius: 50px; background:transparent;}
.bannerBlk .txtBlk .btnBox .contBtn2 a:hover{color:#522345; background: rgb(255,255,255);}

.bannerBlk .owl-one .nav-btn{ width:33px; height:15px; position: absolute; cursor: pointer; top:50% !important;}
.bannerBlk .owl-one .owl-prev.disabled, .owl-carousel .owl-next.disabled{ pointer-events: none; opacity: 0.2; }
.bannerBlk .owl-one .prev-slide{left:6%; background: url(../images/nav-icon.png) no-repeat scroll 0 0;}
.bannerBlk .owl-one .next-slide{right:6%; background: url(../images/nav-icon2.png) no-repeat scroll 0px 0px;}
.bannerBlk .owl-theme .owl-dots {display: none;}
.bannerBlk .owl-theme .owl-nav {margin-top: 0px; text-align: center; -webkit-tap-highlight-color: transparent;}
/* .bannerBlk .owl-theme .owl-nav [class*='owl-'] {display: none;} */

/*------------------- Navigation -------------------*/
.navigation .navbar-nav {margin: 0 auto;} 
.navigation .navbar-nav > li {margin:0 15px;padding-left: 0; position: relative;}
.navigation .navbar-nav > li:last-child {margin-right: 0;}
.navigation .navbar-nav li a {padding: 24px 42px;display: inline-block;font-size: 20px; color:#522345; font-weight: 800; text-transform: uppercase;}
.navigation .navbar-nav li a:hover {color:#522345;}
.navigation .navbar-nav > li.active > a {color:#000;}
.navigation .navbar-nav  > li > a:hover ,.navigation .navbar-nav > li.active > a {color:#000;}
.navigation {width:100%; position: absolute; margin:0px 0 0 0; left: 0; right: 0; z-index:99999; background: rgba(255,255,255,.3);}
.navigation .navbar {padding:0 15px; text-align: center;}
.navigation ul li ul{display: none;position: absolute;left: 0;top: 74px;width:250px;background: #fff;z-index: 9; text-align: left;}
.navigation ul li {position: relative;}
.navigation ul li ul li ul {background: #fff;}
.navigation ul li ul li ul ul{background: #fff;}
html body .navigation .navbar-nav  ul li a {display: block;} 
html body .navigation .navbar-nav  ul li ul li { padding: 0;position: relative; }
html body .navigation .navbar-nav ul li ul li a ,html body .navigation .navbar-nav ul li a {padding: 10px 15px;display: block !important;border-bottom: 1px solid #383737;color: #000;display: block;font-size: 18px;}
.submenu-button{position: absolute;right: 13px;top: 13px;font-size: 25px;color: #000;display: none;z-index: 9;}
.submenu-button:after{ content: "\f055"; font-family: 'FontAwesome'; }
.submenu-button.icon-change:after{ content: "\f056"; font-family: 'FontAwesome'; }
.navigation ul li ul li a:hover { background:#d4e7f6; }
.navigation ul li ul li ul {right:-260px; top: 0;left: inherit;}

@media only screen and (min-width:991px) {
    .navigation ul > li:hover > ul { display: block;animation: 0.5s slide-up-opacity;}
}
/*------------------- banner end -------------------*/

/*------------------- icon start -------------------*/
.iconBlk{padding:70px 0 80px 0; background: url(../images/iconBlk_bg.jpg) right top no-repeat;}
.iconBlk .iconBlkIn{padding:0px 60px 0px 0;}
.iconBlk .iconBlkIn img{margin-bottom:35px;}
.iconBlk .iconBlkIn h4{margin-bottom:35px; font-size:26px; line-height:26px; color:#000; font-family: 'Rubik', sans-serif; font-weight:700; text-transform: uppercase;}
.iconBlk .iconBlkIn p{margin-bottom:35px; font-size:20px; line-height:28px; color:#2b2726; font-family: 'Rubik', sans-serif; font-weight:400;}
/*------------------- icon start -------------------*/

/*------------------- services start -------------------*/
.servicesBlk{padding:0px 0 110px 0;}
.servicesBlk h3{position:relative; margin-bottom:20px; font-size:37px; line-height:42px; color:#7f2982; font-family: 'Alex Brush', cursive; font-weight:400;}
.servicesBlk h3 span{margin:0px; padding-bottom: 0px; font-size:54px; line-height:82px; color:#000; font-family: 'Rubik', sans-serif; font-weight:700; text-transform: uppercase; display: block;}
.servicesBlk h3::after{content:""; position: absolute; left: 0; right: 0; width:478px; height: 1px; background: #000; margin: 0 auto;}
.servicesBlk p{margin-bottom:35px; font-size:20px; line-height:28px; color:#2b2726; font-family: 'Rubik', sans-serif; font-weight:400;}


.servicesBlk .serveceImgBox{padding:0; position: relative; text-align: center;}
.servicesBlk .serveceImgBox img{border-radius:74px 0 74px 0;width: 323px; height: 256px;z-index: 1;position: relative; margin: 0 auto;}
.servicesBlk .serveceImgBox:after {
    content: "";
    position: absolute;
    background: #f66ce7;
    border-radius: 74px 0 74px 0;
    width: 307px;
    height: 243px;
    left: auto;
    right: 0;
    top: 28px;
    z-index: 0;
    transition: 0.3s all ease;
}
.servicesBlk .serveceImgBox h4 {
    font-size: 24px;
    line-height: 36px;
    margin: 30px 0 35px 0;
    font-family: 'Rubik', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    white-space: pre-line;
}

.servicesBlk .serveceImgBox .BtnBlk{display: flex; flex-direction: column;}
.servicesBlk .serveceImgBox .BtnBlk .bookBtn{padding: 0; margin:20px 0px;}
.servicesBlk .serveceImgBox .BtnBlk .bookBtn a{font-size:20px; line-height:20px; color:#fff; padding:12px 50px; margin: 0; font-family: 'Rubik', sans-serif; font-weight:600; 
    border-radius: 50px; background:#7f2982; border: #7f2982 2px solid;}
.servicesBlk .serveceImgBox .BtnBlk .bookBtn a:hover{color:#522345; background: #fff; border: #522345 2px solid;}

.servicesBlk .serveceImgBox .BtnBlk{display: flex; flex-direction: column;}
.servicesBlk .serveceImgBox .BtnBlk .bookBtn2{padding: 0; margin:20px 0px;}
.servicesBlk .serveceImgBox .BtnBlk .bookBtn2 a{font-size:20px; line-height:20px; color:#000; padding:12px 45px; margin: 0; font-family: 'Rubik', sans-serif; font-weight:600; 
    border-radius: 50px; background:#fff; border: #5a5149 2px solid;}
.servicesBlk .serveceImgBox .BtnBlk .bookBtn2 a:hover{color:#fff; background: #522345; border: #522345 2px solid;}

.servicesBlk .owl-two .nav-btn{ width:28px; height:47px; position: absolute; cursor: pointer; top:50% !important;}
.servicesBlk .owl-two .owl-prev.disabled, .owl-carousel .owl-next.disabled{ pointer-events: none; opacity: 0.2; }
.servicesBlk .owl-two .prev-slide{left:-2%; background: url(http://localhost/spiritual/wp-content/uploads/2023/05/nav-icon3.png) no-repeat scroll 0 0;}
.servicesBlk .owl-two .next-slide{right:-2%; background: url(http://localhost/spiritual/wp-content/uploads/2023/05/nav-icon4.png) no-repeat scroll 0px 0px;}
.servicesBlk .owl-theme .owl-dots {text-align: center; -webkit-tap-highlight-color: transparent; margin: 0 auto; position: absolute; z-index: 999999; left: 0; bottom: 37px; width: 100%;}
.servicesBlk .owl-carousel .owl-nav.disabled, .owl-carousel {display: block;}
.servicesBlk .owl-carousel .owl-dots.disabled {display: none;}

.servicesBlk .viewBtn{padding: 0; margin:0 10px 10px 0;}
.servicesBlk .viewBtn a{font-size:20px; line-height:26px; color:#522345; padding:18px 45px; margin: 0; font-family: 'Rubik', sans-serif;
    font-weight:600; border-radius: 50px; background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,168,176,1) 100%);}
.servicesBlk .viewBtn a:hover{color:#fff; background: #522345;}
/*------------------- services end -------------------*/


/*------------------- pricing start -------------------*/
.pricingBlk{padding: 0px 0 160px 0;}
.pricingBlk h3{margin-bottom:80px; font-size:54px; line-height:58px; color:#65433a; font-family: 'Rubik', sans-serif; font-weight:400;}

.pricingBlk .tabSec{margin: 0;}
.pricingBlk .tabSec .picImgBlk{padding: 0;}
.pricingBlk .tabSec .picImgBlk .picImgBlkIn{width: 100%;}
.pricingBlk .tabSec .picImgBlk .picImgBlkIn img{padding: 0; border-radius: 42px; box-shadow: 0px 11px 29px rgba(247, 113,158, 0.7);}
.pricingBlk .tabSec:nth-child(odd) .picImgBlk{order: 2;}

.pricingBlk .tabSec .picTxtBlk{padding:0 50px;}
.pricingBlk .tabSec .picTxtBlk table {padding:0; margin: 0; width: 100%; font-size: 20px; line-height:30px;}
.pricingBlk .tabSec .picTxtBlk table tr td:nth-child(odd) {color:#3f1d40; font-weight:500; width: 70%; padding: 10px 0;}
.pricingBlk .tabSec .picTxtBlk table tr td:nth-child(even) {color:#be3a9a; text-align: right; font-weight:600; width:30%; padding: 10px 0;}
.pricingBlk .tabSec .picTxtBlk table tr:hover {background: #fcc1d5;}
/*------------------- pricing End -------------------*/


/*------------------- about start -------------------*/
.aboutBlk{padding:120px 0; background: url(../images/about_bg.jpg) center center no-repeat; background-size: cover}

.aboutBlk h3{position:relative; margin-bottom:20px; font-size:37px; line-height:42px; color:#ffbcd3; font-family: 'Alex Brush', cursive; font-weight:400;}
.aboutBlk h3 span{margin:0px; padding-bottom: 0px; font-size:54px; line-height:82px; color:#fff; font-family: 'Rubik', sans-serif; font-weight:700; text-transform: uppercase; display: block;}

.aboutBlk h3::after , .about h3::after{content:""; position: absolute; left: 0; width:478px; height: 1px; background: #ffbcd3; margin: 0 auto;}
.aboutBlk p{margin-bottom:35px; font-size:20px; line-height:40px; color:#fff; font-family: 'Rubik', sans-serif; font-weight:300;}


.aboutBlk .aboutImgBox, .about .aboutImgBox{position: relative;}
.aboutBlk .aboutImgBox img {width: 480px; height:560px; border-radius: 60px; box-shadow: 11px 3px 29px rgba(247, 113,158, 0.7);}
.aboutBlk .aboutImgBox .aboutLogo{ position: absolute; width: 227px; height: 222px; line-height: 222px; right:50px; bottom:-64px; background: #542654; z-index: 999; 
    text-align: center; border-radius:25px; box-shadow: 11px 3px 29px rgba(247, 113,158, 0.7);}
.aboutBlk .aboutImgBox .aboutLogo img, .about .aboutImgBox .aboutLogo img{width:181px; height:154px; box-shadow: none;}

.aboutBlk .connectBlk, .about .connectBlk{ padding: 50px 0 0 0;}
.aboutBlk .connectBlk ul, .about .connectBlk ul{display: flex; align-items: center; justify-content: space-between; font-family: 'Rubik', sans-serif;}
.aboutBlk .connectBlk ul li{display: flex; align-items: center; justify-content: space-between; color:#fff;}
.aboutBlk .connectBlk li h4, .about .connectBlk li h4{font-size:48px; line-height:50px;}
.aboutBlk .connectBlk li h4 strong, .about .connectBlk li h4 strong{font-size:48px; font-weight: normal; line-height:50px;}
.aboutBlk .connectBlk li h4 span{font-size:16px; line-height:20px; display: block; color:#ffb8e9; font-weight: 300;}
/*------------------- about end -------------------*/


/*------------------- Benefits start -------------------*/
.benefitsBlk{padding:80px 0;}
.benefitsBlk h3{margin-bottom:30px; font-size:74px; line-height:82px; color:#3f1d40; font-weight:500; text-align: center; text-transform: uppercase;}

.benefitsBlk .imgCircle{border-radius:320px; width: 641px; height: 641px; background: rgb(223,151,173); 
    background: linear-gradient(180deg, rgba(223,151,173,1) 0%, rgba(135,50,134,1) 100%); display: flex; align-items: center; justify-content: center;}
.benefitsBlk .imgCircle img{border-radius:290px; width:579px; height:579px; background: rgb(255,255,255); border:#fff 10px solid; line-height: 641px;} 

.benefitsBlk .listbox1{display: flex; align-items: center; justify-content: center;}

.prod-list-wrap .list-wrap {display: block;}
.prod-list-wrap .list-wrap2 {display: none;}

.prod-list-wrap {display: flex;text-align: center;margin: 0 auto;position: relative;}
.prod-list-wrap .prod-img {position: relative;z-index: 1;margin: 0 auto;}
.prod-list-wrap .list-wrap {position: absolute;z-index: 4;display: flex;justify-content: space-between;width: 100%;left: 0;right: 0;}

.prod-list-wrap .list-wrap .left-list{width:42%; padding:35px 0 0 0;}
.prod-list-wrap .list-wrap .right-list{width:42%; padding:35px 0 0 0;}
.prod-list-wrap .list-wrap .mid-box{width:calc(100%-84%);}


.left-list ul li{display: flex; align-items: center; justify-content:space-evenly; margin-bottom:15px;}
.left-list ul li .leftImgBox{color:#522345; font-size: 20px; font-weight:600; text-align: left; word-wrap: break-word; white-space: pre-line;}
.left-list ul li .rightImgBox{width:101px; height:101px; word-wrap: break-word; background: rgb(223,151,173); 
    background: linear-gradient(180deg, rgba(223,151,173,1) 0%, rgba(135,50,134,1) 100%); border:#fff 3px solid; border-radius: 50px; text-align: center; line-height:90px;}
.left-list ul li .rightImgBox img{width:58px; height:61px;}

.left-list ul li:nth-child(1) .rightImgBox{margin-right:0px;}
.left-list ul li:nth-child(2) .rightImgBox{margin-right:45px;}
.left-list ul li:nth-child(3) .rightImgBox{margin-right:100px;}
.left-list ul li:nth-child(4) .rightImgBox{margin-right:120px;}
.left-list ul li:nth-child(5) .rightImgBox{margin-right:36px;}

.right-list ul li{display: flex; align-items: center; justify-content: space-evenly; margin-bottom:15px;}
.right-list ul li .leftImgBox{color:#522345; font-size: 20px; font-weight:600; white-space: pre-line;}
.right-list ul li .rightImgBox{width:101px; height:101px; background: rgb(223,151,173); 
    background: linear-gradient(180deg, rgba(223,151,173,1) 0%, rgba(135,50,134,1) 100%); border:#fff 3px solid; border-radius: 50px; text-align: center; line-height:90px;}
.right-list ul li .rightImgBox img{width:58px; height:61px;}

.right-list ul li:nth-child(1) .rightImgBox{margin-left:-38px;}
.right-list ul li:nth-child(2) .rightImgBox{margin-left:45px;}
.right-list ul li:nth-child(3) .rightImgBox{margin-left:120px;}
.right-list ul li:nth-child(4) .rightImgBox{margin-left:100px;}
.right-list ul li:nth-child(5) .rightImgBox{margin-left:0px;}
/*------------------- Benefits End -------------------*/


/*------------------- testimonials start -------------------*/
.testimonialsBlk{padding:45px 0; background: url(../spiritual/wp-content/uploads/2023/05/testimonialsBg.jpg) center center no-repeat; background-size: cover}
.testimonialsBlk h3{position:relative; margin-bottom:30px; font-size:37px; line-height:42px; color:#ffbcd3; font-family: 'Alex Brush', cursive; font-weight:400; text-align: center;}
.testimonialsBlk h3 span{margin:0px; padding-bottom: 0px; font-size:54px; line-height:82px; color:#fff; font-family: 'Rubik', sans-serif; font-weight:500; text-transform: uppercase; display: block;}
.testimonialsBlk h3::after{content:""; position: absolute; left: 0; right: 0; width:478px; height: 1px; background: #fff; margin: 0 auto;}

.testimonialsBlk .testimonialsBox{ text-align: center; padding:45px 190px 60px;}
.testimonialsBlk .testimonialsBox .quote{font-size:36px; line-height:116px; font-weight:600; color:#fff; margin-bottom: 45px; border: #ffbcd3 1px solid; border-radius:58px; width: 116px; height: 116px;}
.testimonialsBlk .testimonialsBox p{font-size: 21px; line-height: 40px; font-weight:600; font-style: italic; color:#fff;}
.testimonialsBlk .testimonialsBox h5{ font-size:30px; line-height: 40px; font-weight:600; color:#fff; margin-top:50px;}
.testimonialsBlk .testimonialsBox h5 span{ font-size:30px; line-height: 40px; font-weight:600; color:#ffbcd3; display: block;}
.testimonialsBlk .testimonialsBox .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; margin: 0 auto; position: absolute; z-index: 999999; left: 0; width: 100%;}
/*------------------- testimonials End -------------------*/



/*------------------- blog start -------------------*/
.blogBlk{padding:55px 0;}
.blogBlk h3{position:relative; margin-bottom:60px; font-size:37px; line-height:42px; color:#7f2982; font-family: 'Alex Brush', cursive; font-weight:400;}
.blogBlk h3 span{margin:0px; padding-bottom: 0px; font-size:54px; line-height:82px; color:#593c5a; font-family: 'Rubik', sans-serif; font-weight:700; text-transform: uppercase; display: block;}
.blogBlk h3::after{content:""; position: absolute; left: 0; right: 0; width:478px; height: 1px; background: #000; margin: 0 auto;}

.blogBlk .blogBox{border: #9f9f9f 1px solid; background: #f6eced; min-height: 555px;}
.blogBlk .blogBox h6{padding:0 45px 26px 45px; color:#868686; font-size: 19px; line-height: 24px; font-weight: 700;}
.blogBlk .blogBox h6 a{color:#868686; font-size: 19px; line-height: 24px;}
.blogBlk .blogBox h6 a:hover{color:#593c5a;}
.blogBlk .blogBox p{padding:45px 15px 45px 26px ; font-size:23px; color: #593c5a; font-family: 'Rubik', sans-serif;}

.blogBlk .viewBtn{padding: 0; margin:70px 10px 10px 0;}
.blogBlk .viewBtn a{font-size:20px; line-height:26px; color:#522345; padding:18px 45px; margin: 0; font-family: 'Rubik', sans-serif;
    font-weight:600; border-radius: 50px; background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,168,176,1) 100%);}
.blogBlk .viewBtn a:hover{color:#fff; background: #522345;}
/*------------------- blog End -------------------*/


/*------------------- footer start -------------------*/
.footerBlk{padding:40px 0 20px 0; background: url(../images/footer_bg.jpg) no-repeat; background-size: cover;}
.footerBlk .FooterLink{padding: 0 0 0 50px;}
.footerBlk .FooterLink ul{display: flex; align-items: center; justify-content:space-evenly; text-align: center;}
.footerBlk .FooterLink ul li{font-size: 25px; line-height: 32px; font-weight: 500; text-transform: uppercase;}
.footerBlk .FooterLink ul li a{color:#fff;}
.footerBlk .FooterLink ul li a:hover{color:#f86be8;}

.footerBlk .callBlk{display: flex; align-items:flex-start; justify-content: flex-start;}
.footerBlk .callBlkIcon{color: #fff; text-align: center; margin-right: 10px;}
.footerBlk .callBlkIcon i{ font-size:36px; line-height:52px;}
.footerBlk .callBlkIcon{color: #fff; font-size: 22px; line-height: 26px;}
.footerBlk .callBlkTxt{color: #fff; font-size:20px; font-weight:400; line-height: 24px; font-family: 'Rubik', sans-serif;}
.footerBlk .callBlkTxt p{color: #fff; font-size:20px; font-weight:400; line-height: 24px; margin-bottom: 0; font-family: 'Rubik', sans-serif;}
.footerBlk .callBlkTxt a{color: #fff;}
.footerBlk .callBlkTxt a:hover{color: #f86be8;}
.footerBlk .callBlkTxt span{font-size:18px; font-weight: 500; line-height:14px; display: block; text-transform: uppercase; margin-bottom: 10px;}

/* sharmila css start from here */
/*---------------------------contact page start---------------------------*/
.subBanner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;
    height: 400px;
}
.contactPageBanner{
    background-image: url(../images/contact_banner.jpg);
}
.pricePageBanner{
    background-image: url(../images/price_banner.jpg);
}
.voucherPageBanner{
    background-image: url(../images/voucher_banner.jpg);
}
.servicePageBanner{
    background-image: url(../images/service_banner.jpg);
}
.aboutPageBanner{
    background-image: url(../images/about_banner.jpg);
}
.paddingTopBotton{
    padding: 50px 0;
}
.contactForm h2 {
    margin-bottom: 35px;
    font-size: 45px;
    line-height: 58px;
    color: #65433a;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}
.formBox {
    background-color: white;
    padding: 20px;
    box-shadow: -11px 6px 14px 1px #c9bac5;
    border-radius: 15px;
}
.formBox h3{
    margin-bottom: 20px;
}
.borderTL {
    border-top: 1px solid #a9a4a4;
    border-left: 1px solid #a9a4a4;
    border-radius:4px;
}
.borderBL {
    border-bottom: 1px solid #a9a4a4;
    border-left: 1px solid #a9a4a4;
    border-radius:4px;
}
.form-control{
    border-radius: 0;
}
.form-control::placeholder{
    font-family: 'Poppins', sans-serif;
    color: #989898;
    font-size: 15px;
}
.formBox textarea{
    border: 1px solid #a9a4a4;
    height: auto;
}
.form-control:focus {
    color: #212529;
    background-color: transparent;
    border-color: #a9a4a4;
    outline: 0;
    box-shadow: none;
}
.submitBtn {
    background-color: #522345;
    color: #fff;
    padding: 10px 55px;
    border-radius: 50px;
    display: inline-block;
    transition: 0.3s all ease-in-out;
    border: 1px solid #522345;
    font-family: 'Cinzel', serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}
.submitBtn:hover{
    background-color: #fff;
    color: #522345;
    border:1px solid #522345;
    transition: 0.3s all ease-in-out;
    font-weight: 600;
}
.formBox h3 {
    font-family: 'Panton';
    font-weight: bold;
    color: #000;
}
.contactHead h2 {
    font-size: 30px;
    font-weight: 700;
    font-family: 'Panton';
    white-space: pre-line;
    line-height: 1.2;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.contactHead h2 span {
    display: inline-block;
    color: #522345;
    font-family: 'Panton';
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
}
.aboutContact{
    padding: 20px;
}
.detailBlk a i{
    color: #522345;
    font-weight: bold;
    font-size: 30px;
}
.detailBlk a {
    color: #65433a;
    font-size: 20px;
    font-weight: 500;
    display: block;
    font-family: 'Myriad Pro Regular';
    display: flex;
    white-space: pre-line;
}
.align-items-center{
    align-items: center;
}
.mapHead h2{
    font-family: 'Panton';
    font-weight: 600;
}
.maplink{
    padding: 30px;
}
.vouchersCard .vouchersTxt h4 {
    font-family: 'panton';
    font-style: italic;
    text-transform: uppercase;
    color: #65433a;
    margin: 20px 0px;
}
.about h3 span {
    margin: 0px;
    padding-bottom: 0px;
    font-size: 42px;
    line-height: 42px;
    color: #050505;
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}
.about p {
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 31px;
    color: #000;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
}
.about .connectBlk ul li{display: flex; align-items: center; justify-content: space-between; color:#000;}
.about h3{position:relative; margin-bottom:20px; font-size:37px; line-height:42px; color:#542653; font-family: 'Alex Brush', cursive; font-weight:400;}
.about .connectBlk li h4 span{font-size:16px; line-height:20px; display: block; color:#542653; font-weight: 300;}
.about .aboutImgBox img{border-radius: 20px; box-shadow: 11px 3px 29px rgba(247, 113,158, 0.7);}
.about .aboutImgBox .aboutLogo {
    position: absolute;
    width: 227px;
    height: 222px;
    line-height: 222px;
    right: -64px;
    bottom: -64px;
    background: #542654;
    z-index: 999;
    text-align: center;
    border-radius: 25px;
    box-shadow: 11px 3px 29px rgba(247, 113,158, 0.7);
}
.experience{
    padding: 50px 0px;
}
.experiance .aboutTxtBox h3 span {
    margin: 0px;
    padding-bottom: 0px;
    font-size: 24px;
    line-height: 48px;
    color: #050505;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    z-index: 2;
    position: relative;
    left: -60px;
}
.experiance p {
    margin-bottom: 35px;
    font-size: 15px;
    line-height: 25px;
    color: #000;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    position: relative;
    z-index: 2;
    white-space: pre-line;
    left: -60px;
}
.positionR{
    position: relative;
}
.aboutTxtBox{
    padding: 20px;
}
.experiance h3::after {
    content: "";
    position: absolute;
    left: -60px;
    width: 478px;
    height: 1px;
    background: #d57999;
    margin: 0 auto;
    z-index: 2;
}
.positionR::after {
    position: absolute;
    content: '';
    right: 0;
    top: 17px;
    bottom: 30px;
    width: 62%;
    background: #ffbbf7;
    z-index: 1;
    height: 260px;
}
.paddingContent{
    padding: 20px 32px;
}
.offer .relative{
    position: relative;
}
.offer .relative::after {
    content: '';
    position: absolute;
    height:400px;
    width: 79%;
    top: 0;
    border: 1px solid #542653;
    left: 0px;
    z-index: -1;
    /* bottom: 0; */
}
.client{
    background-color: #eaeaea;
    padding: 25px 0px;
}
.about .left-list ul li:nth-child(2) .rightImgBox {
    margin-right: 85px;
}
.about .left-list ul li:nth-child(3) .rightImgBox {
    margin-right: 120px;
}
.about .right-list ul li:nth-child(1) .rightImgBox {
    margin-left: -7px;
}
.about .right-list ul li:nth-child(2) .rightImgBox {
    margin-left: 105px;
}
.about .right-list ul li:nth-child(4) .rightImgBox {
    margin-left: 10px;
}
.about .left-list ul li:nth-child(4) .rightImgBox {
    margin-right: 50px;
}
.about .right-list ul li {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 25px;
}
.about .left-list ul li {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 25px;
}
.about .benefitsBlk .imgCircle {
    border-radius: 320px;
    width: 570px;
    height: 570px;
    background: rgb(223,151,173);
    background: linear-gradient(180deg, rgba(223,151,173,1) 0%, rgba(135,50,134,1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.about .benefitsBlk .imgCircle img {
    border-radius: 50%;
    width: 530px;
    height: 530px;
    background: rgb(255,255,255);
    border: #fff 10px solid;
    line-height: 641px;
}
.benefits h3::after {
    content: "";
    position: absolute;
    left: 30%;
    width: 478px;
    height: 1px;
    background: #ffbcd3;
    margin: 10px auto;
    display: inline-block;
    /* margin-top: 10px; */
}


/* animation css start */
.animation-element {
    opacity: 0;
    position: relative;
  }
  /*animation element sliding left*/
  
.animation-element.slide-left {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(-200px, 0px, 0px);
    -webkit-transform: translate3d(-200px, 0px, 0px);
    -o-transform: translate(-200px, 0px);
    -ms-transform: translate(-200px, 0px);
    transform: translate3d(-200px, 0px, 0px);
}
  
.animation-element.slide-left.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}
.servicesBlk .serveceImgBox:hover:after {
    content: "";
    left: -8px;
    top: 0;
    transition: 0.3s all ease;
}
