.theme-list li .list-icon,
.timeline-box::before {
	background-size: contain;
	background-repeat: no-repeat
}
html {
    scroll-behavior: smooth;
}
body {
	background-color: #fff3f8;
	padding: 0 15px;
	font-family: Quicksand, sans-serif;
}

a {
	text-decoration: none
}

p a {
	color: #b7084f
}

.form-control:focus,
.form-select:focus {
	color: #212529;
	background-color: #fff;
	border-color: #b7084f;
	outline: 0;
	box-shadow: none
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
	color: #b7084f;
	opacity: 1
}
.theme-color{
    color: #b7084f;
}
label.error.fail-alert.myerrorclass {
	font-size: 12px;
	color: #c60202;
	font-weight: 500;
	padding: 0 !important;
	position: relative;
	height: auto !important;
	transform: translate(10px, 0)
}

.error-message,
.success-message {
	font-weight: 500;
	margin-top: 18px;
	display: none;
	padding: 3px 15px;
	margin-bottom: 0;
	text-align: center
}

.theme-button,
.theme-button-alt {
	font-size: 16px;
	padding: 8px 25px;
	transition: .3s
}

.success-message {
	border: 1px solid #147c00;
	background-color: #eef6ed;
	color: #147c00
}

.error-message {
	color: #bd0006;
	border: 1px solid #bd0006;
	background-color: #f6dedf
}

li,
p {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    text-align: justify;
    letter-spacing: 0.2px;
}

.theme-button {
	background-color: #b7084f;
	color: #fff;
	border: 1px solid #b7084f;
	display: inline-block;
	border-radius: 5px
}

.heading-top-text,
.theme-button-alt {
	background-color: #fff;
	border: 1px solid #b7084f
}

.banner-button:hover,
.theme-button:hover {
	transition: .3s;
	background-color: #fff;
	color: #b7084f
}

.theme-button-alt {
	color: #b7084f;
	border-radius: 5px
}

.theme-button-alt:hover {
	transition: .3s;
	color: #fff;
	background-color: #b7084f
}

.yoga-alliance-image {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 30px
}

#yoga-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0px;
	margin-top: 40px;
	/*position: fixed;*/
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999
}

.yoga-header-logo {
	width: 180px;
	height: 62px
}

.yoga-header-logo-image {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center
}

.yoga-header-nav-wrap .theme-button,
.yoga-header-nav-wrap .theme-button-alt {
	display: inline-flex;
	align-items: center;
	justify-content: center
}

.button-icon-header {
	width: 25px;
	height: 25px;
	display: inline-block;
	object-fit: contain;
	margin-right: 8px
}

.morecontent span,
.theme-button .hover,
.theme-button-alt .hover,
.theme-button-alt:hover .no-hover,
.theme-button:hover .no-hover,
.timeline-box:last-child:before {
	display: none
}

.theme-button-alt:hover .hover,
.theme-button:hover .hover,
.theme-list li {
	display: inline-block
}

#highlights {
	background-color: #b7084f;
	box-shadow: 0 0 2px 0 #ddd;
	border-radius: 0 0 20px 20px
}

.hightlight-wrap,
.schedule-info-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}

.hightlight-box {
	width: 20%;
	padding: 15px 28px;
	border-right: 1px solid #d05c8b
}

.highlight-heading {
	background-color: #fff;
	color: #000;
	padding: 4px 6px;
	width: 80%;
	margin-left: auto;
	line-height: normal;
	margin-right: auto;
	margin-bottom: 5px;
	text-align: center;
	border-radius: 8px
}

.highlight-para {
	font-size: 17px;
	text-align: center;
	color: #fff;
	margin-bottom: 0
}

.facility-box:nth-child(4n),
.hightlight-box:nth-child(5n) {
	border-right: none
}

.hightlight-box:nth-child(-n+5) {
	border-bottom: 1px solid #d05c8b
}

.heading-top-one {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 10px
}

.heading-top-text {
	font-size: 18px;
	padding: 2px 20px;
	color: #b7084f;
	font-family: Philosopher, sans-serif;
	border-radius: 8px
}

.heading-top-line-left,
.heading-top-line-right {
	width: auto;
	height: 15px
}

.common-heading {
	font-size: 35px;
	text-align: center;
	font-family: Philosopher, sans-serif;
	margin-bottom: 40px
}

#about-us #pills-tab .nav-item {
	width: 32.5%
}

#about-us #pills-tab {
	justify-content: space-between
}

#about-us #pills-tab .nav-item .nav-link,
.my-tab-inner-content-wrap {
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	overflow: hidden
}

#about-us #pills-tab .nav-item .nav-link {
	width: 100%;
	align-items: center;
	padding: 0;
	border: 1px solid #b7084f;
	box-shadow: none
}

.tab-image {
	width: 30%;
	height: 140px;
	object-fit: cover
}

#pills-tab .nav-link.active,
#pills-tab .nav-link:hover {
	background-color: #fff;
	color: #b7084f;
	transition: .3s
}

.tab-heading {
	font-size:18px;
	color: #000
}

.my-tab-content {
	width: 70%;
	padding: 5px 12px
}

.tab-para-text {
	font-size: 15px;
	margin-bottom: 0
}

.my-tab-inner-content-wrap {
	align-items: center;
	flex-wrap: wrap;
	border-radius: 10px;
	border: 1px solid #b7084f
}

.curriculam-box,
.masnory-box {
	border-radius: 10px;
	display: flex
}

.my-tab-inner-content-image {
	width: 34%;
	height: 370px;
	object-fit: cover;
	order: 2
}

.my-tab-inner-content-detail {
	width: 66%;
	padding: 8px 15px
}

.question-heading {
	font-size: 22px;
	padding-bottom: 8px;
	border-bottom: 1px solid #b7084f;
	margin-bottom: 20px;
	color: #b7084f
}

.masnory-heading,
.masonary-text {
	text-shadow: 0 0 6px #000;
	color: #fff
}

.masonary-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start
}

.masnory-box.first {
	width: 35%
}

.masnory-box {
	position: relative;
	z-index: 9;
	padding: 40px 50px;
	box-shadow: 0 0 3px 0 #ddd;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	transition: .3s
}

.masnory-box:before {
	position: absolute;
	left: 0;
	content: "";
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .42;
	z-index: -1;
	transition: .3s
}

.masnory-box:hover:before {
	transition: .3s;
	opacity: .55
}

.landing-banner-image,
.masonary-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
	object-fit: cover
}

.masnory-heading {
	font-size: 22px;
	margin-bottom: 15px
}

.masnory-box.second {
	width: 25%
}

.masnory-wrap.third {
	width: 38%
}

.masnory-wrap.third .masnory-box {
	margin-bottom: 12px
}

.masnory-wrap.third .masnory-box:last-child {
	width: 168%;
	margin-left: -68%
}

.theme-list {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0
}

.theme-list li {
	padding-left: 35px;
	margin-bottom: 8px;
	width: 100%;
	position: relative
}

.theme-list li .list-icon {
	position: absolute;
	left: 0;
	top: 1px;
	width: 22px;
	height: 22px;
	background-image: url(../images/list-icon.webp)
}

.curriculam-box {
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	background-color: #fff;
	padding: 20px 35px;
	margin: 15px 0;
	box-shadow: 0 0 2px 0 #ddd
}

.curriculam-left-box {
	width: 310px;
	height: 310px;
	border-radius: 50%;
	display: flex;
	padding: 0;
	background-color: #fff;
	border: 1px solid #b7084f;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 9;
	justify-content: center
}

.curriculam-right-box {
	width: calc(100% - 340px)
}

.curriculam-day-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%
}

.curriculam-days-detail {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 35px;
	top: auto;
	margin: auto;
	text-align: center;
	width: 165px;
	border-radius: 20px;
	background-color: #fff;
	color: #b7084f
}

.cc2 {
	column-count: 2
}

.curriculam-heading {
	font-size: 24px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	margin-bottom: 20px
}

.facility-wrap {
	background-color: #fff;
	border-radius: 25px;
	padding: 20px 15px;
	border: 1px solid #b7084f;
	margin-top: 35px
}

.facility-icon {
	width: 25px;
	height: 25px;
	object-fit: contain;
	display: inline-block;
	margin-right: 10px
}

.facility-box {
	display: inline-flex;
	align-items: center;
	width: 24.7%;
	padding: 10px 8px;
	border-bottom: 1px solid #ddd;
	justify-content: center;
	border-right: 1px solid #ddd;
	margin-bottom: 0
}

.facility-box:nth-last-child(-n+4) {
	border-bottom: none
}

.room-image-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px
}

.overlap-form-fields .form-input,
.room-image-box {
	width: 24%
}

.room-image {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 10px;
	box-shadow: 0 0 2px 0 #ddd
}

#steps .yttc-date-timeline-details,
#steps .yttc-date-timeline-wrap,
.fooditarian-logo-wrap,
.other-excursion-wrap,
.row-image-wrap,
.steps-wrap,
.team-guru-wrap,
.yttc-course-footer,
.yttc-course-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.steps-box {
	width: 33.3%;
	padding: 0 35px;
	position: relative;
	z-index: 9
}

.steps-box:before {
	position: absolute;
	left: 0;
	top: 31px;
	width: 100%;
	height: 1px;
	background-color: #b7084f;
	z-index: -1;
	content: ""
}

.step-text-circle {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid #b7084f;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 3px 0 #ddd;
	padding: 10px;
	margin: auto auto 6px
}

.step-text-heading {
	font-size: 13px;
	background-color: #b7084f;
	color: #fff;
	font-weight: 500;
	padding: 1px 15px;
	border-radius: 20px;
	margin-bottom: 0
}

.step-text-count {
	margin-bottom: 0;
	font-size: 25px;
	line-height: normal
}

.step-sub-heading {
	font-size: 20px;
	text-align: center;
	margin-bottom: 5px
}

.step-text-para {
	text-align: center;
	font-size: 15px
}

.yttc-course-box {
	width: 32%;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
	margin: 15px 0;
	box-shadow: 0 0 2px 0 #ddd;
	border: 1px solid #b7084f
}

.yttc-course-header {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px solid #000;
	margin-bottom: 20px
}

.yttc-course-image {
	width: 38%;
	height: 180px;
	object-fit: cover
}

.yttc-course-header-detail {
	width: 60%;
	padding: 15px 0
}

.yttc-course-heading {
	font-size: 20px;
	border-bottom: 1px solid #000;
	margin-bottom: 2px;
	padding: 0 10px 8px
}

.yttc-course-rating {
	color: #b7084f;
	font-size: 12px;
	line-height: normal
}

.yttc-course-rating-image {
	width: auto;
	height: 12px;
	object-fit: contain;
	object-position: right
}

.yttc-course-highlights {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
	padding: 2px 10px
}

.yttc-course-para-text {
	padding: 0 10px;
	margin-bottom: 0
}

.yttc-course-body {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px
}

.yttc-course-footer-left {
	width: 77%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.yttc-course-footer-right {
	width: 23%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: normal;
	border-right: none;
	border-bottom: none
}

#main-timer-banner::before,
.main-timer-banner-image {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

#main-timer-banner,
.team-guru-box {
	position: relative;
	overflow: hidden
}

#main-timer-banner {
	border-radius: 25px;
	z-index: 9;
	padding: 100px 0 50px
}

.main-timer-banner-image {
	background-image: url("../images/schedule2.webp");
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	z-index: -2
}

#main-timer-banner::before {
	content: "";
	background-image: linear-gradient(to top, #0000009e, #00000085, #00000070, #00000061, #00000030);
	z-index: -1
}

.main-timer-theme-heading {
	font-size: 22px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 25px;
	text-align: center;
	text-shadow: 0 0 17px #000
}

.main-timer-big-heading {
	line-height: normal;
	text-align: center;
	font-size: 50px;
	text-shadow: 0 0 17px #000;
	color: #ffffff00;
	-webkit-text-stroke: 1.5px #ffffff
}

.main-timer-icon {
	width: 42px;
	height: 42px;
	object-fit: contain;
	display: inline-block;
	margin-right: 15px
}

.main-timer-list-wrap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.main-timer-list-box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 9px 20px;
	border: 1px solid #fff;
	border-radius: 50px;
	padding-right: 35px;
	background-color: #0000003d
}

.main-timer-points {
	font-size: 18px;
	color: #fff;
	font-weight: 600
}

#main-timer-banner li {
	display: inline-block;
	font-size: 1em;
	list-style-type: none;
	padding: 1em 1.2em;
	text-transform: uppercase;
	color: #fff;
	line-height: normal
}

#main-timer-banner li span {
	display: block;
	font-size: 3.5rem;
	color: #fff
}

#main-timer-banner .emoji {
	display: none;
	padding: 1rem
}

#main-timer-banner .emoji span {
	font-size: 4rem;
	padding: 0 .5rem
}

#countdown {
	text-align: center
}

.team-guru-box {
	width: 19%;
	border-radius: 15px;
	z-index: 9;
	margin-bottom: 20px;
	box-shadow: 0 0 4px 0 #afafaf
}

#footer,
.accordion-item {
	box-shadow: 0 0 2px 0 #ddd
}

.team-guru-image {
	width: 100%;
	height: 300px;
	object-fit: cover
}

.team-guru-box::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	background-image: linear-gradient(to top, #0000009e, #00000029, #0000001a, #00000000, #00000000);
	width: 100%;
	transition: .3s;
	height: 100%;
	z-index: 0
}

.team-gurudetails {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 8px 10px;
	width: 100%
}

.team-guru-name {
	margin-bottom: 2px;
	color: #fff;
	font-size: 21px;
	font-weight: 500;
	transition: .3s;
	text-align: center
}

.team-guru-skill {
	margin-bottom: 0;
	text-align: center;
	color: #fff;
	font-size: 15px;
	transition: .3s
}

.team-guru-box:hover:before {
	transition: .3s;
	background-image: linear-gradient(to top, #000000d1, #00000059, #0000001a, #00000000, #00000000)
}

.accordion-button:focus {
	box-shadow: none;
	border: 1px solid #b7084f;
	color: #fff;
	background-color: #b7084f
}

.accordion-button:focus:after {
	filter: invert(1)
}

.accordion-button {
	font-size: 18px;
	font-weight: 500;
}

.accordion-item {
	margin-bottom: 10px;
	border-radius: 10px !important;
	overflow: hidden
}

.testimonial-textpatra {
	font-size: 20px
}

.testimonial-text-country {
	font-size: 16px;
	margin-bottom: 0;
	color: #707070
}

.testimonial-video-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 35px
}

.testimonial-video-box {
	width: 22.8%;
	position: relative;
	z-index: 9;
	border-radius: 12px;
	background-color: #fff
}

.testimonial-text-name {
	font-size: 22px;
	color: #b7084f;
	margin-bottom: 3px;
	line-height: normal
}

.testimonial-video-image {
	width: 100%;
	height: 430px;
	border-radius: 12px;
	object-fit: cover;
	box-shadow: 0 0 3px 0 #ddd
}

.testimonial-play-icon {
	position: absolute;
	right: -8px;
	bottom: -8px;
	width: 60px;
	height: 60px;
	object-fit: contain;
	border-radius: 50%;
	border: 1px solid #b7084f;
	animation: 1.3s infinite videopulse
}

#footer {
	margin: 0 15px 15px;
	background-color: #fff;
	border-radius: 12px
}

.footer-logo {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.footer-logo-link {
	width: 200px;
	display: block;
	margin: 0 auto 20px
}

.footer-text {
	width: 85%;
	text-align: center;
	margin: auto
}

.footer-yoga-alliance-image {
	width: 100%;
	height: 55px;
	object-fit: contain;
	margin: 20px auto;
	object-position: center
}

.footer-link-wrap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 20px
}

.footer-link {
	background-color: #b7084f;
	color: #fff;
	font-size: 15px;
	border-radius: 8px;
	margin: 5px;
	padding: 3px 15px
}

.bottom-bar {
	font-size: 15px;
	padding: 8px 10px 11px;
	border-top: 1px solid #b2b2b2;
	color: #000;
	text-align: center;
	margin-top: 50px;
	width: 97%;
	margin-left: auto;
	margin-right: auto
}

#gallery,
#yoga-alliance-image {
	background-color: #fff;
	border-radius: 25px
}

.yoga-alliance-iso {
	width: 100%;
	object-fit: contain;
	display: block;
	object-position: center;
	height: 115px
}

.trustpilot-card {
	border: 2px solid #b7084f;
	padding: 20px 0
}

.trustpilot-icon {
	width: 100%;
	height: 50px;
	margin-bottom: 12px
}

.trustplot-big-star {
	width: 100%;
	height: 26px;
	object-fit: contain;
	object-position: center
}

.trustpilot-grade {
	text-align: center;
	font-weight: 600;
	font-size: 22px
}

.trustpilot-small-star {
	width: 150px;
	height: 20px;
	object-fit: contain;
	object-position: left
}

.trustpilot-date {
	font-size: 11px;
	font-weight: 500
}

.trustpilot-review-heading {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 8px
}

.trustpilot-review-name {
	font-size: 16px;
	color: #000;
	margin-bottom: 0
}

#trustpilot .slick-slide,
.trustpilot-review-box {
	margin: 2px 20px
}

.trustpilot-card.p-sticky {
	top: 0;
	position: sticky
}

#trustpilot .trustpilot-count {
	background-color: #00b67a;
	position: relative;
	z-index: 9
}

#steps .seat-left,
.book-box,
.emotional-iframe,
.fooditarian-logo-text,
.row-image,
.sarvodaya-team-box {
	background-color: #fff
}

.trustpilot-icon,
.trustplot-big-star {
	object-fit: contain
}

#trustpilot .trustpilot-count:after,
#trustpilot .trustpilot-count:before {
	border-color: transparent transparent #007750
}

#trustpilot .trustpilot-card {
	border: 2px solid #00b67a;
	background-color: #fff
}

.morelink {
	display: inline-block;
	color: #212529;
	transition: .3s;
	font-size: 15px
}

.cc3 {
	column-count: 3
}

.row-image-box {
	width: 24.2%;
	margin: 10px 0
}

.row-image {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 8px;
	border: 1px solid #b7084f;
	padding: 3px
}

.other-excursion-box {
	width: 19.2%;
	height: 350px;
	position: relative
}

.other-excursion-image {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.other-excurion-text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 90%;
	top: auto;
	margin: auto;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	padding: 5px 20px 5px 0;
	z-index: 3;
	text-align: center
}

.other-excursion-box::after {
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	width: 100%;
	height: 10%;
	transition: .3s;
	background-color: #00000082;
	z-index: 1
}

.other-excursion-box:hover:after {
	transition: .3s;
	height: 100%
}

.fooditarian-logo-box {
	width: 33.3%
}

.fooditarian-logo-image {
	width: 100px;
	height: 100px;
	object-position: center;
	margin-bottom: 8px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain
}

.fooditarian-logo-text {
	color: #000;
	padding: 4px 15px;
	font-weight: 500;
	display: block;
	width: 180px;
	margin: 0 auto;
	border-radius: 25px;
	border: 1px solid #000;
	text-align: center
}

.emotional-iframe {
	width: 75%;
	height: 550px;
	object-fit: cover;
	padding: 4px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 12px;
	display: block;
	border: 2px solid #b7084f
}

.sarvodaya-team-box {
	display: flex !important;
	justify-content: space-between;
	flex-wrap: wrap;
	border-radius: 10px;
	box-shadow: 0 0 5px 0 #ddd
}

.sarvodaya-team-image {
	width: 150px;
	height: 180px;
	object-fit: cover;
	z-index: 99;
	border-radius: 0 30px 80px 80px
}

#landing-banner,
#steps .date-free-type,
#steps .date-info,
.expert-year,
.sarvodaya-skills,
.trustpilot-count {
	position: relative;
	z-index: 9
}

.sarvodaya-team-content-wrap {
	width: calc(100% - 170px);
	padding-top: 30px;
	padding-right: 30px
}

.sarvodaya-skills {
	padding: 5px;
	color: #fff;
	font-size: 16px;
	font-weight: 500
}

.sarvodaya-skills::before {
	position: absolute;
	content: "";
	left: -35px;
	transform: skewX(-10deg);
	top: 0;
	width: calc(100% + 80px);
	height: 100%;
	background-color: #b7084f;
	z-index: -1
}

.team-slider .slick-slide {
	margin: 5px 20px
}

.expert-year:before {
	position: absolute;
	content: "";
	height: 100%;
	left: 0;
	z-index: -1;
	top: 0;
	width: 100%;
	background-color: #fcf5f8
}

.expert-year {
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	padding: 8px 15px;
	margin-bottom: 0;
	color: #000
}

.testimonial-course-name,
.trustpilot-count {
	font-weight: 500;
	color: #fff;
	background-color: #b7084f
}

.expirence-year {
	width: 34px;
	height: 34px;
	display: inline-block !important;
	object-fit: contain;
	margin-right: 12px
}

.book-box {
	border: 2px solid #b7084f;
	display: block
}

.book-download-link {
	margin-bottom: 3px;
	display: block
}

.book-image {
	width: 100%;
	height: 320px;
	object-fit: cover;
	object-position: top
}

.book-slider .slick-slide {
	margin: 5px 18px
}

.trustpilot-count:after,
.trustpilot-count:before {
	bottom: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: transparent transparent #6f1b3d;
	top: auto;
	position: absolute;
	z-index: -1;
	content: ""
}

.trustpilot-count {
	font-size: 16px;
	width: calc(100% + 30px);
	margin-left: -15px;
	padding: 6px 15px;
	margin-bottom: 3px;
	text-align: center
}

.trustpilot-count:before {
	left: 1px;
	transform: rotate(46deg)
}

.trustpilot-count:after {
	right: 1px;
	transform: rotate(312deg)
}

.testimonial-box-header {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 15px;
	margin-top: -55px
}

.testimonial-box {
	border: 2px solid #b7084f;
	border-radius: 12px;
	display: inline-block;
	width: 100%
}

.testimonial-box-image {
	width: 112px;
	height: 112px;
	display: block;
	object-fit: cover;
	padding: 4px;
	margin-bottom: 15px;
	border-radius: 50%;
	z-index: 99;
	border: 2px solid #b7084f;
	position: relative;
	background-color: #fff
}

.testimonial-star {
	height: 15px;
	width: 100%;
	object-fit: contain;
	display: block;
	object-position: center;
	margin-bottom: 0
}

.testimonial-course-name {
	padding: 5px 15px;
	font-size: 13px;
	display: none
}

.testimonial-course-name:before {
	position: absolute;
	content: "";
	left: -50px;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #b7084f
}

.testimonial-content-text,
.testimonial-content-text-full {
	padding: 5px 18px;
	text-align: center;
	margin-bottom: 5px
}

.testimonial-box-header-info,
.timeline-content {
	width: 100%
}

#testimonial .testimonial-slider .slick-slide {
	margin: 60px 20px 0
}

.pointer-event-none {
	pointer-events: none;
	position: relative;
	z-index: -1
}

#landing-banner {
	height: 100vh
}

#landing-banner:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgb(0 0 0 / 22%) 0, rgb(0 0 0 / 56%) 82%);
	z-index: -1
}

.yoga-banner-content-wrap {
	display: flex;
	justify-content: space-between;
	padding-top: 5rem;
	align-items: center;
	flex-wrap: wrap;
	width: 95%;
	margin-left: auto;
	margin-right: auto
}

.yoga-banner-counter-count {
	font-size: 25px;
	margin-bottom: 4px;
	font-weight: 600;
	color: #fff;
	text-align: center
}

.banner-button,
.yoga-banner-starting-from {
	font-weight: 500
}

.yoga-banner-heading,
.yoga-banner-starting-from {
	font-size: 32px;
	text-align: center;
	color: #fff;
	line-height: normal
}

.yoga-banner-counter-heading {
	color: #fff;
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #ffffff85
}

.yoga-banner-content-box1,
.yoga-banner-content-box3 {
	width: 18%
}

.yoga-banner-content-box2 {
	width: 55%
}

.yoga-banner-content-yaimage {
	width: 150px;
	height: auto;
	display: block;
	margin: auto auto 10px
}

.yoga-banner-content,
.yoga-banner-content-top {
	text-align: center;
	color: #fff
}

.yoga-banner-button-wrap {
	text-align: center;
	margin-bottom: 50px
}

.banner-button {
	display: inline-block;
	padding: 5px 25px;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 5px;
	transition: .3s
}

.online-yttc-list-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 95%;
	margin-bottom: 30px
}

.online-yttc-list-image-wrap {
	width: 90px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #b7084f;
	background-color: #fff;
	border-radius: 50%
}

.online-yttc-list-image {
	width: 60%;
	height: 60%;
	object-fit: contain
}

.online-yttc-list-content {
	width: calc(100% - 110px)
}

.emotional-iframe.online-iframe {
	width: 100%;
	height: 350px
}

.white-short-box {
	width: 95%;
	margin-left: auto;
	background-color: #fff;
	padding: 35px 25px;
	border-radius: 12px;
	border: 1px solid #b7084f
}

#yoga-header.fixed-nav {
    position: fixed;
    top: 0px;
    left: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 5px 0 #ddd;
    animation: 1s forwards smoothScroll;

}

#gallery .slick-slide {
	margin: 0 5px
}

.whatsapp-icon {
	width: 60px;
	height: 60px;
	object-fit: contain;
	border-radius: 50%;
	animation: 1.3s infinite pulse-animationn-whatsapp
}

.whatsapp-header {
	padding: 5px 8px;
	margin-left: 6px;
	display: inline-block
}

.yoga-header-nav-wrap {
	display: flex;
	align-items: center
}

.yoga-banner-all-content-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	align-items: flex-end
}

.banner-highlights-wrap {
	padding: 6px 15px 8px;
	border-top: 1px solid #ddd;
	width: 100%;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap
}

.banner-highlights-box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 33.3%
}

.banner-highlights-box:nth-child(2) {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff
}

.banner-highlights-icon {
	width: 25px;
	height: 25px;
	object-fit: contain;
	display: inline-block;
	margin-right: 8px
}

.banner-highlights-text {
	color: #fff
}

.schedule-info-left-box,
.schedule-info-right-box {
	width: 26%
}

.schedule-info-center-box {
	width: 45%
}

.schedule-image {
	width: 100%;
	object-fit: cover;
	border: 2px solid #b7084f;
	padding: 4px;
	height: 270px;
	margin: 20px 0
}

.schedule-time {
	background-color: #b7084f;
	color: #fff;
	text-align: center;
	font-weight: 600;
	padding: 6px 15px;
	width: 90%;
	margin: -17px auto 10px
}

.box-heading-width-set {
	z-index: 9;
	padding-bottom: 10px
}

.schedule-task {
	text-align: center;
	margin-bottom: 8px
}

.schedule-box {
	background-color: #fff;
	border: 2px solid #b7084f;
	margin-bottom: 40px
}

.box-heading-width-set,
.contact-info-details {
	width: 85%;
	margin: auto
}

.box-heading-width-set {
	font-size: 23px;
	font-weight: 500;
	position: relative
}

.para-sub-heading:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 50px;
	height: 2px;
	background-color: #b7084f
}

.schedule-info-center-box .trustpilot-count {
	font-size: 18px;
	font-weight: 500;
	width: calc(100% + 30px);
	margin-left: -15px;
	padding: 6px 15px;
	margin-bottom: 28px;
	text-align: center
}

.schedule-info-left-box .schedule-box:last-child,
.schedule-info-right-box .schedule-box:last-child {
	margin-bottom: 0
}

.other-certificate-wrap,
.timeline-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.timeline-box {
	width: 21%;
	border: 1px solid #b7084f;
	padding: 20px 0 10px;
	position: relative;
	z-index: 9
}

.timeline-box::before {
	position: absolute;
	content: "";
	right: -18%;
	top: 0;
	bottom: 0;
	width: 30px;
	margin: auto;
	height: 30px;
	background-position: center;
	background-image: url(../images/timeline-arrow.png)
}

.timeline-box:nth-child(2):before {
	transform: rotateX(180deg)
}

.timeline-image {
	width: 60px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	object-fit: contain
}

.timeline-heading-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px dashed #b7084f;
	margin: 10px 0;
	padding: 5px 8px;
	border-bottom: 1px dashed #b7084f;
	background-color: #fff
}

.timeline-icon {
	width: 30px;
	height: 30px;
	object-fit: contain;
	display: inline-block;
	margin-right: 10px
}

.timeline-heading {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 0;
	color: #b7084f
}

#steps .yttc-date-timeline-box {
	width: 48%;
	margin-bottom: 25px;
	overflow: hidden
}

#steps .yttc-date-timeline-detail-icon-wrap {
	background-color: #b7084f;
	width: 100px;
	height: 120px;
	position: relative;
	z-index: 9
}

#steps .yttc-date-timeline-detail-icon-wrap:before {
	position: absolute;
	content: "";
	left: -25px;
	bottom: -10px;
	width: 85px;
	height: 35px;
	background-color: #fff;
	z-index: -1;
	transform: rotate(45deg)
}

#steps .yttc-date-timeline-detail-icon-wrap:after {
	position: absolute;
	content: "";
	right: -25px;
	bottom: -10px;
	width: 85px;
	height: 35px;
	background-color: #fff;
	transform: rotate(-45deg);
	z-index: -1
}

#steps .yttc-date-timeline-heading {
	background-color: #b7084f;
	color: #fff;
	margin-bottom: 0;
	text-align: left;
	padding: 5px 8px 5px 115px;
	font-weight: 700;
	font-size: 18px
}

#steps .yttc-date-timeline-detail-icon {
	width: 65%;
	height: 65%;
	object-fit: contain;
	padding-top: 20px;
	display: block;
	margin: auto;
	transform: translate(0, -10px)
}

#steps .yttc-date-timeline-detail-content {
	width: calc(100% - 115px);
	position: relative;
	z-index: 9;
	margin-top: 10px
}

#steps .yttc-date-timeline-detail-sub-para {
	font-size: 15px;
	margin-bottom: 0;
	line-height: normal;
	margin-top: 8px
}

#steps .upcoming-dates-box {
	align-items: center;
	background-color: #fff;
	flex-wrap: wrap;
	border-right: 2px dashed #ddd;
	border-bottom: 2px dashed #ddd
}

#steps .date-info {
	width: 20%;
	padding: 25px 10px;
	text-align: center
}

#steps .date-info::before {
	right: -12px;
	margin: auto;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	bottom: 0;
	transform: rotate(45deg);
	left: auto;
	z-index: -1;
	content: ""
}

#steps .date-info,
#steps .date-info::before,
#steps .upcoming-date-head .upcoming-dates-box,
.theme-button-float {
	background-color: #b7084f
}

#steps .date-enroll {
	width: 15%;
	text-align: center
}

#steps .date-free-box {
	width: 65%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}

#steps .date-free-type {
	width: 25%;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 20px
}

#steps .upcoming-dates-box {
	justify-content: space-between;
	display: flex
}

#steps .date-free-type {
	justify-content: center
}

#steps .saved-text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	top: auto;
	margin: auto;
	width: 70%;
	color: #b7084f;
	padding: 3px 5px;
	line-height: normal;
	text-align: center;
	font-size: 12px;
	border: 1px solid #b7084f
}

#steps .room-type-icon {
	width: 30px;
	height: 30px;
	object-fit: contain;
	margin-right: 12px
}

#steps .room-type {
	padding: 0;
	font-weight: 600;
	display: block;
	font-size: 16px
}

#steps .room-price,
#steps .room-type {
	width: 100%;
	margin-bottom: 0
}

#steps .room-price {
	display: block
}

#steps .date-text {
	text-align: center;
	font-weight: 600;
	color: #fff;
	margin-bottom: 10px
}

#steps .seat-left {
	font-size: 13px;
	padding: 5px 15px
}

#steps .room-price del {
	color: #6b6b6b;
	font-size: 15px
}

#steps .upcoming-date-head .upcoming-dates-box .date-info {
	padding: 8px !important
}

.other-yttc-certificate-box {
	width: 48.2%
}

.other-certificate-image {
	width: 100%;
	height: auto;
	margin-top: 25px;
	margin-bottom: 10px
}

.seat-left.fully-booked {
	color: #149300;
	font-weight: 600
}

.seat-left.warning {
	color: #ff511a;
	font-weight: 700;
	display: inline-block;
	animation: 1.3s infinite bounce
}

.instagram-reel {
	width: 100%;
	height: 440px;
	margin-top: -55px;
	overflow: hidden
}

#instagram .slick-slide {
	margin: 0 8px
}

.offcanvas.offcanvas-start {
	z-index: 99999
}

.offcanvas-backdrop {
	z-index: 9999
}

.banner-box-heading {
	font-size: 24px;
	font-weight: 500;
	color: #000;
	padding-bottom: 8px;
	margin-bottom: 10px
}

#myDiv {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 50%;
	z-index: 999;
	display: none;
	padding-left: 8px
}

.theme-button-float {
    color: #fff;
    font-size: 16px;
    padding: 2px 15px;
    margin-right: 3px;
    transition: .3s;
    display: inline-block;
    border: 1px solid #b7084f;
}

.theme-button-float:hover {
	transition: .3s;
	color: #b7084f;
	background-color: #fff
}

.iti.iti--allow-dropdown {
	width: 100%;
	height: 58px
}

.iti__country-list {
	z-index: 999
}

.iti input,
.iti input[type=tel],
.iti input[type=text] {
	padding-top: 1.4rem;
	padding-bottom: .625rem
}

.form-floating.num .special-label {
	transform: scale(.85) translateY(-.5rem) translateX(.15rem);
	color: #b7084f;
	opacity: 1
}

.iti__selected-flag {
	align-items: end;
	padding: 0 6px 12px 11px
}

.slick-slider {
	display: block !important
}

@keyframes smoothScroll {
	0% {
		transform: translateY(-40px)
	}

	100% {
		transform: translateY(0)
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0)
	}

	50% {
		transform: rotate(180deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes bounce {

	0%,
	100%,
	20%,
	53%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,
	43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -6px, 0);
		transform: translate3d(0, -6px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes bounce {

	0%,
	100%,
	20%,
	53%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,
	43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -6px, 0);
		transform: translate3d(0, -6px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes videopulse {
	0% {
		box-shadow: 0 0 0 0 #b7084f
	}

	100% {
		box-shadow: 0 0 0 8px transparent
	}
}

@keyframes pulse-animationn-whatsapp {
	0% {
		box-shadow: 0 0 0 0 #30be3a
	}

	100% {
		box-shadow: 0 0 0 14px transparent
	}
}

.modal-header .btn-close:focus {
	box-shadow: none;
	outline: 0
}

#exampleModal {
	z-index: 9999;
	background-color: #0000008f
}

.overlap-form-wrap {
	border: 1px solid #b7084f;
	padding: 15px 25px;
	background-color: #fff;
	border-radius: 10px;
	margin-top: -75px;
	position: relative;
	z-index: 9
}

#contact-form {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center
}

.overlap-form-fields {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: calc(100% - 200px)
}

#contact-form .theme-button {
	line-height: normal
}

#overlap-textarea {
	height: 37.6px;
	min-height: auto !important
}

#contact-form .iti input,
#contact-form .iti input[type=tel],
#contact-form .iti input[type=text]{
	padding: .375rem .75rem .375rem 60px !important
}

#contact-form .iti.iti--allow-dropdown{
	height: 37.6px
}
#contact-formpop .iti.iti--allow-dropdown{
	height: 36px
}
.whatsapp-float-button {
    display: inline-block;
    position: fixed;
    bottom: 18px;
    left: auto;
    right: 10px;
    z-index: 99;
}

.whatsapp-float-icon {
	width: auto;
	height: 50px;
}

.theme-button.trustpilot {
	background-color: #00b67a;
	border-color: #00b67a;
}

.theme-button.trustpilot:hover {
	background-color: #fff;
	color: #00b67a;
}
#trustpilot.tripadvisor .theme-button{
	background-color: #00852f;
	border-color: #00852f;
}

#trustpilot.tripadvisor .theme-button:hover {
	background-color: #fff;
	color: #00852f;
}
#trustpilot.google-review .theme-button{
	background-color: #2f76f2;
	border-color: #2f76f2;
}

#trustpilot.google-review .theme-button:hover {
	background-color: #fff;
	color: #2f76f2;
}
.video-review-box {
	border: 2px solid #b7084f;
	background-color: #fff;
	padding: 4px;
	height: 240px
}

.video-review-iframe {
	width: 100%;
	height: 100%;
	object-fit: cover
}

#upcoming-batches .slick-slide {
	margin: 5px 8px;
}
#trustpilot.tripadvisor .trustpilot-count {
    background-color: #00852f;
}
#trustpilot.tripadvisor .trustpilot-count:after, #trustpilot.tripadvisor .trustpilot-count:before {
    border-color: transparent transparent #02541f;
}
#trustpilot.google-review .trustpilot-count:after, #trustpilot.google-review .trustpilot-count:before {
    border-color: transparent transparent #1350b9;
}
#trustpilot.google-review .trustpilot-count {
    background-color: #2f76f2;
}
#trustpilot.google-review .trustpilot-card{
    border-color: #2f76f2;
}
#reel .video-review-box {
    height: 430px;
    margin: 2px 4px;
}
#reel .slick-slide{
    margin: 2px 4px;
}
.theme-button-alt.mywhatsapp{
    border-color: #0fa017;
    color: #0fa017;
}
.theme-button-alt.mywhatsapp:hover{
    background-color: #0fa017;
    color: #fff;
}

.verified-icon{
    width: 15px;
    height: 15px;
    object-fit: contain;
    display: inline-block !important;
    margin-left: 8px;
    transform: translate(0px, -2px);
}
.accordion.faqs .accordion-button {
    padding-left: 42px;
}
.accordion.faqs .accordion-button:not(.collapsed):before{
   filter: invert(1); 
}
.accordion.faqs .accordion-button:before {
    position: absolute;
    content: "";
    left: 8px;
    right: auto;
    top: 0;
    bottom: 0;
    width: 24px;
    display: block;
    opacity: 1;
    margin: auto;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../../images/faqs-icon.webp);
}
.ministry-ayush{
    background-color: #fff3f8;
    border: 1px solid #b7084f;
    border-radius: 10px;
    padding: 15px 25px;
    margin-top: 20px;
}


.ministry-ayush-top-text{
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    font-style: italic;
    color: #b7084f;
    margin-bottom: 0;
}
.ayush-ministry-image{
    display: block;
    width: 450px;
    height: 68px;
    object-fit: contain;
    background-color: #fff;
    border: 1px solid #ddd;
    object-position: center;
    border-radius: 10px;
    padding: 10px 15px;
    margin: 15px auto 10px;
}
.ministry-ayush-bottom-text{
    text-align: center;
}

.about-review-wrap{
    display: flex;
    justify-content: center;
    background-color: #ffffff;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    z-index: 9;
    padding: 15px 0px 7px;
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
    margin-bottom: 35px;
}
.about-review-wrap:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background-color: #b7084f;
    z-index: -1;
}
.about-review-box{
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 8px;
    position: relative;
    z-index: 9;
}
.about-review-text1{
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 22px;
    line-height: 1;
    color: #b7084f;
}
.about-review-text2{
 text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}
.about-review-box:before{
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #e8e8e8;
}
.about-review-box:last-child:before{
    display: none;
}
.about-review-icon{
    width: 52px;
    height: 52px;
    padding: 12px;
    border-radius: 50%;
    background-color: #fff3f8;
    object-fit: contain;
    display: inline-block;
    margin-right: 8px;
}
.about-review-text{
    margin-bottom: 0;
    font-weight: 500;
}

.banner-form{
            position: absolute;
            right: 4%;
            top: 0;
            bottom: 0;
            width: 490px;
            height: 80%;
            overflow: scroll;
            border: 1px solid #b7084f;
            border-radius: 10px;
            left: auto;
            margin: auto;
          }

.ti-widget.ti-certificate.ti-dark-style{
    position: fixed;
    left: 2px;
    bottom: 80px;
    z-index: 999;
}

.whatsapp-count {
    /* display: none; */
    background-color: #c51515;
    display: inline-flex;
    color: #fff;
    font-weight: 800;
    font-size: 12px;
    width: 16px;
    height: 15px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    right: -5px;
    top: -1px;
}



@media (max-width: 1350px) {
    .banner-form {
        width: 470px;
        right: 3%;
    }
	.video-review-box {
		height: 205px;
	}
}


@media(max-width:1400px) {
	.contact-info-details {
		width: 94%
	}
#reel .video-review-box {
        height: 370px; 
    }
	#steps .date-info::before {
		right: -5px
	}

	#steps .upcoming-dates-box .theme-button {
		font-size: 18px;
		padding: 5px 15px
	}
}

@media(max-width:1200px) {
        .banner-form {
        width: 400px;
        right: 2%;
    }
	.testimonial-video-box {
		width: 24%
	}

	.testimonial-video-image {
		height: 350px
	}

	.main-timer-theme-heading {
		font-size: 20px;
		margin-bottom: 18px
	}

	.main-timer-big-heading {
		font-size: 40px
	}

	.main-timer-list-box {
		margin: 8px 12px
	}

	#main-timer-banner li span {
		font-size: 3rem
	}

	.other-excursion-box {
		height: 300px
	}

	.room-image,
	.row-image {
		height: 160px
	}

	.cc3 {
		column-count: 2
	}

	#steps .room-type-icon {
		width: 20px;
		height: 20px;
		margin-right: 5px
	}

	#steps .upcoming-dates-box .theme-button {
		font-size: 17px;
		padding: 5px 10px
	}

	.timeline-icon {
		width: 26px;
		height: 26px;
		margin-right: 8px
	}

	.timeline-heading-wrap {
		padding: 5px 7px
	}

	.facility-box {
		width: 33%;
		border-right: 1px solid #ddd !important;
		border-bottom: 1px solid #ddd !important
	}

	.facility-box:nth-child(3n) {
		border-right: none !important
	}

	.facility-box:nth-last-child(-n+2) {
		border-bottom: none !important
	}

	.schedule-info-center-box {
		width: 43%
	}

	.box-heading-width-set {
		font-size: 21px
	}

	.schedule-image {
		height: 248px;
		margin: 12px 0
	}

	.schedule-info-center-box .theme-button {
		width: 100% !important;
		display: block !important
	}

	.contact-info-details .theme-button.me-3 {
		margin-right: 0 !important;
		margin-bottom: 8px !important
	}

	.tab-image {
		width: 34%;
		height: 175px
	}

	.my-tab-content {
		width: 66%
	}

	.common-heading {
		font-size: 34px
	}

	.heading-top-text {
		font-size: 17px
	}

	.heading-top-line-left,
	.heading-top-line-right {
		height: 12px
	}

	.emotional-iframe {
		width: 85%;
		height: 420px
	}

	.yoga-header-logo {
		width: 145px;
		height: 50px
	}

	#yoga-header .theme-button-alt {
		font-size: 16px;
		padding: 6px 14px
	}


	.whatsapp-header {
		padding: 6px 10px;
		margin-left: 13px
	}

	.yoga-banner-content-yaimage {
		width: 110px
	}

	li,
	p {
		font-size: 18px
	}

	.yoga-banner-heading,
	.yoga-banner-starting-from {
		font-size: 28px
	}

	.yoga-banner-content-wrap {
		width: 97%
	}
}

@media(max-width:991px) {
    .banner-form {
        width: 92%;
        right: 2%;
        position: static;
    }
    .about-review-box {
    width: 50%; 
    justify-content: flex-start;
    padding: 12px 15px;
    }
    .about-review-box:nth-child(1),.about-review-box:nth-child(2){
        border-bottom: 1px solid #e8e8e8;
    }
    .about-review-box:nth-child(2):before{
        display: none;
    }
	.whatsapp-float-icon {
		height: 45px;
	}
#yoga-header{
    margin-top: 64px;
}
	.banner-image-box {
		margin-bottom: 60px !important;
	}

	.banner-main-heading {
		font-size: 34px !important;
	}

	.banner-image {
		border: 2px solid #b7084f !important;
		padding: 4px !important;
		width: 415px !important;
		height: 415px !important;
	}

	.banner-text-all-wrap p {
		text-align: center;
		width: 100%;
	}

	.banner-text-all-wrap {
		width: 100% !important;
	}

	#yoga-ttc-banner {
		height: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		padding: 120px 0 60px !important;
	}

	.banner-image-wrap {
		position: static !important;
		order: -2;
	}

	#yoga-ttc-banner .wrap {
		display: none !important;
	}


	#steps .date-free-box,
	.my-tab-inner-content-image,
	.overlap-form-fields,
	.yoga-banner-content-box2 {
		width: 100%
	}

	.overlap-form-fields .form-input {
		margin-bottom: 10px;
		width: 49%
	}

	#trustpilot .slick-slide {
		margin: 25px 15px
	}

	#testimonial .slick-slide {
		margin: 0 8px 15px
	}

	.row-image-wrap .slick-slide,
	.team-guru-wrap .slick-slide {
		margin: 0 6px
	}

	.fooditarian-logo-image {
		width: 70px;
		height: 70px
	}

	.cc3 {
		column-count: 1
	}

	#steps .upcoming-dates-box {
		width: 48.5%;
		margin-bottom: 45px;
		border: none
	}

	#steps .date-info::before {
		right: 0;
		top: auto;
		left: 0;
		bottom: -3px
	}

	#steps .upcoming-dates-box .theme-button {
		font-size: 18px;
		padding: 8px 28px;
		margin-bottom: 0
	}

	#steps .date-enroll {
		width: 100%;
		margin-bottom: -20px
	}

	#steps .date-free-type {
		width: 50%;
		margin-bottom: 32px
	}

	#steps .date-info {
		width: 100%;
		margin-bottom: 30px
	}

	.upcoming-date-head,
	.yoga-banner-heading br {
		display: none
	}

	.upcoming-dates-wrap {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap
	}

	.timeline-box {
		width: 45%;
		margin-bottom: 60px
	}

	.timeline-box:nth-child(2):before {
		transform: rotateX(180deg) rotateZ(284deg);
		left: 0;
		right: 0;
		top: auto;
		bottom: -42px
	}

	.timeline-box:nth-child(3):before {
		left: -16%;
		right: auto;
		transform: rotateY(180deg)
	}

	.timeline-box:nth-child(4) {
		order: 3
	}

	.timeline-box:nth-child(3) {
		order: 4
	}

	.timeline-box::before {
		right: -16%
	}

	.steps-box {
		padding: 0 10px
	}

	.online-yttc-list-box.mb-0 {
		margin-bottom: 30px !important
	}

	.online-yttc-list-image-wrap {
		width: 75px;
		height: 75px
	}

	.online-yttc-list-content {
		width: calc(100% - 95px)
	}

	.yoga-alliance-iso {
		height: 70px
	}

	.room-image {
		height: 200px
	}

	.room-image-box {
		width: 49%;
		margin-bottom: 15px
	}

	.facility-wrap .facility-box {
		width: 49%;
		border-right: 1px solid #ddd !important
	}

	.facility-box:nth-child(2n) {
		border-right: none !important
	}

	.schedule-info-center-box {
		width: 100%;
		margin-top: 22px
	}

	.schedule-box {
		margin-bottom: 30px
	}

	.schedule-info-left-box,
	.schedule-info-right-box {
		width: 100%;
		margin-top: 35px
	}

	.curriculam-box .curriculam-heading {
		text-align: center
	}

	.curriculam-left-box {
		width: 295px;
		height: 295px;
		margin: auto
	}

	.curriculam-right-box {
		width: 100%;
		margin-top: 25px
	}

	.my-tab-inner-content-detail {
		width: 100%;
		padding: 35px 20px 25px
	}

	#about-us #pills-tab .nav-item {
		width: 100%;
		margin: 7px 0
	}

	.common-heading {
		font-size: 30px;
		margin-bottom: 36px
	}

	.emotional-iframe {
		width: 100%;
		height: 400px
	}

	.yoga-banner-content-box1,
	.yoga-banner-content-box3 {
		width: 50%;
		order: 2;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.banner-highlights-icon {
		width: 20px;
		height: 20px
	}

	.banner-highlights-text {
		font-size: 14px
	}

	.yoga-banner-counter-heading {
		padding-bottom: 0 !important;
		border-bottom: none !important;
		font-size: 15px;
		margin-bottom: 12px
	}

	.my-counter-box {
		width: 50%
	}

	.yoga-banner-button-wrap {
		margin-bottom: 25px
	}

	.yoga-banner-counter-count {
		font-size: 20px;
		margin-bottom: 2px
	}

	.yoga-banner-heading {
		font-size: 24px
	}

	.yoga-banner-content,
	.yoga-banner-content-top,
	.yoga-banner-content-yaimage,
	.yoga-banner-heading {
		margin-bottom: 7px
	}

	.yoga-banner-starting-from {
		font-size: 26px
	}
}

@media(max-width:768px) {
	.other-excursion-box {
		height: 380px
	}
	.ayush-ministry-image{
	    width: 100%;
	}
	#contact-form .theme-button,
	#steps .upcoming-dates-box,
	.steps-box {
		width: 100%
	}

	#steps #pills-tab {
		flex-wrap: wrap
	}

	#steps #pills-tab .nav-item {
		width: 100%;
		margin-bottom: 10px
	}

	#steps #pills-tab .nav-item .theme-button {
		display: block;
		text-align: center;
		width: 100%
	}

	.room-image-box {
		margin-bottom: 9px
	}

	.room-image {
		height: 150px
	}



	.cc2 {
		column-count: 1
	}

	.whatsapp-header {
		padding: 6px 0 6px 10px;
		margin-left: 4px
	}

	.banner-highlights-wrap {
		display: none
	}

	.yoga-banner-content-yaimage {
		width: 85px
	}

	.yoga-banner-heading {
		font-size: 22px
	}

	.whatsapp-icon {
		width: 32px;
		height: 32px
	}

	#yoga-header .theme-button-alt {
		font-size: 15px;
		padding: 5px 12px
	}

	.button-icon-header {
		width: 20px;
		height: 20px;
		margin-right: 6px
	}

	#yoga-header .theme-button-alt.me-3 {
		margin-right: 8px !important
	}

	.yoga-header-logo {
		width: 128px;
		height: 42px
	}

	body {
		padding: 0 8px
	}
}

@media(max-width:520px) {
	.sarvodaya-team-box {
		overflow: hidden
	}

	.sarvodaya-team-image {
		width: 100%;
		height: 380px;
		object-position: 100% 26%;
		border-radius: 0 0 80px 80px
	}

	.sarvodaya-team-content-wrap {
		width: 100%;
		padding-left: 30px
	}

	#main-timer-banner li span {
		font-size: 1.9rem
	}

	#main-timer-banner li {
		padding: 1em .8em;
		font-size: .8em
	}

	.main-timer-big-heading {
		font-size: 32px
	}

	.main-timer-points {
		font-size: 16px
	}

	.main-timer-icon {
		width: 38px;
		height: 38px
	}

	.timeline-heading {
		font-size: 13px
	}

	.timeline-icon {
		width: 21px;
		height: 21px;
		margin-right: 6px
	}

	.timeline-heading-wrap {
		padding: 5px 3px
	}

	.timeline-box::before {
		right: -16%;
		width: 18px;
		margin: auto;
		height: 18px
	}

	#team .theme-button,
	#yoga-alliance-image .theme-button {
		width: 100%;
		display: block
	}

	#team .theme-button.me-2,
	#yoga-alliance-image .theme-button.me-2 {
		margin-right: 0 !important;
		margin-bottom: 8px !important
	}

	.facility-wrap .facility-box {
		width: 100% !important;
		border-right: none !important;
		border-bottom: 1px solid #ddd !important
	}

	.facility-wrap .facility-box:last-child {
		border-bottom: none !important
	}

	.common-heading {
		font-size: 26px
	}

	.emotional-iframe {
		height: 310px
	}

	.yoga-banner-heading {
		font-size: 22px
	}

	.yoga-banner-counter-count {
		font-size: 15px
	}

	.yoga-banner-counter-heading {
		font-size: 12px
	}

	.theme-button-float.last {
		color: #fff;
        line-height: normal;
        font-size: 14px;
        font-weight: 500;
        padding: 2px 11px;
        margin-right: 3px;
        transition: .3s;
        display: inline-block;
        border: 1px solid #b7084f;
	}
}

@media(max-width:480px) {
.ti-widget[data-layout-id='74'][data-set-id='default'] .ti-modal{
            width: 85% !important;
    }
.about-review-text2 {
    font-size: 11px; 
}
    .about-review-box {
        padding: 10px 8px;
    }
    .about-review-icon {
    width: 40px;
    height: 40px;
    padding: 7px; 
    }
    .about-review-text1 {
    font-size: 18px;
    line-height: 0.8;
}
	.other-excursion-box {
		height: 445px;
	}

	.banner-image {
		width: 300px !important;
		height: 300px !important;
	}

	.banner-main-heading {
		font-size: 28px !important;
	}

	.whatsapp-float-icon {
		height: 40px;
	}

	.row-image {
		height: 240px
	}

	.book-image {
		height: 520px
	}

	#yoga-header .theme-button-alt.me-3,
	.yoga-banner-content-box1,
	.yoga-banner-content-box3 {
		display: none
	}

	.main-timer-list-box {
		padding-right: 14px
	}

	.heading-top-text {
		font-size: 13px;
		padding: 2px 8px
	}

	.heading-top-line-left,
	.heading-top-line-right {
		height: 7px
	}

	.team-guru-image {
		height: 380px
	}

	.other-excursion-box {
		height: 390px
	}

	.emotional-iframe {
		height: 245px
	}

	.yoga-alliance-iso {
		height: 38px
	}

	.common-heading {
		font-size: 24px
	}

	.room-image {
		height: 280px
	}

	.yoga-banner-all-content-wrap {
		height: 92%
	}

	p.text-center .theme-button-alt {
		display: block !important;
		width: 100% !important
	}

	p.text-center .theme-button-alt.me-3 {
		margin-right: 0 !important;
		margin-bottom: 8px !important
	}
}

@media(max-width:451px) {
	.room-image {
		height: 230px
	}

	.testimonial-video-image {
		height: auto
	}

	#testimonial .slick-slide {
		margin: 0 17px 15px
	}
}


.offer-popup-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(0 0 0 / .5);
	z-index: 998;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	display: none;
	justify-content: center;
	align-items: center
}

.offer-popup-backdrop.show {
	display: none
}

.yoga-offer-popup {
	width: 95%;
	max-width: 520px;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 15px 40px rgb(0 124 52 / .2);
	position: relative;
	animation: popupSlideIn 0.6s cubic-bezier(.175, .885, .32, 1.275)
}

.yoga-offer-popup .offer-header {
	background: linear-gradient(135deg, #b7084f 0%, #d2417c 100%);
	padding: 10px;
	text-align: center;
	color: #fff;
	position: relative;
	overflow: hidden
}

.yoga-offer-popup .offer-header::before {
	content: "";
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgb(255 255 255 / .1) 0%, transparent 70%);
	animation: spin 8s infinite linear
}

.yoga-offer-popup .offer-header .icon.cross {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	background: rgb(255 255 255 / .2);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	cursor: pointer;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	border: 1px solid rgb(255 255 255 / .3);
	transition: all 0.3s ease
}

.yoga-offer-popup .offer-header .icon.cross:after {
	content: "";
	width: 70%;
	height: 70%;
	background: url(https://www.rishikulyogshalarishikesh.com/assets/img/icons/cross.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	filter: invert(100) brightness(200)
}

.yoga-offer-popup .offer-header .icon.cross:hover {
	background: rgb(255 0 0 / .164)
}

.yoga-offer-popup .offer-header .main-heading {
	font-size: clamp(16px, 2vw, 20px);
	font-weight: 700;
	margin-bottom: 5px;
	line-height: 1.4;
	position: relative;
	color: #fff;
	text-shadow: 0 2px 5px rgb(0 0 0 / .1)
}

.yoga-offer-popup .offer-header .sub-heading {
	font-size: clamp(12px, 1.4vw, 14px);
	color: #fff;
	font-weight: 400;
	max-width: 85%;
	margin: 0 auto;
	line-height: 1.4;
	opacity: .9
}

.yoga-offer-popup .content-section {
	padding: clamp(10px, 2vw, 15px)
}

.yoga-offer-popup .content-section .offer-note {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 12px;
	margin-bottom: 10px;
	background: linear-gradient(135deg, #fff9f0 0%, #cd3d770f 100%);
	padding: 10px;
	border-radius: 12px;
	border-left: 4px solid #b7084f;
	position: relative
}

.yoga-offer-popup .content-section .offer-note::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 100%;
	background: url(https://www.rishikulyogshalarishikesh.com/assets/img/icons/decor-flower.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.yoga-offer-popup .content-section .offer-note .icon {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #b7084f;
	border-radius: 50%;
	flex-shrink: 0
}

.yoga-offer-popup .content-section .offer-note .icon::after {
	content: "";
	width: 60%;
	height: 60%;
	flex-shrink: 0;
	background: url(https://www.rishikulyogshalarishikesh.com/assets/img/icons/enroll.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	filter: invert(100) brightness(100)
}

.yoga-offer-popup .content-section .offer-note .label {
	color: #b7084f;
	font-weight: 600;
	line-height: 1.4;
	font-size: clamp(13px, 1.8vw, 18px)
}

.yoga-offer-popup .content-section .offer-timer {
	background: linear-gradient(135deg, #fff9f0 0%, #f7fcff 100%);
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid rgb(0 124 52 / .1);
	position: relative;
	z-index: 1
}

.yoga-offer-popup .content-section .offer-timer::after {
	content: "";
	background: url("../images/bg-cuts-popup.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: .5
}

.yoga-offer-popup .content-section .offer-timer .extra-para {
	color: #d9534f;
	font-weight: 600;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center
}

.yoga-offer-popup .content-section .offer-timer .extra-para::before {
	content: "";
	width: 14px;
	height: 14px;
	background: url(https://www.rishikulyogshalarishikesh.com/assets/img/icons/bolt.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	filter: brightness(0) saturate(100%) invert(53%) sepia(83%) saturate(1939%) hue-rotate(322deg) brightness(84%) contrast(105%);
	animation: bounce 2s infinite
}

.yoga-offer-popup .content-section .offer-timer .timer-countdown {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px
}

.yoga-offer-popup .content-section .offer-timer .timer-countdown .timer-colon {
	font-size: clamp(24px, 3.6vw, 36px);
	font-weight: 700;
	color: #b7084f;
	border-radius: 50%
}

.yoga-offer-popup .content-section .offer-timer .timer-countdown .timer-unit {
	background: #fff;
	padding: 12px 8px;
	padding-top: 15px;
	border-radius: 7px;
	width: 70px;
	aspect-ratio: 1/1;
	height: -moz-max-content;
	height: max-content;
	box-shadow: 0 4px 8px rgb(0 0 0 / .05);
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 3px
}

.yoga-offer-popup .content-section .offer-timer .timer-countdown .timer-unit .value {
	color: #b7084f;
	font-size: clamp(24px, 3.6vw, 36px);
	line-height: 1;
	font-weight: 700
}

.yoga-offer-popup .content-section .offer-timer .timer-countdown .timer-unit .label {
	font-size: 12px;
	color: #666;
	font-weight: 700;
	letter-spacing: 1px
}

.yoga-offer-popup .content-section .offer-timer .timer-countdown .timer-unit::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, #b7084f 0%, #d2417c 100%)
}

.yoga-offer-popup .content-section form .form-group {
	display: grid;
	grid-template-columns: 1fr 1fr;
	-moz-column-gap: 12px;
	column-gap: 12px;
	row-gap: 12px;
	margin-bottom: 10px
}

.yoga-offer-popup .content-section form .form-group .form-option,
.yoga-offer-popup .content-section form .form-group .form-select,#contact-formpop .iti input,
#contact-formpop .iti input[type=tel],
#contact-formpop .iti input[type=text] {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #ddd;
	border-radius: 6px;
	box-sizing: border-box;
	font-size: clamp(12px, 1.5vw, 14px);
	position: relative;
	line-height: 1.3;
	transition: all 0.3s ease
}
#contact-formpop .iti input,
#contact-formpop .iti input[type=tel],
#contact-formpop .iti input[type=text]{
    padding-left: 60px !important;
}

.yoga-offer-popup .content-section form .form-group .form-option:focus,
.yoga-offer-popup .content-section form .form-group .form-select:focus {
	outline: none;
	border-color: #b7084f;
	box-shadow: 0 0 6px 3px rgb(206 56 117 / 10%);
}

.yoga-offer-popup .content-section form .submit-btn {
	width: 100%;
	padding: 16px;
	background: linear-gradient(135deg, #b7084f 0%, #d2417c 100%);
	color: #fff;
	border: none;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgb(187 16 85 / 35%);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	transition: 0.4s ease-in-out
}

.yoga-offer-popup .content-section form .submit-btn .icon {
	width: 20px;
	height: 20px
}

.yoga-offer-popup .content-section form .submit-btn .icon.gift {
	content: "";
	background: url(https://www.rishikulyogshalarishikesh.com/assets/img/icons/gift.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	filter: invert(100) brightness(100)
}

.yoga-offer-popup .content-section form .submit-btn:hover {
	background: linear-gradient(0deg, #b7084f 0%, #d2417c 100%);
	transform: translateY(-3px);
	transition: 0.4s ease-in-out
}

.yoga-offer-popup .offer-bottom {
	text-align: center;
	padding: 15px;
	background: #f8f9fa;
	border-top: 1px solid #e9ecef
}

.yoga-offer-popup .offer-bottom .disclaimer {
	font-size: 12px;
	color: #666;
	line-height: 1.5;
	margin-bottom: 10px
}

.yoga-offer-popup .offer-bottom .note {
	font-size: 12px;
	color: #d9534f;
	background: rgb(217 83 79 / .1);
	padding: 10px;
	border-radius: 8px;
	border-left: 3px solid #d9534f
}

.yoga-offer-popup .offer-bottom .note strong {
	font-size: inherit;
	font-weight: 600;
	color: inherit
}




@media (max-width: 576px) {
	.yoga-offer-popup .content-section form .submit-btn {
		padding: 12px
	}
}


#yoga-ttc-banner {
	background-image: linear-gradient(to right, #ffffff66, #ffffff66), url(../../images/banner-bg.jpg);
	height: 90vh;
	background-size: 50%;
	overflow: hidden;
	position: relative;
	z-index: 9;
}

.banner-image-box {
	position: relative;
	z-index: 9;
}

.banner-image-box::before {
	background-repeat: no-repeat;
	background-size: contain;
}

.banner-image-box::before {
	position: absolute;
	content: "";
	width: calc(100% + 60px);
	height: calc(100% + 60px);
	background-image: url(../../images/banner-border.png);
	right: -30px;
	top: -30px;
	z-index: -1;
	opacity: 0.2;
}

.banner-image-wrap {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	left: auto;
	width: 45%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.banner-image {
	border-radius: 50%;
	background-color: #fff;
	border: 3px solid #b7084f;
	padding: 6px;
	width: 460px;
	height: 460px;
	object-fit: cover;
	object-position: 41%;
}

#thank-section,
.wrap {
	height: 100vh;
}

.wrap {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.shape {
	width: 400px;
	height: 400px;
	background: linear-gradient(64.009163468deg, #f7f7f7 23.44140625%, #f7f7f7 23.44140625%, #f7f7f7 79.84765625%);
	animation: 4s ease-in-out infinite wave;
}

.shape:nth-of-type(2) {
	width: 800px;
	height: 800px;
	position: absolute;
	top: -200px;
	left: -400px;
	opacity: 0.07;
	z-index: -1;
}

.shape:nth-of-type(3) {
	width: 300px;
	height: 300px;
	position: absolute;
	bottom: -30px;
	right: 0;
	opacity: 1;
	display: none;
	z-index: -1;
}

@keyframes wave {

	0%,
	100% {
		border-radius: 70% 30% 72% 28%/27% 61% 39% 73%;
	}

	50% {
		border-radius: 77% 23% 54% 46%/40% 38% 62% 60%;
	}
}

.banner-bg-text {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 5px;
	color: #b7084f;
}

.banner-text-all-wrap {
	display: flex;
	justify-content: center;
	height: 100%;
	flex-direction: column;
	align-items: flex-start;
	width: 94%;
}

.banner-main-heading {
	font-size: 42px;
	font-weight: 600;
	text-align: left;
	line-height: 1.25;
}

.banner-text-para {
	font-size: 17px;
}

#yoga-ttc-banner:before {
	position: absolute;
	z-index: 2;
	filter: invert(1) drop-shadow(0px 8px 5px #333);
	width: 100%;
}

.banner-yttc-pose {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 95%;
	bottom: 0;
	object-fit: contain;
	opacity: 0.08;
	object-position: 15%;
	margin: auto;
	z-index: -1;
}


#yoga-ttc-banner .yoga-alliance-iso {
	height: auto !important;
	margin-bottom: 20px !important;
}


.indian-message {
	position: fixed;
	right: 0;
	top: 35%;
	width: 175px;
	background-color: #fff;
	box-shadow: 0 0 3px -1px #000;
	z-index: 999;
}

.indian-message-text {
	padding: 12px 12px 30px;
}

.indian-message-text p {
	font-size: 13px;
	text-align: center;
	font-weight: 600;
	line-height: normal;
}

.indian-message-link-wrap {
	background-color: #b7084f;
	padding: 8px 15px;
	position: relative;
	z-index: 9;
}

.indian-message-link-wrap:before {
	position: absolute;
	content: "";
	width: 150%;
	height: 35px;
	left: 0;
	top: -17px;
	z-index: -1;
	background-color: #b7084f;
	transform: rotate(-6deg);
}

.indian-message-link-text {
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	text-align: center;
	line-height: normal;
	margin-bottom: 8px;
}

.indian-message-link-box a {
	color: #fff !important;
	font-weight: 600;
	font-size: 16px;
}

.india-call {
	width: 15px;
	height: 15px;
	margin-top: -3px;
	margin-right: 6px;
	animation: 1s infinite tada;
}

.india-close {
	position: absolute;
	top: -15px;
	width: 25px;
	font-size: 12px;
	left: -15px;
	cursor: pointer;
	font-weight: 700;
	height: 25px;
	background-color: #b7084f;
	display: flex;
	color: #fff;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
}
.progress-wrap {
  color: white;
  position: fixed;
  right: 10px;
  bottom: 110px;
  background-color: #fff;
  height: 46px;
  width: 46px;
  cursor: pointer;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px #e0e0e0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 200ms linear;
}
.progress-wrap input {
  z-index: 10001;
}
.progress-wrap input:checked + html {
  -ms-scroll-snap-type: unset;
  scroll-snap-type: unset;
}
.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.progress-wrap::after {
  position: absolute;
  content: "↑";
  text-align: center;
  line-height: 46px;
  font-size: 24px;
  color: #b7084f;
  left: 0;
  top: -2px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 200ms linear;
}
.progress-wrap:hover::after {
  opacity: 0;
}
.progress-wrap:hover::before {
  opacity: 1;
}
.progress-wrap::before {
  position: absolute;
  content: "↑";
  text-align: center;
  line-height: 46px;
  font-size: 24px;
  opacity: 0;
  -webkit-text-fill-color: #b7084f;
  left: 0;
  top: -2px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  transition: all 200ms linear;
}
.progress-wrap svg path {
  fill: none;
}
.progress-wrap svg.progress-circle path {
  stroke: #b7084f;
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear;
}
@-webkit-keyframes tada {

	0%,
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
}

@keyframes tada {

	0%,
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
}


.upcoming-dates-box .date-info::before {
	display: none !important;
}

.upcoming-date-head .upcoming-dates-box .date-info {
	background-color: #b7084f !important;
}

.upcoming-date-head .upcoming-dates-box .date-text {
	color: #fff !important;
}

.upcoming-dates-box .date-text {
	color: #000 !important;
}

.upcoming-dates-box .date-info {
	background-color: #fff !important;
	border-left: 2px dashed #ddd !important;
}

.upcoming-dates-box .seat-left {
	background-color: #b7084f !important;
	color: #fff !important;
	font-weight: 500;
}

.upcoming-dates-box .seat-left.bg-danger {
	background-color: #e10000 !important;
}

.upcoming-dates-box .seat-left.bg-warning {
	background-color: #e26f00 !important;
}

.upcoming-dates-box .seat-left.bg-full {
	background-color: #3f8f00 !important;
}

#dates .nav.nav-pills .theme-button-alt.active:before,
#dates .nav.nav-pills .theme-button-alt:hover:before {
	transition: 0.3s !important;
	width: 100% !important;
}

#dates .nav.nav-pills .theme-button-alt.active,
#dates .nav.nav-pills .theme-button-alt:hover {
	transition: 0.3s !important;
	background-color: #b7084f !important;
	color: #fff !important;
}
.tab-para-text{
    color: #000;
}

.date-info{
    border-right: 1px dashed #ddd;
}
.upcoming-date-head .date-info{
    border-color: #b7084f !important;
}



@media(max-width:991px) {
	.upcoming-dates-box .date-info {
		border-left: none !important;
	}
	.date-info{
        border-bottom: 1px dashed #ddd;
    }
}


.marquee {
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
}

.marquee-content {
  display: inline-block;
  padding-left: 100%;
  font-weight: 500;
  color: #fff;
  animation: scroll 30s linear infinite;
}
@keyframes scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

.offer-bar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: fixed;
    left: 0;
    z-index: 99;
    top: 0;
    padding:3px 8px;
    background-color: #b7084f;
}
.timer-countdown{
    width:30%;
    display: flex;
    justify-content: center;
    color: #fff;
    flex-wrap: wrap;
    align-items: center;
}

.offer-bar .label{
    display: block;
    font-size: 10px;
    line-height: 10px;
    color: #fff;
}
.offer-bar .timer-unit{
    text-align: center;
    color: #fff;
    font-weight: 500;
}
.offer-bar .value{
    font-size: 18px;
    color: #fff;
    line-height: 8px;
}
.offer-bar .timer-colon{
    font-size: 22px;
    display: inline-block;
    color: #fff;
    margin: 0 7px;
}
.claim-offer{
    display: inline-block;
    color: #b7084f;
    font-weight: 600;
    border-radius: 5px;
    background-color: #ffffff;
    font-size: 14px;
    margin-left: 30px;
    text-transform: uppercase;
    transition: 0.3s;
    padding: 2px 10px;
    border: 1px solid #fff;
}
.claim-offer:hover{
    transition: 0.3s;
    background-color: #b7084f;
    color: #ffffff;
}
.timer-counter-down-wrap{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
#final-landing-banner{
    height: 92vh;
    position: relative;
    border-radius: 7px;
    overflow: hidden;
    z-index: 9;
}
#final-landing-banner:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(0 0 0 / 67%) 0%, rgb(0 0 0 / 51%) 100%);
    z-index: 1;
}
.final-landing-image{
    display: block;
    width:100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: -2;
    object-fit: cover;
}
#final-landing-banner .banner-text-all-wrap{
    position: relative;
    z-index: 9;
}
#final-landing-banner .banner-text-all-wrap{
    align-items: center;
}
.sarvodaya-info.team-text-intro{
    color: #000;
}
.yoga-banner-starting-from del{
    display: inline-block;
    color: #cbcbcb;
    font-size: 24px;
    margin-left: 8px;
    font-weight: 400;
}
.tridpop-slide{
    position: fixed;
    top:30%;
    left: -240px;
    width:220px;
    border: 2px solid #00852f;
    transition: 0.5s;
    background-color: #fff;
    z-index: 99;
}
.tridpop-bravo{
    background-color: #00852f;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    padding: 10px 5px;
}
.tridpop-text{
    text-decoration: underline;
    text-align: center;
    padding: 2px 12px;
}
.tridpop-image{
    width: 100%;
    height: 38px;
    object-fit: contain;
    padding: 0px 10px;
    object-position: center;
    margin-bottom: 13px;
}
.tridpop-slide-close{
    position: absolute;
    top: -8px;
    right: -8px;
    cursor: pointer;
    background-color: #00852f;
    border-radius: 50%;
    width: 25px;
    color: #fff;
    height: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    z-index: 999;
}
.whatsapp {
    left: 16px;
    padding: 5px;
    width: 45px;
    background-color: #0e9e15;
    height: 45px;
    border-radius: 50%;
    animation: 1.3s infinite pulse-animationn-whatsapp;
    position: fixed;
    bottom: 70px;
    z-index: 9999;
}
.whatsapp-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.offer-bar{
    width:calc(100% + 30px);
    margin-left: -15px;
}
.tick-mark-notice{
    width: 20px;
    height: 20px;
    display: inline-block;
    object-fit: contain;
    margin-right: 10px;
}
@keyframes pulse-animationn-whatsapp {
    0% {
        box-shadow: 0 0 0 0 #30be3a
    }
    100% {
        box-shadow: 0 0 0 14px transparent
    }
}
@media(max-width:1400px){
    .trustpilot-icon {
    height: 45px; 
    }
    .facility-box{
            width: 24.6%;
    }
    .emotional-iframe{
        height: 475px;
    }
    .my-tab-content {
        width: 62%;
    }
    .tab-image {
        width: 38%;
        height: 185px;
    }
    .tab-heading {
        font-size: 16px;
        font-weight: 600; 
    }
    .tab-para-text {
        line-height: normal;
    }
}
@media(max-width:1200px){
    .trustpilot-icon {
        height: 38px;
    }
        .facility-box {
        width: 32.9%;
    }
        .emotional-iframe {
        height: 465px;
        width: 88%;
    }
    .marquee {
        width: 65%; 
    }
    .timer-countdown{
        width:35%; 
    }
    .video-review-box {
        height: 175px;
    }
    .my-tab-inner-content-image {
    height: 485px; 
    }
    .schedule-info-left-box, .schedule-info-right-box {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .schedule-box{
        width:48.3%;
    }
        .schedule-image {
        height: 440px; 
        }
    .schedule-info-center-box {
        width: 100%;
        margin: 35px 16px;
    }
}
@media(max-width:991px){
    #trustpilot .slick-slide {
		margin: 25px 0px;
		padding: 0px 25px;
	}
	#trustpilot .trustpilot-review-box{
	    margin:2px 0px !important;
	}
    #guru .team-guru-image{
        height: 315px;
    }
        .emotional-iframe {
        height: 400px;
        width: 100%;
    }
    .other-excursion-box {
		height: 360px;
	}
        .schedule-image {
        height: 380px;
    }
    .final-landing-image {
        object-position: 32%;
    }
    .marquee {
        width: 100%; 
    }
    .video-review-box {
        height: 190px;
    }
    #contact-form .theme-button{
        width:100%;
    }
    .timer-counter-down-wrap{
        width: 100%;
        margin: 10px 0;
    }
    .timer-countdown{
        width:100%; 
    }
    .schedule-info-right-box{
        margin-top: 15px;
    }
}
@media(max-width:768px){
    .offer-bar{
        width:calc(100% + 16px);
        margin-left: -8px;
    }
    .other-yttc-certificate-box {
        width: 100%;
    }
    #guru .team-guru-image{
        height: 345px;
    }
    .schedule-box {
        width: 100%;
    }
    .other-excursion-box{
        height: 420px;
    }
        .schedule-image {
        height: 270px;
    }
    .emotional-iframe {
        height: 295px;
    }
    .overlap-form-fields .form-input{
        width: 100%;
    }
    .video-review-box {
        height: 285px;
    }
}

@media(max-width:480px){
        .timeline-icon {
        width: 18px;
        height: 18px;
        margin-right: 4px;
    }
    .other-excursion-box {
        height: 475px;
    }
    .timeline-heading {
        font-size: 11px;
    }
        .schedule-image {
        height: 220px;
    }
        .timeline-box::before {
        right: -11%; 
        }
        .timeline-box:nth-child(2):before {
            bottom: -23px;
        }
        .timeline-box:nth-child(3):before {
            left: -11%;
        }
        .timeline-box {
        width: 47%;
        margin-bottom: 30px;
    }
    .theme-button.alt,.theme-button{
        width: 100% !important;
        text-align: center;
        width: 100% !important;
        margin: 8px 0 0 !important;
    }
        .my-tab-inner-content-image {
        height: 380px;
    }
    .final-landing-image {
        object-position: 36%;
    }
    .emotional-iframe {
        height: 240px;
    }
    .video-review-box {
        height: 215px;
    }
}
@media(max-width:450px){
    #guru .team-guru-image{
        height: 470px;
    }
}
#pagejumper {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 99;
}
.page-jumper-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px 8px;
}
.page-jumper-link:last-child:before{
    display: none;
}
.page-jumper-link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 18%;
    overflow: hidden;
    background-color: #fff;
    border:1px solid #b7084f;
    border-radius: 0px 0px 20px 20px;
    color: #ffff;
    padding: 5px 8px;
    position: relative;
    z-index: 9;
}
.page-jumper-link::before {
    position: absolute;
    content: "";
    right: 0;
    width: 2px;
    height: 72%;
    top: 0;
    display: none;
    bottom: 0;
    margin: auto;
    left: auto;
    border-right: 2px dashed #b7084f;
    z-index: -1;
}
.page-jumper-icon {
    width: 22px;
    height: 22px;
    object-fit: contain;
    margin-right: 8px;
}
.page-jumper-text {
    transition: 0.3s;
    font-weight: 500;
    font-size: 14px;
    color: #000;
}


@media(maz-width:992px){
    .page-jumper-link {
        padding: 3px 4px;
        width: 19%;
    }
    .page-jumper-icon {
        width: 18px;
        height: 18px;
        margin-right: 4px;
    }
    .page-jumper-text {
        font-size: 12px;
    }
}
@media (max-width: 768px) {
    .page-jumper-text {
        font-size: 10px;
    }
    .page-jumper-icon {
        width: 14px;
        height: 14px;
        margin-right: 4px;
    } 
}
@media (max-width: 640px) {
    .page-jumper-icon {
        width: 12px;
        height: 12px;
    } 
    .page-jumper-text {
        font-size: 9px;
    }
}
@media(max-width:580px){
    .page-jumper-wrap{
        padding: 0 2px;
    } 
    .page-jumper-text {
        display: block;
        width: 97%;
        text-align: center;
    }
}
@media(max-width:480px){
    .page-jumper-icon {
        margin-right: 0 !important;
        margin-bottom: 2px !important;
    }
}
@media (max-width: 414px) {
    .page-jumper-link{
        border-radius: 0px 0px 5px 5px;
        line-height: normal;
    } 
    #reel .video-review-box {
        height: 450px; 
    }
    .page-jumper-icon{
        display: none;
    }
}


.sticky-button-call-us{
             position: fixed;
             left: 0;
             bottom: 0;
             display: none;
             width: 100%;
             background-color: #f7f7f7;
             border: 1px solid #b7084f;
             border-bottom: none;
             padding: 8px 22% 8px 12%;
             z-index: 99;
         }
         .sticky-call-image{
            position: absolute;
            right: 17%;
            width: 100px;
            object-fit: contain;
            object-position: right bottom;
            height: 100px;
            bottom: 0;
         }
         .sticky-button-call-us-box{
             display: flex;
             justify-content: space-between;
             align-items: center;
             flex-wrap: wrap;
         }
         .sticky-button-call-left{
             width:50%;
         }
         .sticky-button-call-right{
             width: 35%;
         }
         .sticky-button-call-left p{
            margin-bottom: 0;
            font-size: 22px;
            font-weight: 600;
         }
         @media(max-width:1200px){
             .sticky-button-call-us {
                padding: 8px 5% 8px 15%;
            }
             .sticky-button-call-left p {
                font-size: 18px;
                line-height: normal;
            }
            .sticky-call-image {
                right: 5%; 
            }
         }
         @media(max-width:991px){
                 .sticky-button-call-us {
                    padding: 8px 0% 8px 20%;
                }
                    .sticky-call-image {
                right: 1%;
            }
            .sticky-button-call-left {
                width: 55%;
            }
            .sticky-button-call-right {
                width: 40%;
            }
            .sticky-button-call-left p {
                font-size: 16px; 
            }
            .sticky-button-call-right .theme-button {
                font-size: 14px;
                width: auto !important;
                padding: 5px 10px;
            }
         }
         @media(max-width:768px){
             .sticky-button-call-us {
                padding: 8px 0% 8px 22%;
            }
            .sticky-button-call-left p{
                text-align: center;
            }
            .sticky-button-call-left {
                width: 80%;
            }
            .sticky-button-call-right {
            width: 80%;
            text-align: center;
        }
            .sticky-button-call-left p {
                font-size: 14px;
            }
            .sticky-button-call-right .theme-button {
                font-size: 13px;
                padding: 3px 10px;
                margin-top: 8px;
            }
         }
         
         
         
         
body .ti-widget.ti-certificate.ti-dark-style{
    position: fixed;
    left: 2px;
    bottom: 80px;
    z-index: 999;
}
body .ti-widget[data-layout-id='74'][data-set-id='default'] .ti-sticky-button.ti-position-right {
    right: auto !important;
    left: 6px !important; 
}
         
.fvw__close:hover,.fvw__sound:hover{border-color:#b7084f;background:#b7084f}.fvw__close:hover,.fvw__cta:hover,.fvw__panel,.fvw__sound:hover,.fvw__video{background:#b7084f}.fvw__bubble,.fvw__panel{opacity:0;visibility:hidden}.fvw.is-closed .fvw__bubble,.fvw.is-open .fvw__panel{transform:translateY(0);opacity:1;visibility:visible}.fvw{position:fixed;right:10px;bottom:11px;z-index:1000;-webkit-font-smoothing:antialiased}.fvw *{box-sizing:border-box}.fvw__panel{position:relative;overflow:hidden;width:200px;height:335px;border:1px solid #b7084f;border-radius:20px;box-shadow:none;transform:translateY(520px);transition:transform .7s cubic-bezier(.19, 1, .22, 1),opacity .4s cubic-bezier(.19, 1, .22, 1),visibility .7s}.fvw__fallback,.fvw__scrim,.fvw__video{position:absolute;inset:0}.fvw__video{z-index:1;width:100%;height:100%;object-fit:cover;display:block}.fvw__fallback,.fvw__top{display:flex;align-items:center}.fvw__fallback{z-index:0;justify-content:center;padding:20px;text-align:center;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.6);background:linear-gradient(160deg,#7a5b94,#4a3159 60%,#221a29)}.fvw__kicker,.fvw__live{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.fvw__scrim{z-index:2;pointer-events:none;background:0 0}.fvw__foot,.fvw__sound,.fvw__top{z-index:4;position:absolute}.fvw__top{top:12px;left:12px;right:12px;justify-content:flex-end;gap:8px}.fvw__close,.fvw__live{align-items:center;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(6px)}.fvw__live{display:inline-flex;gap:7px;padding:5px 11px;border-radius:999px;background:rgba(34,26,41,.42);-webkit-backdrop-filter:blur(6px);color:#fff;line-height:1.5}.fvw__close,.fvw__sound{display:flex;width:30px;padding:0;background:rgba(34,26,41,.42);color:#fff;height:30px}.fvw__live i{display:block;width:6px;height:6px;border-radius:50%;background:#fff}.fvw__close{justify-content:center;border-radius:50%;-webkit-backdrop-filter:blur(6px);cursor:pointer;transition:background .3s cubic-bezier(.19, 1, .22, 1),transform .3s cubic-bezier(.19, 1, .22, 1)}.fvw__close svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.fvw__close:hover{transform:rotate(90deg)}.fvw__close:focus-visible{outline:#fff solid 2px;outline-offset:2px}.fvw__sound{top:52px;right:12px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;transition:background .3s cubic-bezier(.19, 1, .22, 1)}.fvw__bubble,.fvw__cta{display:flex;background:#fff;cursor:pointer}.fvw__sound svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fvw__sound .fvw-off,.fvw__sound[aria-pressed=true] .fvw-on{display:none}.fvw__sound[aria-pressed=true] .fvw-off{display:block}.fvw__foot{left:14px;right:14px;bottom:14px}.fvw__kicker{margin:0 0 4px;color:rgba(255,255,255,.72)}.fvw__title{margin:0 0 12px;font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.2px;color:#fff}.fvw__bubble b,.fvw__cta{font-weight:700;text-transform:uppercase;color:#b7084f}.fvw__cta{align-items:center;justify-content:center;gap:8px;width:100%;padding:9px 10px;border:1px solid #b7084f;font-size:12px;letter-spacing:2px;text-decoration:none;transition:background 350ms cubic-bezier(.19, 1, .22, 1),color 350ms cubic-bezier(.19, 1, .22, 1)}.fvw__cta span{transition:transform .4s cubic-bezier(.19, 1, .22, 1)}.fvw__cta:hover{color:#fff}.fvw__cta:hover span{transform:translateX(4px)}.fvw__bubble{position:absolute;right:0;bottom:0;align-items:center;gap:5px;padding:0px 8px 0px 0px;border:1px solid rgba(112,77,137,.28);border-radius:999px;box-shadow:0 18px 34px -20px rgba(34,26,41,.5);transform:translateY(120px);transition:transform .6s cubic-bezier(.19, 1, .22, 1),opacity .3s cubic-bezier(.19, 1, .22, 1),visibility .6s,box-shadow .4s cubic-bezier(.19, 1, .22, 1)}.fvw__bubble:hover{box-shadow:0 22px 40px -20px rgba(34,26,41,.6)}.fvw__bubble:focus-visible{outline:#b7084f solid 2px;outline-offset:3px}.fvw__thumb{position:relative;flex:0 0 auto;overflow:hidden;width:30px;height:30px;border-radius:50%;background:#b7084f}.fvw__thumb img{display:none;width:100%;height:100%;object-fit:cover}.fvw__thumb i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.fvw__thumb i::after{content:"";width:0;height:0;margin-left:2px;border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.fvw__bubble b{font-size:11px;white-space:nowrap}@media(max-width:1200px){.fvw__panel{width:200px;height:285px}}@media (max-width:575px){.fvw{right:14px;bottom:14px;width:168px}.fvw__panel{width:165px;height:260px;border-radius:16px;transform:translateY(360px)}.fvw.is-open .fvw__panel{transform:translateY(0)}.fvw__title{font-size:14px;margin-bottom:9px}.fvw__cta{padding:10px;font-size:9px;letter-spacing:1.4px}.fvw__sound{top:48px}.fvw__bubble{padding:6px!important}.fvw__thumb{width:34px;height:34px}.fvw__bubble b{display:none}}@media (prefers-reduced-motion:reduce){.fvw__bubble,.fvw__close,.fvw__cta,.fvw__cta span,.fvw__panel,.fvw__sound{transition-duration:1ms}}
         
         
.special-certificate-wrap{
		    display: flex;
		    justify-content: space-between;
		    flex-wrap: wrap;
		}
		.special-certifiacte-box.first,.special-certifiacte-box.third{
		    width:25%;
		}
		.special-certifiacte-box.second{
		    width:45%;
		}
		.special-certificate-image{
            width: 100%;
            border-radius: 10px;
            border: 1px solid #b7084f;
            background-color: #fff;
            padding: 5px;
            height: 440px;
            object-fit: cover;
            margin-bottom: 15px;
		}
		.special-certificate-name{
            text-align: center;
            width: 90%;
            display: block;
            margin-left: auto;
            margin-bottom: 0;
            font-size: 17px;
            margin-right: auto;
            line-height: normal;
            font-weight: 600;
		}
		@media(max-width:1400px){
		    .special-certificate-image{
		        height: 375px;
		    }
		    .special-certificate-name{
		        font-size:16px;
		    }
		}
		
		@media (max-width: 1200px) {
            .special-certificate-image {
                height: 320px;
            }
        }
		
		@media(max-width:991px){
		    .special-certifiacte-box.second {
                width: 100%;
                order: -1;
                margin-bottom: 20px;
            }
            .special-certificate-image {
                height: auto;
            }
            .special-certifiacte-box.first, .special-certifiacte-box.third {
                width: 48.5%;
            }
            .special-certifiacte-box.third .special-certificate-image,.special-certifiacte-box.one .special-certificate-image{
                height: 462px;
            }
		}
		@media(max-width:768px){
		    .special-certifiacte-box.third .special-certificate-image,.special-certifiacte-box.one .special-certificate-image{
                height: 341px;
            }
		}
		@media(max-width:575px){
		    .special-certifiacte-box.first, .special-certifiacte-box.third {
                width: 100%;
                margin-bottom: 20px;
            }
            .special-certifiacte-box.third .special-certificate-image,.special-certifiacte-box.one .special-certificate-image{
                height: auto;
            }
		}

/* ============ row image slider ============ */

.ri-slider {
	position: relative
}
.ri-viewport {
	overflow: hidden;
	width: 100%
}

/* keeps the 3px padding + 1px border inside the slide width
   so the last visible slide never gets clipped */
.ri-slider .row-image-box,
.ri-slider .row-image {
	box-sizing: border-box
}

/* arrows */
.ri-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #b7084f;
	color: #fff;
	font-size: 20px;
	line-height: 38px;
	cursor: pointer;
	opacity: .85;
	transition: opacity .2s
}
.ri-nav:hover,
.ri-nav:focus-visible {
	opacity: 1
}
.ri-prev {
	left: -8px
}
.ri-next {
	right: -8px
}

@media (max-width: 767px) {
	.ri-nav {
		width: 30px;
		height: 30px;
		font-size: 16px;
		line-height: 30px
	}
	.ri-prev {
		left: 0
	}
	.ri-next {
		right: 0
	}
}
