@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Glory:ital,wght@0,100..800;1,100..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Niramit:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
h1, h2, h3, h4, h5, h6{
	font-family: "Glory", sans-serif;
}
p{
	font-family: "Poppins", sans-serif;
}
html {
  scroll-behavior: smooth;
}

/*Homepage Css*/
.fixed-top{
	background-color: white;
}
.fix{
	margin-top: 9.5em;
}
.navbarmenu img{
	max-width: 300px;
	width: 100%;
	margin: auto;
	display: block;
}
.navwidth li{
	margin-left: 4%;
}
.navwidth li:nth-child(1) {
	margin-left: 0%;
}
.nav-item{
	position: relative;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
	color: #8E111C;
	transition: 2s;
}
.nav-item .active:before {
  content: "";
  position: absolute;
  top: 87%;
  width: 35px;
  left: 10px;
  height: 5px;
  border-radius: 10px;
  background-image: linear-gradient(to right, #8E101B , #FF9330);
}
.navwidth{
	width: 100%;
}
.service h2{
	font-size: 50px;
  color: #8D131E;
  font-weight: 700;
  margin-bottom: 1em;
  text-align: center;
}
.navwidth li a{
	font-family: "Glory", sans-serif;
	font-size: 25px;
	font-weight: 500;
	text-align: left;
	color: #000000;
}
.mandala img{
	max-width: 250px;
	width: 100%;
	opacity: 30%;
	margin-top: 50%;
}
.mandalamain img{
	max-width: 955px;
	width: 100%;
	margin: auto;
	display: block;
}
.rgt img{
	margin-left: auto;
	display: block;
}
.maintext h1{
	font-size: 60px;
	font-weight: 600;
	text-align: center;
	color: #FD9739;
	margin-top: -25%;
}
.maintext p{
	font-family: "Niramit", sans-serif;
	font-size: 30px;
	color: #8E111C;
	text-align: center;
}
.maintext hr{
	border-width: 2px;
	border-color:#011E30 ;
	border-top: 2px solid #011E30;
	opacity: 0.95;
}
.orange{
	background-color: #FF9330;
	padding: 3em 0px 5em 0px;
	display: flex;
	position: relative;
  z-index: 2;
}
.rightm{

	position: absolute;
	right: 0px;
	max-width: 256px;
	width: 100%;
	z-index: 1;
}
.leftm{
	position: absolute;
	left: 0px;
	max-width: 256px;
	width: 100%;
	z-index: 1;
}
.acharyaji img{
	max-width: 280px;
  width: 100%;
  float: left;
  margin-right: 30px;
}
.atext h2{
	font-size: 50px;
	font-weight: 700;
	color: white;
}
.unique{
	padding-top: 3em;
	position: relative;
	z-index: 2;
}
.text1{
	font-size: 30px;
	color: white;
	font-weight: 500;
}
.text2{
	font-size: 25px;
	color: white;
	line-height: 1.5;
}
.stressbuster img{
	width: 100%;
}
.stressbuster h3{
	color: #8E111C;
	font-size: 35px;
	font-weight: 600;
}
.stressbuster p{
	color: #000000;
	font-size: 25px;
	font-weight: 300;
}
.leftm2{
	position: absolute;
  right: 0px;
  top: -17em;
  max-width: 230px;
  width: 100%;
}
.booster{
	position: relative;
}
.carousel{
	z-index: 3;
}
.carousel-control-next, .carousel-control-prev {
	width: 0%;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
	width: 5rem;
}
.red{
	background-color: #8D131E;
	position: relative;
	position: relative;
	z-index: 3;
}
.abouttext h2{
	color: white;
	font-size: 50px;
	font-weight: 700;
}
.abouttext p{
	color: white;
	font-size: 23px;
}
.red img{
	width: 100%;
}
.aboutbg {
	background-image: url('assets/image/about.png');
	background-size: cover;
}
.mandala2{
	position: absolute !important;
	right: 0px;
	opacity: 30%;
	max-width: 300px;
	top: -350px;
}
.mandala3{
	position: absolute !important;
	left: 0px;
	opacity: 30%;
	max-width: 300px;
	bottom: -250px;
}
.abouttext{
	padding-top: 5em;
	padding-left: 3em;
	padding-bottom: 5em;
	max-width: 660px;
	width: 100%;
}
.yellow{
	background-color: #FFFCF1;
	position: relative;
}
.yellow h2{
	color: #8E111C;
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 0.5em;
	margin-top: 1em;
}
.yellow h3{
	color: #000000;
	font-size: 28px;
	font-weight: 600;
	margin-top: 1em;
}
.yellow p{
	color: #000000;
	font-size: 20px;
	position: relative;
	z-index: 2;
}
.trust img{
	width: 100%;
	border-radius: 100%;
	margin-top: 5em;
}
.leftm3{
	position: absolute;
	right: 0px;
	max-width: 500px;
	width: 100%;
	top: 20%;
	z-index: 1;
}
.gbox{
	background-color: #FAFAFA;
	padding:10%;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	max-width: 350px;
  width: 100%;
  max-height: 350px;
  height: 100%;
}
.gbox p{
	font-size: 28px;
	color: #011E30;
	text-align: center;
	margin-top: 1em;
	word-break: break-all;
}
.gbox img{
	max-width: 120px;
	width: 100%;
	margin: auto;
	display: block;
}
.leftb{
	margin-left: auto;
	display: block;
}
.mid{
	margin: auto;
	display: block;
}
.focus h2{
	color: #8E111C;
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 2em;
	margin-top: 1em;
	text-align: center;
}
.focusbg{
	background-image: url('assets/image/focusbg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1000px 1000px;
}
.exploretext h2{
	text-align: center;
	font-size: 50px;
	font-weight: 600;
	color: white;
	margin-bottom: 1em;
	margin-top: 1.5em;
}
.exploretext img{
	width: 100%;
	position: relative;
	z-index: 2;
}
.play{
	max-width: 120px;
	width: 100%;
	position: absolute;
	margin: auto;
	display: block;
	top: -24em;
}
.exploretext{
	position: relative;
	padding-bottom: 5em;
}
.app img{
	width: 100%;
}
.gplay{
	max-width: 260px;
	width: 100%;
}
.app h2{
	color: #8E111C;
	font-size: 40px;
	font-weight: 600;
	margin-top: 2.5em;
	margin-bottom: 1em;
}
.app h3{
	color: #000000;
	font-size: 30px;
	font-weight: 500;
	max-width: 500px;
	width: 100%;
	margin-bottom: 1em;
}
.contactbg{
	background-image: url('assets/image/contact.png');
	background-size: cover;
}
.appimg img{
	position: relative;
  bottom: -48px;
  z-index: 1;
}
.contactbg h2{
	color: white;
	font-size: 50px;
	font-weight: 600;
}
.contactbg form input{
	max-width: 720px;
	width: 100%;
	background-color: white;
	border-radius: 10px;
	padding: 1em;
	margin-bottom: 1em;
	border: none;
}
.contactbg form textarea{
	max-width: 720px;
	width: 100%;
	background-color: white;
	border-radius: 10px;
	padding: 1em;
	margin-bottom: 1em;
	border: none;
}
.contactbg button{
	max-width: 340px;
	width: 100%;
	margin: auto;
	display: block;
	background-color: #8D131E;
	font-family: "Glory", sans-serif;
	font-size: 30px;
	text-align: center;
	border-radius: 10px;
	padding: 0.5em;
	color: white;
	border:none;
	margin-bottom: 2em;
}
.wlogo img{
	max-width: 160px;
	width: 100%;
	display: block;
	margin-left: 1.5em;
	margin-bottom: 1em;
}
.wlogo button{
	background-color:#FF9330;
	padding: 0.5em;
	font-family: "Glory", sans-serif;
	font-size: 25px;
	text-align: center;
	border-radius: 10px;
	padding: 0.2em 1.5em;
	color: white;
	border:none;
}
.Address h3{
	color: white;
	font-size: 35px;
	color: #011E30;
	font-weight: 600;
}
.aboutacharyajitext h2{
	font-size: 50px;
  color: #8D131E;
  font-weight: 700;
  margin-bottom: 1em;
  text-align: center;
}
.address hr{
	opacity: 1;
  width: 15%;
}
.address p{
	color: #000000;
	font-size: 20px;
	font-weight: 400;
	margin-top: 1.2em;
}
.social img{
	margin-right: 1em;
}
.copyright{
	color: #011E30;
	font-size: 20px;
	font-weight: 200;
	text-align: center;
}
.rightm3{
	position: absolute;
	left: 0px;
	bottom: -30%;
}
.address a{
	text-decoration: none;
}
@media only screen and (min-width: 1025px) {
.mobmenu{
		display: none;
	}
}
@media only screen and (max-width: 1399px) {
.navwidth li{
		margin-left: 6%;
	}
}
@media only screen and (max-width: 1199px) {
.navwidth li{
		margin-left: 4%;
	}
}
@media only screen and (max-width: 1024px) {
.navwidth li{
		margin-left: 4%;
	}
	.fix {
    margin-top: 4em;
	}
}
@media only screen and (max-width: 1024px){
.deskmenu, .mobmenuimg img{
		display: none !important;
	}
	.navwidth li:nth-child(1) {
		margin-left: 0%;
	}
	.nav-item .active:before {
	  content: "";
	  position: absolute;
	  top: 75%;
	  width: 5%;
	  left: 0px;
	  height: 3px;
	  border-radius: 10px;
	  background-image: linear-gradient(to right, #8E101B , #FF9330);
	}
}
@media only screen and (max-width: 1024px) {
	.acharyaji img{
		margin-right: 15px !important;
	}
	.nav-link{
		padding-left: 0px !important;
	}
	.navwidth li a{
		text-align: left;
		font-size: 14px;
	}
	.acharyaji img{
		margin: auto;
		display: block;
	}
	.atext h2{
		font-size: 30px;
	}
	.text1, .app h3, .contactbg button{
		font-size: 25px;	
	}
	.text2{
		font-size: 15px;
	}
	.stressbuster h3, .abouttext h2, .yellow h2, .focus h2, .exploretext h2, .app h2, .maintext h1{
		font-size: 30px;
	}
	.stressbuster p, .abouttext p, .yellow p, .gbox p, .maintext p, .address p, .copyright{
		font-size: 15px;
	}
	.yellow h3{
		font-size: 25px;
	}
	.gbox{
		margin: auto;
		display: block;
		margin-top: 1em;
	}
	.focus h2{
		margin-bottom: 0px;
	}
	.play{
		max-width: 50px;
    top: -8em;
	}
	.mandala3, .mandala2, .leftm, .rightm, .trust img, .leftm3{
		display: none;
	}
	.wlogo img, .wlogo button, .address hr{
		margin: auto;
		display: block;
	}
	.address h3, .address p{
		text-align: center;
	}
	.address p{
		margin-top: 1em;
	}
	.icon{
		display: flex;
		justify-content: center;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.carousel-control-prev-icon img, .carousel-control-next img{
		max-width: 25px;
	}
	.carousel-control-next, .carousel-control-prev{
		width: 10%;
	}
	.abouttext{
		padding: 1em;
	}
	.acharyaji img{
		max-width: 195px;
		margin-bottom: 1em;
	}
	.gbox img{
		max-width: 85px;
	}
	.gbox{
		padding: 0.5em;
		max-height: 170px;
		border-radius: 10px;
	}
	.maintext hr{
		width: 50%;
		margin: auto;
		display: block;
	}
}
.mobmenu img{
	max-width: 170px;
	width: 100%;
}
.gbox, .play{
	transition: 1s ease;
}
.gbox:hover, .play:hover{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	transition: 1s ease;
}

/*About Css*/
.aboutmainbg{
	background-image: url('assets/image/aboutbg.png');
	background-size: cover;
	padding-top: 18em;
	padding-bottom: 14em;
	position: relative;
	z-index: 2;
}
.aboutmaintext h1{
	font-size: 60px;
	color: white;
	text-align: center;
	font-weight: 600;
}
.aboutmaintext p{
	font-family: "Niramit", sans-serif;
	font-size: 30px;
	color: #fff;
	text-align: center;
	margin-top: 0.5em;
}
.aboutmaintext hr{
	border-top: 1px solid #fff;
	opacity: 1;
	width: 40%;
	margin: auto;
	display: block;
}
.aboutacharyajitext p{
	font-size: 25px;
	color: #011E30;
	line-height: 1.4;
	margin-top: 0.5em;
}
.aboutacharyajitext img{
	width: 100%;
	max-width:520px;
	margin-top: 1em;
  float: right;
  margin-left: 30px;
}
.aboutacharyajitext{
	padding-top: 5em;
	padding-bottom: 5em;
}
.pl-2{
	padding-left: 2em;
}
.pronountext h2{
	font-size: 35px;
	color: #8D131E;
	font-weight: 700;
	margin-bottom: 1em;
}
.lightyellow{
	background-color: #FFFCF1;
	padding-top: 5em;
	padding-bottom: 5em;
	position: relative;
	z-index: 2;
}
.pronountext p{
	font-size: 25px;
	color: #011E30;
	font-weight: 400;
	position: relative;
	z-index: 3;
}
.pronountext p b, .videotext p b{
	color: #8E111C;
}
.leftm4 {
  position: absolute;
  right: 0px;
  max-width: 500px;
  width: 100%;
  top: 10%;
  z-index: 1;
}
.videotext p{
	font-size: 25px;
	color: #011E30;
	font-weight: 400;
	padding-top: 3em;
	line-height: 1.5;
}
.videotext img{
	width: 100%;
	max-width:595px;
	margin-left:0px;
	float: right;
	margin-top: -4%;
}
.leftm5 {
  position: absolute;
  left: 0px;
  max-width: 200px;
  width: 100%;
  top: -21%;
  z-index: 1;
}
.video{
	position: relative;
	padding-bottom: 5em;
	padding-top: 5em;
}
.mapp img{
	max-width: 218px;
	width: 100%;
	margin: auto;
	display: block;
	min-height: 218px;
}
.mapp h4{
	color: white;
	font-size: 26px;
	text-align: center;
	font-weight: 400;
	margin-top: 2em;
}
.howmob h3{
	font-size: 50px;
  color: #8D131E;
  font-weight: 700;
  margin-bottom: 1em;
  text-align: center;
}
.mapp{
	padding-top: 7em;
	padding-bottom: 7em;
	position: relative;
}
.leftmandala{
	position: absolute;
	max-width: 210px;
	left: 0px;
	bottom: -30%;
}
.rightmandala{
	position: absolute;
	max-width: 210px;
	right: 0px;
	top: -50%;
}
@media only screen and (max-width: 1024px){
	.aboutmaintext h1, .pronountext h2, .howmob h3, .aboutacharyajitext h2{
		font-size: 30px;
	}
	.aboutmaintext p, .aboutacharyajitext p, .pronountext p, .videotext p, .mapp h4{
		font-size: 15px;
	}
	.aboutmainbg, .aboutacharyajitext, .lightyellow, .video, .mapp{
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.leftm2, .leftm4, .leftm5, .rightmandala, .leftmandala{
		display: none;
	}
	.aboutacharyajitext img{
		max-width: 200px;
		margin: auto;
		display: block;
	}
	.pl-2{
		padding-left: 0px;
	}
	.mapp img{
		min-height: auto;
	}
	.pronountext h2 img{
		max-width: 35px;
		width: 100%;
	}
	.videotext img{
		max-width: 248px;
	}
}
@media only screen and (max-width: 425px){
	.videotext img{
		max-width: 548px;
	}
	.acharyaji img{
		display: block !important;
		margin: auto !important;
		float: none;
	}
	.atext h2, .text1, .text2{
		text-align: center;
	}
}
@media only screen and (max-width: 1320px){
.abouttext{
		max-width: 100%;
	}
}

/*How to use Css*/
.howmainbg{
	background-image: url('assets/image/howtousebg.png');
	background-size: cover;
	padding-top: 18em;
	padding-bottom: 14em;
	position: relative;
	z-index: 2;
}
.howmaintext h1{
	font-size: 60px;
	color: white;
	text-align: center;
	font-weight: 600;
}
.howmaintext p{
	font-family: "Niramit", sans-serif;
	font-size: 30px;
	color: #fff;
	text-align: center;
	margin-top: 0.5em;
}
.howmaintext hr{
	border-top: 1px solid #fff;
	opacity: 1;
	width: 40%;
	margin: auto;
	display: block;
}
.howmob img{
	max-width: 320px;
	width: 100%;
	margin: auto;
	display: block;
}
.howmob h2{
	font-size: 40px;
	font-weight: 500;
	color: #8E101B;
	text-align: center;
}
.howmob{
	padding-top: 5em;
	padding-bottom: 5em;
}
.appart{
	position: relative;
	z-index: 3;
}
.appart h3{
	font-size: 30px;
	text-align: center;
	color: #8D131E;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 2em;
}
.appartimg img{
	max-width: 548px;
	width: 100%;
}
.apparttext p b{
	color: #011E30;
	font-size: 25px;
	font-weight: 600;
}
.apparttext p strong{
	color: #011E30;
	font-size: 25px;
	font-weight: 500;
}
.apparttext p{
	color: #011E30;
	font-size: 25px;
	font-weight: 400;
}
.apparttext ul {
  list-style-image: url('assets/image/liring.png');
}
.bd{
	color: #011E30;
	font-size: 25px;
	font-weight: 600 !important;
}
.apparttext ul li{
	font-family: "Poppins", sans-serif;
	font-size: 25px;
	font-weight: 400;
	color: #011E30;
	margin-top: 1em;
}
.rightm4{
	position: absolute;
	top: 10%;
	left: 0px;
	z-index: 1;
}
.leftm6{
	position: absolute;
  right: 0px;
  max-width: 500px;
  width: 100%;
  bottom: 20%;
  z-index: 1;
}
.martop{
	margin-top: 5%;
}
.mt-6{
	margin-top:3em;
}
.icon{
	margin-top: 2em;
}
@media only screen and (max-width: 1024px){
	.howmainbg{
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.howmaintext h1, .howmob h2, .appart h3{
		font-size: 30px;
	}
	.howmaintext p, .apparttext p b, .apparttext p strong, .apparttext p, .apparttext ul li{
		font-size: 15px;
	}
	.redm img{
		max-width: 35px;
		width: 100%;
	}
	.apparttext ul {
  	list-style-image: url('assets/image/liring2.png');
	}
	.leftm6, .rightm4{
		display: none;
	}
	.ic img{
		max-width: 20px;
	}
}
@media only screen and (max-width: 991px){
	.apparttext ul li{
			margin-top: 0px;
		}
		.navbar-toggler-icon{
			width: 1em;
    	height: 1em;
		}
		.navbar-toggler{
			padding-left: 10px;
    	padding-right: 10px;
    	margin-top: 10px;
		}
		.navwidth li{
			margin-left: 0%;
		}
}
@media only screen and (max-width: 767px){
	.appartimg img{
		max-width: 250px;
		margin: auto;
		display: block;
	}
	.mobi{
		display: none;
		}
}
@media only screen and (min-width: 768px){
	.desk{
		display: none;
		}
	}
@media only screen and (max-width: 1399px){
	.mt-6{
		margin-top: 2px !important;
	}
}
@media only screen and (max-width: 1199px){
	.social img{
		max-width: 30px;
	}
}

/*Service Css*/
.service{
	padding-top: 5em;
	padding-bottom: 5em;
}
.service h2{
	font-size: 50px;
  color: #8D131E;
  font-weight: 700;
  margin-bottom: 1em;
  text-align: center;
}
.service p{
	font-size: 25px;
  color: #011E30;
  line-height: 1.4;
  margin-top: 0.5em;
}
.service img{
	width: 100%;
  max-width: 620px;
  float: left;
  margin-right: 30px;
  margin-top: -20px;
}

.parallax-item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  width: 100%;
  min-height: 100vh;
}

.parallax-item p {
  font-size: 25px;
  text-transform: capitalize;
  color: white;
  text-align: center;
  padding: 1rem;
  max-width: 1120px;
}

.parallax-item:first-child {
  background: url("assets/image/explorebg4.png");
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .parallax-item p {
    font-size: 15px;
  }
}
.category{
	padding-top: 5em;
	padding-bottom: 5em;
}
.category h2{
	color: #000000;
  font-size: 30px;
  font-weight: 500;
  width: 100%;
  margin-bottom: 1em;
  text-align: center;
  margin-bottom: 2em;
}
.category p{
	font-size: 16px;
	text-align: center;
  color: #8D131E;
  line-height: 1.4;
  margin-top: 0.5em;
  border-radius: 50px;
  padding: 10px 15px;
  font-weight: 500;
  background: linear-gradient(white, white) padding-box,
              linear-gradient(to right, #FF9330, #8E101B) border-box;
  border-radius: 50em;
  border: 2px solid transparent;
}
.redm img{
	max-width: 45px;
   width: 100%;
}
.specialser{
	padding-top: 5em;
	padding-bottom: 5em;
}
.specialser h3{
	color: white;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.4;
}
.specialser p{
	color: white;
	font-size: 20px;
	margin-bottom: 2em;
}
.specialser form input, .specialser form select{
	max-width: 720px;
  width: 100%;
  background-color: white;
  border-radius: 10px;
  padding: 1em;
  margin-bottom: 1em;
  border: none;
  position: relative;
  z-index: 3;
}
.specialser label{
	color: white;
	font-size: 12px;
	margin-bottom: 0.5em;
}
.specialser h2{
	color: white;
  font-size: 35px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
.specialser hr{
	border-top: 1px solid white;
	opacity: 1;
	width: 50%;
	margin: auto;
	display: block;
}
.specialhead{
	margin-bottom: 4em;
}
.sidep p{
	color: white;
	font-size: 25px;
	line-height: 1.5;
	max-width: 600px;
	margin-top: 4em;
}
.specialser button{
	background-color: #FF9330;
	max-width: 240px;
  width: 100%;
  margin: auto;
  display: block;
  font-family: "Glory", sans-serif;
  font-size: 25px;
  text-align: center;
  border-radius: 10px;
  padding: 0.5em;
  color: white;
  border: none;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.specialser span{
	color: white;
	font-size: 15px;
	text-align: center;
	display: block;
}
.astro{
	margin-top: 2em;
	border-radius: 10px;
	border: 1px solid white;
	padding: 1em;
}
.astro p{
	text-align: center;
	font-size: 20px;
	font-weight: 500px;
	margin-bottom: 0px;
}
.video2 video{
	width: 100%;
	height: 500px;
}
.modal-content{
	position: relative;
	background-color: #8D131E;
}
.btn-close {
  --bs-btn-close-color: #fff;
  }
.btn-close{
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 3;
	background-color: white;
  opacity: 1;
}
@media only screen and (max-width: 1024px){
	.service img{
		max-width: 240px;
	}
	.service p, .parallax-item p, .sidep p, .specialser p, .specialser button{
		font-size: 15px;
	}
	.service h2, .specialser h2{
		font-size: 30px;
	}
	.howmob, .service{
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.parallax-item{
		min-height: 65vh;
	}
	
	.specialhead{
		margin-bottom: 2em;
	}

}
@media only screen and (max-width: 425px){
	.service img{
		max-width: 425px;
		margin: auto;
		display: block;
	}
	.parallax-item{
		min-height: 35vh;
	}
	.sidep p, .specialser p{
		text-align: center;
	}
	.sidep p{
		margin-top: 0em;
	}
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-image: linear-gradient(#FF9330, #8E101B);
  color: white;
  cursor: pointer;
  padding: 11px 15px;
  border-radius: 100px;
}
#myBtn:hover {
  background-color: #555;
}
.video-card-slide {
    background: linear-gradient(90deg, #FD9739 0%, #8D131E 100%) !important;
    padding: 8px 8px 2px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background: #8D131E;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    padding: 10px !important;
    width: 45px;
    height: 45px;
    font-size: 30px;
    line-height: 5px;
    color: #ffff;
}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span {
	position: relative;
	top: -3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: #FD9739;
    color: #FFF;
    text-decoration: none;
}
.video-card-detail {
	background: #fff;
    padding: 15px;
    border-bottom: 1px solid #00000045;
    border-radius: 10px;
}
.video-card-detail h5{
	color: #8D131E;
	font-weight: 600;
	flex: 1;
}
.video-card-heading {
	display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #ff93307a;
    padding-bottom: 10px;
	margin-bottom: 10px;
}
.time-slot {
	min-width: 70px;
	position: relative;
    top: 3px;
    color: #000000;
    font-weight: 600;
}
.video-card-detail svg {
	position: relative;
	top: -1px;
}
.video-card-detail p {
	margin-bottom: 0px;
	font-size: 15px;
    font-weight: 500;
}
.p2 {
  padding: 0 2px !important;
}
#practicemantras, #aboutus, #howtouse, #service, #download, #contact{
  scroll-margin-top: 120px; /* Adjust the space you want above */
}
 /*animation*/
 #wrapper > *[data-visible=true] {
  -webkit-animation: slide-from-bottom 1250ms;
          animation: slide-from-bottom 1250ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
#wrapper > *[data-visible=true]:nth-child(1n) {
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
  z-index: 0.5;
}
#wrapper > *[data-visible=true]:nth-child(2n) {
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
  z-index: 1;
}
#wrapper > *[data-visible=true]:nth-child(3n) {
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
  z-index: 1.5;
}
#wrapper > *[data-visible=true]:nth-child(4n) {
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
  z-index: 2;
}
#wrapper > *[data-visible=true]:nth-child(5n) {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
  z-index: 2.5;
}
#wrapper > *[data-visible=true]:nth-child(6n) {
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
  z-index: 3;
}
#wrapper > *[data-visible=true]:nth-child(7n) {
  -webkit-animation-delay: 700ms;
          animation-delay: 700ms;
  z-index: 3.5;
}
#wrapper > *[data-visible=true]:nth-child(8n) {
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
  z-index: 4;
}
#wrapper > *[data-visible=true]:nth-child(9n) {
  -webkit-animation-delay: 900ms;
          animation-delay: 900ms;
  z-index: 4.5;
}
#wrapper > *[data-visible=true]:nth-child(10n) {
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
  z-index: 5;
}
@-webkit-keyframes slide-from-left {
  0% {
    opacity: 0;
    transform: translateX(-100vw);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide-from-left {
  0% {
    opacity: 0;
    transform: translateX(-100vw);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes slide-from-right {
  0% {
    transform: translateX(100vw);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-from-right {
  0% {
    transform: translateX(100vw);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-from-bottom {
  0% {
    transform: translateY(10vh);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-from-bottom {
  0% {
    transform: translateY(10vh);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

