.all-in-one,
.gym-owner-sec .card:hover,
.struggle-wrapper {
	background-color: var(--themeYellow)
}

:root {
	--themeYellow: #FFE500;
	--bgColor: #0C0C17;
	--themeWhite: #FFFFFF;
	--themeFontColor: #121212;
	--cardBgColor: #191826
}

.run-gym-sec {
	padding-bottom: 185px
}

.run-gym-sec .common-heading {
	max-width: 856px;
	margin-left: auto;
	margin-right: auto
}

.gym-owner-sec .card,
.run-gym-sec .card {
	padding: 32px 20px;
	border-radius: 20px;
	background-color: var(--cardBgColor);
	color: var(--themeWhite);
	height: 100%
}

.card-img-box,
.run-gym-sec .card-img {
	width: 70px;
	height: 70px;
	background: var(--themeYellow);
	padding: 18px;
	border-radius: 21px;
	margin-bottom: 35px
}

.run-gym-sec h2 {
	margin-bottom: 0px
}

.run-gym-sec .card-body ul li+li {
	margin-top: 10px
}

.circle-wrapper {
	position: relative;
	width: 140px;
	height: 140px;
	display: flex;
	align-items: center;
	justify-content: center
}

.rotating-text {
	position: absolute;
	width: 100%;
	height: 100%;
	animation: 10s linear infinite spin
}

.rotating-text svg {
	width: 100%;
	height: 100%
}

.logo-center {
	position: relative;
	z-index: 2
}

.logo-m {
	font-size: 64px;
	font-weight: 700;
	line-height: 28px
}

@keyframes spin {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.all-in-one {
	color: var(--themeFontColor)
}

.all-in-right .common-heading h2 {
	font-size: 60px;
	line-height: 60px;
	letter-spacing: -2.7px;
	margin-bottom: 22px
}

.all-in-right {
	padding: 67px 0
}

.all-in-left img {
	margin-top: -78px;
	margin-bottom: -37px
}

.gym-owner-sec {
	padding: 210px 0 0px
}

.gym-owner-sec .card {
	padding: 29px 25px;
	transition: .5s ease-in-out
}

.gym-owner-sec .card:hover {
	color: var(--bgColor);
	transition: .5s ease-in-out
}

.gym-owner-sec .card h4 {
	font-size: 22px;
	line-height: 26px;
	font-weight: 700;
	margin-bottom: 23px
}

.card-img-box {
	margin: 0 auto 23px;
	transition: .5s ease-in-out
}

.gym-owner-sec .card:hover .card-img-box {
	background-color: var(--bgColor);
	transition: .5s ease-in-out
}

.gym-owner-sec .card:hover .card-img {
	filter: brightness(0) invert(1);
	transition: .5s ease-in-out
}

@media (min-width:1400.98px) {
	.daily-struggle-sec .common-heading h2 {
		font-size: 58px
	}

	.bottom-left-sec .common-heading h2,
	.straight-forward-box .common-heading h2 {
		font-size: 60px;
		line-height: 60px
	}
}

.struggle-wrapper {
	max-width: 757px;
	margin: 40px auto 0;
	border-radius: 21px
}

.faq-list,
.faq-sec-wrapper {
	max-width: 945px;
	margin: 0 auto
}

.struggle-left {
	padding: 50px 30px;
	box-shadow: 9px 8px 10.7px 0 #00000040;
	background-color: var(--cardBgColor);
	border-radius: 21px;
	height: 100%
}

.struggle-right {
	padding: 50px 17px;
	color: var(--bgColor);
	font-weight: 700;
	height: 100%
}

.bottom-left-sec a,
.bottom-sec,
.straight-forward-box {
	color: var(--themeFontColor)
}

.struggle-wrapper h4 {
	text-align: center;
	font-size: 22px;
	font-weight: 700
}

.struggle-wrapper ul {
	padding: 0;
	margin: 0;
	list-style-type: none
}

.struggle-left ul li,
.struggle-right ul li {
	background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="%23F15249"/><path d="M6.96484 17.4133L13.438 23.8865C18.8891 23.2429 23.2046 18.9653 23.886 13.5142L17.3749 7.00317L6.96484 17.4133Z" fill="%23AD0E0E"/><path d="M17.6778 14.6499C18.2077 15.1798 18.2077 16.0884 17.6778 16.6183L16.6178 17.6783C16.0879 18.2082 15.1793 18.2082 14.6494 17.6783L6.3213 9.3502C5.79134 8.82023 5.79134 7.91171 6.3213 7.38174L7.4191 6.28395C7.94906 5.75398 8.85758 5.75398 9.38755 6.28395L17.6778 14.6499Z" fill="white"/><path d="M13.2871 10.2207L10.2208 13.2869L14.6498 17.6781C15.1798 18.2081 16.0883 18.2081 16.6183 17.6781L17.7161 16.5803C18.2461 16.0504 18.2461 15.1418 17.7161 14.6119L13.2871 10.2207Z" fill="%23D6D6D6"/><path d="M14.6494 6.32179C15.1793 5.79182 16.0879 5.79182 16.6178 6.32179L17.7156 7.41958C18.2456 7.94955 18.2456 8.85807 17.7156 9.38804L9.3497 17.6783C8.81973 18.2082 7.91121 18.2082 7.38124 17.6783L6.3213 16.6183C5.79134 16.0884 5.79134 15.1798 6.3213 14.6499L14.6494 6.32179Z" fill="white"/></svg>') left top 40px no-repeat;
	padding-left: 42px;
	position: relative;
	padding-top: 40px;
	margin-bottom: 40px
}

.struggle-right ul li {
	background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="%2332BA7C"/><path d="M8.93372 17.4132L15.1041 23.5836C20.2145 22.2208 24 17.5646 24 12V11.6593L19.1545 7.19238L8.93372 17.4132Z" fill="%230AA06E"/><path d="M12.3029 14.6877C12.8329 15.2177 12.8329 16.1262 12.3029 16.6562L11.2051 17.754C10.6751 18.2839 9.76663 18.2839 9.23666 17.754L4.42909 12.9085C3.89912 12.3786 3.89912 11.4701 4.42909 10.9401L5.52688 9.8423C6.05685 9.31233 6.96537 9.31233 7.49534 9.8423L12.3029 14.6877Z" fill="white"/><path d="M16.5046 6.32179C17.0346 5.79182 17.9431 5.79182 18.4731 6.32179L19.5709 7.41958C20.1008 7.94955 20.1008 8.85807 19.5709 9.38804L11.2428 17.6783C10.7128 18.2082 9.80429 18.2082 9.27432 17.6783L8.17653 16.5805C7.64656 16.0505 7.64656 15.142 8.17653 14.612L16.5046 6.32179Z" fill="white"/></svg>') left top 40px no-repeat
}

.struggle-left ul li+li::before,
.struggle-right ul li+li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	background: url(images/line1.webp) center no-repeat
}

.struggle-right ul li+li::before {
	background: url(images/line2.webp) center no-repeat
}

.straight-forward-sec {
	padding: 0 30px
}

.straight-forward-left .common-heading h2 {
	text-shadow: 0 6px 5.9px #000000BF;
	letter-spacing: 1px
}

.straight-forward-sec-wrap {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
	padding: 107px 0 62px
}

.straight-forward-box {
	background: var(--themeYellow);
	padding: 33px 25px;
	border-radius: 12px
}

.straight-forward-box .common-btn {
	padding: 11px 28px;
	color: var(--themeWhite)
}

.straight-forward-box .common-heading h2 {
	margin-bottom: 16px
}

.straight-forward-box .common-heading h2 small {
	font-size: 32px;
	font-weight: 400
}

.faq-sec {
	padding: 150px 0;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 30%
}

.faq-list {
	display: flex;
	flex-direction: column;
	gap: 30px
}

.faq-item {
	background: var(--cardBgColor);
	border-radius: 16px;
	overflow: hidden;
	padding: 37px 26px;
	box-shadow: 0 24.56px 32.74px -14.73px #0c0c17
}

.faq-question {
	display: flex;
	align-items: center;
	gap: 18px;
	cursor: pointer;
	user-select: none;
	font-weight: 600;
	font-size: 18px;
	line-height: 130%
}

.faq-icon {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	background: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect opacity="0.8" y="7.5" width="18" height="3" rx="1.5" fill="white"/><rect opacity="0.8" x="10.5" width="18" height="3" rx="1.5" transform="rotate(90 10.5 0)" fill="white"/></svg>') center no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative
}

.faq-item.active .faq-icon {
	background: url('data:image/svg+xml,<svg width="22" height="3" viewBox="0 0 22 3" fill="none" xmlns="http://www.w3.org/2000/svg"><rect opacity="0.8" width="22" height="3" rx="1.5" fill="%23FFE308"/></svg>') center no-repeat
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height .45s cubic-bezier(.4, 0, .2, 1), padding .35s, opacity .35s;
	opacity: 0;
	font-size: 14px;
	line-height: 151%;
	letter-spacing: .1px
}

.faq-item.active .faq-answer {
	max-height: 600px;
	opacity: 1;
	padding-top: 30px
}

.bottom-sec {
	background: var(--themeYellow);
}

.bottom-left-sec {
	padding: 38px 0
}

.bottom-left-sec .common-heading p {
	font-size: 22px;
	line-height: 24px;
	letter-spacing: -.13px
}

.bottom-left-sec a {
	text-decoration: underline
}

@media (max-width:1400.98px) {
	.common-heading h2 {
		font-size: 56px;
		line-height: 68px
	}

	.all-in-right {
		padding: 47px 0
	}

	.all-in-right .common-heading h2 {
		font-size: 50px;
		line-height: 54px
	}

	.gym-owner-sec {
		padding: 150px 0 0px
	}

	.straight-forward-box .common-heading h2 small {
		font-size: 24px
	}

	.faq-sec {
		padding: 80px 0
	}
}

@media (max-width:1199.98px) {
	.scene {
		bottom: -82px
	}

	.straight-forward-sec-wrap {
		padding: 60px 0
	}
}

@media (max-width:991.98px) {

	.all-in-right .common-heading h2,
	.common-heading h2 {
		font-size: 42px;
		line-height: 50px
	}

	.scene {
		right: 0
	}

	.run-gym-sec {
		padding-bottom: 120px
	}

	.all-in-left img {
		margin-top: 0
	}

	.bottom-sec {
		background-image: none;
		text-align: center
	}
}

@media (max-width:767.98px) {

	.all-in-right .common-heading h2,
	.common-heading h2 {
		font-size: 32px;
		line-height: 44px;
		letter-spacing: 0;
		margin-bottom: 15px
	}

	.circle-wrapper {
		width: 100px;
		height: 100px
	}

	.scene {
		bottom: -45px
	}

	.logo-m {
		font-size: 48px
	}

	.run-gym-sec {
		padding-bottom: 90px
	}

	.all-in-right,
	.straight-forward-sec-wrap {
		padding: 40px 0
	}

	.struggle-wrapper {
		max-width: 400px
	}

	.struggle-left,
	.struggle-right {
		padding: 35px 17px
	}

	.straight-forward-box {
		max-width: 350px;
		margin: 0 auto
	}

	.faq-sec {
		padding: 60px 0 40px
	}

	.faq-list {
		gap: 15px
	}

	.bottom-left-sec .common-heading p {
		font-size: 18px
	}
}

@media (max-width:575.98px) {

	.all-in-right .common-heading h2,
	.common-heading h2 {
		font-size: 26px;
		line-height: 36px
	}

	.struggle-left ul li,
	.struggle-right ul li {
		background-position: left top 25px;
		padding-top: 25px;
		margin-bottom: 25px
	}
}

.card_icn {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 35px;
}

.card_icn img {
	margin: 0 !important;
	min-width: 70px;
}

.card_icn h2 {
	font-size: 27px;
}

html {
	overflow-x: hidden;
}

.scene {
	position: fixed;
	bottom: 15px;
	right: 15px;
	pointer-events: none;
	z-index: 5;
	transform: translate(0, 0);
	transition: transform 0.1s linear;
}

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

@media (max-width:575.98px) {
	.banner-right {
		display: none;
	}

	.card_icn {
		margin-bottom: 25px;
		gap: 15px;
	}

	.main-footer {
		padding-bottom: 85px;
	}

	header.main-header,
	header.main-header.fixed-top {
		padding: 20px 0 !important;
	}

	.scene {
		display: none;
	}

	.card_icn img {
		min-width: 60px;
		width: 60px !important;
		height: 60px !important;
		padding: 15px !important;
		border-radius: 15px !important;
	}

	.card-body.p-0 ul {
		padding-left: 15px;
	}

	.btns-group .common-btn {
		min-width: 100px;
		padding: 10px 15px;
		font-size: 13px;
	}

	.card_icn h2 {
		font-size: 23px;
	}

	.book-demo {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 999;
		left: 0;
		padding: 13px 13px 7px;
		background: #ffffff38;
		backdrop-filter: blur(5px);
		border-radius: 10px 10px 0 0;
	}

	.book-demo .common-btn {
		width: 100%;
		padding: 12px;
		font-size: 13px;
		font-weight: 500;
	}
}

/* Review Section */
.review-sec {
	padding: 100px 0;
}
.review-sec .common-heading p{
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.13px;
    margin-bottom: 45px;
}

.review-carousel-wrap {
	position: relative;
	display: flex;
	align-items: center;
	gap: 16px;
}

.review-track-wrap {
	overflow: hidden;
	flex: 1;
}

.review-track {
	display: flex;
	gap: 24px;
	transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.review-card {
	flex: 0 0 calc((100% - 48px) / 3);
	background: var(--cardBgColor);
	border-radius: 20px;
	padding: 32px 28px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.review-stars {
	display: flex;
	gap: 4px;
	color: var(--themeYellow);
	font-size: 16px;
}

.review-text {
	color: var(--themeWhite);
	font-size: 15px;
	line-height: 1.7;
	flex: 1;
    margin: 0;
}

.review-author span {
	color: var(--themeYellow);
	font-size: 15px;
	font-weight: 600;
}

.review-btn {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: var(--cardBgColor);
	color: var(--themeWhite);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	transition: 0.3s ease;
}

.review-btn:hover {
	background: var(--themeYellow);
	color: var(--themeFontColor);
	border-color: var(--themeYellow);
}

@media (max-width: 991.98px) {
	.review-sec {
		padding: 80px 0;
	}

	.review-card {
		flex: 0 0 calc((100% - 24px) / 2);
		padding: 24px 20px;
	}
}

@media (max-width: 767.98px) {
	.review-sec {
		padding: 60px 0;
	}

	.review-card {
		padding: 20px 18px;
		gap: 16px;
	}

	.review-btn {
		width: 40px;
		height: 40px;
		font-size: 12px;
	}
}

@media (max-width: 575.98px) {
	.review-sec {
		padding: 50px 0;
	}

	.review-carousel-wrap {
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}

	.review-track-wrap {
		flex: 0 0 100%;
		order: 1;
	}

	.review-prev {
		order: 2;
	}

	.review-next {
		order: 3;
	}

	.review-card {
		flex: 0 0 100%;
		padding: 20px 16px;
	}

	.review-text {
		font-size: 14px;
	}
}