/* ----------------------------------------------------------------------------------------
* Author        : Awaiken
* Template Name : Fitwell - Fitness and Gym HTML Template
* File          : CSS File
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Header css
04. Hero css
05. Scrolling Ticker css
06. About Us css
07. Our Services css
08. Why Choose Us css
09. Our Pricing css
10. Our Team css
11. Our Faqs css
12. Our Testimonials css
13. Our Blog css
14. CTA Box css
15. Footer css
16. About Us Page css
17. Services Page css
18. Service Single css
19. Blog Archive css
20. Blog Single css
21. Projects Page css
22. Project Single css
23. Team Page css
24. Team Single css
25. Pricing Page css
26. Testimonials Page css
27. Image Gallery css
28. Video Gallery css
29. FAQs Page css
30. Contact Us Page css
31. 404 Error Page css
32. Responsive css
-------------------------------------------------------------------------------------- */

/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/

:root{
	--primary-color				: #FFFFFF;
	--secondary-color			: #202737;
	--text-color				: #F2F2F2;
	--accent-color				: #8bc42d;
	--accent-secondary-color	: #171E2E;
	--divider-color				: #FFFFFF24;
	--error-color				: rgb(230, 87, 87);
	--default-font				: "Rubik", sans-serif;
	--accent-font				: "Rajdhani", sans-serif;
	--page-header-title-size	: clamp(52px, 5.5vw, 82px);
	--page-header-breadcrumb-size: 15px;
}


/************************************/
/*** 	   02. General css		  ***/
/************************************/

body{
	position: relative;
	font-family: var(--default-font);
	font-size: 18px;
	font-weight: 400;
	line-height: 1em;
	color: var(--text-color);
	background: var(--primary-color);
}

/* Light theme for the home page body content only. */
.light-body-theme .about-us,
.light-body-theme .our-services,
.light-body-theme .why-choose-us,
.light-body-theme .our-pricing,
.light-body-theme .our-team,
.light-body-theme .our-faqs,
.light-body-theme .our-testimonials,
.light-body-theme .our-blog{
	color: #4B5563;
	background-color: var(--primary-color);
	background-image: none;
}

.light-body-theme .our-services,
.light-body-theme .our-pricing,
.light-body-theme .our-faqs,
.light-body-theme .our-blog{
	background-color: #F6F7F9;
}

.light-body-theme .about-us h2,
.light-body-theme .about-us h3,
.light-body-theme .our-services .section-title h2,
.light-body-theme .why-choose-us h2,
.light-body-theme .why-choose-us h3,
.light-body-theme .our-pricing h2,
.light-body-theme .our-pricing h3,
.light-body-theme .our-team .section-title h2,
.light-body-theme .our-faqs h2,
.light-body-theme .our-faqs h3,
.light-body-theme .our-testimonials h2,
.light-body-theme .our-testimonials h3,
.light-body-theme .our-blog .section-title h2,
.light-body-theme .our-blog .post-item-content h2{
	color: var(--accent-secondary-color);
}

.light-body-theme .section-bg-title span,
.light-body-theme .light-section .section-title .section-bg-title span{
	color: #E8EBEF;
	background: none;
	-webkit-text-stroke: 0;
}

.light-body-theme .about-us-body-item::before,
.light-body-theme .why-choose-step-item::after{
	background: #D9DEE5;
	border-color: #D9DEE5;
}

.light-body-theme .why-choose-step-no{
	background-color: var(--primary-color);
	border-color: #D9DEE5;
}

.light-body-theme .pricing-item{
	background-color: var(--primary-color);
	border: 1px solid #E1E5EA;
	border-radius: 18px;
	box-shadow: 0 12px 35px rgba(23, 30, 46, 0.07);
}

.light-body-theme .pricing-item.highlighted-box:before{
	display: none;
}

.light-body-theme .faq-img-2{
	border-color: #F6F7F9;
}

.light-body-theme .faq-accordion .accordion-item{
	border: 1px solid #E1E5EA;
	box-shadow: 0 8px 24px rgba(23, 30, 46, 0.05);
}

.light-body-theme .testimonial-btn-prev:hover,
.light-body-theme .testimonial-btn-next:hover{
	background-color: var(--accent-secondary-color);
}

.light-body-theme .testimonial-btn-prev:hover::before,
.light-body-theme .testimonial-btn-next:hover::before{
	color: var(--primary-color);
}

/* Text placed over photographs remains light for contrast. */
.light-body-theme .service-content h3,
.light-body-theme .team-content h3{
	color: var(--primary-color);
}

.light-body-theme .section-footer-text p a:hover,
.light-body-theme .post-item-content h2 a:hover{
	color: #7A8F00;
}

::-webkit-scrollbar-track{
	background-color: var(--primary-color);
	border-left: 1px solid var(--primary-color);
}
::-webkit-scrollbar{
	width: 7px;
	background-color: var(--primary-color);
}
::-webkit-scrollbar-thumb{
	background: var(--accent-color);
}

::selection{
	color: var(--accent-secondary-color);
	background-color: var(--accent-color);
	text-shadow: none;
}

::-moz-selection{
	color: var(--accent-secondary-color);
	background-color: var(--accent-color);
	text-shadow: none;
}

p{
	line-height: 1.6em;
	margin-bottom: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6{
	margin :0;
	font-family: var(--accent-font);
	font-weight: 700;
	line-height: 1.2em;
	color: var(--primary-color);
}

figure{
	margin: 0;
}

img{
	max-width: 100%;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	outline: 0;
}

a:focus{
	text-decoration: none;
	outline: 0;
}

html,
body{
	width: 100%;
	overflow-x: clip;
}

.container{
	max-width: 1300px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl{
    padding-right: 15px;
    padding-left: 15px;
}

.image-anime{
	position: relative;
	overflow: hidden;
}

.image-anime:after{
	content: "";
	position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}

.image-anime:hover:after{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.reveal{
	position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: hidden;
    overflow: hidden;
}

.reveal img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.row{
    margin-right: -15px;
    margin-left: -15px;
}

.row > *{
	padding-right: 15px;
	padding-left: 15px;
}

.row.no-gutters{
    margin-right: 0px;
    margin-left: 0px;
}

.row.no-gutters > *{
    padding-right: 0px;
    padding-left: 0px;
}

.btn-default{
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	line-height: 1em;
	text-transform: capitalize;
	background: var(--accent-color);
	color: var(--accent-secondary-color);
	border-radius: 100px;
	padding: 17px 30px;
	margin-right: 38px;
	border: none;
	transition: all 0.5s ease-in-out;
	position: relative;
	z-index: 1;
}

.btn-default::before{
	content: '';
	position: absolute;
	top: 50%;
	right: -38px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 3px solid var(--accent-secondary-color);
	background-color: var(--accent-color);
	background-image: url('../images/arrow-black.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px auto;
	transform: translateY(-50%) rotate(-45deg);
	transition: all 0.3s ease-in-out;
}

.btn-default:hover::before{
	background-color: var(--primary-color);
	transform: translateY(-50%) rotate(0deg);
}

.btn-default::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
  	left: 50%;
  	right: 50%;
  	opacity: 0;
	background: var(--primary-color);
	border-radius: 100px;
	transition: all 0.4s ease-in-out;
	z-index: -1;
}
  
.btn-default:hover::after{
	left: 0;
  	right: 0;
	opacity: 1;
}

.btn-default.btn-highlighted{
	border: 1px solid var(--accent-color);
	background: transparent;
	color: var(--accent-color);
	padding: 16px 30px;
}

.btn-default.btn-highlighted:hover{
	color: var(--accent-secondary-color);
}

.btn-default.btn-highlighted:hover::before{
	background-color: var(--accent-color);
}

.btn-default.btn-highlighted:hover::after{
	background: var(--accent-color);
}

.readmore-btn{
	position: relative;
	font-size: 20px;
	font-weight: 500;
	text-transform: capitalize;
	color: var(--accent-color);
	padding-right: 32px;
	transition: all 0.3s ease-in-out;
}

.readmore-btn:hover{
	color: var(--primary-color);
}

.readmore-btn:after{
	content: '';
    position: absolute;
	right: 0;
	top: 50%;
    transform: translate(-3px, -50%);
    background: url('../images/arrow-accent.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 25px;
	height: 24px;
	transition: all 0.3s ease-in-out;
}

.readmore-btn:hover:after{
	filter: brightness(0) invert(1);
	transform: translate(0, -50%);
}

.cb-cursor:before{
	background: var(--accent-color);
}

.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: var(--accent-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-container,
.loading{
	height: 100px;
	position: relative;
	width: 100px;
	border-radius: 100%;
}

.loading-container{
	margin: 40px auto;
}

.loading{
	border: 1px solid transparent;
	border-color: transparent var(--accent-secondary-color) transparent var(--accent-secondary-color);
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading{
	transition: all 0.5s ease-in-out;
}

#loading-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 66px;
	transform: translate(-50%, -50%);
}

@keyframes rotate-loading{
	0%{
		transform: rotate(0deg);
	}

	100%{
		transform: rotate(360deg);
	}
}

.light-section{
	background-color: var(--secondary-color);
}

.section-row{
	margin-bottom: 80px;
}

.section-row .section-title{
	margin-bottom: 0;
}

.section-row .section-title.section-title-center{
	width: 100%;
	max-width: 640px;
	text-align: center;
	margin: 0 auto;
}

.section-row .section-title.section-title-center .section-bg-title{
	width: 100%;
}

.light-section .section-title .section-bg-title span{
	color: var(--secondary-color);
}

.section-title{
	position: relative;
	margin-bottom: 40px;
	padding-top: 50px;
}

.section-bg-title{
	position: absolute;
	top: 0;
	z-index: 0;
}

.section-bg-title span{
	display: inline-flex;
    align-items: center;
    text-transform: capitalize;
	font-family: var(--accent-font);
    font-size: 100px;
    line-height: 1em;
    font-weight: 700;
	text-transform: uppercase;
    color: var(--accent-secondary-color);
	background: linear-gradient(360deg, rgba(23, 30, 46, 0) 30%, rgba(255, 255, 255, 0.3) 100%);
  	-webkit-background-clip: text;
  	-webkit-text-stroke: 2px transparent;
}

.section-title h3{
	position: relative;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6em;
    text-transform: capitalize;
    color: var(--accent-color);
    background: url('../images/icon-sub-heading.svg') no-repeat;
    background-position: left center;
    background-size: 34px auto;
    display: inline-block;
    padding-left: 44px;
    margin-bottom: 10px;
	z-index: 1;
}

.section-title h1{
	position: relative;
	font-size: 68px;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	margin-bottom: 0;
	cursor: none;
	z-index: 1;
}

.section-title h2{
	position: relative;
	font-size: 46px;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	margin-bottom: 0;
	cursor: none;
	z-index: 1;
}

.section-title h1 span,
.section-title h2 span{
	color: var(--accent-color);
}

.section-title p{
	margin-top: 20px;
	margin-bottom: 0;
}

.section-title-content p{
	margin: 0;
}

.section-btn{
	text-align: right;
}

.section-content-btn .section-btn{
	text-align: left;
	margin-top: 30px;
}

.help-block.with-errors ul{
	margin: 0;
	text-align: left;
}

.help-block.with-errors ul li{
	color: var(--error-color);
	font-weight: 500;
	font-size: 14px;
}

/************************************/
/**** 	   03. Header css		 ****/
/************************************/

header.main-header{
	position: absolute;
	top: 18px;
	width: 100%;
	z-index: 100;
}

header.main-header .header-sticky{
	position: relative;
	top: 0;
	z-index: 100;
}

header.main-header .header-sticky.hide{
	transform: translateY(-100%);
	transition: transform 0.3s ease-in-out;
	border-radius: 0;
}

header.main-header .header-sticky.active{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 0;
    transform: translateY(0);
	background: rgba(10, 18, 30, 0.94);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	border-bottom: 1px solid var(--divider-color);
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);
}

.navbar{
	padding: 0;
	align-items: center;
}

.navbar > .container{
	min-height: 108px;
	padding: 10px 20px;
	background: linear-gradient(110deg, rgba(10, 18, 30, 0.88), rgba(19, 30, 46, 0.72));
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 22px;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.navbar-brand{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	padding: 0;
	margin: 0;
}

.navbar-brand img{
	display: block;
	width: 86px;
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

header.main-header .header-sticky.active .navbar{
	padding: 0;
}

header.main-header .header-sticky.active .navbar > .container{
	min-height: 76px;
	background: transparent;
	border-color: transparent;
	border-radius: 0;
	box-shadow: none;
}

header.main-header .header-sticky.active .navbar-brand img{
	width: 76px;
}

.main-menu .nav-menu-wrapper{
	flex: 1;
	text-align: center;
	margin: 0 28px;
}

.main-menu .nav-menu-wrapper > ul{
	align-items: center;
	display: inline-flex;
}

.header-btn .btn-default{
	font-size: 15px;
	padding: 15px 25px;
}

.main-menu ul li{
	margin: 0;
	position: relative;
}

.main-menu ul li a{
	font-size: 15px;
	font-weight: 600;
	line-height: 1em;
	padding: 16px 14px !important;
	color: var(--primary-color);
	text-transform: capitalize;
	transition: all 0.3s ease-in-out;
}

.main-menu .nav-menu-wrapper > ul > li > a::before{
	content: '';
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 7px;
	height: 2px;
	background: var(--accent-color);
	border-radius: 2px;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.25s ease;
}

.main-menu .nav-menu-wrapper > ul > li:hover > a::before,
.main-menu .nav-menu-wrapper > ul > li.active > a::before{
	transform: scaleX(1);
}

.main-menu .nav-menu-wrapper > ul > li.active > a{
	color: var(--accent-color);
}

.main-menu ul li.submenu > a:after{
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 14px;
	margin-left: 8px;
}

.main-menu ul li a:hover,
.main-menu ul li a:focus{
	color: var(--accent-color);
}

.main-menu ul ul{
	visibility: hidden;
	opacity: 0;
	transform: scale(1, 0.8);
	transform-origin: top;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 235px;
	border-radius: 20px;
	position: absolute;
	left: 0;
	top: 100%;
	background: var(--accent-color);
	transition: all 0.3s ease-in-out;
	text-align: left;
}

.main-menu ul li.submenu:first-child ul{
    width: 235px;
}

.main-menu ul ul ul{
	left: 100%;
	top: 0;
	text-align: left;
}

.main-menu ul li:hover > ul{
	visibility: visible;
	opacity: 1;
	transform: scale(1, 1);
    padding: 5px 0;
}

.main-menu ul li.submenu ul li.submenu > a:after{
    content: '\f105';
    float: right;
}

.main-menu ul ul li{
	margin: 0;
	padding: 0;
}

.main-menu ul ul li a{
	color: var(--accent-secondary-color);
	padding: 8px 20px !important;
	transition: all 0.3s ease-in-out;
}

.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus{
	color: var(--primary-color);
	background-color: transparent;
	padding: 8px 20px 8px 23px !important;
}

.main-menu ul li.highlighted-menu{
    display: none;
}

.responsive-menu,
.navbar-toggle{
	display: none;
}

.responsive-menu{
	position: relative;
	top: 0;
}

.slicknav_btn{
	background: var(--accent-color);
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin: 0;
	border-radius: 8px;
}

.slicknav_icon .slicknav_icon-bar{
	display: block;
	width: 100%;
	height: 3px;
	width: 22px;
	background-color: var(--accent-secondary-color);
	border-radius: 6px;
	margin: 4px auto !important;
	transition: all 0.1s ease-in-out;
}

.slicknav_icon .slicknav_icon-bar:first-child{
	margin-top: 0 !important;
}

.slicknav_icon .slicknav_icon-bar:last-child{
	margin-bottom: 0 !important;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1){
	transform: rotate(-45deg) translate(-5px, 5px);
	background-color: var(--accent-secondary-color);
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2){
    opacity: 0;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3){
	transform: rotate(45deg) translate(-5px, -5px);
	background-color: var(--accent-secondary-color);
}

.slicknav_menu{
	position: absolute;
	top: 8px;
	left: 12px;
	right: 12px;
	width: auto;
	padding: 8px;
	background: rgba(10, 18, 30, 0.97);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 16px;
	box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.slicknav_menu ul{
	margin: 5px 0;
}

.slicknav_menu ul ul{
	margin: 0;
}

.slicknav_nav .slicknav_row,
.slicknav_nav li a{
	position: relative;
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
	padding: 8px 20px;
	color: var(--primary-color);
	line-height: normal;
	margin: 0;
	border-radius: 0 !important;
	transition: all 0.3s ease-in-out;
}

.slicknav_nav a:hover,
.slicknav_nav a:focus,
.slicknav_nav .slicknav_row:hover{
	background-color: rgba(255, 255, 255, 0.06);
	color: var(--accent-color);
}

.slicknav_menu ul ul li a{
    padding: 8px 20px 8px 30px;
}

.slicknav_arrow{
	font-size: 0 !important;
}

.slicknav_arrow:after{
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 12px;
	margin-left: 8px;
	color: var(--accent-color);
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-out;
}

.slicknav_open > a .slicknav_arrow:after{
    transform: translateY(-50%) rotate(-180deg);
	color: var(--primary-color);
}

/************************************/
/***  Floating Social Navigation  ***/
/************************************/

.floating-social-nav{
	position: fixed;
	z-index: 990;
	top: 50%;
	right: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 10px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.1));
	border: none;
	border-radius: 25px;
	box-shadow: 0 20px 50px rgba(23, 30, 46, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.58),
		inset 0 -1px 0 rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(22px) saturate(160%);
	-webkit-backdrop-filter: blur(22px) saturate(160%);
	transform: translateY(-50%);
	animation: floatingSocialReveal 0.75s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.floating-social-nav::before{
	display: none;
}

.floating-social-toggle,
.floating-social-link{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 50px;
	height: 50px;
	padding: 0;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.58));
	border: 1px solid rgba(255, 255, 255, 0.68);
	border-radius: 16px;
	box-shadow: 0 8px 20px rgba(23, 30, 46, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(10px) saturate(140%);
	-webkit-backdrop-filter: blur(10px) saturate(140%);
	font-size: 21px;
	line-height: 1;
	transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease,
		box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.floating-social-toggle{
	color: var(--accent-secondary-color);
	cursor: pointer;
}

.floating-social-toggle:hover,
.floating-social-toggle:focus-visible{
	color: var(--accent-secondary-color);
	background: var(--accent-color);
	border-color: var(--accent-color);
	box-shadow: 0 10px 24px rgba(139, 196, 45, 0.28);
	transform: rotate(90deg);
	outline: none;
}

.floating-social-links{
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-height: 260px;
	opacity: 1;
	transform: translateY(0);
	transition: max-height 0.45s ease, opacity 0.3s ease, transform 0.4s ease;
}

.floating-social-link::before{
	content: attr(data-label);
	position: absolute;
	top: 50%;
	right: calc(100% + 12px);
	padding: 7px 11px;
	color: #FFFFFF;
	background: var(--accent-secondary-color);
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(23, 30, 46, 0.15);
	font-family: var(--default-font);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transform: translate(8px, -50%);
	transition: opacity 0.25s ease, transform 0.25s ease;
}

.floating-social-link:hover::before,
.floating-social-link:focus-visible::before{
	opacity: 1;
	transform: translate(0, -50%);
}

.floating-social-link:hover,
.floating-social-link:focus-visible{
	color: #FFFFFF;
	border-color: transparent;
	box-shadow: 0 12px 26px rgba(23, 30, 46, 0.18);
	transform: translateX(-6px) scale(1.05);
	outline: none;
}

.social-facebook{
	color: #1877F2;
}

.social-facebook:hover,
.social-facebook:focus-visible{
	background: #1877F2;
}

.social-instagram{
	color: #E4405F;
}

.social-instagram:hover,
.social-instagram:focus-visible{
	background: linear-gradient(135deg, #833AB4, #E1306C 55%, #FCAF45);
}

.social-youtube{
	color: #FF0000;
}

.social-youtube:hover,
.social-youtube:focus-visible{
	background: #FF0000;
}

.social-whatsapp{
	color: #20B95A;
}

.social-whatsapp:hover,
.social-whatsapp:focus-visible{
	background: #20B95A;
}

.floating-social-nav.is-collapsed{
	gap: 0;
}

.floating-social-nav.is-collapsed::before{
	display: none;
}

.floating-social-nav.is-collapsed .floating-social-links{
	max-height: 0;
	opacity: 0;
	pointer-events: none;
	transform: translateY(-12px) scale(0.9);
}

.floating-social-nav.is-collapsed .floating-social-toggle:hover,
.floating-social-nav.is-collapsed .floating-social-toggle:focus-visible{
	transform: scale(1.06);
}

@keyframes floatingSocialReveal{
	from{
		opacity: 0;
		transform: translate(24px, -50%);
	}
	to{
		opacity: 1;
		transform: translate(0, -50%);
	}
}

@media only screen and (max-width: 767px){
	.floating-social-nav{
		display: flex;
		top: 50%;
		right: max(8px, env(safe-area-inset-right));
		bottom: auto;
		gap: 6px;
		max-height: calc(100vh - 24px);
		max-height: calc(100dvh - 24px);
		padding: 6px;
		border-radius: 18px;
		transform: translateY(-50%);
		animation: none;
	}

	.floating-social-toggle,
	.floating-social-link{
		width: 40px;
		height: 40px;
		border-radius: 12px;
		font-size: 18px;
	}

	.floating-social-links{
		gap: 6px;
	}

	.floating-social-link::before{
		display: none;
	}
}

@media only screen and (max-width: 767px) and (max-height: 520px){
	.floating-social-nav{
		gap: 4px;
		padding: 5px;
		border-radius: 16px;
	}

	.floating-social-toggle,
	.floating-social-link{
		width: 34px;
		height: 34px;
		border-radius: 10px;
		font-size: 16px;
	}

	.floating-social-links{
		gap: 4px;
	}
}

@media (prefers-reduced-motion: reduce){
	.floating-social-nav{
		animation: none;
	}

	.floating-social-toggle,
	.floating-social-link,
	.floating-social-links,
	.floating-social-link::before{
		transition: none;
	}
}

/************************************/
/***        04. Hero css	      ***/
/************************************/

.hero{
	position: relative;
	background: url('../images/hero-bg-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 160px 0 50px;
	z-index: 1;
}

.hero::before{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
    width: 100%;
    height: 100%;
	z-index: 0;
}

.hero .container{
	position: relative;
	z-index: 2;
}

.hero.hero-bg-image{
	background: url('../images/hero-bg.jpg') no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 200px 0 120px;
}

.hero.hero-bg-image::before{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--accent-secondary-color);
    opacity: 65%;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero.hero-video .hero-bg-video{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.hero.hero-video .hero-bg-video video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero.hero-bg-image.hero-slider-layout{
	background: none;
	padding: 0;
}

.hero.hero-bg-image.hero-slider-layout .hero-slide{
	position: relative;
    padding: 200px 0 120px;
}

.hero.hero-bg-image.hero-slider-layout .hero-slide-title{
	font-size: 68px;
}

.hero.hero-bg-image.hero-slider-layout .hero-slide::before{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--accent-secondary-color);
    opacity: 65%;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero.hero-bg-image.hero-slider-layout .hero-pagination{
	position: absolute;
    bottom: 50px;
	text-align: left;
	padding-left: calc(((100vw - 1300px) / 2) + 15px);
	z-index: 2;
}

.hero.hero-bg-image.hero-slider-layout .hero-pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: var(--divider-color);
    opacity: 1;
    transition: all 0.3s ease-in-out;
    margin: 0 5px;
}

.hero.hero-bg-image.hero-slider-layout .hero-pagination .swiper-pagination-bullet-active{
    background-color: var(--accent-color);
}

.hero-content{
	position: relative;
	z-index: 2;
}

.hero-content .section-title{
	margin-bottom: 60px;
	padding-top: 0;
}

.hero-content .section-title p{
	position: relative;
	padding: 5px 0 5px 20px;
}

.hero-content .section-title p::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--accent-color);
	border-radius: 10px;
    height: 100%;
    width: 4px;
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.hero-counter-box{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-bottom: 60px;
}

.hero-counter-item{
	width: calc(33.33% - 20px);
}

.hero-counter-item h3{
	font-size: 30px;
	margin-bottom: 5px;
}

.hero-counter-item p{
	text-transform: capitalize;
	margin: 0;
}

.hero-btn{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
}

.hero-image{
	position: relative;
	margin-bottom: -50px;
}

.hero-img img{
	width: 100%;
	aspect-ratio: 1 / 1.1323;
	object-fit: cover;
}

.expertise-circle{
	position: absolute;
	right: 0;
	top: 50px;
}

.expertise-circle img{
	width: 100%;
	max-width: 142px;
	animation: infiniterotate 20s infinite linear;
}

@keyframes infiniterotate{
	from{
		transform: rotate(0deg);
	  }
	to{
		transform: rotate(360deg);
	}
}

/************************************/
/***   05. Scrolling Ticker css   ***/
/************************************/

.our-scrolling-ticker{
	position: relative;
	background: var(--accent-color);
	padding: 25px 0;
	z-index: 1;
}

.scrolling-ticker-box{
	--gap: 20px;
	position: relative;
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
	align-items: center;
}

.scrolling-content{
	flex-shrink: 0;
	display: flex;
	gap: var(--gap);
	min-width: 100%;
	animation: scroll 40s linear infinite;
}

.scrolling-content span{
	display: inline-block;
	font-family: var(--accent-font);
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2em;
	text-transform: uppercase;
	color: var(--accent-secondary-color);
	vertical-align: middle;
}

.scrolling-content span img{
	width: 100%;
	max-width: 30px;
	margin-right: 20px;
}

@keyframes scroll{
	from{
		transform: translateX(0);
	}

	to{
		transform: translateX(calc(-100% - var(--gap)));
	}
}

/************************************/
/***       06. About Us css       ***/
/************************************/

.about-us{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 100px 0;
}

.about-us-images{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-right: 20px;
}

.about-img-2,
.about-img-1{
	width: 100%;
}

.about-img-1{
	padding-right: 242px;
}

.about-img-2{
	max-width: 353px;
	margin: 0 auto;
	margin-right: 0;
	margin-top: -254px;
}

.about-img-3{
	position: absolute;
	top: 80px;
	right: 0;
	width: 100%;
	max-width: 222px;
}

.about-img-3 figure,
.about-img-2 figure,
.about-img-1 figure{
	display: block;
	border-radius: 18px;
}

.about-img-3 img,
.about-img-2 img,
.about-img-1 img{
	width: 100%;
	object-fit: cover;
	border-radius: 18px;
}

.about-img-1 figure img{
	aspect-ratio: 1 / 1.514;
}

.about-img-2 figure img{
	aspect-ratio: 1 / 1.281;
}

.about-img-3 figure img{
	aspect-ratio: 1 / 0.847;
}

.about-us-body{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	perspective: 1000px;
}

.about-us-body-item{
	position: relative;
	width: calc(50% - 10px);
	padding: 24px 22px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.48));
	border: 1px solid rgba(255, 255, 255, 0.9);
	border-radius: 18px;
	box-shadow: 0 12px 35px rgba(22, 31, 43, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	overflow: hidden;
	transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
}

.about-us-body-item::before{
	content: '';
	position: absolute;
	top: -55px;
	right: -55px;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: rgba(139, 196, 45, 0.12);
	filter: blur(2px);
	transition: transform 0.4s ease, background 0.4s ease;
	pointer-events: none;
}

.about-us-body-item:nth-child(odd):before{
	width: 120px;
}

.about-us-body-item:nth-last-child(-n + 2):before{
	display: block;
	width: 120px;
}

.about-us-body-item:hover{
	transform: translateY(-8px);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.62));
	border-color: rgba(139, 196, 45, 0.42);
	box-shadow: 0 20px 45px rgba(22, 31, 43, 0.14), 0 8px 24px rgba(139, 196, 45, 0.1);
}

.about-us-body-item:hover::before{
	transform: scale(1.25);
	background: rgba(139, 196, 45, 0.2);
}

.light-body-theme .about-us-body-item::before{
	background: rgba(139, 196, 45, 0.12);
	border: 0;
}

.light-body-theme .about-us-body-item:hover::before{
	background: rgba(139, 196, 45, 0.2);
}

.about-us-body-item h3{
	position: relative;
	z-index: 1;
	font-size: 20px;
	padding-left: 34px;
	margin-bottom: 15px;
}

.about-us-body-item h3::before{
	content: '';
    position: absolute;
    top: 50%;
	left: 0;
    width: 25px;
    height: 24px;
    background-image: url('../images/arrow-accent.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: translateY(-50%) rotate(-45deg);
	transition: all 0.3s ease-in-out;
}

.about-us-body-item:hover h3::before{
	transform: translateY(-50%) rotate(0deg);
}

.about-us-body-item p{
	position: relative;
	z-index: 1;
	margin: 0;
}

@media only screen and (max-width: 575px){
	.about-us-body .about-us-body-item{
		width: 100%;
	}

	.about-us-body-item:hover{
		transform: translateY(-5px);
	}
}

.about-us-btn{
	margin-top: 40px;
}

/************************************/
/***    Business Benefits css      ***/
/************************************/

.business-benefits{
	position: relative;
	isolation: isolate;
	width: 100%;
	background: #101010;
	overflow: hidden;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}

.business-benefits-grid{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	width: 100%;
}

.business-benefit-item{
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	min-width: 0;
	min-height: 275px;
	padding: 51px 20px 35px;
	text-align: center;
	overflow: hidden;
	transition: background-position 0.7s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.45s ease;
}

.business-benefit-item-accent{
	background:
		radial-gradient(circle at 50% -25%, rgba(255, 255, 255, 0.38), transparent 45%),
		linear-gradient(145deg, #a9da42 0%, #9dce36 50%, #8fbe2b 100%);
	background-size: 140% 140%;
	background-position: 50% 50%;
}

.business-benefit-item-dark{
	background:
		radial-gradient(circle at 50% -20%, rgba(157, 206, 54, 0.16), transparent 43%),
		linear-gradient(145deg, #181818 0%, #101010 52%, #080808 100%);
	background-size: 140% 140%;
	background-position: 50% 50%;
}

.business-benefit-item:not(:first-child){
	border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.business-benefit-item::before{
	content: '';
	position: absolute;
	z-index: -1;
	top: -90px;
	left: 50%;
	width: 260px;
	height: 260px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 50%;
	opacity: 0.55;
	transform: translateX(-50%) scale(0.72);
	transition: opacity 0.45s ease, transform 0.65s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.business-benefit-item::after{
	content: '';
	position: absolute;
	z-index: -1;
	top: -55%;
	left: -75%;
	width: 42%;
	height: 210%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.19), transparent);
	transform: rotate(18deg);
	transition: left 0.85s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.business-benefit-item > *{
	position: relative;
	z-index: 1;
}

.business-benefit-icon{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100px;
	height: 100px;
	margin-bottom: 22px;
	border: 1px solid currentColor;
	border-radius: 50%;
	font-size: 47px;
	line-height: 1;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	transition: color 0.35s ease, background-color 0.35s ease, border-color 0.35s ease,
		box-shadow 0.45s ease, transform 0.55s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.business-benefit-icon::before{
	content: '';
	position: absolute;
	inset: -8px;
	border: 1px solid currentColor;
	border-radius: inherit;
	opacity: 0;
	transform: scale(0.8);
	transition: opacity 0.4s ease, transform 0.55s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.business-benefit-icon i{
	transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.4s ease;
}

.business-benefit-item-accent .business-benefit-icon{
	color: #FFFFFF;
	background: rgba(255, 255, 255, 0.08);
	box-shadow: 0 12px 30px rgba(42, 63, 5, 0.16), inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.business-benefit-item-dark .business-benefit-icon{
	color: #9dce36;
	background: rgba(157, 206, 54, 0.04);
	box-shadow: 0 12px 34px rgba(0, 0, 0, 0.38), 0 0 25px rgba(157, 206, 54, 0.06);
}

.business-benefit-item h2{
	margin: 0 0 11px;
	color: #FFFFFF;
	font-family: var(--default-font);
	font-size: 26px;
	font-weight: 700;
	line-height: 1.05em;
	letter-spacing: 0.01em;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.16);
	text-transform: uppercase;
	transition: letter-spacing 0.4s ease, transform 0.45s ease;
}

.business-benefit-item p{
	margin: 0;
	color: rgba(255, 255, 255, 0.84);
	font-family: var(--default-font);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.25em;
	transition: color 0.35s ease, transform 0.45s ease;
}

@media (hover: hover) and (pointer: fine){
	.business-benefit-item:hover{
		z-index: 2;
		background-position: 50% 100%;
		box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.28), 0 18px 50px rgba(0, 0, 0, 0.2);
	}

	.business-benefit-item:hover::before{
		opacity: 0.95;
		transform: translateX(-50%) scale(1);
	}

	.business-benefit-item:hover::after{
		left: 135%;
	}

	.business-benefit-item:hover .business-benefit-icon{
		transform: translateY(-7px) scale(1.055);
	}

	.business-benefit-item:hover .business-benefit-icon::before{
		opacity: 0.34;
		transform: scale(1);
	}

	.business-benefit-item-accent:hover .business-benefit-icon{
		background: rgba(255, 255, 255, 0.16);
		box-shadow: 0 18px 38px rgba(42, 63, 5, 0.24), inset 0 0 0 1px rgba(255, 255, 255, 0.14);
	}

	.business-benefit-item-dark:hover .business-benefit-icon{
		background: rgba(157, 206, 54, 0.08);
		box-shadow: 0 18px 38px rgba(0, 0, 0, 0.48), 0 0 34px rgba(157, 206, 54, 0.18);
	}

	.business-benefit-item:hover .business-benefit-icon i{
		transform: scale(1.08) rotate(-3deg);
		filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.18));
	}

	.business-benefit-item:hover h2{
		letter-spacing: 0.025em;
		transform: translateY(-2px);
	}

	.business-benefit-item:hover p{
		color: #FFFFFF;
		transform: translateY(-1px);
	}
}

@media only screen and (max-width: 1199px){
	.business-benefits-grid{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 575px){
	.business-benefits-grid{
		grid-template-columns: 1fr;
	}

	.business-benefit-item{
		min-height: 250px;
		padding: 38px 20px 30px;
	}

	.business-benefit-item:nth-child(3){
		background:
			radial-gradient(circle at 50% -20%, rgba(157, 206, 54, 0.16), transparent 43%),
			linear-gradient(145deg, #181818 0%, #101010 52%, #080808 100%);
	}

	.business-benefit-item:nth-child(4){
		background:
			radial-gradient(circle at 50% -25%, rgba(255, 255, 255, 0.38), transparent 45%),
			linear-gradient(145deg, #a9da42 0%, #9dce36 50%, #8fbe2b 100%);
	}

	.business-benefit-item:nth-child(3) .business-benefit-icon{
		color: #9dce36;
	}

	.business-benefit-item:nth-child(4) .business-benefit-icon{
		color: #FFFFFF;
	}

	.business-benefit-icon{
		width: 88px;
		height: 88px;
		margin-bottom: 20px;
		font-size: 40px;
	}

	.business-benefit-item h2{
		font-size: 25px;
	}

	.business-benefit-item p{
		font-size: 17px;
	}
}

@media (prefers-reduced-motion: reduce){
	.business-benefit-item,
	.business-benefit-item::before,
	.business-benefit-item::after,
	.business-benefit-icon,
	.business-benefit-icon::before,
	.business-benefit-icon i,
	.business-benefit-item h2,
	.business-benefit-item p{
		transition: none;
	}
}

/* Premium business ecosystem redesign */
.business-benefits-v2{
	position: relative;
	isolation: isolate;
	padding: 105px 0;
	background:
		radial-gradient(circle at 8% 12%, rgba(157, 211, 35, 0.16), transparent 24%),
		radial-gradient(circle at 94% 88%, rgba(157, 211, 35, 0.09), transparent 27%),
		#080d0c;
	box-shadow: none;
	overflow: hidden;
}

.business-benefits-v2::before{
	content: '';
	position: absolute;
	inset: 0;
	z-index: -2;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px);
	background-size: 58px 58px;
	-webkit-mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
	mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
	pointer-events: none;
}

.business-benefits-v2::after{
	content: 'APPLE FITNESS';
	position: absolute;
	right: -28px;
	bottom: -35px;
	z-index: -1;
	color: rgba(255, 255, 255, 0.018);
	font-family: var(--accent-font);
	font-size: clamp(100px, 13vw, 215px);
	font-weight: 700;
	line-height: 0.75;
	letter-spacing: -0.06em;
	white-space: nowrap;
	pointer-events: none;
}

.business-benefits-v2-shell{
	display: grid;
	grid-template-columns: minmax(330px, 0.82fr) minmax(0, 1.65fr);
	gap: 18px;
}

.business-benefits-v2-intro{
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	min-height: 690px;
	padding: 40px;
	color: #FFFFFF;
	background:
		linear-gradient(160deg, rgba(255, 255, 255, 0.08), transparent 30%),
		linear-gradient(150deg, #18221f 0%, #101714 52%, #0b110f 100%);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 38px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 30px 80px rgba(0, 0, 0, 0.28);
	overflow: hidden;
}

.business-benefits-v2-intro::before{
	content: '';
	position: absolute;
	left: -120px;
	bottom: -120px;
	z-index: -2;
	width: 430px;
	height: 430px;
	background: radial-gradient(circle, rgba(157, 211, 35, 0.24), rgba(157, 211, 35, 0.04) 44%, transparent 70%);
	filter: blur(2px);
	pointer-events: none;
}

.business-benefits-v2-intro::after{
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(120deg, transparent 44%, rgba(255, 255, 255, 0.035) 44.2%, transparent 44.5%);
	pointer-events: none;
}

.business-benefits-v2-kicker{
	display: flex;
	align-items: center;
	gap: 12px;
}

.business-benefits-v2-kicker > span{
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	color: #111827;
	background: #9dd323;
	border-radius: 14px;
	box-shadow: 0 12px 28px rgba(157, 211, 35, 0.22);
}

.business-benefits-v2-kicker small{
	color: rgba(255, 255, 255, 0.72);
	font-family: var(--accent-font);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.business-benefits-v2-copy{
	position: relative;
	z-index: 2;
	margin-top: auto;
	padding-bottom: 225px;
}

.business-benefits-v2-count{
	display: block;
	margin-bottom: 19px;
	color: #9dd323;
	font-family: var(--accent-font);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.business-benefits-v2-copy h2{
	margin: 0 0 23px;
	color: #FFFFFF;
	font-size: clamp(43px, 3.6vw, 59px);
	line-height: 0.97;
	letter-spacing: -0.045em;
}

.business-benefits-v2-copy h2 em{
	display: block;
	color: #9dd323;
	font-style: normal;
}

.business-benefits-v2-copy p{
	max-width: 355px;
	margin: 0;
	color: rgba(255, 255, 255, 0.56);
	font-size: 14px;
	line-height: 1.7;
}

.business-benefits-v2-orbit{
	position: absolute;
	left: 40px;
	bottom: 38px;
	width: 188px;
	height: 188px;
}

.business-benefits-v2-orbit-ring{
	position: absolute;
	inset: 0;
	border: 1px solid rgba(157, 211, 35, 0.38);
	border-radius: 50%;
	box-shadow: 0 0 0 16px rgba(157, 211, 35, 0.035), inset 0 0 45px rgba(157, 211, 35, 0.06);
	animation: business-orbit-spin 14s linear infinite;
}

.business-benefits-v2-orbit-ring::before,
.business-benefits-v2-orbit-ring::after{
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background: #9dd323;
	border-radius: 50%;
	box-shadow: 0 0 18px rgba(157, 211, 35, 0.8);
}

.business-benefits-v2-orbit-ring::before{
	top: 18px;
	right: 29px;
}

.business-benefits-v2-orbit-ring::after{
	left: 11px;
	bottom: 50px;
	width: 6px;
	height: 6px;
}

.business-benefits-v2-orbit-core{
	position: absolute;
	left: 50%;
	top: 50%;
	display: grid;
	place-items: center;
	width: 70px;
	height: 70px;
	color: #111827;
	background: #9dd323;
	border-radius: 50%;
	box-shadow: 0 18px 35px rgba(0, 0, 0, 0.32), 0 0 0 8px rgba(157, 211, 35, 0.1);
	font-size: 23px;
	transform: translate(-50%, -50%);
}

.business-benefits-v2-orbit > small{
	position: absolute;
	left: 100%;
	top: 50%;
	width: 90px;
	margin-left: 18px;
	color: rgba(255, 255, 255, 0.48);
	font-family: var(--accent-font);
	font-size: 10px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	transform: translateY(-50%);
}

@keyframes business-orbit-spin{
	to{ transform: rotate(360deg); }
}

.business-benefits-v2-grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-auto-rows: minmax(0, 1fr);
	gap: 18px;
}

.business-benefit-card{
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 336px;
	padding: 29px;
	border: 1px solid transparent;
	border-radius: 32px;
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	transition: transform 0.5s cubic-bezier(0.18, 0.8, 0.2, 1), box-shadow 0.5s ease, border-color 0.5s ease;
}

.business-benefit-card::before{
	content: '';
	position: absolute;
	right: -80px;
	top: -80px;
	z-index: -2;
	width: 225px;
	height: 225px;
	border: 1px solid currentColor;
	border-radius: 50%;
	opacity: 0.08;
	box-shadow: 0 0 0 34px currentColor, 0 0 0 70px currentColor;
	transition: transform 0.6s ease, opacity 0.45s ease;
}

.business-benefit-card::after{
	content: '';
	position: absolute;
	top: -45%;
	left: -65%;
	z-index: -1;
	width: 36%;
	height: 190%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.26), transparent);
	transform: rotate(18deg);
	transition: left 0.9s cubic-bezier(0.2, 0.75, 0.2, 1);
	pointer-events: none;
}

.business-benefit-card-light{
	color: #121a28;
	background: linear-gradient(145deg, #ffffff 0%, #eff3ea 100%);
	border-color: rgba(255, 255, 255, 0.85);
}

.business-benefit-card-lime{
	color: #111827;
	background: linear-gradient(145deg, #afe443 0%, #91ca1f 100%);
	border-color: rgba(255, 255, 255, 0.22);
}

.business-benefit-card-dark{
	color: #FFFFFF;
	background: linear-gradient(145deg, #1b2638 0%, #0d1420 100%);
	border-color: rgba(255, 255, 255, 0.08);
}

.business-benefit-card-glass{
	color: #FFFFFF;
	background:
		radial-gradient(circle at 92% 10%, rgba(157, 211, 35, 0.19), transparent 40%),
		linear-gradient(145deg, rgba(33, 48, 39, 0.98), rgba(13, 21, 17, 0.98));
	border-color: rgba(157, 211, 35, 0.16);
}

.business-benefit-card-top,
.business-benefit-card-footer{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.business-benefit-card-number{
	font-family: var(--accent-font);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.16em;
	opacity: 0.5;
}

.business-benefit-card-icon{
	display: grid;
	place-items: center;
	width: 55px;
	height: 55px;
	border-radius: 17px;
	font-size: 21px;
	transition: transform 0.45s cubic-bezier(0.18, 0.8, 0.2, 1), background-color 0.4s ease;
}

.business-benefit-card-light .business-benefit-card-icon{
	color: #79ae18;
	background: rgba(157, 211, 35, 0.17);
}

.business-benefit-card-lime .business-benefit-card-icon{
	background: rgba(17, 24, 39, 0.1);
}

.business-benefit-card-dark .business-benefit-card-icon,
.business-benefit-card-glass .business-benefit-card-icon{
	color: #9dd323;
	background: rgba(157, 211, 35, 0.1);
	border: 1px solid rgba(157, 211, 35, 0.17);
}

.business-benefit-card-copy{
	margin-top: auto;
	padding: 34px 0 28px;
}

.business-benefit-card-copy > span{
	display: block;
	margin-bottom: 10px;
	color: inherit;
	font-family: var(--accent-font);
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	opacity: 0.54;
}

.business-benefit-card-copy h3{
	margin: 0 0 9px;
	color: inherit;
	font-size: clamp(25px, 2vw, 33px);
	line-height: 1;
	letter-spacing: -0.025em;
}

.business-benefit-card-copy p{
	margin: 0;
	color: inherit;
	font-size: 14px;
	line-height: 1.5;
	opacity: 0.64;
}

.business-benefit-card-footer{
	padding-top: 16px;
	border-top: 1px solid currentColor;
	opacity: 0.52;
}

.business-benefit-card-footer > span{
	font-family: var(--accent-font);
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.business-benefit-card-footer > i{
	font-size: 14px;
	transition: transform 0.4s ease;
}

@media (hover: hover) and (pointer: fine){
	.business-benefit-card:hover{
		z-index: 2;
		transform: translateY(-9px);
		box-shadow: 0 36px 85px rgba(0, 0, 0, 0.34);
	}

	.business-benefit-card:hover::before{
		opacity: 0.13;
		transform: scale(1.12) rotate(8deg);
	}

	.business-benefit-card:hover::after{
		left: 135%;
	}

	.business-benefit-card:hover .business-benefit-card-icon{
		transform: translateY(-4px) rotate(-5deg) scale(1.06);
	}

	.business-benefit-card:hover .business-benefit-card-footer > i{
		transform: translate(3px, -3px);
	}
}

@media only screen and (max-width: 1199px){
	.business-benefits-v2-shell{
		grid-template-columns: 1fr;
	}

	.business-benefits-v2-intro{
		min-height: 460px;
	}

	.business-benefits-v2-copy{
		max-width: 590px;
		padding: 90px 245px 0 0;
	}

	.business-benefits-v2-orbit{
		left: auto;
		right: 62px;
		bottom: 55px;
	}
}

@media only screen and (max-width: 767px){
	.business-benefits-v2{
		padding: 72px 0;
	}

	.business-benefits-v2-intro{
		min-height: 560px;
		padding: 30px;
		border-radius: 29px;
	}

	.business-benefits-v2-copy{
		margin: 68px 0 auto;
		padding: 0 0 210px;
	}

	.business-benefits-v2-copy h2{
		font-size: 44px;
	}

	.business-benefits-v2-orbit{
		left: 30px;
		right: auto;
		bottom: 30px;
		width: 164px;
		height: 164px;
	}

	.business-benefits-v2-grid{
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
		gap: 14px;
	}

	.business-benefit-card{
		min-height: 300px;
		padding: 26px;
		border-radius: 27px;
	}
}

@media only screen and (max-width: 420px){
	.business-benefits-v2 .container{
		padding-right: 12px;
		padding-left: 12px;
	}

	.business-benefits-v2-intro{
		min-height: 535px;
		padding: 25px;
	}

	.business-benefits-v2-copy{
		margin-top: 55px;
		padding-bottom: 196px;
	}

	.business-benefits-v2-copy h2{
		font-size: 38px;
	}

	.business-benefits-v2-copy p{
		font-size: 13px;
	}

	.business-benefits-v2-orbit{
		left: 25px;
		bottom: 25px;
		width: 148px;
		height: 148px;
	}

	.business-benefits-v2-orbit-core{
		width: 60px;
		height: 60px;
	}

	.business-benefit-card{
		min-height: 285px;
		padding: 24px;
	}

	.business-benefit-card-copy h3{
		font-size: 27px;
	}
}

@media (prefers-reduced-motion: reduce){
	.business-benefits-v2-orbit-ring{
		animation: none;
	}

	.business-benefit-card,
	.business-benefit-card::before,
	.business-benefit-card::after,
	.business-benefit-card-icon,
	.business-benefit-card-footer > i{
		transition: none;
	}
}

/************************************/
/***     07. Our Services css     ***/
/************************************/

.our-services{
	position: relative;
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 100px 0;
	overflow: hidden;
}

.light-body-theme .our-services{
	background:
		radial-gradient(circle at 10% 42%, rgba(215, 251, 0, 0.08), transparent 22%),
		radial-gradient(circle at 92% 72%, rgba(23, 30, 46, 0.06), transparent 24%),
		linear-gradient(180deg, #F8F9FA 0%, #F2F4F7 100%);
}

.our-services .section-row .section-title.section-title-center{
	max-width: 1200px;
}

.our-services .section-title h2{
	line-height: 1.28;
}

.services-slider .swiper{
	padding: 18px 6px 12px;
}

.services-slider .swiper-wrapper{
	align-items: stretch;
}

.services-slider .swiper-slide{
	display: flex;
	height: auto;
}

.service-item{
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	background: linear-gradient(180deg, #FFFFFF 0%, #FCFCFD 100%);
	border: 1px solid rgba(23, 30, 46, 0.09);
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 18px 45px rgba(23, 30, 46, 0.09);
	transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.service-item::before{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 64%;
	height: 3px;
	background: linear-gradient(90deg, transparent, var(--accent-color), transparent);
	transform: translateX(-50%);
	z-index: 3;
}

.service-item:hover{
	transform: translateY(-12px);
	border-color: rgba(198, 255, 0, 0.7);
	box-shadow: 0 30px 65px rgba(23, 30, 46, 0.17);
}

.service-image{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	margin: 14px 14px 0;
	padding: 28px;
	background: #FFFFFF;
	border: 1px solid #D9DEE5;
	border-radius: 18px;
	box-shadow: 0 10px 28px rgba(23, 30, 46, 0.07);
}

.service-image::before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 12%;
	width: 62%;
	height: 16%;
	background: rgba(23, 30, 46, 0.1);
	border-radius: 50%;
	filter: blur(18px);
	transform: translateX(-50%);
	transition: opacity 0.35s ease, transform 0.35s ease;
}

.service-image::after{
	content: '';
	position: absolute;
	inset: 8px;
	pointer-events: none;
	border: 1px solid #EEF0F3;
	border-radius: 10px;
	transition: border-color 0.35s ease;
}

.service-image img{
	position: relative;
	z-index: 1;
	display: block;
    width: 100%;
	height: 100%;
	aspect-ratio: auto;
    object-fit: contain;
	object-position: center;
	transition: transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.service-item:hover .service-image img{
	transform: scale(1.04);
}

.service-item:hover .service-image::after{
	border-color: rgba(151, 181, 0, 0.55);
}

.service-item:hover .service-image::before{
	opacity: 0.7;
	transform: translateX(-50%) scale(0.92);
}

.service-body{
	display: flex;
	flex: 1;
	padding: 28px 26px 32px;
	text-align: left;
}

.service-content{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	margin: 0;
}

.service-content h3{
	font-size: 23px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	min-height: 3.6em;
	margin-bottom: 12px;
}

.service-content h3 a{
	color: #171E2E;
	transition: all 0.4s ease-in-out;
}

.service-content h3 a:hover{
	color: var(--accent-color);
}

.service-content p{
	color: #5B6472;
	font-size: 15px;
	line-height: 1.7;
	max-width: 390px;
	margin: 0;
}

.light-body-theme .our-services .service-content h3{
	color: #171E2E;
}

.light-body-theme .our-services .service-content p{
	color: #5B6472;
}

@media only screen and (min-width: 768px) and (max-width: 1199px){
	.service-content h3{
		min-height: 4.8em;
	}
}

.service-readmore-btn .readmore-btn:after{
	width: 20px;
	height: 20px;
	background-color: var(--accent-color);
	background-image: url('../images/arrow-black.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 12px auto;
	border-radius: 50%;
	transform: translate(0px, -50%) rotate(-45deg);
}

.service-readmore-btn .readmore-btn:hover:after{
	background-color: var(--primary-color);
	transform: translate(0px, -50%) rotate(0deg);
	filter: none;
}

.services-pagination{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 16px;
	text-align: center;
	margin-top: 60px;
}

.services-pagination .swiper-pagination-bullet{
	display: inline-block;
    height: 12px;
    width: 12px;
	background: #A8B0BC;
	border: 2px solid #FFFFFF;
	border-radius: 50%;
	box-shadow: 0 0 0 1px rgba(23, 30, 46, 0.2);
    opacity: 1;
	margin: 0 6px !important;
    transition: all 0.4s ease-in-out;
}

.services-pagination .swiper-pagination-bullet-active{
	width: 38px;
    background: var(--accent-color);
	border-color: var(--accent-color);
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(151, 181, 0, 0.35);
}

.section-footer-text{
    margin-top: 40px;
    text-align: center;
}

.section-footer-text p{
    margin-bottom: 0;
}

.section-footer-text p a{
    color: var(--accent-color);
    text-transform: capitalize;
    font-weight: 500;
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

.section-footer-text p a:hover{
    color: var(--primary-color);
}

/************************************/
/***  	08. Why Choose Us css	  ***/
/************************************/

.why-choose-us{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 100px 0;
}

.why-choose-step-item{
	position: relative;
	display: flex;
	margin-bottom: 40px;
}

.why-choose-step-item:last-child{
	margin-bottom: 0;
}

.why-choose-step-item:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translate(30px, 60px);
    border-left: 1px dashed var(--divider-color);
    height: 100%;
    z-index: 0;
}

.why-choose-step-item:last-child:after{
    display: none;
}

.why-choose-step-no{
	position: relative;
	width: 60px;
	height: 60px;
	background-color: var(--accent-secondary-color);
	border: 1px solid var(--divider-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
}

.why-choose-step-no:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--accent-color);
	border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.why-choose-step-item:hover .why-choose-step-no:before{
    transform: scale(1);
}

.why-choose-step-no h2{
	position: relative;
	font-size: 16px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.why-choose-step-item:hover .why-choose-step-no h2{
	color: var(--accent-secondary-color);
}

.why-choose-step-content{
	width: calc(100% - 80px);
}

.why-choose-step-content h3{
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 10px;
	transition: all 0.4s ease-in-out;
}

.why-choose-step-item:hover .why-choose-step-content h3{
	color: var(--accent-color);
}

.why-choose-step-content p{
	font-size: 16px;
	margin: 0;
}

.why-choose-image{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	gap: 10px;
	margin-left: 15px;
}

.why-choose-img-box-1{
	width: calc(49% - 5px);
}

.why-choose-img-box-2{
	width: calc(51% - 5px);
	padding-bottom: 20px;
}

.why-choose-img-box-1,
.why-choose-img-box-2{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.why-choose-img-box-1 figure,
.why-choose-img-box-2 figure{
	display: block;
	border-radius: 18px;
}

.why-choose-img-box-1 img,
.why-choose-img-box-2 img{
	width: 100%;
	object-fit: cover;
	border-radius: 18px;
}

.why-choose-img-1 img{
    aspect-ratio: 1 / 1.3;
}

.why-choose-img-2 img{
    aspect-ratio: 1 / 1.1822;
}

.why-choose-img-3 img{
	aspect-ratio: 1 / 0.94;
}

.why-choose-img-4 img{
	aspect-ratio: 1 / 1.14;
}

.contact-now-circle{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	z-index: 2;
}

.contact-now-circle a{
	display: block;
	border-radius: 50%;
}

.contact-now-circle img{
	width: 100%;
	max-width: 140px;
	border-radius: 50%;
	animation: infiniterotate 20s infinite linear;
}

@keyframes infiniterotate{
	from{
		transform: rotate(0deg);
	  }
	to{
		transform: rotate(360deg);
	}
}

/************************************/
/***  	 09. Our Pricing css 	  ***/
/************************************/

.our-pricing{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 100px 0;
}

.consulting-services-grid{
	justify-content: center;
}

.consulting-services-grid > [class*="col-"]{
	display: flex;
}

.consulting-service-card{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 38px 34px 40px;
	background: linear-gradient(145deg, #FFFFFF 0%, #F8F9FB 100%);
	border: 1px solid #DDE2E8;
	border-radius: 22px;
	overflow: hidden;
	box-shadow: 0 18px 45px rgba(23, 30, 46, 0.09);
	transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.consulting-service-card::before{
	content: '';
	position: absolute;
	top: -80px;
	right: -80px;
	width: 190px;
	height: 190px;
	background: radial-gradient(circle, rgba(215, 251, 0, 0.2), transparent 68%);
	border-radius: 50%;
	transition: transform 0.4s ease;
}

.consulting-service-card::after{
	content: '';
	position: absolute;
	left: 34px;
	right: 34px;
	bottom: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, var(--accent-color), transparent);
	transform: scaleX(0.35);
	transition: transform 0.35s ease;
}

.consulting-service-card:hover{
	transform: translateY(-10px);
	border-color: rgba(151, 181, 0, 0.5);
	box-shadow: 0 28px 60px rgba(23, 30, 46, 0.16);
}

.consulting-service-card:hover::before{
	transform: scale(1.18);
}

.consulting-service-card:hover::after{
	transform: scaleX(1);
}

.consulting-service-icon{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 66px;
	height: 66px;
	margin-bottom: 28px;
	color: var(--accent-secondary-color);
	background: var(--accent-color);
	border-radius: 18px;
	box-shadow: 0 12px 24px rgba(151, 181, 0, 0.25);
	font-size: 28px;
	transition: transform 0.35s ease, border-radius 0.35s ease;
}

.consulting-service-card:hover .consulting-service-icon{
	transform: rotate(-5deg) scale(1.06);
	border-radius: 50%;
}

.consulting-service-content{
	position: relative;
	z-index: 1;
}

.consulting-service-content h3{
	min-height: 2.4em;
	margin-bottom: 18px;
	color: var(--accent-secondary-color);
	font-size: 27px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.consulting-service-content p{
	margin: 0;
	color: #5B6472;
	font-size: 16px;
	line-height: 1.75;
}

@media only screen and (max-width: 991px){
	.consulting-service-card{
		padding: 32px 28px 34px;
	}

	.consulting-service-content h3{
		font-size: 24px;
	}
}

@media only screen and (max-width: 767px){
	.consulting-service-card{
		padding: 28px 22px 30px;
		border-radius: 18px;
	}

	.consulting-service-icon{
		width: 58px;
		height: 58px;
		margin-bottom: 22px;
		font-size: 24px;
	}

	.consulting-service-content h3{
		min-height: 0;
		font-size: 22px;
		margin-bottom: 14px;
	}

	.consulting-service-content p{
		font-size: 15px;
		line-height: 1.7;
	}
}

.pricing-item{
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 80px 40px;
}

.pricing-header{
	position: relative;
	margin-right: 60px;
	margin-bottom: 40px;
	z-index: 1;
}

.pricing-header h3{
	font-family: var(--default-font);
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.pricing-header h2{
	color: var(--accent-color);
	font-size: 46px;
}

.pricing-header h2 sub{
	font-size: 20px;
	text-transform: capitalize;
	bottom: 0;
}

.pricing-body{
	position: relative;
	margin-bottom: 40px;
	z-index: 1;
}

.pricing-body ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.pricing-body ul li{
    background-image: url('../images/arrow-accent.svg');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 22px auto;
    line-height: 1.4em;
    padding-left: 30px;
	margin-bottom: 20px;
}

.pricing-body ul li:last-child{
	margin-bottom: 0;
}

.pricing-item.highlighted-box{
	position: relative;
	border: 1px solid var(--divider-color);
	border-radius: 18px;
}

.pricing-item.highlighted-box:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--primary-color);
	border-radius: 18px;
	opacity: 10%;
	z-index: 0;
}

.pricing-item.highlighted-box:after{
	writing-mode: vertical-rl;
	content: 'MOST POPULAR';
	position: absolute;
	font-family: var(--accent-font);
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--accent-secondary-color);
	top: 0px;
	right: 40px;
	display: flex;
	align-items: center;
	background-color: var(--accent-color);
	background-size: auto;
	border-radius: 0 0 12px 12px;
	transform: rotate(0deg);
	padding: 15px 16px;
}

.pricing-benefit-list{
	margin-top: 50px;
}

.pricing-benefit-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 15px 60px;
}

.pricing-benefit-list ul li{
	display: flex;
	align-items: center;
}

.pricing-benefit-list ul li img{
	max-width: 20px;
	margin-right: 15px;
}

/************************************/
/***       BMI Calculator css      ***/
/************************************/

.bmi-calculator-section{
	position: relative;
	padding: 110px 0 100px;
	background:
		radial-gradient(circle at 8% 18%, rgba(139, 196, 45, 0.16), transparent 28%),
		radial-gradient(circle at 90% 84%, rgba(139, 196, 45, 0.09), transparent 28%),
		linear-gradient(135deg, #0A101A 0%, #131B29 48%, #0B111B 100%);
	overflow: hidden;
}

.bmi-calculator-section::before{
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
	background-size: 58px 58px;
	-webkit-mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
	mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
	pointer-events: none;
}

.bmi-calculator-section::after{
	content: 'BMI';
	position: absolute;
	top: 30px;
	right: -32px;
	color: rgba(255, 255, 255, 0.025);
	font-family: var(--accent-font);
	font-size: clamp(180px, 21vw, 380px);
	font-weight: 700;
	line-height: 1;
	pointer-events: none;
}

.bmi-calculator-section .container{
	position: relative;
	z-index: 1;
}

.bmi-section-heading{
	max-width: 850px;
	margin: 0 auto 54px;
	text-align: center;
}

.bmi-section-kicker{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 18px;
	padding: 9px 15px;
	color: var(--accent-color);
	background: rgba(139, 196, 45, 0.1);
	border: 1px solid rgba(139, 196, 45, 0.25);
	border-radius: 100px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.bmi-section-heading h2{
	margin-bottom: 18px;
	color: #FFFFFF;
	font-size: clamp(42px, 5vw, 66px);
	line-height: 1.02;
	letter-spacing: -0.02em;
	text-transform: uppercase;
}

.bmi-section-heading h2 span{
	color: var(--accent-color);
}

.bmi-section-heading p{
	max-width: 720px;
	margin: 0 auto;
	color: rgba(242, 242, 242, 0.7);
	font-size: 17px;
	line-height: 1.7;
}

.bmi-calculator-layout{
	display: grid;
	grid-template-columns: minmax(340px, 0.82fr) minmax(0, 1.18fr);
	gap: 28px;
	align-items: stretch;
}

.bmi-visual-card,
.bmi-calculator-card{
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3);
}

.bmi-visual-card{
	min-height: 690px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015)),
		radial-gradient(circle at 50% 72%, rgba(139, 196, 45, 0.28), transparent 38%),
		#101826;
}

.bmi-visual-card::before{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 28%);
	pointer-events: none;
}

.bmi-visual-orbit{
	position: absolute;
	left: 50%;
	bottom: 55px;
	width: 390px;
	height: 390px;
	border: 1px solid rgba(139, 196, 45, 0.24);
	border-radius: 50%;
	transform: translateX(-50%);
}

.bmi-visual-orbit::before,
.bmi-visual-orbit::after{
	content: '';
	position: absolute;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: inherit;
}

.bmi-visual-orbit::before{
	inset: 30px;
}

.bmi-visual-orbit::after{
	inset: 72px;
}

.bmi-visual-copy{
	position: relative;
	z-index: 3;
	max-width: 410px;
	padding: 42px 40px 0;
}

.bmi-visual-label{
	display: inline-block;
	margin-bottom: 14px;
	color: var(--accent-color);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.bmi-visual-copy h3{
	margin-bottom: 15px;
	color: #FFFFFF;
	font-size: 42px;
	line-height: 1.02;
	letter-spacing: -0.02em;
	text-transform: uppercase;
}

.bmi-visual-copy p{
	margin: 0;
	color: rgba(242, 242, 242, 0.68);
	font-size: 15px;
	line-height: 1.65;
}

.bmi-visual-image{
	position: absolute;
	z-index: 2;
	left: 50%;
	bottom: -5px;
	width: 108%;
	max-width: 610px;
	transform: translateX(-50%);
	filter: drop-shadow(0 24px 30px rgba(0, 0, 0, 0.35));
}

.bmi-visual-image::after{
	content: '';
	position: absolute;
	right: 6%;
	bottom: 2%;
	left: 6%;
	height: 18%;
	background: linear-gradient(to top, #101826 8%, transparent);
	pointer-events: none;
}

.bmi-visual-image img{
	display: block;
	width: 100%;
}

.bmi-visual-badge{
	position: absolute;
	z-index: 4;
	right: 24px;
	bottom: 24px;
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 11px 14px;
	background: rgba(10, 16, 26, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 15px;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.bmi-visual-badge > span{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	color: var(--accent-secondary-color);
	background: var(--accent-color);
	border-radius: 10px;
}

.bmi-visual-badge div{
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.bmi-visual-badge strong{
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1;
}

.bmi-visual-badge small{
	color: rgba(255, 255, 255, 0.58);
	font-size: 11px;
}

.bmi-calculator-card{
	--bmi-color: var(--accent-color);
	--bmi-progress: 0deg;
	padding: 38px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.045));
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.bmi-calculator-card::before{
	content: '';
	position: absolute;
	top: -120px;
	right: -100px;
	width: 290px;
	height: 290px;
	background: radial-gradient(circle, color-mix(in srgb, var(--bmi-color) 22%, transparent), transparent 70%);
	border-radius: 50%;
	pointer-events: none;
	transition: background 0.4s ease;
}

.bmi-card-heading{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 24px;
}

.bmi-card-heading span{
	display: block;
	margin-bottom: 6px;
	color: var(--accent-color);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.bmi-card-heading h3{
	color: #FFFFFF;
	font-size: 32px;
	line-height: 1.1;
	text-transform: uppercase;
}

.bmi-heading-icon{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 52px;
	height: 52px;
	color: var(--accent-secondary-color);
	background: var(--accent-color);
	border-radius: 16px;
	box-shadow: 0 12px 26px rgba(139, 196, 45, 0.22);
	font-size: 21px;
}

.bmi-unit-switch{
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5px;
	margin-bottom: 24px;
	padding: 5px;
	background: rgba(5, 9, 15, 0.42);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;
}

.bmi-unit-button{
	padding: 12px 18px;
	color: rgba(255, 255, 255, 0.6);
	background: transparent;
	border: 0;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}

.bmi-unit-button.active{
	color: var(--accent-secondary-color);
	background: var(--accent-color);
	box-shadow: 0 8px 18px rgba(139, 196, 45, 0.18);
}

.bmi-fields{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.bmi-fields[hidden]{
	display: none !important;
}

.bmi-field{
	display: flex;
	flex-direction: column;
	gap: 9px;
	min-width: 0;
}

.bmi-field > span:first-child{
	color: rgba(255, 255, 255, 0.72);
	font-size: 13px;
	font-weight: 500;
}

.bmi-input-wrap{
	display: flex;
	align-items: center;
	min-width: 0;
	height: 58px;
	padding: 0 15px;
	background: rgba(5, 9, 15, 0.46);
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 14px;
	transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

.bmi-input-wrap:focus-within{
	background: rgba(5, 9, 15, 0.62);
	border-color: var(--accent-color);
	box-shadow: 0 0 0 3px rgba(139, 196, 45, 0.1);
}

.bmi-input-wrap i{
	flex: 0 0 auto;
	margin-right: 11px;
	color: var(--accent-color);
	font-size: 15px;
}

.bmi-input-wrap input{
	width: 100%;
	min-width: 0;
	padding: 0;
	color: #FFFFFF;
	background: transparent;
	border: 0;
	outline: 0;
	font-family: var(--default-font);
	font-size: 17px;
	font-weight: 500;
}

.bmi-input-wrap input::placeholder{
	color: rgba(255, 255, 255, 0.26);
}

.bmi-input-wrap small{
	flex: 0 0 auto;
	margin-left: 8px;
	color: rgba(255, 255, 255, 0.42);
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.bmi-imperial-height-inputs{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.bmi-imperial-height-inputs .bmi-input-wrap{
	padding-left: 13px;
}

.bmi-calculate-button{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
	width: 100%;
	margin-top: 18px;
	padding: 17px 24px;
	color: var(--accent-secondary-color);
	background: var(--accent-color);
	border: 0;
	border-radius: 14px;
	box-shadow: 0 14px 30px rgba(139, 196, 45, 0.2);
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.bmi-calculate-button:hover,
.bmi-calculate-button:focus-visible{
	color: #FFFFFF;
	background: #202A3B;
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);
	transform: translateY(-2px);
	outline: none;
}

.bmi-calculate-button i{
	transition: transform 0.3s ease;
}

.bmi-calculate-button:hover i{
	transform: translate(3px, -2px);
}

.bmi-form-error{
	min-height: 18px;
	margin: 8px 0 0;
	color: #FF8C8C;
	font-size: 12px;
	line-height: 1.4;
}

.bmi-result-panel{
	display: grid;
	grid-template-columns: 118px minmax(0, 1fr);
	align-items: center;
	gap: 22px;
	margin-top: 15px;
	padding: 20px;
	background: rgba(5, 9, 15, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 20px;
}

.bmi-result-gauge{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 112px;
	height: 112px;
	padding: 8px;
	background: conic-gradient(var(--bmi-color) var(--bmi-progress), rgba(255, 255, 255, 0.08) 0);
	border-radius: 50%;
	box-shadow: 0 0 32px color-mix(in srgb, var(--bmi-color) 18%, transparent);
	transition: background 0.6s ease, box-shadow 0.4s ease;
}

.bmi-result-gauge-inner{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #111927;
	border-radius: 50%;
}

.bmi-result-gauge strong{
	color: #FFFFFF;
	font-family: var(--accent-font);
	font-size: 30px;
	line-height: 1;
}

.bmi-result-gauge span{
	margin-top: 5px;
	color: rgba(255, 255, 255, 0.45);
	font-size: 10px;
	text-transform: uppercase;
}

.bmi-result-copy > span{
	display: block;
	margin-bottom: 5px;
	color: var(--bmi-color);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	transition: color 0.3s ease;
}

.bmi-result-copy h4{
	margin-bottom: 7px;
	color: #FFFFFF;
	font-size: 25px;
	text-transform: uppercase;
}

.bmi-result-copy p{
	margin: 0;
	color: rgba(255, 255, 255, 0.58);
	font-size: 13px;
	line-height: 1.55;
}

.bmi-category-scale{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	margin-top: 14px;
}

.bmi-category-item{
	position: relative;
	padding: 13px 10px 12px;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 13px;
	text-align: center;
	opacity: 0.58;
	transition: opacity 0.3s ease, background-color 0.3s ease, border-color 0.3s ease,
		box-shadow 0.3s ease, transform 0.3s ease;
}

.bmi-category-dot{
	display: block;
	width: 7px;
	height: 7px;
	margin: 0 auto 8px;
	background: currentColor;
	border-radius: 50%;
	box-shadow: 0 0 10px currentColor;
}

.bmi-category-item strong,
.bmi-category-item small{
	display: block;
}

.bmi-category-item strong{
	margin-bottom: 4px;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 1.2;
}

.bmi-category-item small{
	color: rgba(255, 255, 255, 0.5);
	font-size: 9px;
	line-height: 1.2;
}

.bmi-category-item[data-bmi-category="underweight"]{
	color: #58A6FF;
}

.bmi-category-item[data-bmi-category="healthy"]{
	color: var(--accent-color);
}

.bmi-category-item[data-bmi-category="overweight"]{
	color: #F6A821;
}

.bmi-category-item[data-bmi-category="obese"]{
	color: #FF6464;
}

.bmi-category-item.is-active{
	opacity: 1;
	background: color-mix(in srgb, currentColor 10%, transparent);
	border-color: color-mix(in srgb, currentColor 45%, transparent);
	box-shadow: 0 10px 24px color-mix(in srgb, currentColor 10%, transparent);
	transform: translateY(-3px);
}

.bmi-disclaimer{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 24px 0 0;
	color: rgba(255, 255, 255, 0.4);
	font-size: 11px;
	line-height: 1.5;
	text-align: center;
}

.bmi-disclaimer i{
	color: var(--accent-color);
}

@media only screen and (max-width: 1199px){
	.bmi-calculator-layout{
		grid-template-columns: minmax(300px, 0.7fr) minmax(0, 1.3fr);
	}

	.bmi-visual-card{
		min-height: 680px;
	}

	.bmi-visual-copy{
		padding: 36px 30px 0;
	}

	.bmi-visual-copy h3{
		font-size: 35px;
	}

	.bmi-calculator-card{
		padding: 32px;
	}
}

@media only screen and (max-width: 991px){
	.bmi-calculator-section{
		padding: 90px 0 80px;
	}

	.bmi-calculator-layout{
		grid-template-columns: 1fr;
	}

	.bmi-visual-card{
		min-height: 510px;
	}

	.bmi-visual-copy{
		max-width: 48%;
	}

	.bmi-visual-image{
		left: 73%;
		width: 64%;
	}

	.bmi-visual-orbit{
		left: 73%;
		bottom: 35px;
	}
}

@media only screen and (max-width: 767px){
	.bmi-calculator-section{
		padding: 72px 0 64px;
	}

	.bmi-section-heading{
		margin-bottom: 36px;
	}

	.bmi-section-heading h2{
		font-size: 38px;
	}

	.bmi-section-heading p{
		font-size: 15px;
	}

	.bmi-visual-card,
	.bmi-calculator-card{
		border-radius: 23px;
	}

	.bmi-visual-card{
		min-height: 590px;
	}

	.bmi-visual-copy{
		max-width: 100%;
		padding: 30px 24px 0;
	}

	.bmi-visual-copy h3{
		font-size: 34px;
	}

	.bmi-visual-copy p{
		max-width: 420px;
	}

	.bmi-visual-image{
		left: 50%;
		width: 105%;
	}

	.bmi-visual-orbit{
		left: 50%;
		bottom: 35px;
		width: 330px;
		height: 330px;
	}

	.bmi-calculator-card{
		padding: 25px 20px;
	}

	.bmi-card-heading h3{
		font-size: 27px;
	}

	.bmi-heading-icon{
		width: 46px;
		height: 46px;
		border-radius: 14px;
	}

	.bmi-fields{
		grid-template-columns: 1fr;
	}

	.bmi-result-panel{
		grid-template-columns: 96px minmax(0, 1fr);
		gap: 16px;
		padding: 16px;
	}

	.bmi-result-gauge{
		width: 92px;
		height: 92px;
	}

	.bmi-result-gauge strong{
		font-size: 26px;
	}

	.bmi-category-scale{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bmi-category-item{
		padding: 12px 8px;
	}
}

@media only screen and (max-width: 420px){
	.bmi-visual-card{
		min-height: 550px;
	}

	.bmi-visual-image{
		width: 122%;
	}

	.bmi-visual-badge{
		right: 14px;
		bottom: 14px;
	}

	.bmi-result-panel{
		grid-template-columns: 1fr;
		text-align: center;
	}

	.bmi-result-gauge{
		margin: 0 auto;
	}

	.bmi-disclaimer{
		align-items: flex-start;
	}
}

/************************************/
/***  10. Achievement Showcase css ***/
/************************************/

.achievement-showcase{
	--achievement-ink: #101827;
	--achievement-lime: #9bd323;
	position: relative;
	padding: 115px 0 120px;
	background:
		linear-gradient(125deg, rgba(155, 211, 35, 0.14) 0%, transparent 23%),
		linear-gradient(305deg, rgba(16, 24, 39, 0.055) 0%, transparent 26%),
		#f3f5f7;
	overflow: hidden;
}

.achievement-showcase::before{
	content: '';
	position: absolute;
	left: -10%;
	top: 115px;
	width: 120%;
	height: 360px;
	background:
		linear-gradient(90deg, transparent 0%, rgba(155, 211, 35, 0.11) 28%, rgba(255, 255, 255, 0.55) 52%, rgba(16, 24, 39, 0.035) 74%, transparent 100%);
	clip-path: polygon(0 43%, 100% 0, 100% 26%, 0 70%);
	transform: rotate(-2deg);
	pointer-events: none;
}

.achievement-showcase::after{
	content: '';
	position: absolute;
	right: -65px;
	top: 52px;
	width: 440px;
	height: 230px;
	background: repeating-linear-gradient(135deg, rgba(16, 24, 39, 0.08) 0 1px, transparent 1px 17px);
	clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
	opacity: 0.46;
	pointer-events: none;
}

.achievement-showcase .container{
	position: relative;
	z-index: 1;
}

.achievement-showcase-heading{
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(290px, 0.65fr);
	align-items: end;
	gap: 70px;
	margin-bottom: 54px;
}

.achievement-kicker{
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 18px;
	color: var(--achievement-ink);
	font-family: var(--accent-font);
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.achievement-kicker-mark{
	display: inline-grid;
	place-items: center;
	width: 36px;
	height: 36px;
	background: var(--achievement-lime);
	border-radius: 11px 3px 11px 3px;
	box-shadow: 0 8px 20px rgba(155, 211, 35, 0.28);
}

.achievement-heading-copy h2{
	max-width: 800px;
	margin: 0;
	color: var(--achievement-ink);
	font-size: clamp(42px, 4.4vw, 68px);
	line-height: 0.98;
	letter-spacing: -0.04em;
}

.achievement-heading-copy h2 span{
	color: #7fbd16;
}

.achievement-heading-note{
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	align-items: center;
	gap: 17px;
	padding: 20px 22px;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(16, 24, 39, 0.07);
	border-radius: 18px;
	box-shadow: 0 16px 50px rgba(16, 24, 39, 0.07);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.achievement-note-icon{
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	color: var(--achievement-ink);
	background: var(--achievement-lime);
	border-radius: 15px;
	font-size: 18px;
}

.achievement-heading-note p{
	margin: 0;
	color: #586170;
	font-size: 14px;
	line-height: 1.65;
}

.achievement-grid{
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-auto-rows: minmax(275px, auto);
	gap: 18px;
}

.achievement-card{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 0;
	padding: 29px;
	border: 1px solid transparent;
	border-radius: 30px 8px 30px 8px;
	box-shadow: 0 18px 48px rgba(16, 24, 39, 0.09);
	overflow: hidden;
	isolation: isolate;
	transition: transform 0.45s cubic-bezier(0.2, 0.75, 0.25, 1), box-shadow 0.45s ease, border-color 0.45s ease;
}

.achievement-card::before{
	content: '';
	position: absolute;
	inset: 0;
	z-index: -2;
	background-image: radial-gradient(currentColor 0.8px, transparent 0.8px);
	background-position: 0 0;
	background-size: 13px 13px;
	opacity: 0.075;
	-webkit-mask-image: linear-gradient(130deg, transparent 40%, #000 74%, #000 100%);
	mask-image: linear-gradient(130deg, transparent 40%, #000 74%, #000 100%);
	pointer-events: none;
}

.achievement-card::after{
	content: '';
	position: absolute;
	z-index: -1;
	right: -17%;
	top: -55%;
	width: 60%;
	height: 215%;
	background:
		linear-gradient(90deg,
			transparent 0 13%,
			currentColor 13% 14%,
			transparent 14% 43%,
			currentColor 43% 48%,
			transparent 48% 76%,
			currentColor 76% 77%,
			transparent 77% 100%);
	clip-path: polygon(42% 0, 100% 0, 58% 100%, 0 100%);
	opacity: 0.075;
	transition: transform 0.55s ease, opacity 0.4s ease;
}

.achievement-card:nth-child(even)::after{
	right: -7%;
	transform: scaleX(-1);
}

.achievement-card:hover{
	transform: translateY(-9px);
	box-shadow: 0 30px 70px rgba(16, 24, 39, 0.17);
}

.achievement-card:hover::after{
	transform: translateX(-15px) skewX(-3deg);
	opacity: 0.115;
}

.achievement-card:nth-child(even):hover::after{
	transform: translateX(-15px) scaleX(-1) skewX(-3deg);
}

.achievement-card--members{
	grid-column: span 5;
}

.achievement-card--equipment{
	grid-column: span 3;
}

.achievement-card--projects{
	grid-column: span 4;
}

.achievement-card--milestones{
	grid-column: span 4;
}

.achievement-card--trainers{
	grid-column: span 5;
}

.achievement-card--classes{
	grid-column: span 3;
}

.achievement-card--lime{
	color: var(--achievement-ink);
	background:
		linear-gradient(118deg, rgba(255, 255, 255, 0.2) 0%, transparent 43%),
		linear-gradient(145deg, #ace13b 0%, #8cc51c 100%);
}

.achievement-card--dark{
	color: #FFFFFF;
	background:
		linear-gradient(118deg, rgba(155, 211, 35, 0.09) 0%, transparent 43%),
		linear-gradient(145deg, #182234 0%, #0d1420 100%);
	border-color: rgba(255, 255, 255, 0.06);
}

.achievement-card--pearl{
	color: var(--achievement-ink);
	background:
		linear-gradient(118deg, rgba(155, 211, 35, 0.09) 0%, transparent 44%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(238, 243, 234, 0.97));
	border-color: rgba(16, 24, 39, 0.07);
}

.achievement-card-icon{
	display: grid;
	place-items: center;
	width: 55px;
	height: 55px;
	border-radius: 17px;
	font-size: 21px;
	transition: transform 0.4s ease, background-color 0.4s ease;
}

.achievement-card--lime .achievement-card-icon{
	background: rgba(16, 24, 39, 0.11);
}

.achievement-card--dark .achievement-card-icon{
	color: var(--achievement-lime);
	background: rgba(155, 211, 35, 0.11);
	border: 1px solid rgba(155, 211, 35, 0.18);
}

.achievement-card--pearl .achievement-card-icon{
	color: #76ac18;
	background: rgba(155, 211, 35, 0.15);
}

.achievement-card:hover .achievement-card-icon{
	transform: translateY(-3px) rotate(-5deg) scale(1.05);
}

.achievement-card-content{
	position: relative;
	z-index: 1;
	padding-top: 25px;
}

.achievement-number{
	display: flex;
	align-items: flex-start;
	margin-bottom: 8px;
	font-family: var(--accent-font);
	font-size: clamp(46px, 4.5vw, 72px);
	font-weight: 700;
	line-height: 0.82;
	letter-spacing: -0.055em;
}

.achievement-number sup{
	margin: -2px 0 0 6px;
	font-size: 0.42em;
	font-weight: 500;
	line-height: 1;
}

.achievement-card--dark .achievement-number sup{
	color: var(--achievement-lime);
}

.achievement-card-content h3{
	margin: 0 0 8px;
	color: inherit;
	font-size: clamp(20px, 1.8vw, 27px);
	line-height: 1.1;
}

.achievement-card-content p{
	max-width: 360px;
	margin: 0;
	color: rgba(16, 24, 39, 0.67);
	font-size: 13px;
	line-height: 1.55;
}

.achievement-card--dark .achievement-card-content p{
	color: rgba(255, 255, 255, 0.58);
}

.achievement-card-tag{
	position: absolute;
	top: 30px;
	right: 29px;
	padding: 8px 11px;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: 9px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	opacity: 0.62;
}

.achievement-card-index{
	position: absolute;
	right: 20px;
	bottom: -18px;
	z-index: -1;
	font-family: var(--accent-font);
	font-size: 112px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.08em;
	opacity: 0.055;
	pointer-events: none;
}

@media only screen and (max-width: 1199px){
	.achievement-showcase-heading{
		gap: 40px;
	}

	.achievement-grid{
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: minmax(260px, auto);
	}

	.achievement-card--members,
	.achievement-card--equipment,
	.achievement-card--projects,
	.achievement-card--milestones,
	.achievement-card--trainers,
	.achievement-card--classes{
		grid-column: span 1;
	}
}

@media only screen and (max-width: 991px){
	.achievement-showcase{
		padding: 90px 0;
	}

	.achievement-showcase-heading{
		grid-template-columns: 1fr;
		gap: 30px;
		margin-bottom: 42px;
	}

	.achievement-heading-note{
		max-width: 580px;
	}
}

@media only screen and (max-width: 767px){
	.achievement-showcase{
		padding: 72px 0;
	}

	.achievement-showcase-heading{
		margin-bottom: 34px;
	}

	.achievement-heading-copy h2{
		font-size: 40px;
	}

	.achievement-grid{
		grid-template-columns: 1fr;
		grid-auto-rows: minmax(250px, auto);
		gap: 14px;
	}

	.achievement-card{
		padding: 25px;
		border-radius: 25px 7px 25px 7px;
	}

	.achievement-card-tag{
		top: 25px;
		right: 25px;
	}

	.achievement-number{
		font-size: 58px;
	}
}

@media only screen and (max-width: 420px){
	.achievement-heading-copy h2{
		font-size: 35px;
	}

	.achievement-heading-note{
		grid-template-columns: 44px minmax(0, 1fr);
		padding: 16px;
	}

	.achievement-note-icon{
		width: 44px;
		height: 44px;
	}

	.achievement-card{
		min-height: 245px;
	}

	.achievement-card-content p{
		font-size: 12px;
	}
}

/* Achievement performance console */
.achievement-showcase{
	background:
		linear-gradient(135deg, rgba(155, 211, 35, 0.1) 0%, transparent 25%),
		linear-gradient(315deg, rgba(16, 24, 39, 0.045) 0%, transparent 31%),
		#f2f5f3;
}

.achievement-showcase::before{
	left: -13%;
	top: 46%;
	width: 72%;
	height: 330px;
	background: linear-gradient(90deg, rgba(155, 211, 35, 0.18), rgba(155, 211, 35, 0.025), transparent);
	clip-path: polygon(0 28%, 100% 0, 82% 72%, 5% 100%);
	filter: blur(26px);
	opacity: 0.8;
	transform: rotate(-8deg);
}

.achievement-showcase::after{
	content: 'PROGRESS';
	right: -24px;
	top: 64px;
	width: auto;
	height: auto;
	color: rgba(16, 24, 39, 0.026);
	background: none;
	clip-path: none;
	font-family: var(--accent-font);
	font-size: clamp(100px, 12vw, 190px);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.065em;
	opacity: 1;
}

.achievement-grid{
	position: relative;
	isolation: isolate;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: minmax(265px, auto);
	gap: 0;
	background:
		radial-gradient(circle at 92% 4%, rgba(155, 211, 35, 0.13), transparent 31%),
		linear-gradient(145deg, #192437 0%, #0d1522 58%, #0a111c 100%);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 42px;
	box-shadow: 0 38px 90px rgba(16, 24, 39, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.06);
	overflow: hidden;
}

.achievement-grid::before{
	content: 'PERFORMANCE';
	position: absolute;
	right: 14px;
	bottom: -41px;
	z-index: 0;
	color: rgba(255, 255, 255, 0.022);
	font-family: var(--accent-font);
	font-size: clamp(90px, 10vw, 150px);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.055em;
	pointer-events: none;
}

.achievement-grid::after{
	content: '';
	position: absolute;
	left: 5%;
	top: 0;
	z-index: 3;
	width: 90%;
	height: 3px;
	background: linear-gradient(90deg, transparent, #9bd323 22%, rgba(155, 211, 35, 0.25) 78%, transparent);
	box-shadow: 0 0 24px rgba(155, 211, 35, 0.35);
	pointer-events: none;
}

.achievement-grid .achievement-card{
	z-index: 1;
	grid-column: auto;
	min-height: 265px;
	padding: 34px;
	color: #FFFFFF;
	background: transparent;
	border: 0;
	border-right: 1px solid rgba(255, 255, 255, 0.09);
	border-bottom: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 0;
	box-shadow: none;
	transition: background-color 0.45s ease, box-shadow 0.45s ease;
}

.achievement-grid .achievement-card:nth-child(3n){
	border-right: 0;
}

.achievement-grid .achievement-card:nth-child(n + 4){
	border-bottom: 0;
}

.achievement-grid .achievement-card::before{
	inset: 0;
	background: linear-gradient(112deg, transparent 12%, rgba(155, 211, 35, 0.11) 47%, transparent 78%);
	opacity: 0;
	-webkit-mask-image: none;
	mask-image: none;
	transform: translateX(-75%);
	transition: opacity 0.45s ease, transform 0.7s cubic-bezier(0.18, 0.8, 0.2, 1);
}

.achievement-grid .achievement-card::after,
.achievement-grid .achievement-card:nth-child(even)::after{
	left: 0;
	right: auto;
	top: 50%;
	width: 3px;
	height: 0;
	background: #9bd323;
	clip-path: none;
	box-shadow: 0 0 22px rgba(155, 211, 35, 0.65);
	opacity: 1;
	transform: translateY(-50%);
	transition: height 0.45s cubic-bezier(0.18, 0.8, 0.2, 1);
}

.achievement-grid .achievement-card:hover{
	background: rgba(255, 255, 255, 0.035);
	box-shadow: inset 0 0 45px rgba(155, 211, 35, 0.035);
	transform: none;
}

.achievement-grid .achievement-card:hover::before{
	opacity: 1;
	transform: translateX(0);
}

.achievement-grid .achievement-card:hover::after,
.achievement-grid .achievement-card:nth-child(even):hover::after{
	height: 58%;
	opacity: 1;
	transform: translateY(-50%);
}

.achievement-grid .achievement-card-icon,
.achievement-grid .achievement-card--lime .achievement-card-icon,
.achievement-grid .achievement-card--dark .achievement-card-icon,
.achievement-grid .achievement-card--pearl .achievement-card-icon{
	color: #9bd323;
	background: rgba(155, 211, 35, 0.095);
	border: 1px solid rgba(155, 211, 35, 0.18);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.achievement-grid .achievement-number{
	color: #FFFFFF;
}

.achievement-grid .achievement-number sup,
.achievement-grid .achievement-card--dark .achievement-number sup{
	color: #9bd323;
}

.achievement-grid .achievement-card:first-child .achievement-number{
	color: #a5dc31;
}

.achievement-grid .achievement-card-content h3{
	color: #FFFFFF;
}

.achievement-grid .achievement-card-content p,
.achievement-grid .achievement-card--dark .achievement-card-content p{
	color: rgba(255, 255, 255, 0.54);
}

.achievement-grid .achievement-card-tag{
	color: rgba(255, 255, 255, 0.78);
	border-color: rgba(255, 255, 255, 0.35);
	background: rgba(255, 255, 255, 0.035);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	opacity: 1;
}

.achievement-grid .achievement-card-index{
	right: 25px;
	bottom: -22px;
	color: #FFFFFF;
	opacity: 0.035;
}

@media only screen and (max-width: 1199px){
	.achievement-grid{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.achievement-grid .achievement-card,
	.achievement-grid .achievement-card:nth-child(3n){
		border-right: 1px solid rgba(255, 255, 255, 0.09);
		border-bottom: 1px solid rgba(255, 255, 255, 0.09);
	}

	.achievement-grid .achievement-card:nth-child(2n){
		border-right: 0;
	}

	.achievement-grid .achievement-card:nth-child(n + 5){
		border-bottom: 0;
	}
}

@media only screen and (max-width: 767px){
	.achievement-showcase::after{
		top: 95px;
		font-size: 82px;
	}

	.achievement-grid{
		grid-template-columns: 1fr;
		grid-auto-rows: minmax(235px, auto);
		border-radius: 28px;
	}

	.achievement-grid .achievement-card,
	.achievement-grid .achievement-card:nth-child(2n),
	.achievement-grid .achievement-card:nth-child(3n),
	.achievement-grid .achievement-card:nth-child(n + 5){
		min-height: 235px;
		padding: 27px;
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.09);
	}

	.achievement-grid .achievement-card:last-child{
		border-bottom: 0;
	}
}

/************************************/
/***  	   10. Our Team css	  	  ***/
/************************************/

.our-team{
	position: relative;
	background: #111827;
	padding: 100px 0 70px;
	overflow: hidden;
}

.light-body-theme .our-team{
	background: #111827;
}

.light-body-theme .our-team .section-title h2{
	color: #FFFFFF;
}

.light-body-theme .our-team .section-bg-title span{
	color: rgba(255, 255, 255, 0.055);
}

.team-item{
	position: relative;
	display: flex;
	flex-direction: column;
	height: calc(100% - 30px);
    margin-bottom: 30px;
	padding: 12px;
	background: #1B2537;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 28px;
	overflow: hidden;
	box-shadow: 0 24px 55px rgba(0, 0, 0, 0.28);
	transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.team-item::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 48%;
	height: 4px;
	background: var(--accent-color);
	border-radius: 0 0 8px 8px;
	transform: translateX(-50%);
	z-index: 4;
}

.team-item:hover{
	transform: translateY(-10px);
	border-color: rgba(215, 251, 0, 0.65);
	box-shadow: 0 34px 75px rgba(0, 0, 0, 0.4);
}

.team-image{
	position: relative;
	z-index: 1;
	padding: 0;
	background: #FFFFFF;
	border: none;
	border-radius: 20px;
	box-shadow: none;
	transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.team-image::before{
	display: none;
}

.team-item:hover .team-image{
	box-shadow: none;
}

.team-image a{
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	cursor: none;
	background: #FFFFFF;
	border: none;
	border-radius: 20px;
	overflow: hidden;
}

.team-image figure{
	width: 100%;
	height: 100%;
}

.team-image figure:before{
	display: none;
}

.team-image img{
    width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	object-position: center top;
	transition: transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.4s ease;
}

.team-item:hover .team-image img{
	transform: scale(1);
	filter: saturate(1.07) contrast(1.03);
}

.team-body{
	position: relative;
	right: auto;
	bottom: auto;
	left: auto;
	width: 100%;
	padding: 25px 18px 22px;
	margin: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	transform: translateY(0);
	text-align: center;
    transition: all 0.4s ease-in-out;
    z-index: 1;
}

.team-item:hover .team-body{
	transform: translateY(0);
	border-color: transparent;
}

.team-content p{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--accent-color);
	background: transparent;
	border: none;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 0;
	margin-bottom: 10px;
	border-radius: 0;
	box-shadow: none;
}

.team-content p::before,
.team-content p::after{
	content: '';
	width: 24px;
	height: 1px;
	margin: 0 9px;
	background: var(--accent-color);
}

.team-content h3{
	font-size: 29px;
	font-weight: 700;
	line-height: 1.1;
	text-transform: capitalize;
	color: #FFFFFF;
	margin: 0;
	text-shadow: none;
}

.light-body-theme .our-team .team-content h3{
	color: #FFFFFF;
}

.team-content h3 a{
	color: inherit;
	transition: color 0.3s ease;
}

.team-content h3 a:hover{
	color: var(--accent-color);
}

.team-gallery-row{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	margin-top: 30px;
}

.team-gallery-image{
	position: relative;
	margin: 0;
	padding: 8px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 24px;
	box-shadow: 0 22px 50px rgba(0, 0, 0, 0.28);
	overflow: hidden;
	transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.team-gallery-image::after{
	content: '';
	position: absolute;
	left: 12%;
	right: 12%;
	bottom: 0;
	height: 3px;
	background: var(--accent-color);
	border-radius: 5px 5px 0 0;
	transition: left 0.4s ease, right 0.4s ease;
}

.team-gallery-image img{
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	object-position: center;
	border-radius: 17px;
	transition: transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.4s ease;
}

.team-gallery-image:hover{
	transform: translateY(-8px);
	border-color: rgba(139, 196, 45, 0.6);
	box-shadow: 0 32px 65px rgba(0, 0, 0, 0.4), 0 10px 24px rgba(139, 196, 45, 0.1);
}

.team-gallery-image:hover::after{
	left: 25%;
	right: 25%;
}

.team-gallery-image:hover img{
	transform: scale(1.035);
	filter: saturate(1.08) contrast(1.03);
}

@media only screen and (max-width: 767px){
	.team-item{
		border-radius: 20px;
	}

	.team-item:hover{
		transform: translateY(-6px);
	}

	.team-content p{
		font-size: 12px;
		padding: 6px 11px;
		margin-bottom: 10px;
	}

	.team-content h3{
		font-size: 24px;
	}

	.team-gallery-row{
		gap: 12px;
		margin-top: 15px;
	}

	.team-gallery-image{
		padding: 5px;
		border-radius: 14px;
	}

	.team-gallery-image img{
		aspect-ratio: 4 / 3;
		border-radius: 10px;
	}

	.team-gallery-image:hover{
		transform: translateY(-4px);
	}
}

.team-social-list{
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.team-item:hover .team-social-list{
    margin-top: 15px;
    opacity: 1;
    visibility: visible;
}

.team-social-list ul{
	display: flex;
	justify-content: center;
	gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.team-social-list ul li a{
	width: 30px;
	height: 30px;
	color: var(--accent-secondary-color);
	background: var(--primary-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s ease-in-out;
}

.team-social-list ul li:hover a{
	background: var(--accent-color);
}

.team-social-list ul li a i{
    font-size: 14px;
    color: inherit;
}

/************************************/
/***  	   11. Our Faqs css	  	  ***/
/************************************/

.our-faqs{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 100px 0;
}

.faq-image{
	position: relative;
	padding: 0 0 77px 92px;
	background: url('../images/faqs-image-bg.svg') no-repeat;
	background-position: bottom 35px right 120px;
	background-size: auto;
	margin-right: 30px;
}

.faq-image:before{
	content: '';
	position: absolute;
	top: 65px;
	left: 45px;
	width: 24px;
	height: 275px;
	background-color: var(--accent-color);
	border-radius: 100px;
}

.faq-img-1 figure{
	display: block;
	border-radius: 18px;
}

.faq-img-1 img{
	width: 100%;
	aspect-ratio: 1 / 1.285;
	object-fit: cover;
	border-radius: 18px;
}

.faq-img-2{
	max-width: 398px;
	position: absolute;
	bottom: 0;
	left: 0;
	border: 8px solid var(--secondary-color);
	border-radius: 18px;
	overflow: hidden;
	z-index: 1;
}

.faq-img-2 figure{
	display: block;
}

.faq-img-2 img{
	width: 100%;
	aspect-ratio: 1 / 0.812;
	object-fit: cover;
}

.faq-accordion .accordion-item{
	border-radius: 8px;
	margin-bottom: 30px;
    padding: 0;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}

.faq-accordion .accordion-item:last-child{
	margin-bottom: 0;
}

.faq-accordion .accordion-header .accordion-button{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4em;
	text-transform: uppercase;
	background: var(--accent-color);
	color: var(--accent-secondary-color);
	padding: 12px 40px 12px 20px;
	transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-header .accordion-button.collapsed{
	background: var(--primary-color);
	color: var(--accent-secondary-color);
}

.faq-accordion .accordion-item .accordion-button::after,
.faq-accordion .accordion-item .accordion-button.collapsed::after{
    content: '\f106';
    font-family: 'FontAwesome';
    position: absolute;
    right: 20px;
    top: 50%;
	transform: translateY(-50%);
    font-size: 18px;
    color: var(--accent-secondary-color);
    transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-item .accordion-button.collapsed::after{
    transform: translateY(-50%) rotate(180deg);
}

.faq-accordion .accordion-item .accordion-body{
	background-color: var(--primary-color);
	border: 2px solid var(--accent-color);
	border-top: none;
	border-radius: 0 0 8px 8px;
	padding: 20px 40px 20px 20px;
}

.faq-accordion .accordion-item .accordion-body p{
    color: var(--secondary-color);
	margin: 0;
}

/************************************/
/***   12. Our Testimonials css	  ***/
/************************************/

.our-testimonials{
	background-image: url('../images/testimonials-bg.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
    padding: 100px 0;
}

.testimonial-slider{
	position: relative;
}

.testimonial-slider .swiper{
    position: static;
    margin: 0 110px;
}

.testimonial-slider .swiper-wrapper{
	cursor: none;
}

.testimonial-item{
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	padding: 54px 64px 46px;
	background: linear-gradient(145deg, #FFFFFF 0%, #F7F8FA 100%);
	border: 1px solid #DDE2E8;
	border-radius: 28px;
	box-shadow: 0 22px 55px rgba(23, 30, 46, 0.1);
	text-align: center;
}

.testimonial-item::before{
	content: '\201C';
	display: flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	margin: 0 auto 24px;
	color: var(--accent-secondary-color);
	background: var(--accent-color);
	border-radius: 18px;
	font-family: Georgia, serif;
	font-size: 58px;
	line-height: 1;
	padding-top: 15px;
	box-shadow: 0 10px 24px rgba(151, 181, 0, 0.25);
}

.testimonial-content{
	margin-bottom: 30px;
}

.testimonial-content p{
	font-size: 30px;
	line-height: 1.5em;
	margin: 0;
}

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

.author-content{
	position: relative;
	padding-top: 18px;
}

.author-content::before{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 42px;
	height: 3px;
	background: var(--accent-color);
	border-radius: 10px;
	transform: translateX(-50%);
}

.author-image{
	margin-bottom: 20px;
}

.author-image figure,
.author-image img{
	border-radius: 50%;
	max-width: 100px;
	margin: 0 auto;
}

.author-content h3{
	font-size: 24px;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.author-content p{
	color: #687180;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin: 0;
}

@media only screen and (max-width: 767px){
	.testimonial-item{
		padding: 34px 22px 30px;
		border-radius: 20px;
	}

	.testimonial-item::before{
		width: 48px;
		height: 48px;
		margin-bottom: 18px;
		font-size: 48px;
	}

	.author-content h3{
		font-size: 21px;
	}
}

.testimonial-btn-prev,
.testimonial-btn-next{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	background-color: var(--accent-color);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.testimonial-btn-prev{
	left: 0;
}

.testimonial-btn-next{
	right: 0;
}

.testimonial-btn-prev:hover,
.testimonial-btn-next:hover{
	background-color: var(--primary-color);
}

.testimonial-btn-prev::before,
.testimonial-btn-next::before{
	font-family: 'FontAwesome';
	content: '\f053';
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	font-size: 20px;
	color: var(--accent-secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}

.testimonial-btn .testimonial-btn-next::before{
	transform: rotate(180deg);
}

/************************************/
/***  		13. Our Blog css 	  ***/
/************************************/

.our-blog{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 100px 0;
}

.post-item{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
	margin-bottom: 30px;
}

.post-item:last-child{
	margin-bottom: 0;
}

.post-featured-image,
.post-item-body{
	width: calc(50% - 15px);
}

.post-featured-image a{
    display: block;
	border-radius: 18px;
	overflow: hidden;
	cursor: none;
}

.post-featured-image img{
    width: 100%;
    aspect-ratio: 1 / 0.68;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}

.post-item:hover .post-featured-image img{
    transform: scale(1.1);
}

.post-item-content{
	margin-bottom: 25px;
}

.post-item-content h2{
	color: var(--primary-color);
	font-size: 20px;
	line-height: 1.4em;
	margin-bottom: 15px;
}

.post-item-content h2 a{
	color: inherit;
}

.post-item-content p:last-child{
	margin: 0;
}

.post-item.highlighted-post-item{
	margin-bottom: 0;
}

.post-item.highlighted-post-item .post-featured-image,
.post-item.highlighted-post-item .post-item-body{
	width: 100%;
}

.post-item.highlighted-post-item .post-featured-image img{
    aspect-ratio: 1 / 0.742;
}

/************************************/
/***  		14. CTA Box css 	  ***/
/************************************/

.cta-box{
	position: relative;
	padding: 50px 0 0;
	background: url('../images/cta-box-bg.jpg') no-repeat;
	background-position: center center;
	background-size: cover;
}

.cta-box::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(90deg, rgba(24, 31, 47, 0) 0%, rgba(24, 31, 47, 0.4) 48.62%);
	z-index: 0;
}

.cta-box-image{
	position: relative;
	text-align: center;
	margin-right: 15px;
	z-index: 1;
}

.cta-box-image img{
	width: 100%;
    aspect-ratio: 1 / 0.73;
    object-fit: contain;
}

.cta-box-content{
	position: relative;
	z-index: 1;
}

.cta-box-content .section-title{
	padding-top: 0;
	margin-bottom: 25px;
}

.cta-box-body{
	margin-bottom: 40px;
}

.cta-box-body ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.cta-box-body ul li{
    background-image: url('../images/arrow-accent.svg');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 22px auto;
    line-height: 1.4em;
    padding-left: 30px;
	margin-bottom: 20px;
}

.cta-box-body ul li:last-child{
	margin-bottom: 0;
}

/************************************/
/***  		15. Footer css	 	  ***/
/************************************/

.footer-main{
	background-image: none;
	background-color: var(--secondary-color);
	padding: 100px 0 0;
	overflow: hidden;
}

.footer-logo{
	margin-bottom: 20px;
}

.footer-logo img{
	display: block;
	width: 100%;
	max-width: 150px;
	height: auto;
	border-radius: 10px;
}

.about-footer-content{
	margin-bottom: 30px;
}

.about-footer-content p{
	color: var(--primary-color);
	margin-bottom: 0;
}

.footer-newsletters-form .form-group{
	position: relative;
	display: flex;
	align-items: center;
	background: transparent;
	border-bottom: 1px solid var(--divider-color);
	padding: 0 0 12px 0;
}

.footer-newsletters-form .form-group .form-control{
	position: relative;
    width: calc(100% - 25px);
    border: none;
    border-radius: 0;
    color: var(--text-color);
    background: transparent;
    padding: 0;
    box-shadow: none;
}

.footer-newsletters-form .form-group .form-control::placeholder{
	color: var(--text-color);
}

.footer-newsletters-form .form-group button{
	background: transparent;
	margin-left: 5px;
    border: none;
    padding: 0;
	transition: all 0.3s ease-in-out;
}

.footer-newsletters-form .form-group button img{
	filter: brightness(0) invert(1);
	max-width: 20px;
}

.footer-links h3{
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.footer-contact-item{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.footer-contact-item:last-child{
	margin-bottom: 0;
}

.footer-contact-item .icon-box{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--divider-color);
	border-radius: 50%;
	margin-right: 15px;
}

.footer-contact-item .icon-box img{
	width: 100%;
	max-width: 16px;
}

.footer-contact-content{
	width: calc(100% - 55px);
}

.footer-contact-content p{
	color: var(--text-color);
	margin: 0;
}

.footer-contact-content p a{
	color: inherit;
}

.footer-links ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-links ul li{
	line-height: 1.4em;
	margin-bottom: 15px;
}

.footer-links ul li:last-child{
	margin-bottom: 0;
}

.footer-quick-links{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 18px;
}

.footer-quick-links li{
	margin-bottom: 0 !important;
}

.footer-quick-links a{
	position: relative;
	display: inline-block;
	color: var(--text-color);
	padding-left: 16px;
	transition: color 0.3s ease, transform 0.3s ease;
}

.footer-quick-links a::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 6px;
	height: 6px;
	background: var(--accent-color);
	border-radius: 50%;
	transform: translateY(-50%);
}

.footer-quick-links a:hover{
	color: var(--accent-color);
	transform: translateX(4px);
}

.footer-contact-block{
	margin-top: 32px;
	padding-top: 28px;
	border-top: 1px solid var(--divider-color);
}

.footer-timing-block{
	margin-top: 32px;
	padding-top: 28px;
	border-top: 1px solid var(--divider-color);
}


.footer-copyright{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px 30px;
	border-top: 1px solid var(--divider-color);
	margin-top: 80px;
	padding: 40px 0;
}

.footer-copyright-text p{
	color: var(--primary-color);
	margin-bottom: 0;
}

.footer-design-credit p{
	color: var(--primary-color);
	margin: 0;
}

.footer-design-credit a{
	color: var(--accent-color);
	font-weight: 600;
	transition: color 0.3s ease;
}

.footer-design-credit a:hover{
	color: var(--primary-color);
}

.footer-social-links ul{
	display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-social-links ul li{
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
}

.footer-social-links ul li:last-child{
	margin: 0;
}

.footer-social-links ul li a{
	width: 40px;
	height: 40px;
	border: 1px solid var(--divider-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--primary-color);
	transition: all 0.4s ease-in-out;
}

.footer-social-links ul li:hover a{
	background: var(--accent-color);
	color: var(--accent-secondary-color);
}

.footer-social-links ul li a i{
    color: inherit;
    font-size: 16px;
}

/************************************/
/***  	 16. About Us Page css 	  ***/
/************************************/

/* Keep the About page readable on its light page background. */
.about-page .page-header-box h1{
	color: var(--primary-color);
}

.about-page .page-header-box h1 span{
	color: var(--accent-color);
}

.about-page .about-us{
	color: #4B5563;
}

.about-page .about-us .section-title h2,
.about-page .about-us .section-title h3,
.about-page .about-us-body-item h3{
	color: var(--accent-secondary-color);
}

.about-page .about-us .section-bg-title span{
	color: #E8EBEF;
	background: none;
	-webkit-text-stroke: 0;
}

.about-page .our-goal,
.about-page .our-journey{
	color: #4B5563;
	background-color: var(--primary-color);
}

.about-page .our-goal .section-title h2,
.about-page .our-goal .goal-item-content h3,
.about-page .our-journey .section-title h2,
.about-page .our-journey .journey-item-content h3{
	color: var(--accent-secondary-color);
}

.about-page .our-goal .section-bg-title span,
.about-page .our-journey .section-bg-title span{
	color: #E8EBEF;
	background: none;
	-webkit-text-stroke: 0;
}

.about-page .our-goal .goal-content-item .icon-box,
.about-page .our-journey .journey-item{
	border-color: #D9DEE5;
}

.about-page .our-goal .goal-info-box-1,
.about-page .our-goal .goal-info-box-2{
	color: var(--text-color);
}

.about-page .our-approach .section-bg-title span,
.about-page .our-health .section-bg-title span{
	color: rgba(255, 255, 255, 0.055);
	background: none;
	-webkit-text-stroke: 0;
}

/* Keep decorative section words compact and behind readable headings. */
.about-page .section-title{
	isolation: isolate;
}

.about-page .section-title .section-bg-title{
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	pointer-events: none;
}

.about-page .section-title .section-bg-title span{
	font-size: clamp(58px, 5.2vw, 82px);
	line-height: 1em;
	letter-spacing: -0.025em;
	white-space: nowrap;
}

.about-page .section-title h2{
	line-height: 1.08em;
	text-wrap: balance;
}

.about-page .our-approach .section-title h2{
	font-size: 42px;
}

@media only screen and (max-width: 767px){
	.about-page .section-title .section-bg-title span{
		font-size: 44px;
	}

	.about-page .our-approach .section-title h2{
		font-size: 32px;
	}
}

.page-header{
	position: relative;
    background: url(../images/hero-bg-shape.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	padding: 240px 0 130px;
}

.page-header::before{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/section-bg-circle-shape.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.page-header-box{
	position: relative;
	text-align: center;
	z-index: 1;
}

.page-header-box h1{
	display: inline-block;
    font-size: 68px;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    margin-bottom: 0;
	margin-bottom: 5px;
	cursor: none;
}

.page-header-box h1 span{
	color: var(--accent-color);
}

.page-header-box ol{
	margin: 0;
	padding: 0;
	justify-content: center;
}

.page-header-box ol li.breadcrumb-item{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5em;
	text-transform: capitalize;
	color: var(--primary-color);
}

.page-header-box ol li.breadcrumb-item a{
    color: inherit;
}

.page-header-box ol li.breadcrumb-item.active{
	color: var(--primary-color);
}

.page-header-box ol .breadcrumb-item+.breadcrumb-item::before{
	content: "/";
    color: var(--primary-color);
}

.our-scrolling-ticker.subpages-scrolling-ticker{
    padding: 15px 0;
}

.scrolling-ticker-box{
    --gap: 15px;
}

.our-scrolling-ticker.subpages-scrolling-ticker .scrolling-content span{
    font-size: 26px;
}

.scrolling-content span img{
    max-width: 26px;
    margin-right: 15px;
}

/* Premium About page breadcrumb hero. */
.about-page .page-header{
	isolation: isolate;
	overflow: hidden;
	/* background-image: url('../images/hero-bg-2.jpg'); */
	background-image: url('../images/inner/breadcrump-main.png');
	background-repeat: no-repeat;
	background-position: center 22%;
	background-size: cover;
	padding: 210px 0 90px;
	border-bottom: 1px solid rgba(139, 196, 45, 0.5);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}

.about-page .page-header::before{
	background:
		radial-gradient(circle at 14% 74%, rgba(139, 196, 45, 0.2), transparent 30%),
		linear-gradient(90deg, rgba(7, 13, 23, 0.97) 0%, rgba(11, 19, 31, 0.9) 38%, rgba(10, 18, 30, 0.52) 67%, rgba(10, 18, 30, 0.72) 100%);
	z-index: 0;
}

.about-page .page-header::after{
	content: '';
	position: absolute;
	inset: 0;
	background-image: url('../images/hero-bg-shape.png');
	background-position: center;
	background-size: cover;
	opacity: 0.055;
	mix-blend-mode: screen;
	pointer-events: none;
	z-index: 0;
}

.about-page .page-header > .container{
	position: relative;
	z-index: 2;
}

.about-page .page-header-box{
	max-width: 760px;
	margin-right: auto;
	padding: 20px 0 18px 38px;
	text-align: left;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.about-page .page-header-box::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 100%;
	background: linear-gradient(180deg, transparent, var(--accent-color) 22%, var(--accent-color) 78%, transparent);
	box-shadow: 0 0 18px rgba(139, 196, 45, 0.5);
}

.about-page .page-header-box::after{
	content: '';
	position: absolute;
	left: -5px;
	top: 50%;
	width: 12px;
	height: 12px;
	background: var(--accent-color);
	border: 3px solid rgba(7, 13, 23, 0.92);
	border-radius: 50%;
	box-shadow: 0 0 0 6px rgba(139, 196, 45, 0.13), 0 0 24px rgba(139, 196, 45, 0.65);
	transform: translateY(-50%);
}

.about-page .page-header-kicker{
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
	font-family: var(--accent-font);
	font-size: 14px;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--accent-color);
}

.about-page .page-header-kicker span{
	display: block;
	width: 44px;
	height: 2px;
	background: var(--accent-color);
	box-shadow: 0 0 16px rgba(139, 196, 45, 0.55);
}

.about-page .page-header-box h1{
	display: block;
	margin-bottom: 26px;
	font-size: clamp(58px, 6vw, 92px);
	line-height: 0.95em;
	letter-spacing: -0.045em;
	color: #FFFFFF;
	text-shadow: 0 8px 30px rgba(0, 0, 0, 0.32);
}

.about-page .page-header-box h1 span{
	color: var(--accent-color);
	text-shadow: 0 0 28px rgba(139, 196, 45, 0.28);
}

.about-page .page-header-box nav{
	display: flex;
}

.about-page .page-header-box ol{
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 2px;
	width: 320px;
	padding: 16px 0 0;
	background: none;
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 0;
	box-shadow: none;
}

.about-page .page-header-box ol li.breadcrumb-item{
	font-size: 15px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.78);
}

.about-page .page-header-box ol li.breadcrumb-item a{
	color: #FFFFFF;
	transition: color 0.25s ease;
}

.about-page .page-header-box ol li.breadcrumb-item a:hover{
	color: var(--accent-color);
}

.about-page .page-header-box ol li.breadcrumb-item.active{
	color: var(--accent-color);
}

.about-page .page-header-box ol .breadcrumb-item + .breadcrumb-item::before{
	content: '\2192';
	padding: 0 9px 0 7px;
	color: rgba(255, 255, 255, 0.42);
}

@media only screen and (max-width: 991px){
	.about-page .page-header{
		background-position: 62% center;
		padding: 165px 0 70px;
	}

	.about-page .page-header-box{
		max-width: 650px;
		padding-left: 32px;
	}

}

@media only screen and (max-width: 767px){
	.about-page .page-header{
		background-position: 68% center;
		padding: 125px 0 50px;
	}

	.about-page .page-header::before{
		background: linear-gradient(90deg, rgba(7, 13, 23, 0.94), rgba(9, 16, 27, 0.78));
	}

	.about-page .page-header-box{
		max-width: 100%;
		padding: 18px 12px 18px 22px;
		text-align: center;
	}

	.about-page .page-header-box::before{
		top: 0;
		height: 100%;
	}

	.about-page .page-header-box h1{
		margin-bottom: 22px;
		font-size: 48px;
	}

	.about-page .page-header-kicker{
		justify-content: center;
		margin-bottom: 16px;
	}

	.about-page .page-header-box nav{
		justify-content: center;
	}

	.about-page .page-header-box ol{
		width: 240px;
		padding-top: 12px;
		justify-content: center;
	}

	.about-page .page-header-box ol li.breadcrumb-item{
		font-size: 13px;
	}
}

.our-approach{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
    padding: 100px 0;
}

.approach-image figure{
    display: block;
    border-radius: 18px;
}

.approach-image img{
    width: 100%;
    aspect-ratio: 1 / 1.18;
    object-fit: cover;
    border-radius: 18px;
}

.approach-item{
    position: relative;
    display: flex;
    border: 1px solid var(--divider-color);
    border-radius: 18px;
    margin-bottom: 40px;
    padding: 30px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

.approach-item:last-child{
    margin-bottom: 0;
}

.approach-item:hover{
    transform: translateY(-5px);
}

.approach-item:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--primary-color);
    opacity: 10%;
    z-index: 0;
}

.approach-item .icon-box{
    position: relative;
    width: 60px;
    height: 60px;
    background-color: var(--accent-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
	z-index: 1;
}

.approach-item .icon-box::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--primary-color);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.approach-item:hover .icon-box:before{
    transform: scale(1);
}

.approach-item .icon-box img{
    position: relative;
    width: 100%;
    max-width: 30px;
    z-index: 1;
}

.approach-item-content{
	position: relative;
    width: calc(100% - 80px);
	z-index: 1;
}

.approach-item-content h3{
    font-size: 20px;
	text-transform: capitalize;
    color: var(--accent-color);
    margin-bottom: 10px;
}

.approach-item-content p{
    margin-bottom: 0;
}

.our-goal{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
    padding: 100px 0;
}

.goal-content{
    margin-right: 30px;
}

.goal-content-item{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.goal-content-item:last-child{
    margin-bottom: 0;   
}

.goal-content-item .icon-box{
    position: relative;
    border: 1px solid var(--divider-color);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.goal-content-item .icon-box::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--accent-color);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.goal-content-item:hover .icon-box:before{
    transform: scale(1);
}

.goal-content-item .icon-box img{
    position: relative;
    width: 100%;
    max-width: 30px;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.goal-content-item:hover .icon-box img{
    filter: brightness(0) invert(0);
}

.goal-item-content{
    width: calc(100% - 80px);
}

.goal-item-content h3{
    font-size: 20px;
    margin-bottom: 10px;
}

.goal-item-content p{
    margin-bottom: 0;
}

.our-goal-image{
    position: relative;
}

.goal-image figure{
    display: block;
}

.goal-image img{
    width: 100%;
    aspect-ratio: 1 / 0.875;
    object-fit: cover;
}

.goal-info-box-1,
.goal-info-box-2{
    position: absolute;
    background: var(--secondary-color);
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    overflow: hidden;
}

.goal-info-box-1::before,
.goal-info-box-2::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--primary-color);
    width: 100%;
    height: 0;
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.goal-info-box-1:hover::before,
.goal-info-box-2:hover::before{
    height: 100%;
}

.goal-info-box-1{
    bottom: 110px;
    left: 0;
    animation: infinitemoveleft 3s infinite linear alternate;
}

@keyframes infinitemoveleft{
	50%{
		left: 50px;
	}
}

.goal-info-box-2{
    top: 60px;
    right: 0;
    animation: infinitemoveright 2s infinite linear alternate;
}

@keyframes infinitemoveright{
	50%{
		right: 30px;
	}
}

.goal-info-box-1 .icon-box,
.goal-info-box-2 .icon-box{
    position: relative;
    margin-right: 20px;
    z-index: 1;
}

.goal-info-box-1 .icon-box img,
.goal-info-box-2 .icon-box img{
    width: 100%;
    max-width: 30px;
    transition: all 0.4s ease-in-out;
}

.goal-info-box-1:hover .icon-box img,
.goal-info-box-2:hover .icon-box img{
    filter: brightness(0) invert(0);
}

.goal-info-content{
    position: relative;
    width: calc(100% - 50px);
    z-index: 1;
}

.goal-info-content h3{
    font-size: 20px;
    color: var(--accent-color);
    margin-bottom: 2px;
    transition: all 0.4s ease-in-out;
}

.goal-info-content p{
    text-transform: capitalize;
    margin-bottom: 0;
    transition: all 0.4s ease-in-out;
}

.goal-info-box-1:hover .goal-info-content h3,
.goal-info-box-2:hover .goal-info-content h3,
.goal-info-box-1:hover .goal-info-content p,
.goal-info-box-2:hover .goal-info-content p{
    color: var(--secondary-color);
}

.our-health{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
    padding: 100px 0;
}

.our-health-images{
    position: relative;
    display: flex;
    align-items: end;
    gap: 30px;
	margin-right: 15px;
}

.our-health-image-1{
    width: calc(52% - 15px);
}

.our-health-image-2{
    width: calc(48% - 15px);
}

.our-health-image-1 figure,
.our-health-image-2 figure{
    display: block;
    border-radius: 18px;
}

.our-health-image-1 img{
    width: 100%;
    object-fit: cover;
    border-radius: 18px;
}

.our-health-image-1 img{
    aspect-ratio: 1 / 1.215;
}

.our-health-image-2 img{
    aspect-ratio: 1 / 0.917;
}

.our-health-images .contact-now-circle{
    transform: translate(-50%, -100%);
}

.our-health-images .contact-now-circle img{
    max-width: 124px;
}

.our-journey{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
    padding: 100px 0;
}

.our-journey .section-row .section-title.section-title-center{
	max-width: 780px;
}

.journey-item{
    text-align: center;
    border-bottom: 1px solid var(--divider-color);
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.journey-item:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.journey-item .icon-box{
    margin-bottom: 30px;
}

.journey-item .icon-box img{
    width: 100%;
    max-width: 60px;
}

.journey-item-content h3{
    font-size: 20px;
    margin-bottom: 15px;
}

.journey-item-content p{
    margin-bottom: 0;
}

.journey-image{
    margin: 0 60px;
}

.journey-image figure{
    display: block;
}

.journey-image img{
    width: 100%;
    aspect-ratio: 1 / 0.877;
    object-fit: cover;
}

/************************************/
/***  	 17. Services Page css 	  ***/
/************************************/

.page-services{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 100px 0 70px;
}

.page-services .service-item{
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

/************************************/
/***  	18. Service Single css 	  ***/
/************************************/

.page-service-single{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: repeat-y;
	background-position: top center;
	background-size: 100% auto;
	padding: 100px 0;
}

/* Keep service-detail content readable when the page uses a light background. */
.light-body-theme .page-service-single{
	color: #4B5563;
}

.light-body-theme .page-service-single .service-entry h2,
.light-body-theme .page-service-single .page-single-faqs .section-title h2{
	color: var(--accent-secondary-color);
}

/* Text over dark cards and photographs must retain its light contrast. */
.light-body-theme .page-service-single .sidebar-cta-box,
.light-body-theme .page-service-single .service-counter-content,
.light-body-theme .page-service-single .fitness-item{
	color: var(--text-color);
}

.light-body-theme .page-service-single .sidebar-cta-box h3,
.light-body-theme .page-service-single .service-counter-content h2,
.light-body-theme .page-service-single .service-counter-content h3,
.light-body-theme .page-service-single .fitness-item h3{
	color: var(--primary-color);
}

.service-page .page-header-box h1{
	max-width: 1100px;
	font-size: clamp(42px, 5vw, 68px);
}

.service-page .page-header-box h1 span{
	display: block;
	color: var(--accent-color);
}

.service-page .page-catagery-list ul li.is-active a{
	color: var(--accent-secondary-color);
	background-color: var(--accent-color);
}

.service-page .page-catagery-list ul li.is-active a::after{
	display: none;
}

.service-page .page-catagery-list ul li.is-active a::before{
	filter: brightness(0) invert(0);
	transform: translate(0, -50%) rotate(0);
}

.consulting-featured-image{
	margin-bottom: 40px;
}

.consulting-featured-image figure{
	display: block;
	border-radius: 18px;
	overflow: hidden;
}

.consulting-featured-image img{
	width: 100%;
	aspect-ratio: 1 / 0.56;
	object-fit: cover;
	border-radius: 18px;
}

.consulting-intro{
	color: #374151;
	background: #F6F7F9;
	border-left: 5px solid var(--accent-color);
	border-radius: 0 18px 18px 0;
	padding: 32px;
}

.consulting-intro p{
	margin-bottom: 24px;
}

.consulting-section{
	margin-top: 70px;
}

.consulting-section-heading{
	color: var(--accent-secondary-color);
	font-size: 42px;
	text-transform: none;
	letter-spacing: -0.02em;
	margin-bottom: 22px;
}

.consulting-section > p:last-child{
	margin-bottom: 0;
}

.consulting-section-image{
	margin-top: 30px;
}

.consulting-section-image img{
	width: 100%;
	aspect-ratio: 1 / 0.42;
	object-fit: cover;
	border-radius: 18px;
}

.consulting-card-grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	margin-top: 32px;
}

.consulting-card-grid.program-grid{
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.consulting-info-card{
	height: 100%;
	color: #4B5563;
	background: #F6F7F9;
	border: 1px solid #E1E5EA;
	border-radius: 18px;
	padding: 28px;
	box-shadow: 0 10px 28px rgba(23, 30, 46, 0.05);
}

.consulting-info-card h3{
	color: var(--accent-secondary-color);
	font-size: 24px;
	text-transform: none;
	margin-bottom: 12px;
}

.consulting-info-card p{
	margin: 0;
}

.consulting-info-card.dark-card{
	color: var(--text-color);
	background: var(--secondary-color);
	border-color: var(--secondary-color);
	box-shadow: none;
}

.consulting-info-card.dark-card h3{
	color: var(--accent-color);
}

.consulting-cta{
	margin-top: 30px;
}

.consulting-cta .btn-default{
	margin-right: 38px;
}

.consulting-health-layout,
.consulting-team-layout{
	display: grid;
	grid-template-columns: minmax(260px, 0.85fr) minmax(0, 1.15fr);
	align-items: stretch;
	gap: 30px;
	margin-top: 30px;
}

.consulting-health-layout img,
.consulting-team-layout img{
	width: 100%;
	height: 100%;
	min-height: 330px;
	object-fit: cover;
	border-radius: 18px;
}

.consulting-health-copy{
	display: flex;
	align-items: center;
	color: var(--text-color);
	background: var(--secondary-color);
	border-radius: 18px;
	padding: 36px;
}

.consulting-health-copy p{
	margin: 0;
}

.consulting-journey{
	display: grid;
	gap: 18px;
	margin-top: 32px;
}

.consulting-journey-item{
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 20px;
	align-items: start;
	background: #F6F7F9;
	border: 1px solid #E1E5EA;
	border-radius: 16px;
	padding: 24px;
}

.consulting-journey-number{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	font-family: var(--accent-font);
	font-size: 22px;
	font-weight: 700;
	color: var(--accent-secondary-color);
	background: var(--accent-color);
	border-radius: 50%;
}

.consulting-journey-content h3{
	color: var(--accent-secondary-color);
	font-size: 24px;
	text-transform: none;
	margin-bottom: 8px;
}

.consulting-journey-content p{
	margin: 0;
}

.consulting-team-copy{
	display: flex;
	align-items: center;
	color: var(--text-color);
	background: var(--secondary-color);
	border-radius: 18px;
	padding: 36px;
}

.consulting-team-copy p{
	margin: 0;
}

.service-page .page-single-faqs{
	margin-top: 70px;
}

.service-page .page-single-faqs .section-title{
	margin-bottom: 28px;
}

.service-page .page-single-faqs .section-title h2{
	font-size: 42px;
	text-transform: none;
}

@media only screen and (max-width: 991px){
	.consulting-card-grid.program-grid{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.consulting-health-layout,
	.consulting-team-layout{
		grid-template-columns: 1fr;
	}
}

@media only screen and (max-width: 767px){
	.service-page .page-header-box h1{
		max-width: 100%;
		font-size: 30px;
		line-height: 1.08em;
		overflow-wrap: break-word;
	}

	.consulting-featured-image{
		margin-bottom: 25px;
	}

	.consulting-intro{
		padding: 24px 20px;
	}

	.consulting-section,
	.service-page .page-single-faqs{
		margin-top: 48px;
	}

	.consulting-section-heading,
	.service-page .page-single-faqs .section-title h2{
		font-size: 32px;
	}

	.consulting-card-grid,
	.consulting-card-grid.program-grid{
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.consulting-info-card,
	.consulting-health-copy,
	.consulting-team-copy{
		padding: 22px;
	}

	.consulting-info-card h3,
	.consulting-journey-content h3{
		font-size: 21px;
	}

	.consulting-journey-item{
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 14px;
		padding: 20px;
	}

	.consulting-journey-number{
		width: 44px;
		height: 44px;
		font-size: 19px;
	}
}

.page-single-sidebar{
    position: sticky;
    top: 20px;
	margin-right: 20px;
}

.page-catagery-list{
	background-color: var(--secondary-color);
    border-radius: 18px;
	overflow: hidden;
	margin-bottom: 60px;
}

.page-catagery-list h3{
    font-size: 24px;
    text-transform: capitalize;
	color: var(--accent-color);
	border-bottom: 1px solid var(--divider-color);
	padding: 30px 30px 25px;
}

.page-catagery-list ul{
    list-style: none;
    margin: 0;
	padding: 30px;
}

.page-catagery-list ul li{
    margin-bottom: 20px;
}

.page-catagery-list ul li:last-child{
    margin: 0;
}

.page-catagery-list ul li a{
	position: relative;
    display: block;
	line-height: 1.2em;
    text-transform: capitalize;
    color: var(--text-color);
	border-radius: 10px;
	padding: 12px 40px 12px 20px;
	overflow: hidden;
    transition: all 0.4s ease-in-out;
	z-index: 1;
}

.page-catagery-list ul li:hover a{
    color: var(--secondary-color);
	background-color: var(--accent-color);
}

.page-catagery-list ul li a::before{
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0px, -50%) rotate(-45deg);
    background: url('../images/arrow-text.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 18px;
    height: 13px;
    transition: all 0.3s ease-in-out;
}

.page-catagery-list ul li a:hover::before{
    filter: brightness(0) invert(0);
	transform: translate(0px, -50%) rotate(0);
}

.page-catagery-list ul li a::after{
	content: '';
    position: absolute;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--primary-color);
	opacity: 10%;
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.sidebar-cta-box{
	position: relative;
	background: url('../images/sidebar-bg-image.jpg') no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
	border-radius: 18px;
	padding: 65px;
	overflow: hidden;
}

.sidebar-cta-box::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--accent-secondary-color);
	opacity: 60%;
	z-index: 0;
}

.sidebar-cta-logo{
	position: relative;
	margin-bottom: 60px;
	z-index: 1;
}

.sidebar-cta-logo img{
	width: 100%;
	max-width: 92px;
}

.cta-contact-content{
	position: relative;
	margin-bottom: 20px;
	z-index: 1;
}

.cta-contact-content p{
	font-size: 16px;
	text-transform: capitalize;
	margin-bottom: 20px;
}

.cta-contact-content h3{
	font-size: 18px;
	text-transform: uppercase;
}

.service-featured-image{
	margin-bottom: 40px;
}

.service-featured-image figure{
	display: block;
	border-radius: 18px;
}

.service-featured-image img{
	width: 100%;
	aspect-ratio: 1 / 0.608;
	object-fit: cover;
	border-radius: 18px;
}

.service-entry{
	margin-bottom: 60px;
}

.service-entry p{
	margin-bottom: 20px;
}

.service-entry p:last-child{
	margin-bottom: 0;
}

.service-entry h2{
	font-size: 46px;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
}

.service-entry h2 span{
	color: var(--accent-color);
}

.service-entry ul{
	display: flex;
	gap: 20px 30px;
	flex-wrap: wrap;
	list-style: none;
	margin-bottom: 20px;
	padding: 0;
}

.service-entry ul li{
	width: 100%;
    background-image: url('../images/arrow-accent.svg');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 22px auto;
    line-height: 1.4em;
    padding-left: 30px;
}

.service-entry-counters{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 40px;
}

.service-counter-item{
	position: relative;
	width: calc(50% - 15px);
}

.service-counter-image img{
	width: 100%;
	aspect-ratio: 1 / 0.582;
	object-fit: cover;
	border-radius: 18px;
	filter: brightness(50%);
}

.service-counter-content{
	position: absolute;
	top: 30px;
	left: 30px;
	right: 30px;
	bottom: 30px;
	align-content: center;
}

.service-counter-content h2{
	letter-spacing: 0;
}

.service-counter-content h2 span{
	color: var(--primary-color);
}

.service-counter-content h3{
	font-size: 20px;
	margin-bottom: 10px;
}

.fitness-potential-box{
	margin-top: 60px;
}

.fitness-item-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 40px;
}

.fitness-item{
	width: calc(33.33% - 20px);
	background-color: var(--secondary-color);
	border-radius: 18px;
	text-align: center;
	padding: 30px 20px;
	transition: all 0.3s ease-in-out;
}

.fitness-item:hover{
	transform: translateY(-4px);
}

.fitness-item .icon-box{
	margin-bottom: 30px;
}

.fitness-item .icon-box img{
	width: 100%;
	max-width: 40px;
}

.fitness-item-content h3{
	font-size: 20px;
	margin-bottom: 10px;
}

.service-entry-video{
    position: relative;
    margin-top: 40px;
}

.service-entry-video-image figure{
    display: block;
	border-radius: 18px;
}

.service-entry-video-image img{
    width: 100%;
    aspect-ratio: 1 / 0.433;
    object-fit: cover;
	filter: brightness(80%);
	border-radius: 18px;
}

.video-play-button{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.video-play-button a{
	position: relative;
	background: var(--accent-color);
	border-radius: 100%;
	width: 74px;
	height: 74px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: none;
	transition: all 0.4s ease-in-out;
}

.video-play-button a:hover{
	background-color: var(--primary-color);
}

.video-play-button a:before{
	content: '';
	position: absolute;
	top: -30%;
	left: -30%;
	width: 160%;
	height: 160%;
	border: 50px solid var(--primary-color);
	opacity: 60%;
	border-radius: 50%;
	transform: scale(0.6);
	z-index: -1;
	animation: border-zooming 1.2s infinite linear;
}

.video-play-button a:after{
	content: '';
	position: absolute;
	top: -30%;
	left: -30%;
	width: 160%;
	height: 160%;
	border: 50px solid var(--primary-color);
	opacity: 60%;
	border-radius: 50%;
	transform: scale(0.6);
	z-index: -1;
	animation: border-zooming 1.2s infinite linear;
	animation-delay: .3s;
}

@keyframes border-zooming{
	100%{
		transform: scale(1);
		opacity: 0;
	}
}

.video-play-button a i{
	font-size: 30px;
	color: var(--secondary-color);
	margin-left: 3px;
}

.fitness-potential-list{
	margin: 40px 0;
}

.fitness-potential-list ul li{
	width: calc(33.33% - 20px);
}

.page-single-faqs .section-title{
	padding: 0;
}

/************************************/
/***  	 19. Blog Archive css 	  ***/
/************************************/

.page-blog{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 100px 0;
}

.page-blog .post-item{
	gap: 20px;
	margin-bottom: 30px;
}

.page-blog .post-featured-image,
.page-blog .post-item-body{
    width: 100%;
}

.page-blog .post-featured-image img{
	aspect-ratio: 1 / 0.75;
}

.page-blog .post-item-content{
    margin-bottom: 20px;
}

.page-blog .post-item-content h2{
	margin-bottom: 0;
}

.page-pagination{
    margin-top: 30px;
    text-align: center;
}

.page-pagination ul{
    justify-content: center;
    padding: 0;
    margin: 0;
}

.page-pagination ul li a,
.page-pagination ul li span{
    display: flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    background: var(--secondary-color);
    color: var(--primary-color);
	border-radius: 12px;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    font-weight: 700;
	line-height: 1em;
    transition: all 0.3s ease-in-out;
}

.page-pagination ul li.active a, 
.page-pagination ul li a:hover{
    background: var(--accent-color);
	color: var(--secondary-color);
}

/************************************/
/***  	 20. Blog Single css 	  ***/
/************************************/

.page-single-post{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: repeat-y;
	background-position: top center;
	background-size: 100% auto;
	padding: 100px 0;
}

.post-single-meta ol li{
	font-size: 18px;
	color: var(--primary-color);
	margin-right: 15px;
}

.post-single-meta ol li:last-child{
	margin-right: 0;
}

.post-single-meta ol li i{
    font-size: 18px;
    color: var(--primary-color);
    margin-right: 5px;
}

.post-image{
	position: relative;
	margin-bottom: 30px;
}

.post-image figure{
	display: block;	
	border-radius: 18px;
	overflow: hidden;
}

.post-image img{
	width: 100%;
	aspect-ratio: 1 / 0.50;
	object-fit: cover;
	border-radius: 18px;
}

.post-content{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

.post-entry{
	border-bottom: 1px solid var(--divider-color);
	padding-bottom: 30px;
    margin-bottom: 30px;
}

.post-entry:after{
    content: '';
    display: block;
    clear: both;
}

.post-entry a{
    color: var(--accent-color);
}

.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6{
	font-weight: 700;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	margin: 0 0 0.44em;
}

.post-entry h1{
	font-size: 68px;
}

.post-entry h2{
	font-size: 46px;
}

.post-entry h3{
	font-size: 40px;
}

.post-entry h4{
	font-size: 30px;
}

.post-entry h5{
	font-size: 24px;
}

.post-entry h6{
	font-size: 18px;
}

.post-entry p{
	margin-bottom: 20px;
}

.post-entry p:last-child{
	margin-bottom: 0;
}

.post-entry p strong{
	color: var(--primary-color);
	font-size: 18px;
	font-weight: 600;
}

.post-entry ol{
    margin: 0 0 30px;
}

.post-entry ul{
	padding: 0;
	margin: 20px 0 20px;
	padding-left: 20px;
}

.post-entry ol li,
.post-entry ul li{
    position: relative;
	font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
    color: var(--text-color);
    margin-bottom: 15px;
}

.post-entry ul li:last-child{
	margin-bottom: 0;
}

.post-entry ul ul,
.post-entry ul ol,
.post-entry ol ol,
.post-entry ol ul{
    margin-top: 20px;
    margin-bottom: 0;
}

.post-entry ul ul li:last-child,
.post-entry ul ol li:last-child,
.post-entry ol ol li:last-child,
.post-entry ol ul li:last-child{
    margin-bottom: 0;
}

.post-entry blockquote{
	background: url('../images/icon-blockquote.svg'), var(--accent-color);
	background-repeat: no-repeat;
	background-position: 30px 30px;
    background-size: 50px;
	border-radius: 18px;
    padding: 30px 30px 30px 90px;
    margin-bottom: 30px;
}

.post-entry blockquote p{
	font-family: var(--accent-font);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5em;
	color: var(--accent-secondary-color);
}

.post-entry blockquote p:last-child{
	margin-bottom: 0;
}

.tag-links{
	font-family: var(--accent-font);
    font-size: 24px;
	font-weight: 700;
    text-transform: uppercase;
	color: var(--primary-color);
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}

.post-tags .tag-links a{
    display: inline-block;
	font-family: var(--default-font);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1em;
	background: var(--accent-color);
    color: var(--accent-secondary-color);
	border-radius: 46px;
    padding: 12px 20px;
	transition: all 0.3s ease-in-out;
}

.post-tags .tag-links a:hover{
	background: var(--primary-color);
}

.post-social-sharing{
    text-align: right;
}

.post-social-sharing ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-social-sharing ul li{
    display: inline-block;
    margin-right: 10px;
}

.post-social-sharing ul li:last-child{
	margin-right: 0;
}

.post-social-sharing ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	background: var(--accent-color);
    color: var(--accent-secondary-color);
	border-radius: 50%;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease-in-out;
}

.post-social-sharing ul li:hover a{
	background: var(--primary-color);

}

.post-social-sharing ul li a i{
    font-size: 18px;
    color: inherit;
}

/************************************/
/***  	 21. Projects Page css 	  ***/
/************************************/

.page-projects{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 100px 0 60px;
}

.project-item{
	height: calc(100% - 40px);
	margin-bottom: 40px;
}

.project-image{
	position: relative;
	margin-bottom: 20px;
}

.project-image a{
	display: block;
	cursor: none;
	border-radius: 18px;
	overflow: hidden;
}

.project-image figure{
	display: block;
}

.project-image img{
	width: 100%;
	aspect-ratio: 1 / 0.87;
	object-fit: cover;
	transition: all 0.4s ease-in-out;
}

.project-item:hover .project-image figure img{
	transform: scale(1.1);
}

.project-tag{
	position: absolute;
	bottom: 30px;
	left: 30px;
	z-index: 1;
}

.project-tag a{
	display: inline-block;
	background-color: var(--accent-color);
	color: var(--accent-secondary-color);
	border-radius: 7px;
	font-size: 16px;
	text-transform: capitalize;
	padding: 8px 18px;
	cursor: pointer;
}

.project-body{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.project-item-content{
	width: calc(100% - 70px);
}

.project-item-content h3{
	font-size: 20px;
	text-transform: capitalize;
}

.project-item-content h3 a{
	color: inherit;
}

.project-item-btn a{
	display: block;
	background-color: var(--secondary-color);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	transition: all 0.3s ease-in-out;	
}

.project-item-btn a:hover{
	background-color: var(--accent-color);
}

.project-item-btn a img{
	position: relative;
	max-width: 24px;
	filter: brightness(0) invert(1);
	transform: rotate(-45deg);
	z-index: 1;
	transition: all 0.4s ease-in-out;
}

.project-item-btn a:hover img{
	filter: brightness(0) invert(0);
	transform: rotate(0deg);
}

/************************************/
/***  	22. Project Single css 	  ***/
/************************************/

.page-project-single{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: repeat-y;
	background-position: top center;
	background-size: 100% auto;
	padding: 100px 0;
}

.project-detail-list{
	border-radius: 18px;
    margin-bottom: 60px;
	overflow: hidden;
}

.project-detail-list h3{
    font-size: 20px;
    color: var(--accent-secondary-color);
    text-transform: uppercase;
    background: var(--accent-color);
    padding: 15px 30px;
}

.project-detail-list ul{
    background: var(--secondary-color);
    margin: 0;
    padding: 30px;
    list-style: none;
}

.project-detail-list ul li{
    font-family: var(--accent-font);
    font-size: 20px;
    font-weight: 700;
	line-height: 1.4em;
    text-transform: capitalize;
    color: var(--primary-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--divider-color);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.project-detail-list ul li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.project-detail-list ul li span{
    font-family: var(--default-font);
    font-size: 16px;
    font-weight: 400;
    color: var(--accent-color);
    width: 66%;
}

.project-single-slider{
    margin-bottom: 40px;
}

.project-single-slider .swiper-slide figure{
	display: block;
	border-radius: 18px;
}

.project-single-slider .swiper-slide img{
    width: 100%;
    aspect-ratio: 1 / 0.598;
    object-fit: cover;
	border-radius: 18px;
}

.project-single-slider .projects-pagination{
    position: relative;
	text-align: center;
	margin-top: 30px;
}

.project-single-slider .swiper-pagination-bullet{
    height: 10px;
    width: 10px;
    background: var(--divider-color);
    opacity: 1;
    margin: 0 3px;
    border-radius: 100px;
    transition: all 0.4s ease-in-out;
}

.project-single-slider .swiper-pagination-bullet-active{
	width: 30px;
    background: var(--accent-color);
}

.project-entry{
	margin-bottom: 60px;
}

.project-entry p{
	margin-bottom: 20px;
}

.project-entry p:last-child{
	margin-bottom: 0;
}

.project-entry h2{
	font-size: 46px;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
}

.project-entry h2 span{
	color: var(--accent-color);
}

.project-entry h3{
	font-size: 20px;
	color: var(--accent-color);
	margin-bottom: 20px;
}

.project-entry ul{
	display: flex;
	gap: 20px 30px;
	flex-wrap: wrap;
	list-style: none;
	margin-bottom: 20px;
	padding: 0;
}

.project-entry ul li{
	width: 100%;
    background-image: url('../images/arrow-accent.svg');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 22px auto;
    line-height: 1.4em;
    padding-left: 30px;
}

.project-strength-box,
.project-challenge-box{
	margin-top: 60px;
}

.project-challenge-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px 80px;
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.project-challenge-item{
	position: relative;
	width: calc(33.33% - 53.33px);
}

.project-challenge-item::before{
	content: '';
	position: absolute;
	top: 50%;
	right: -40px;
	background-color: var(--divider-color);
	width: 1px;
	height: 70%;
	transform: translateY(-50%);
}

.project-challenge-item:last-child:before,
.project-challenge-item:nth-child(3n + 3):before{
	display: none;
}

.project-challenge-item .icon-box{
	position: relative;
	width: 60px;
	height: 60px;
	background: var(--accent-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;	
}

.project-challenge-item .icon-box::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--primary-color);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.project-challenge-item:hover .icon-box:before{
    transform: scale(1);
}

.project-challenge-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 30px;
	z-index: 1;
}

.project-challenge-content h3{
	color: var(--primary-color);
	margin-bottom: 10px;
}

.project-solution-list{
	margin-top: 40px;
}

.project-solution-list ul li{
	width: calc(50% - 15px);
}

/************************************/
/***  	  23. Team Page css 	  ***/
/************************************/

.page-team{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 100px 0 70px;
}

/************************************/
/***  	  24. Team Single css 	  ***/
/************************************/

.page-team-single{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: repeat-y;
	background-position: top center;
	background-size: 100% auto;
	padding: 100px 0;
}

.team-single-image{
	margin-bottom: 60px;
}

.team-single-image figure{
	display: block;
	border-radius: 18px;
}

.team-single-image img{
	width: 100%;
	aspect-ratio: 1 / 1.271;
	object-fit: cover;
	border-radius: 18px;
}

.team-single-content .section-title{
	padding: 0;
}

.team-member-info,
.team-expertise-box,
.team-transform-box{
	margin-bottom: 60px;
}

.team-member-info{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 40px 100px;
}

.member-info-box{
	position: relative;
	width: calc(62% - 50px);
}

.member-info-box::before{
	content: '';
    position: absolute;
    top: 0;
    right: -50px;
    background-color: var(--divider-color);
    width: 1px;
    height: 100%;
}

.member-info-box .section-title h3{
	font-family: var(--default-font);
	font-size: 18px;
	line-height: 1.2em;
	color: var(--text-color);
	background: transparent;
	padding: 0;
	margin-bottom: 5px;
}

.member-contact-list{
	width: calc(38% - 50px);
}

.member-social-links ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.member-social-links ul li{
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
}

.member-social-links ul li:last-child{
	margin: 0;
}

.member-social-links ul li a{
	width: 40px;
	height: 40px;
	border: 1px solid var(--divider-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--primary-color);
	transition: all 0.4s ease-in-out;
}

.member-social-links ul li:hover a{
	background: var(--accent-color);
	border-color: var(--accent-color);
	color: var(--accent-secondary-color);
}

.member-social-links ul li a i{
    color: inherit;
    font-size: 16px;
}

.member-contact-item{
	margin-bottom: 40px;
}

.member-contact-item:last-child{
	margin-bottom: 0;
}

.member-contact-item h3{
	font-size: 20px;
	text-transform: capitalize;
	color: var(--accent-color);
	margin-bottom: 10px;
}

.member-contact-item p{
	font-size: 16px;
	margin-bottom: 0;
}

.member-contact-item p a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.member-contact-item p a:hover{
	color: var(--accent-color);
}

.team-expertise-list{
	display: flex;
	flex-wrap: wrap;
	gap: 40px 30px;
}

.skills-progress-bar{
	width: calc(50% - 15px);
}

.skills-progress-bar .skill-data{
	display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.skills-progress-bar .skill-data .skill-title{
	font-family: var(--accent-font);
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
}

.skills-progress-bar .skillbar .skill-progress{
	position: relative;
	width: 100%;
	height: 16px;
	background: var(--divider-color);
	border-radius: 100px;
    overflow: hidden;
}

.skills-progress-bar .skillbar .skill-progress .count-bar{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: var(--accent-color);
	border-radius: 100px;
}

.team-transform-box{
	background: var(--secondary-color);
	border-radius: 18px;
	padding: 40px;
}

.team-transform-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.team-transform-list ul li{
    background-image: url('../images/arrow-accent.svg');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 22px auto;
    line-height: 1.4em;
    padding-left: 30px;
	margin-bottom: 20px;
}

.team-transform-list ul li:last-child{
	margin-bottom: 0;
}

/************************************/
/***  	 25. Pricing Page css 	  ***/
/************************************/

.page-pricing{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 100px 0;
}

/************************************/
/***  26. Testimonials Page css   ***/
/************************************/

.page-testimonials{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 100px 0 70px;
}

.testimonial-box-item{
	background-color: var(--secondary-color);
	border-radius: 18px;
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 40px;
}

.client-author-image{
	position: relative;
	margin-right: 30px;
	padding-right: 15px;
}

.client-author-image figure{
	width: 94px;
	border-radius: 50%;
}

.client-author-image figure img{
	width: 100%;
}

.testimonial-quotes-img{
	position: absolute;
	right: 0;
	bottom: 18px;
	width: 29px;
	height: 29px;
	background: var(--accent-color);
	border: 2px solid var(--secondary-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.testimonial-quotes-img img{
	width: 100%;
	max-width: 14px;
}

.client-testimonial-body{
	width: calc(100% - 139px);
}

.client-testimonial-info{
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.client-testimonial-info p{
	margin: 0;
}

.client-author-content{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.client-author-title h3{
	font-size: 20px;
	text-transform: capitalize;
}

.client-testimonial-rating i{
	color: var(--accent-color);
	font-size: 20px;
	margin-right: 2px;
}

.client-testimonial-rating i:last-child{
	margin-right: 0;
}

/************************************/
/***  	 27. Image Gallery css 	  ***/
/************************************/

.page-gallery{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 100px 0 70px;
}

.gallery-page .page-gallery{
	color: #4B5563;
	background-color: #FFFFFF;
}

.gallery-page .gallery-page-title{
	max-width: 820px;
	margin: 0 auto 54px;
	text-align: center;
}

.gallery-page .gallery-page-title h2{
	color: var(--accent-secondary-color);
}

.gallery-page .gallery-page-title h3{
	color: #76AA20;
}

.gallery-page .gallery-page-title p{
	max-width: 700px;
	margin: 22px auto 0;
}

.page-gallery-box .photo-gallery{
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.page-gallery-box .photo-gallery a{
	cursor: none;
}

.page-gallery-box .photo-gallery figure{
	display: block;
	border-radius: 18px;
	box-shadow: 0 16px 42px rgba(23, 30, 46, 0.12);
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.page-gallery-box .photo-gallery img{
	width: 100%;
	aspect-ratio: 1 / 0.87;
	object-fit: cover;
	border-radius: 18px;
}

.page-gallery-box .photo-gallery:hover figure{
	transform: translateY(-6px);
	box-shadow: 0 24px 55px rgba(23, 30, 46, 0.18);
}

.gallery-empty-state{
	max-width: 720px;
	margin: 20px auto 40px;
	padding: 55px 30px;
	border: 1px dashed #C9D1D8;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.78);
	text-align: center;
}

.gallery-empty-state i{
	margin-bottom: 18px;
	color: var(--accent-color);
	font-size: 48px;
}

.gallery-empty-state h2{
	margin-bottom: 10px;
	color: var(--accent-secondary-color);
	font-size: 34px;
}

.gallery-empty-state p{
	margin: 0;
	color: #66717D;
}

/************************************/
/***  	 28. Video Gallery css 	  ***/
/************************************/

.page-video-gallery{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 100px 0 70px;
}

.video-gallery-image{
	height: calc(100% - 30px);
	margin-bottom: 30px;
	overflow: hidden;
}

.video-gallery-image a{
	position: relative;
	display: block;
	cursor: none;
}

.video-gallery-image a::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--accent-secondary-color);
	border-radius: 18px;
    opacity: 0%;
    visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
}

.video-gallery-image:hover a::before{
    opacity: 40%;
    visibility: visible;
    transform: scale(1);
}

.video-gallery-image a::after{
    content: '\f04b';
	font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
	font-size: 20px;
	background: var(--accent-color);
	color: var(--secondary-color);
    border-radius: 50%;
    height: 60px;
    width: 60px;
    cursor: none;
	display: flex;
	align-items: center;
	justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    z-index: 1;
}

.video-gallery-image:hover a::after{
    opacity: 1;
    visibility: visible;
}

.video-gallery-image img{
	width: 100%;
	aspect-ratio: 1 / 0.87;
	object-fit: cover;
	border-radius: 18px;
}

/************************************/
/***  	  29. FAQs Page css 	  ***/
/************************************/

.page-faqs{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: repeat-y;
	background-position: top center;
	background-size: 100% auto;
	padding: 100px 0;
}

.page-faqs-catagery .page-faq-accordion{
    margin-bottom: 60px;
}

.page-faqs-catagery .page-faq-accordion:last-child{
    margin-bottom: 0px;
}

/************************************/
/***    30. Contact Us Page css	  ***/
/************************************/

.page-contact-us{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 100px 0;
}

.contact-us-content{
	margin-right: 30px;
}

.contact-form .form-control{
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
	color: var(--text-color);
	background: transparent;
	border: 1px solid var(--divider-color);
	border-radius: 12px;
	padding: 18px 20px;
	box-shadow: none;
	outline: none;
}

.contact-form .form-control::placeholder{
	color: var(--text-color);
}	

.contact-us-image{
	position: relative;
}

.contact-us-img figure{
	display: block;
	border-radius: 18px;
	overflow: hidden;
}

.contact-us-img figure:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(32, 39, 55, 0) 48.06%, #202737 97.67%);
	width: 100%;
	height: 100%;
}

.contact-us-img img{
	width: 100%;
	aspect-ratio: 1 / 1.07;
    object-fit: cover;
}

.contact-image-content{
	position: absolute;
	right: 50px;
	bottom: 50px;
	left: 50px;
	text-align: center;
	z-index: 1;
}

.contact-image-content .section-title{
	margin-bottom: 10px;
}

.contact-image-content ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.contact-image-content ul li{
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--accent-color);
	line-height: normal;
}

.contact-image-content ul li a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.contact-image-content ul li a:hover{
	color: var(--primary-color);
}

.contact-image-content ul li img{
	width: 100%;
	max-width: 24px;
	margin-right: 15px;
}

.contact-info-box{
	background-color: var(--secondary-color);
	border-radius: 18px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 100px;
	padding: 40px 70px;
}

.contact-info-item{
	width: calc(25% - 22.5px);
}

.contact-info-item .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	border: 1px solid var(--divider-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}

.contact-info-item .icon-box:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--accent-color);
	border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.contact-info-item:hover .icon-box:before{
    transform: scale(1);
}

.contact-info-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 20px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.contact-info-item:hover .icon-box img{
	filter: brightness(0) invert(0);
}

.contact-info-content h3{
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.contact-info-content p{
	margin: 0;
}

.contact-info-content p a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.contact-info-content p a:hover{
	color: var(--accent-color);
}

.google-map .container-fluid{
	padding: 0;
}

.google-map-iframe,
.google-map-iframe iframe{
	width: 100%;
	height: 700px;
}

/************************************/
/***  	31. 404 Error Page css 	  ***/
/************************************/

.error-page{
	background-image: url('../images/section-bg-circle-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 100px 0;
}

.error-page-image{
	text-align: center;
	margin-bottom: 30px;
}

.error-page-image img{
	width: 100%;
	max-width: 65%;
}

.error-page-content{
	text-align: center;
}

.error-page-content .section-title{
	margin-bottom: 10px;
	padding-top: 0;
}

.error-page-content-body p{
	margin-bottom: 20px;
}

/************************************/
/***      32. Responsive css      ***/
/************************************/

@media only screen and (min-width: 992px) and (max-width: 1199px){
	.main-header{
		border-bottom: none;
	}

	.navbar{
		padding: 0;
	}

	.navbar > .container{
		min-height: 82px;
		padding: 8px 14px;
		border-radius: 18px;
	}

	header.main-header .header-sticky.active .navbar > .container{
		min-height: 70px;
	}

	.main-header .navbar.navbar-expand-lg .main-menu{
		display: none !important;
	}

	.slicknav_nav li,
	.slicknav_nav ul,
	.responsive-menu,
	.navbar-toggle{
		display: block;
	}

	.header-btn{
		display: none;
	}
}

@media only screen and (max-width: 991px){

	body{
		font-size: 16px;
	}

	.main-header{
		border-bottom: none;
	}

	.navbar{
		padding: 0;
	}

	.navbar > .container{
		min-height: 82px;
		padding: 8px 14px;
		border-radius: 18px;
	}

	header.main-header .header-sticky.active .navbar > .container{
		min-height: 70px;
	}

	.slicknav_nav li,
	.slicknav_nav ul{
        display: block;
    }

	.responsive-menu,
    .navbar-toggle{
        display: block;
    }

	.header-btn{
		display: none;
	}

	.btn-default{
		padding: 14px 20px;
	}

	.btn-default::before{
		content: '';
		position: absolute;
		top: 50%;
		right: -36px;
		width: 44px;
		height: 44px;
		background-size: 22px auto;
	}

	.btn-default.btn-highlighted{
		padding: 13px 20px;
	}

	.readmore-btn{
		font-size: 18px;
	}

	.section-row{
		margin-bottom: 40px;
	}

	.section-row .section-title.section-title-center{
		max-width: 100%;
	}

	.section-title{
		margin-bottom: 30px;
		padding-top: 40px;
	}

	.section-bg-title span{
		font-size: 75px;
	}

	.section-title h3{
		background-size: 30px auto;
		padding-left: 40px;
	}

	.section-title h1{
		font-size: 48px;
	}

	.section-title h2{
		font-size: 36px;
	}

	.section-title p{
		margin-top: 10px;
	}

	.section-title p span{
		font-size: 18px;
	}

	.section-title-content{
		margin-top: 10px;
	}

	.section-btn{
		text-align: left;
	}

	.section-content-btn .section-btn{
		margin-top: 15px;
	}

	.hero{
		padding: 140px 0 0;
	}

	.hero.hero-bg-image{
		padding: 170px 0 80px;
	}
	
	.hero.hero-bg-image.hero-slider-layout .hero-slide{
		padding: 170px 0 80px;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-slide-title{
		font-size: 48px;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-pagination{
		padding-left: 15px;
		bottom: 30px;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-pagination .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
	}

	.hero-content{
		margin-bottom: 30px;
	}

	.hero.hero-bg-image .hero-content{
		margin-bottom: 0;
	}

	.hero-counter-box,
	.hero-content .section-title{
		margin-bottom: 30px;
	}

	.hero-content .section-title p{
		padding: 2px 0 2px 15px;
	}

	.hero-image{
		width: 100%;
		max-width: 70%;
		margin: 0 auto;
	}

	.expertise-circle img{
		max-width: 100px;
	}

	.hero-counter-item h3{
		font-size: 26px;
	}

	.our-scrolling-ticker{
		padding: 15px 0;
	}

	.scrolling-content span{
		font-size: 26px;
	}

	.scrolling-content span img{
		max-width: 26px;
	}

	.about-us{
		padding: 50px 0;
	}

	.about-us-images{
		width: 100%;
		max-width: 81%;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.about-us-btn{
		margin-top: 30px;
	}

	.our-services{
		padding: 50px 0;
	}

	.service-image img{
		aspect-ratio: auto;
	}

	.service-body{
		padding: 22px 20px 24px;
	}

	.service-content h3{
		font-size: 24px;
	}

	.services-pagination{
		margin-top: 40px;
	}

	.section-footer-text{
		margin-top: 20px;
	}

	.why-choose-us{
		padding: 50px 0;
	}

	.why-choose-content{
		margin-bottom: 30px;
	}

	.why-choose-step-item{
		margin-bottom: 30px;
	}

	.why-choose-step-item:after{
		transform: translate(25px, 50px);
	}

	.why-choose-step-no{
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}

	.why-choose-step-content{
		width: calc(100% - 60px);
	}

	.why-choose-step-content h3{
		margin-bottom: 5px;
	}

	.why-choose-image{
		max-width: 70%;
		margin: 0 auto;
	}

	.contact-now-circle img{
		max-width: 120px;
	}

	.our-pricing{
		padding: 50px 0;
	}

	.pricing-item{
		padding: 60px 30px;
	}

	.pricing-body,
	.pricing-header{
		margin-bottom: 30px;
	}

	.pricing-header h2{
		font-size: 36px;
	}

	.pricing-body ul li{
		padding-left: 25px;
		margin-bottom: 15px;
		background-size: 20px auto;
	}

	.pricing-item.highlighted-box:after{
		font-size: 18px;
		padding: 15px 12px;
		right: 30px;
	}

	.pricing-benefit-list{
		margin-top: 10px;
	}

	.pricing-benefit-list ul{
		gap: 15px 30px;
	}

	.pricing-benefit-list ul li img{
		max-width: 18px;
		margin-right: 10px;
	}

	.our-team{
		padding: 50px 0 20px;
	}

	.team-image img{
		aspect-ratio: 1 / 1;
	}

	.team-body{
		right: auto;
		bottom: auto;
		left: auto;
		padding: 17px 14px 15px;
		margin-top: 0;
		transform: translateY(0);
	}

	.our-faqs{
		padding: 50px 0;
	}

	.faq-image{
		max-width: 75%;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.faq-image:before{
		top: 45px;
		height: 235px;
	}

	.faq-accordion .accordion-header .accordion-button{
		padding: 10px 40px 10px 15px;
	}

	.faq-accordion .accordion-item .accordion-button::after,
	.faq-accordion .accordion-item .accordion-button.collapsed::after{
		right: 15px;
	}

	.faq-accordion .accordion-item .accordion-body{
		padding: 15px 40px 15px 15px;
	}

	.our-testimonials{
		padding: 50px 0;
	}

	.testimonial-slider .swiper{
		margin:  0 50px;
	}

	.testimonial-content{
		margin-bottom: 30px;
	}	

	.testimonial-content p{
		font-size: 22px;
	}

	.author-image figure,
	.author-image img{
		max-width: 80px;
	}

	.testimonial-btn-prev,
	.testimonial-btn-next{
		width: 50px;
		height: 50px;
	}

	.testimonial-btn-prev::before,
	.testimonial-btn-next::before{
		font-size: 18px;
	}

	.our-blog{
		padding: 50px 0;
	}

	.post-item{
		gap: 20px;
	}

	.post-featured-image,
	.post-item-body{
		width: calc(50% - 10px);
	}

	.post-item-content{
		margin-bottom: 15px;
	}

	.post-item-content h2{
		margin-bottom: 10px;
	}

	.post-featured-image img{
		aspect-ratio: 1 / 0.6;
	}

	.post-item.highlighted-post-item{
		margin-bottom: 30px;
	}

	.post-item.highlighted-post-item .post-featured-image img{
		aspect-ratio: 1 / 0.6;
	}

	.cta-box-image{
		margin-right: 0;
	}

	.cta-box-image img{
		aspect-ratio: 1 / 0.83;
	}

	.cta-box-content{
		margin-bottom: 30px;
	}

	.cta-box-content .section-title{
		margin-bottom: 15px;
	}

	.cta-box-body{
		margin-bottom: 20px;
	}

	.cta-box-body ul li{
		background-size: 20px auto;
		margin-bottom: 10px;
		padding-left: 25px;
	}

	.footer-main{
		padding: 50px 0 0;
	}

	.about-footer{
		margin-bottom: 30px;
	}

	.about-footer-content{
		margin-bottom: 20px;
	}

	.footer-contact-item{
		margin-bottom: 15px;
	}

	.footer-links{
		margin-bottom: 30px;
	}

	.footer-links h3{
		font-size: 20px;
		margin-bottom: 15px;
	}

	.footer-links ul li{
		margin-bottom: 10px;
	}

	.footer-copyright{
		margin-top: 0px;
		padding: 20px 0;
	}
	
	.footer-social-links ul li{
		margin-right: 10px;
	}

	.page-header{
		padding: 160px 0 70px;
	}

	.page-header-box h1{
		font-size: 48px;
	}

	.page-header-box ol li.breadcrumb-item{
		font-size: 16px;
	}

	.our-scrolling-ticker.subpages-scrolling-ticker{
		padding: 10px 0;
	}

	.our-scrolling-ticker.subpages-scrolling-ticker .scrolling-content span{
		font-size: 22px;
	}

	.our-scrolling-ticker.subpages-scrolling-ticker .scrolling-content span img{
        max-width: 22px;
    }

	.our-approach{
        padding: 50px 0;
    }

    .our-approach-content{
        margin-bottom: 30px;
    }

    .approach-image img{
        aspect-ratio: 1 / 0.95;
    }

    .approach-item{
        padding: 20px;
        margin-bottom: 30px;
    }

    .approach-item .icon-box{
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    .approach-item-content{
        width: calc(100% - 60px);
    }

    .our-goal{
        padding: 50px 0;
    }

    .goal-content{
        margin: 0 0 30px 0;
    }

    .goal-content-item{
        margin-bottom: 30px;
    }

    .goal-content-item .icon-box{
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    .goal-content-item .icon-box img{
        max-width: 26px;
    }

    .goal-item-content{
        width: calc(100% - 60px);
    }

    .goal-image{
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
    }

    .our-health{
        padding: 50px 0;
    }

    .our-health-images{
        max-width: 80%;
        margin: 0 auto;
		margin-bottom: 30px;
		gap: 20px;
    }

	.our-health-image-1{
        width: calc(52% - 10px);
    }

    .our-health-image-2{
        width: calc(48% - 10px);
    }  

    .our-health-images .contact-now-circle img{
        max-width: 100px;
    }

    .our-journey{
        padding: 50px 0;
    }

    .journey-item{
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .journey-item .icon-box{
        margin-bottom: 20px;
    }

    .journey-item .icon-box img{
        max-width: 50px;
    }

    .journey-item-content h3{
        margin-bottom: 10px;
    }

    .journey-image{
        margin: 30px auto 0;
        width: 100%;
        max-width: 70%;
    }

	.page-services{
		padding: 50px 0 20px;
	}

	.page-service-single{
		padding: 50px 0;
	}

	.page-single-sidebar{
		position: initial;
		margin: 0 0 30px 0;
	}

	.page-catagery-list{
		margin-bottom: 30px;
	}

	.page-catagery-list h3{
		font-size: 22px;
		padding: 20px 20px 15px;
	}

	.page-catagery-list ul{
		padding: 20px;
	}

	.page-catagery-list ul li a{
		padding: 12px 35px 12px 15px;
	}

	.page-catagery-list ul li a::before{
		right: 15px;
		width: 15px;
		height: 10px;
	}

	.sidebar-cta-box{
		padding: 40px;
	}

	.sidebar-cta-logo{
		margin-bottom: 30px;
	}

	.sidebar-cta-logo img{
		max-width: 75px;
	}

	.cta-contact-content p{
		margin-bottom: 10px;
	}

	.service-featured-image{
		margin-bottom: 30px;
	}

	.service-entry{
		margin-bottom: 40px;
	}

	.service-entry p{
		margin-bottom: 15px;
	}

	.service-entry h2{
		font-size: 36px;
		margin-bottom: 15px;
	}

	.service-entry ul{
		gap: 15px 20px;
		margin-bottom: 15px;
	}

	.service-entry ul li{
		background-size: 20px auto;
		padding-left: 25px;
	}

	.service-entry-counters{
		margin-top: 30px;
	}

	.service-counter-content{
		top: 20px;
		left: 20px;
		right: 20px;
		bottom: 20px;
	}

	.service-counter-content h3{
		margin-bottom: 5px;
	}

	.fitness-potential-box{
		margin-top: 40px;
	}

	.fitness-item-list{
		margin-top: 30px;
	}

	.fitness-item{
		width: calc(33.33% - 20px);
		padding: 20px 15px;
	}

	.fitness-item .icon-box{
		margin-bottom: 20px;
	}

	.service-entry-video{
		margin-top: 30px;
	}

	.video-play-button a{
		width: 50px;
		height: 50px;
	}

	.video-play-button a:before,
	.video-play-button a:after{
		top: -50%;
		left: -50%;
	}

	.video-play-button a i{
		font-size: 20px;
		margin-left: 2px;
	}

	.fitness-potential-list{
		margin: 30px 0;
	}

	.fitness-potential-list ul li{
		width: calc(33.33% - 13.33px);
	}

	.page-blog{
		padding: 50px 0;
	}

	.page-blog .post-item{
		gap: 15px;
	}

	.page-blog .post-item-content{
		margin-bottom: 15px;
	}

	.page-pagination{
		margin-top: 10px;
	}

	.page-single-post{
		padding: 50px 0;
	}

	.post-single-meta ol li{
		font-size: 16px;
	}
	
	.post-single-meta ol li i{
		font-size: 16px;
	}
	
	.post-image{
		margin-bottom: 20px;
	}
	
	.post-entry h1,
	.post-entry h2,
	.post-entry h3,
	.post-entry h4,
	.post-entry h5,
	.post-entry h6{
		margin: 0 0 0.42em;
	}
	
	.post-entry h2{
		font-size: 36px;
	}
	
	.post-entry p{
		margin-bottom: 15px;
	}
	
	.post-entry ol li,
	.post-entry ul li{
		font-size: 16px;
		margin-bottom: 10px;
	}
	
	.post-entry blockquote{
		background-position: 20px 20px;
		background-size: 40px;
		padding: 20px 20px 20px 70px;
		margin-bottom: 20px;
	}
	
	.post-entry blockquote p{
		font-size: 20px;
	}
	
	.post-tags{
		margin-bottom: 20px;
	}
	
	.tag-links{
		font-size: 22px;
	}
	
	.post-tags .tag-links a{
		padding: 10px 15px;
	}
	
	.post-social-sharing ul{
		text-align: left;
	}

	.page-projects{
		padding: 50px 0 20px;
	}

	.project-item{
		height: calc(100% - 30px);
		margin-bottom: 30px;
	}

	.project-image{
		margin-bottom: 15px;
	}

	.project-tag{
		bottom: 20px;
		left: 20px;
	}

	.project-image img{
		aspect-ratio: 1 / 0.8;
	}

	.page-project-single{
		padding: 50px 0;
	}

	.project-detail-list{
		margin-bottom: 30px;
	}

	.project-detail-list h3{
		padding: 12px 20px;
	}

	.project-detail-list ul{
		padding: 20px;
	}

	.project-detail-list ul li{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.project-single-slider{
		margin-bottom: 30px;
	}

	.project-single-slider .projects-pagination{
		margin-top: 25px;
	}

	.project-entry{
		margin-bottom: 40px;
	}

	.project-entry p,
	.project-entry h3{
		margin-bottom: 15px;
	}
	
	.project-entry h2{
		font-size: 36px;
		margin-bottom: 15px;
	}

	.project-entry ul{
		gap: 15px 30px;
		margin-bottom: 15px;
	}

	.project-entry ul li{
		background-size: 20px auto;
		padding-left: 25px;
	}

	.project-strength-box,
	.project-challenge-box{
		margin-top: 40px;
	}

	.project-challenge-list{
		gap: 30px 40px;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.project-challenge-item{
		width: calc(33.33% - 26.67px);
	}

	.project-challenge-item::before{
		right: -20px;
	}

	.project-challenge-item .icon-box{
		width: 50px;
		height: 50px;
		margin-bottom: 20px;
	}

	.project-challenge-item .icon-box img{
		max-width: 26px;
	}

	.project-challenge-content h3{
		margin-bottom: 5px;
	}

	.project-solution-list{
		margin-top: 30px;
	}

	.page-team{
		padding: 50px 0 20px;
	}

	.page-team-single{
		padding: 50px 0;
	}

	.team-single-image{
		margin-bottom: 30px;
	}

	.team-single-image img{
		aspect-ratio: 1 / 0.7;
		object-position: top center;
	}

	.team-member-info,
	.team-expertise-box,
	.team-transform-box{
		margin-bottom: 40px;
	}

	.team-member-info{
		gap: 40px 80px;
	}

	.member-info-box{
		width: calc(65% - 40px);
	}

	.member-info-box::before{
		right: -40px;
	}

	.member-info-box .section-title h3{
		font-size: 16px;
	}

	.member-contact-list{
		width: calc(35% - 40px);
	}

	.member-contact-item{
		margin-bottom: 30px;
	}

	.member-contact-item h3{
		margin-bottom: 5px;
	}

	.team-expertise-list{
		gap: 30px;
	}

	.skills-progress-bar .skill-data{
		margin-bottom: 15px;
	}

	.skills-progress-bar .skillbar .skill-progress{
		height: 12px;
	}

	.team-transform-box{
		padding: 30px;
	}

	.team-transform-list ul li{
		background-size: 20px auto;
		padding-left: 25px;
		margin-bottom: 15px;
	}
	
	.page-pricing{
		padding: 50px 0;
	}

	.page-testimonials{
		padding: 50px 0 20px;
	}

	.testimonial-box-item{
		padding: 30px;
	}

	.client-author-image{
		margin-right: 20px;
		padding-right: 10px;
	}

	.client-author-image figure{
		width: 84px;
	}

	.client-testimonial-body{
		width: calc(100% - 114px);
	}

	.client-testimonial-info{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.client-testimonial-rating i{
		font-size: 18px;
	}

	.page-gallery{
		padding: 50px 0 20px;
	}

	.page-video-gallery{
		padding: 50px 0 20px;
	}

	.page-faqs{
		padding: 50px 0;
	}

	.page-faqs-catagery .page-faq-accordion{
		margin-bottom: 40px;
	}

	.page-contact-us{
		padding: 50px 0;
	}

	.contact-us-content{
		margin-right: 0;
		margin-bottom: 30px;
	}

	.contact-form .form-control{
		font-size: 16px;
		padding: 15px;
	}

	.contact-us-img img{
		aspect-ratio: 1 / 0.75;
	}

	.contact-image-content{
		right: 20px;
		bottom: 20px;
		left: 20px;
	}

	.contact-image-content ul li img{
		max-width: 20px;
		margin-right: 10px;
	}

	.contact-info-box{
		gap: 20px;
		padding: 30px 50px;
		margin-top: 50px;
	}

	.contact-info-item{
		width: calc(50% - 10px);
	}

	.contact-info-item .icon-box{
		margin-bottom: 20px;
	}

	.google-map-iframe,
	.google-map-iframe iframe{
		height: 500px;
	}

	.error-page{
		padding: 50px 0;
	}

	.error-page-image{
		margin-bottom: 20px;
	}

	.error-page-image img{
		max-width: 80%;
	}

	.error-page-content-body p{
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 767px){

	.services-title-break{
		display: none;
	}

	.service-image{
		margin: 8px 8px 0;
		padding: 16px;
		border-radius: 12px;
	}

	.service-item{
		border-radius: 18px;
	}

	.service-item:hover{
		transform: translateY(-6px);
	}

	header.main-header{
		top: 10px;
	}

	.navbar > .container{
		width: calc(100% - 24px);
		min-height: 76px;
		padding: 7px 12px;
		border-radius: 16px;
	}

	.navbar-brand img{
		width: 58px;
		border-radius: 8px;
	}

	header.main-header .header-sticky.active .navbar-brand img{
		width: 64px;
	}

	.btn-default{
        font-size: 14px;
    }

	.readmore-btn{
		font-size: 16px;
	}

	.section-row{
		margin-bottom: 30px;
	}

	.section-title{
        padding-top: 30px;
    }

	.section-bg-title span{
        font-size: 50px;
    }

	.section-title h1{
		font-size: 28px;
	}

	.section-title h2{
		font-size: 26px;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-slide{
		padding: 125px 0 65px;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-slide-title{
		font-size: 28px;
		line-height: 1.15;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-pagination{
		bottom: 20px;
	}

	.hero-content .section-title p{
		margin-top: 15px;
	}

	.hero-counter-box{
		gap: 20px;
	}

	.hero-counter-item{
        width: calc(33.33% - 13.33px);
    }

	.hero-counter-item h3{
        font-size: 22px;
    }

	.hero-btn{
		gap: 15px;
	}

	.hero-image{
        max-width: 100%;
		margin: 0;
    }

	.expertise-circle{
		top: 30px;
	}

	.expertise-circle img{
        max-width: 80px;
    }

	.scrolling-ticker-box{
		--gap: 10px;
	}

	.scrolling-content span{
        font-size: 22px;
    }

	.scrolling-content span img{
        max-width: 22px;
		margin-right: 10px;
    }

	.about-us-images{
		background-position: left 75px bottom 100px;
        max-width: 100%;
        margin-bottom: 30px;
    }

	.about-img-1{
		padding-right: 152px;
	}

	.about-img-2{
		max-width: 210px;
		margin: 0 auto;
		margin-right: 0;
		margin-top: -110px;
	}

	.about-img-3{
		top: 50px;
		max-width: 140px;
	}

	.about-us-body{
		gap: 16px;
	}

	.about-us-body-item{
		width: calc(50% - 8px);
		padding: 20px 18px;
	}

	.about-us-body-item::before{
		top: -55px;
	}

	.about-us-body-item:nth-child(odd):before{
		width: 120px;
	}

	.about-us-body-item h3{
		font-size: 18px;
		padding-left: 25px;
		margin-bottom: 10px;
	}

	.about-us-body-item h3::before{
		width: 20px;
		height: 18px;
	}

	.service-content h3{
        font-size: 20px;
		min-height: 0;
		margin-bottom: 10px;
    }

	.service-content p{
		font-size: 14px;
		line-height: 1.65;
	}

	.section-footer-text{
        margin-top: 10px;
    }

	.why-choose-step-item{
        margin-bottom: 20px;
    }

	.why-choose-step-item:after{
        transform: translate(20px, 40px);
    }

	.why-choose-step-no{
        width: 40px;
        height: 40px;
    }

	.why-choose-step-content{
        width: calc(100% - 50px);
    }

	.why-choose-step-content h3{
		font-size: 18px;
	}

	.why-choose-step-content p{
		font-size: 14px;
	}

	.why-choose-image{
		max-width: 100%;
	}

	.contact-now-circle img{
        max-width: 100px;
    }

	.pricing-item{
        padding: 40px 20px;
    }

	.pricing-header{
		margin-right: 50px;
        margin-bottom: 20px;
    }

	.pricing-header h3{
		font-size: 16px;
	}

	.pricing-header h2{
        font-size: 26px;
    }

	.pricing-body{
        margin-bottom: 20px;
    }

	.pricing-item.highlighted-box:after{
		font-size: 16px;
        right: 20px;
    }

	.pricing-benefit-list{
		margin-top: 5px;
	}

	.pricing-benefit-list ul{
		gap: 10px;
	}

	.pricing-benefit-list ul li{
		width: calc(50% - 7.5px);
		font-size: 12px;
	}

	.pricing-benefit-list ul li img{
		max-width: 16px;
		margin-right: 5px;
	}

	.faq-image{
		max-width: 100%;
		background-position: bottom 20px right 90px;
		padding: 0 0 55px 50px;
	}

	.faq-image:before{
		width: 15px;
		top: 35px;
		left: 15px;
		height: 175px;
	}

	.faq-img-2{
		max-width: 200px;
		border-width: 5px;
	}

	.faq-accordion .accordion-item{
		margin-bottom: 20px;
	}

	.faq-accordion .accordion-header .accordion-button{
        padding: 10px 35px 10px 10px;
    }

	.faq-accordion .accordion-item .accordion-button::after,
	.faq-accordion .accordion-item .accordion-button.collapsed::after{
        right: 10px;
    }

	.faq-accordion .accordion-item .accordion-body{
		padding: 10px;
	}

	.testimonial-slider .swiper{
        margin: 0px;
		padding-bottom: 60px;
    }

	.testimonial-content{
		margin-bottom: 20px;
	}

	.testimonial-content p{
		font-size: 16px;
	}

	.author-image{
		margin-bottom: 10px;
	}
	
	.author-image figure,
	.author-image img{
        max-width: 60px;
    }

	.author-content h3{
		font-size: 18px;
	}

	.testimonial-btn-prev,
	.testimonial-btn-next{
		top: auto;
		bottom: 0;
		width: 40px;
		height: 40px;
	}

	.testimonial-btn-prev{
		left: calc(50% - 25px);
		transform: translateX(-50%);
	}

	.testimonial-btn-next{
		right: calc(50% - 65px);
		transform: translateX(-50%);
	} 

	.testimonial-btn-prev::before,
	.testimonial-btn-next::before{
		font-size: 14px;
	}

	.post-item{
		gap: 15px;
	}
	
	.post-featured-image,
	.post-item-body{
		width: 100%;
	}
		
	.post-item-content h2{
		font-size: 18px;
		margin-bottom: 5px;
	}

	.footer-logo,
	.about-footer-content{
		margin-bottom: 15px;
	}

	.footer-links h3{
		font-size: 18px;
	}

	.footer-copyright{
		flex-direction: column;
		padding: 15px 0;
	}

	.page-header-box h1{
        font-size: 28px;
		margin-bottom: 5px;
    }

	.page-header-box ol li.breadcrumb-item{
        font-size: 14px;
    }

	.our-scrolling-ticker.subpages-scrolling-ticker .scrolling-content span{
		font-size: 18px;
	}

	.our-scrolling-ticker.subpages-scrolling-ticker .scrolling-content span img{
		max-width: 18px;
	}

	.approach-image{
        margin-bottom: 30px;
    }

    .approach-item{
        padding: 15px;
        margin-bottom: 20px;
    }

    .approach-item-content h3{
        font-size: 18px;
        margin-bottom: 5px;
    }

    .goal-content-item{
        margin-bottom: 20px;
    }

    .goal-item-content h3{
        font-size: 18px;
        margin-bottom: 5px;
    }

	.goal-item-content p{
		font-size: 14px;
	}

    .goal-image{
        max-width: 100%;
    }

    .goal-info-box-1,
    .goal-info-box-2{
        padding: 10px;
    }

    .goal-info-box-1{
        bottom: 20px;
    }

    .goal-info-box-2{
        top: 105px;
    }

    .goal-info-box-1 .icon-box,
    .goal-info-box-2 .icon-box{
        margin-right: 10px;
    }

    .goal-info-box-1 .icon-box img,
    .goal-info-box-2 .icon-box img{
        max-width: 24px;
    }

    .goal-info-content{
        width: calc(100% - 34px);
    }

    .goal-info-content h3{
        font-size: 18px;
    }

	.goal-info-content p{
		font-size: 14px;
	}

    .our-health-images{
        max-width: 100%;
    }
    
    .our-health-images .contact-now-circle img{
        max-width: 80px;
    }

	.our-journey .section-bg-title span{
        font-size: 45px;
    }

    .journey-item{
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .journey-item-content h3{
        font-size: 18px;
    }

    .journey-image{
        max-width: 100%;
		margin: 30px 0;
    }

	.page-catagery-list h3{
        font-size: 20px;
        padding: 15px;
    }

	.page-catagery-list ul{
        padding: 15px;
    }

	.page-catagery-list ul li{
		margin-bottom: 15px;
	}

	.sidebar-cta-logo{
        margin-bottom: 15px;
    }

	.service-featured-image{
		margin-bottom: 20px;
	}

	.service-entry h2{
        font-size: 26px;
    }

	.service-entry ul{
        gap: 10px 20px;
    }

	.service-entry-counters{
		gap: 20px;
	}

	.service-counter-item{
		width: 100%;
	}

	.service-counter-content h3{
		font-size: 18px;
	}

	.fitness-item-list{
		gap: 20px;
	}

	.fitness-item{
		width: 100%;
	}

	.fitness-item-content h3{
		font-size: 18px;
		margin-bottom: 5px;
	}

	.service-entry-video-image img{
        aspect-ratio: 1 / 0.55;
    }

	.fitness-potential-list{
        margin: 20px 0;
    }

	.fitness-potential-list ul li{
        width: 100%;
    }

	.post-image img{
		aspect-ratio: 1 / 0.7;
	}

	.post-entry blockquote{
		background-position: 15px 15px;
		padding: 60px 15px 15px 15px;
	}

	.post-entry blockquote p{
		font-size: 18px;
	}

	.post-entry h2{
		font-size: 26px;
	}
	
	.tag-links{
		font-size: 20px;
	}

	.project-item-content h3{
		font-size: 18px;
	}

	.project-detail-list h3,
	.project-detail-list ul li{
		font-size: 18px;
    }

	.project-single-slider{
        margin-bottom: 20px;
    }

	.project-entry h2{
        font-size: 26px;
    }

	.project-entry h3{
		font-size: 18px;
	}

	.project-entry ul{
        gap: 10px 30px;
    }

	.project-challenge-list{
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

	.project-challenge-item{
		width: 100%;
	}

	.project-challenge-item::before{
		width: 100%;
		height: 1px;
		left: 0;
		right: auto;
		top: auto;
		bottom: -15px;
		transform: translateY(0);
	}

	.project-challenge-item .icon-box{
		margin-bottom: 15px;
	}

	.project-solution-list ul li{
		width: 100%;
	}

	.team-single-image img{
        aspect-ratio: 1 / 1.15;
        object-position: center center;
    }

	.member-info-box,
	.member-contact-list{
		width: 100%;
	}

	.member-info-box::before{
		width: 100%;
		height: 1px;
		top: auto;
		right: auto;
		left: 0;
		bottom: -20px;
	}

	.member-contact-item{
		margin-bottom: 20px;
	}

	.member-contact-item h3{
		font-size: 18px;
	}

	.skills-progress-bar{
		width: 100%;
	}

	.skills-progress-bar .skill-data{
		margin-bottom: 10px;
	}

	.skills-progress-bar .skill-data .skill-title{
		font-size: 18px;
	}

	.team-transform-box{
        padding: 20px;
    }

	.team-transform-list ul li{
		margin-bottom: 10px;
	}

	.testimonial-box-item{
		padding: 20px;
	}

	.client-author-image{
		margin-right: 0;
		margin-bottom: 20px;
	}

	.client-testimonial-body{
		width: 100%;
	}

	.client-author-title h3{
		font-size: 18px;
	}

	.client-testimonial-rating i{
		font-size: 16px;
	}

	.contact-us-img img{
		aspect-ratio: 1 / 1.07;
	}

	.contact-info-box{
		padding: 20px;
	}

	.contact-info-item{
		width: 100%;
	}

	.contact-info-item .icon-box{
		width: 40px;
		height: 40px;
		margin-bottom: 15px;
	}

	.contact-info-item .icon-box img{
		max-width: 16px;
	}

	.contact-info-content h3{
		font-size: 18px;
		margin-bottom: 5px;
	}

	.google-map-iframe,
	.google-map-iframe iframe{
		height: 350px;
	}
}

/* Premium Fitness Consulting service content */
.service-page .service-single-content{
	position: relative;
}

.service-page .consulting-featured-image figure{
	position: relative;
	box-shadow: 0 24px 65px rgba(23, 30, 46, 0.18);
}

.service-page .consulting-featured-image figure::before{
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(135deg, rgba(139, 196, 45, 0.2), transparent 42%),
		linear-gradient(0deg, rgba(9, 16, 27, 0.26), transparent 48%);
	pointer-events: none;
	z-index: 1;
}

.service-page .consulting-featured-image img,
.service-page .consulting-section-image img{
	transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.7s ease;
}

.service-page .consulting-featured-image figure:hover img,
.service-page .consulting-section-image:hover img{
	transform: scale(1.045);
	filter: saturate(1.08) contrast(1.03);
}

.service-page .consulting-intro{
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(139, 196, 45, 0.2);
	border-left: 5px solid var(--accent-color);
	background:
		radial-gradient(circle at 100% 0%, rgba(139, 196, 45, 0.14), transparent 34%),
		linear-gradient(145deg, #FFFFFF 0%, #F4F7F1 100%);
	box-shadow: 0 18px 46px rgba(23, 30, 46, 0.09);
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.service-page .consulting-intro::after{
	content: '';
	position: absolute;
	top: -70px;
	right: -70px;
	width: 170px;
	height: 170px;
	border: 28px solid rgba(139, 196, 45, 0.08);
	border-radius: 50%;
	pointer-events: none;
}

.service-page .consulting-intro:hover{
	transform: translateY(-4px);
	box-shadow: 0 25px 60px rgba(23, 30, 46, 0.13);
}

.service-page .consulting-section{
	position: relative;
	isolation: isolate;
	overflow: hidden;
	margin-top: 64px;
	padding: 48px;
	background:
		radial-gradient(circle at 100% 0%, rgba(139, 196, 45, 0.09), transparent 28%),
		linear-gradient(145deg, #FFFFFF 0%, #F8FAFB 100%);
	border: 1px solid #E4E9EE;
	border-radius: 30px;
	box-shadow: 0 22px 65px rgba(23, 30, 46, 0.075);
}

.service-page .consulting-section::after{
	content: '';
	position: absolute;
	right: -90px;
	bottom: -100px;
	width: 230px;
	height: 230px;
	border: 1px solid rgba(139, 196, 45, 0.18);
	border-radius: 50%;
	box-shadow:
		0 0 0 28px rgba(139, 196, 45, 0.025),
		0 0 0 58px rgba(139, 196, 45, 0.018);
	pointer-events: none;
	z-index: -1;
}

.service-page .consulting-section-heading{
	position: relative;
	max-width: 940px;
	padding-left: 22px;
	line-height: 1.08em;
	text-wrap: balance;
}

.service-page .consulting-section-heading::before{
	content: '';
	position: absolute;
	top: 0.1em;
	left: 0;
	width: 6px;
	height: 0.9em;
	background: linear-gradient(180deg, #B8F127, var(--accent-color));
	border-radius: 20px;
	box-shadow: 0 0 20px rgba(139, 196, 45, 0.35);
}

.service-page .consulting-section > p{
	position: relative;
	max-width: 940px;
	z-index: 1;
}

.service-page .consulting-section-image{
	position: relative;
	overflow: hidden;
	border-radius: 22px;
	box-shadow: 0 20px 48px rgba(23, 30, 46, 0.16);
}

.service-page .consulting-section-image::after{
	content: '';
	position: absolute;
	inset: 0;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: inherit;
	pointer-events: none;
}

.service-page .consulting-card-grid{
	position: relative;
	z-index: 1;
}

.service-page .consulting-info-card{
	position: relative;
	isolation: isolate;
	overflow: hidden;
	border-color: #E0E6EA;
	background:
		radial-gradient(circle at 100% 0%, rgba(139, 196, 45, 0.1), transparent 35%),
		linear-gradient(145deg, #FFFFFF, #F5F7F9);
	box-shadow: 0 14px 34px rgba(23, 30, 46, 0.07);
	transition:
		transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1),
		box-shadow 0.35s ease,
		border-color 0.35s ease;
}

.service-page .consulting-info-card::before{
	content: '';
	position: absolute;
	top: 0;
	left: 28px;
	width: 64px;
	height: 4px;
	background: var(--accent-color);
	border-radius: 0 0 8px 8px;
	box-shadow: 0 6px 18px rgba(139, 196, 45, 0.28);
	transition: width 0.35s ease;
}

.service-page .consulting-info-card::after{
	content: '';
	position: absolute;
	right: -40px;
	bottom: -40px;
	width: 110px;
	height: 110px;
	border: 18px solid rgba(139, 196, 45, 0.055);
	border-radius: 50%;
	z-index: -1;
	transition: transform 0.45s ease;
}

.service-page .consulting-info-card:hover{
	transform: translateY(-9px);
	border-color: rgba(139, 196, 45, 0.62);
	box-shadow: 0 24px 55px rgba(23, 30, 46, 0.14);
}

.service-page .consulting-info-card:hover::before{
	width: 105px;
}

.service-page .consulting-info-card:hover::after{
	transform: scale(1.22) rotate(12deg);
}

.service-page .consulting-info-card h3{
	line-height: 1.18em;
	transition: color 0.3s ease;
}

.service-page .consulting-info-card:hover h3{
	color: #6F9F1E;
}

.service-page .consulting-info-card.dark-card{
	border: 1px solid rgba(255, 255, 255, 0.08);
	background:
		radial-gradient(circle at 100% 0%, rgba(139, 196, 45, 0.16), transparent 34%),
		linear-gradient(145deg, #202737, #141B29);
	box-shadow: 0 18px 40px rgba(15, 22, 34, 0.18);
}

.service-page .consulting-info-card.dark-card::after{
	border-color: rgba(139, 196, 45, 0.1);
}

.service-page .consulting-info-card.dark-card:hover{
	border-color: rgba(139, 196, 45, 0.7);
	box-shadow: 0 26px 58px rgba(15, 22, 34, 0.28), 0 0 0 1px rgba(139, 196, 45, 0.16);
}

.service-page .consulting-info-card.dark-card:hover h3{
	color: #B8F127;
}

/* Photographic program cards */
.service-page .program-grid .consulting-info-card{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 430px;
	padding: 32px 28px;
	color: #FFFFFF;
	background: #101827;
	border: 0;
	box-shadow: 0 20px 45px rgba(16, 24, 39, 0.2);
}

.service-page .program-grid .consulting-info-card::before{
	inset: 0;
	width: auto;
	height: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 0;
	box-shadow: none;
	transition: transform 0.75s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.55s ease;
	z-index: -2;
}

.service-page .program-grid .consulting-info-card:nth-child(1)::before{
	background-image: url('../images/service-1.jpg');
}

.service-page .program-grid .consulting-info-card:nth-child(2)::before{
	background-image: url('../images/service-2.jpg');
}

.service-page .program-grid .consulting-info-card:nth-child(3)::before{
	background-image: url('../images/service-3.jpg');
}

.service-page .program-grid .consulting-info-card:nth-child(4)::before{
	background-image: url('../images/service-4.jpg');
}

.service-page .program-grid .consulting-info-card:nth-child(5)::before{
	background-image: url('../images/service-6.jpg');
}

.service-page .program-grid .consulting-info-card:nth-child(6)::before{
	background-image: url('../images/service-5.jpg');
}

.service-page .program-grid .consulting-info-card::after{
	inset: 0;
	width: auto;
	height: auto;
	background:
		linear-gradient(180deg, rgba(9, 15, 25, 0.05) 0%, rgba(9, 15, 25, 0.62) 42%, rgba(9, 15, 25, 0.97) 100%),
		linear-gradient(135deg, rgba(139, 196, 45, 0.14), transparent 48%);
	border: 0;
	border-radius: 0;
	transform: none;
	z-index: -1;
}

.service-page .program-grid .consulting-info-card h3,
.service-page .program-grid .consulting-info-card p{
	position: relative;
	color: #FFFFFF;
	z-index: 1;
}

.service-page .program-grid .consulting-info-card h3{
	padding-top: 18px;
	border-top: 3px solid var(--accent-color);
}

.service-page .program-grid .consulting-info-card:hover{
	transform: translateY(-10px);
	box-shadow: 0 30px 70px rgba(16, 24, 39, 0.34);
}

.service-page .program-grid .consulting-info-card:hover::before{
	width: auto;
	transform: scale(1.08);
	filter: saturate(1.12) contrast(1.04);
}

.service-page .program-grid .consulting-info-card:hover::after{
	transform: none;
}

.service-page .consulting-health-layout,
.service-page .consulting-team-layout{
	position: relative;
	overflow: hidden;
	gap: 0;
	padding: 10px;
	background:
		radial-gradient(circle at 0% 100%, rgba(139, 196, 45, 0.16), transparent 30%),
		linear-gradient(145deg, #202737, #121925);
	border: 1px solid rgba(139, 196, 45, 0.2);
	border-radius: 26px;
	box-shadow: 0 24px 58px rgba(15, 22, 34, 0.23);
}

.service-page .consulting-health-layout img,
.service-page .consulting-team-layout img{
	min-height: 430px;
	border-radius: 18px 0 0 18px;
	transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.6s ease;
}

.service-page .consulting-health-layout:hover img,
.service-page .consulting-team-layout:hover img{
	transform: scale(1.035);
	filter: saturate(1.08);
}

.service-page .consulting-health-copy,
.service-page .consulting-team-copy{
	position: relative;
	z-index: 1;
	border-radius: 0 18px 18px 0;
	background: transparent;
	padding: 48px;
}

.service-page .consulting-health-copy::before,
.service-page .consulting-team-copy::before{
	content: '';
	position: absolute;
	top: 48px;
	left: 0;
	width: 4px;
	height: 74px;
	background: var(--accent-color);
	border-radius: 0 6px 6px 0;
	box-shadow: 0 0 22px rgba(139, 196, 45, 0.4);
}

.service-page .consulting-health-copy p,
.service-page .consulting-team-copy p{
	font-size: 18px;
	line-height: 1.72em;
}

.service-page .consulting-journey{
	position: relative;
}

.service-page .consulting-journey::before{
	content: '';
	position: absolute;
	top: 26px;
	bottom: 26px;
	left: 27px;
	width: 2px;
	background: linear-gradient(180deg, transparent, var(--accent-color) 8%, var(--accent-color) 92%, transparent);
	box-shadow: 0 0 18px rgba(139, 196, 45, 0.25);
}

.service-page .consulting-journey-item{
	position: relative;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(245, 248, 250, 0.98));
	box-shadow: 0 12px 30px rgba(23, 30, 46, 0.065);
	transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.service-page .consulting-journey-item:hover{
	transform: translateX(9px);
	border-color: rgba(139, 196, 45, 0.66);
	box-shadow: 0 20px 45px rgba(23, 30, 46, 0.12);
}

.service-page .consulting-journey-number{
	position: relative;
	z-index: 2;
	box-shadow: 0 0 0 7px #F8FAFB, 0 10px 22px rgba(139, 196, 45, 0.26);
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.service-page .consulting-journey-item:hover .consulting-journey-number{
	transform: rotate(-8deg) scale(1.08);
	box-shadow: 0 0 0 7px #FFFFFF, 0 14px 28px rgba(139, 196, 45, 0.38);
}

.service-page .page-single-faqs{
	position: relative;
	overflow: hidden;
	margin-top: 64px;
	padding: 48px;
	background:
		radial-gradient(circle at 100% 0%, rgba(139, 196, 45, 0.16), transparent 30%),
		linear-gradient(145deg, #202737, #121925);
	border: 1px solid rgba(139, 196, 45, 0.2);
	border-radius: 30px;
	box-shadow: 0 26px 70px rgba(15, 22, 34, 0.24);
}

.service-page .page-single-faqs::before{
	content: '?';
	position: absolute;
	right: 25px;
	top: -55px;
	font-family: var(--accent-font);
	font-size: 220px;
	font-weight: 700;
	line-height: 1em;
	color: rgba(255, 255, 255, 0.035);
	pointer-events: none;
}

.service-page .page-single-faqs .section-title{
	position: relative;
	z-index: 1;
}

.light-body-theme.service-page .page-service-single .page-single-faqs .section-title h2{
	color: #FFFFFF;
}

.light-body-theme.service-page .page-service-single .page-single-faqs .section-title h2::after{
	content: '';
	display: block;
	width: 82px;
	height: 4px;
	margin-top: 18px;
	background: var(--accent-color);
	border-radius: 10px;
	box-shadow: 0 0 18px rgba(139, 196, 45, 0.32);
}

.service-page .page-single-faqs .accordion-item{
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 13px;
	box-shadow: 0 12px 26px rgba(5, 10, 18, 0.16);
	transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.service-page .page-single-faqs .accordion-item:hover{
	transform: translateX(5px);
	border-color: rgba(139, 196, 45, 0.58);
	box-shadow: 0 16px 34px rgba(5, 10, 18, 0.24);
}

.service-page .page-single-faqs .accordion-header .accordion-button.collapsed:hover{
	background: #F3F8EB;
	color: #5E8719;
}

.service-page .page-catagery-list,
.service-page .sidebar-cta-box{
	box-shadow: 0 22px 55px rgba(15, 22, 34, 0.16);
}

.service-page .page-catagery-list ul li a{
	transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.service-page .page-catagery-list ul li:not(.is-active) a:hover{
	transform: translateX(6px);
	box-shadow: 0 10px 22px rgba(4, 9, 17, 0.18);
}

.service-page .page-catagery-list ul li.is-active a{
	box-shadow: 0 12px 26px rgba(139, 196, 45, 0.24);
}

.service-page .sidebar-cta-box{
	transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.service-page .sidebar-cta-box:hover{
	transform: translateY(-7px);
	box-shadow: 0 30px 70px rgba(15, 22, 34, 0.28);
}

.service-page .consulting-cta .btn-default,
.service-page .consulting-intro .btn-default{
	box-shadow: 0 12px 28px rgba(139, 196, 45, 0.24);
	transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

.service-page .consulting-cta .btn-default:hover,
.service-page .consulting-intro .btn-default:hover{
	transform: translateY(-4px);
	box-shadow: 0 18px 38px rgba(139, 196, 45, 0.34);
}

@media only screen and (max-width: 1199px){
	.service-page .consulting-section{
		padding: 40px 34px;
	}

	.service-page .program-grid .consulting-info-card{
		min-height: 460px;
	}

	.service-page .consulting-health-copy,
	.service-page .consulting-team-copy{
		padding: 38px;
	}
}

@media only screen and (max-width: 991px){
	.service-page .consulting-section{
		margin-top: 52px;
		padding: 38px 30px;
		border-radius: 26px;
	}

	.service-page .program-grid .consulting-info-card{
		min-height: 390px;
	}

	.service-page .consulting-health-layout img,
	.service-page .consulting-team-layout img{
		min-height: 380px;
		border-radius: 18px 18px 0 0;
	}

	.service-page .consulting-health-copy,
	.service-page .consulting-team-copy{
		border-radius: 0 0 18px 18px;
	}

	.service-page .page-single-faqs{
		padding: 40px 32px;
	}
}

@media only screen and (max-width: 767px){
	.service-page .consulting-section{
		margin-top: 42px;
		padding: 30px 20px;
		border-radius: 22px;
	}

	.service-page .consulting-section-heading{
		padding-left: 17px;
	}

	.service-page .consulting-section-heading::before{
		width: 5px;
	}

	.service-page .consulting-info-card{
		padding: 24px 22px;
	}

	.service-page .program-grid .consulting-info-card{
		min-height: 370px;
		padding: 28px 24px;
	}

	.service-page .consulting-health-layout,
	.service-page .consulting-team-layout{
		padding: 7px;
		border-radius: 22px;
	}

	.service-page .consulting-health-layout img,
	.service-page .consulting-team-layout img{
		min-height: 285px;
	}

	.service-page .consulting-health-copy,
	.service-page .consulting-team-copy{
		padding: 30px 24px;
	}

	.service-page .consulting-health-copy::before,
	.service-page .consulting-team-copy::before{
		top: 30px;
		height: 58px;
	}

	.service-page .consulting-health-copy p,
	.service-page .consulting-team-copy p{
		font-size: 16px;
	}

	.service-page .consulting-journey::before{
		left: 22px;
	}

	.service-page .page-single-faqs{
		margin-top: 42px;
		padding: 30px 20px;
		border-radius: 22px;
	}

	.service-page .page-single-faqs::before{
		right: 5px;
		font-size: 160px;
	}
}

@media (prefers-reduced-motion: reduce){
	.service-page .consulting-featured-image img,
	.service-page .consulting-section-image img,
	.service-page .consulting-intro,
	.service-page .consulting-info-card,
	.service-page .consulting-health-layout img,
	.service-page .consulting-team-layout img,
	.service-page .consulting-journey-item,
	.service-page .consulting-journey-number,
	.service-page .page-single-faqs .accordion-item,
	.service-page .sidebar-cta-box{
		transition: none;
	}
}

/* Editorial redesign for the Fitness Programs section */
.service-page .program-grid{
	grid-template-columns: 1fr;
	gap: 24px;
}

.service-page .program-grid .consulting-info-card{
	justify-content: center;
	min-height: 300px;
	padding: 38px 42px 38px calc(40% + 42px);
	background:
		radial-gradient(circle at 100% 0%, rgba(139, 196, 45, 0.13), transparent 34%),
		linear-gradient(145deg, #202737, #111824);
	border: 1px solid rgba(139, 196, 45, 0.18);
	box-shadow: 0 22px 48px rgba(16, 24, 39, 0.2);
}

.service-page .program-grid .consulting-info-card:nth-child(even){
	padding-right: calc(40% + 42px);
	padding-left: 42px;
}

.service-page .program-grid .consulting-info-card::before{
	top: 0;
	right: auto;
	bottom: 0;
	left: 0;
	width: 40%;
	height: auto;
	background-position: center;
	border-radius: 18px 0 0 18px;
	z-index: 0;
}

.service-page .program-grid .consulting-info-card:nth-child(even)::before{
	right: 0;
	left: auto;
	border-radius: 0 18px 18px 0;
}

.service-page .program-grid .consulting-info-card::after{
	top: 0;
	right: auto;
	bottom: 0;
	left: 0;
	width: 40%;
	height: auto;
	background:
		linear-gradient(90deg, rgba(8, 14, 23, 0.12) 0%, rgba(8, 14, 23, 0.18) 62%, #161E2C 100%),
		linear-gradient(0deg, rgba(8, 14, 23, 0.35), transparent 55%);
	border-radius: 18px 0 0 18px;
	z-index: 1;
}

.service-page .program-grid .consulting-info-card:nth-child(even)::after{
	right: 0;
	left: auto;
	background:
		linear-gradient(270deg, rgba(8, 14, 23, 0.12) 0%, rgba(8, 14, 23, 0.18) 62%, #161E2C 100%),
		linear-gradient(0deg, rgba(8, 14, 23, 0.35), transparent 55%);
	border-radius: 0 18px 18px 0;
}

.service-page .program-grid .consulting-info-card h3,
.service-page .program-grid .consulting-info-card p{
	z-index: 2;
}

.service-page .program-grid .consulting-info-card h3{
	position: relative;
	padding: 0 0 0 20px;
	border-top: 0;
	font-size: 27px;
	color: #FFFFFF;
}

.service-page .program-grid .consulting-info-card h3::before{
	content: '';
	position: absolute;
	top: 0.08em;
	left: 0;
	width: 5px;
	height: 0.92em;
	background: var(--accent-color);
	border-radius: 8px;
	box-shadow: 0 0 18px rgba(139, 196, 45, 0.4);
}

.service-page .program-grid .consulting-info-card p{
	max-width: 580px;
	color: rgba(255, 255, 255, 0.84);
}

.service-page .program-grid .consulting-info-card:hover{
	transform: translateY(-6px);
	border-color: rgba(139, 196, 45, 0.6);
	box-shadow: 0 30px 68px rgba(16, 24, 39, 0.3);
}

.service-page .program-grid .consulting-info-card:hover::before{
	width: 40%;
	transform: scale(1.055);
}

.service-page .program-grid .consulting-info-card:hover h3{
	color: #B8F127;
}

@media only screen and (max-width: 767px){
	.service-page .program-grid{
		gap: 20px;
	}

	.service-page .program-grid .consulting-info-card,
	.service-page .program-grid .consulting-info-card:nth-child(even){
		display: block;
		min-height: 0;
		padding: 250px 24px 28px;
	}

	.service-page .program-grid .consulting-info-card::before,
	.service-page .program-grid .consulting-info-card:nth-child(even)::before{
		top: 0;
		right: 0;
		bottom: auto;
		left: 0;
		width: 100%;
		height: 220px;
		border-radius: 18px 18px 0 0;
	}

	.service-page .program-grid .consulting-info-card::after,
	.service-page .program-grid .consulting-info-card:nth-child(even)::after{
		top: 0;
		right: 0;
		bottom: auto;
		left: 0;
		width: 100%;
		height: 220px;
		background:
			linear-gradient(180deg, rgba(8, 14, 23, 0.08) 0%, rgba(8, 14, 23, 0.16) 56%, #171F2D 100%),
			linear-gradient(0deg, rgba(8, 14, 23, 0.28), transparent 60%);
		border-radius: 18px 18px 0 0;
	}

	.service-page .program-grid .consulting-info-card h3{
		font-size: 23px;
	}

	.service-page .program-grid .consulting-info-card:hover::before{
		width: 100%;
	}
}

/* Premium Fitness Management service page */
.management-page .management-content{
	counter-reset: management-section;
}

.management-page .management-featured-image{
	position: relative;
}

.management-page .management-featured-image::before,
.management-page .management-featured-image::after{
	content: '';
	position: absolute;
	pointer-events: none;
	z-index: 2;
}

.management-page .management-featured-image::before{
	right: 30px;
	bottom: -18px;
	width: 154px;
	height: 48px;
	background: var(--accent-color);
	border-radius: 14px 4px 14px 4px;
	box-shadow: 0 16px 35px rgba(139, 196, 45, 0.34);
}

.management-page .management-featured-image::after{
	right: 58px;
	bottom: 0;
	width: 98px;
	height: 2px;
	background: rgba(19, 27, 42, 0.6);
	box-shadow: 0 8px 0 rgba(19, 27, 42, 0.35), 0 16px 0 rgba(19, 27, 42, 0.18);
}

.management-page .management-featured-image img{
	aspect-ratio: 16 / 7;
}

.management-page .management-hero-copy{
	padding: 44px 46px;
	border-left-width: 0;
	border-radius: 24px;
}

.management-page .management-hero-copy::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 7px;
	height: 100%;
	background: linear-gradient(180deg, #CBFF33, var(--accent-color));
	box-shadow: 8px 0 28px rgba(139, 196, 45, 0.18);
}

.management-page .management-hero-copy .consulting-section-heading{
	max-width: 820px;
	margin-bottom: 24px;
	padding-left: 0;
	font-size: 42px;
}

.management-page .management-hero-copy .consulting-section-heading::before{
	display: none;
}

.management-page .management-hero-copy p{
	position: relative;
	max-width: 900px;
	font-size: 18px;
	line-height: 1.75em;
	z-index: 1;
}

.management-page .management-section-mark{
	display: inline-flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 14px;
	font-family: var(--accent-font);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.13em;
	color: #6C981F;
}

.management-page .management-section-mark::after{
	content: '';
	width: 52px;
	height: 2px;
	background: linear-gradient(90deg, var(--accent-color), transparent);
}

.management-page .management-heading-row{
	position: relative;
	z-index: 1;
}

.management-page .management-heading-row .consulting-section-heading{
	margin-bottom: 28px;
}

.management-page .management-split-feature{
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
	gap: 10px;
	overflow: hidden;
	margin-top: 10px;
	padding: 10px;
	background: #182131;
	border: 1px solid rgba(139, 196, 45, 0.22);
	border-radius: 24px;
	box-shadow: 0 24px 55px rgba(16, 24, 39, 0.2);
}

.management-page .management-split-copy{
	position: relative;
	display: flex;
	align-items: center;
	padding: 38px 36px;
	color: rgba(255, 255, 255, 0.84);
}

.management-page .management-split-copy::before{
	content: '';
	position: absolute;
	top: 38px;
	bottom: 38px;
	left: 0;
	width: 3px;
	background: var(--accent-color);
	border-radius: 5px;
	box-shadow: 0 0 18px rgba(139, 196, 45, 0.4);
}

.management-page .management-split-copy p{
	margin: 0;
	font-size: 17px;
	line-height: 1.72em;
}

.management-page .management-split-image{
	overflow: hidden;
	min-height: 480px;
	margin: 0;
	border-radius: 17px;
}

.management-page .management-split-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.75s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.6s ease;
}

.management-page .management-split-feature:hover .management-split-image img{
	transform: scale(1.055);
	filter: saturate(1.08);
}

.management-page .management-advantage-grid{
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.management-page .management-advantage-grid .consulting-info-card{
	min-height: 330px;
	padding: 35px 32px 32px;
}

.management-page .management-advantage-grid .consulting-info-card:nth-child(4n + 2),
.management-page .management-advantage-grid .consulting-info-card:nth-child(4n + 3){
	background:
		radial-gradient(circle at 100% 0%, rgba(139, 196, 45, 0.16), transparent 35%),
		linear-gradient(145deg, #202837, #151C29);
	border-color: rgba(139, 196, 45, 0.17);
}

.management-page .management-advantage-grid .consulting-info-card:nth-child(4n + 2) h3,
.management-page .management-advantage-grid .consulting-info-card:nth-child(4n + 3) h3{
	color: #FFFFFF;
}

.management-page .management-advantage-grid .consulting-info-card:nth-child(4n + 2) p,
.management-page .management-advantage-grid .consulting-info-card:nth-child(4n + 3) p{
	color: rgba(255, 255, 255, 0.76);
}

.management-page .management-card-index{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	margin-bottom: 28px;
	font-family: var(--accent-font);
	font-size: 18px;
	font-weight: 700;
	color: #172033;
	background: var(--accent-color);
	border-radius: 50%;
	box-shadow: 0 0 0 7px rgba(139, 196, 45, 0.1);
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.management-page .management-advantage-grid .consulting-info-card:hover .management-card-index{
	transform: rotate(-9deg) scale(1.08);
	box-shadow: 0 0 0 10px rgba(139, 196, 45, 0.13), 0 12px 24px rgba(139, 196, 45, 0.25);
}

.management-page .management-programs{
	color: rgba(255, 255, 255, 0.8);
	background:
		radial-gradient(circle at 100% 0%, rgba(139, 196, 45, 0.18), transparent 31%),
		linear-gradient(145deg, #202837, #111824);
	border-color: rgba(139, 196, 45, 0.18);
}

.management-page .management-programs::after{
	border-color: rgba(139, 196, 45, 0.1);
}

.management-page .management-programs .management-section-mark{
	color: #B8F127;
}

.management-page .management-programs .consulting-section-heading{
	color: #FFFFFF;
}

.management-page .management-programs-shell{
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr);
	gap: 0;
	overflow: hidden;
	margin-top: 30px;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.04);
}

.management-page .management-programs-image{
	overflow: hidden;
	min-height: 510px;
	margin: 0;
}

.management-page .management-programs-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.75s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.6s ease;
}

.management-page .management-programs-shell:hover .management-programs-image img{
	transform: scale(1.06);
	filter: saturate(1.1);
}

.management-page .management-programs-copy{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 24px;
	padding: 45px 42px;
}

.management-page .management-programs-copy::before{
	content: '';
	position: absolute;
	top: 45px;
	bottom: 45px;
	left: 0;
	width: 4px;
	background: var(--accent-color);
	border-radius: 5px;
	box-shadow: 0 0 22px rgba(139, 196, 45, 0.38);
}

.management-page .management-programs-copy p{
	margin: 0;
	font-size: 17px;
	line-height: 1.75em;
	color: rgba(255, 255, 255, 0.82);
}

.management-page .management-health-grid{
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-top: 32px;
}

.management-page .management-health-card{
	position: relative;
	overflow: hidden;
	min-height: 350px;
	padding: 32px 26px;
	background: linear-gradient(160deg, #FFFFFF, #F3F7EE);
	border: 1px solid #DFE6D9;
	border-radius: 20px;
	box-shadow: 0 15px 35px rgba(23, 30, 46, 0.07);
	transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.management-page .management-health-card::after{
	content: '';
	position: absolute;
	right: -52px;
	bottom: -52px;
	width: 135px;
	height: 135px;
	border: 22px solid rgba(139, 196, 45, 0.08);
	border-radius: 50%;
	transition: transform 0.45s ease;
}

.management-page .management-health-card:hover{
	transform: translateY(-9px);
	border-color: rgba(139, 196, 45, 0.62);
	box-shadow: 0 25px 55px rgba(23, 30, 46, 0.14);
}

.management-page .management-health-card:hover::after{
	transform: scale(1.2) rotate(12deg);
}

.management-page .management-health-icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	margin-bottom: 34px;
	font-size: 23px;
	color: #152033;
	background: var(--accent-color);
	border-radius: 17px;
	box-shadow: 0 12px 26px rgba(139, 196, 45, 0.25);
	transition: transform 0.35s ease;
}

.management-page .management-health-card:hover .management-health-icon{
	transform: rotate(-7deg) scale(1.08);
}

.management-page .management-health-card h4{
	position: relative;
	z-index: 1;
	margin-bottom: 15px;
	font-family: var(--accent-font);
	font-size: 23px;
	font-weight: 700;
	line-height: 1.18em;
	color: var(--accent-secondary-color);
}

.management-page .management-health-card p{
	position: relative;
	z-index: 1;
	margin: 0;
	font-size: 15px;
	line-height: 1.7em;
}

.management-page .management-process-intro{
	margin-bottom: 0;
	padding: 20px 24px;
	background: linear-gradient(90deg, rgba(139, 196, 45, 0.12), transparent);
	border-left: 4px solid var(--accent-color);
	border-radius: 0 14px 14px 0;
}

.management-page .management-process-list{
	margin-top: 26px;
}

.management-page .management-process-list .consulting-journey-item:nth-child(even){
	margin-left: 34px;
	background:
		radial-gradient(circle at 100% 0%, rgba(139, 196, 45, 0.1), transparent 32%),
		linear-gradient(145deg, #FFFFFF, #F3F6F8);
}

.management-page .management-process-list .consulting-journey-content h3{
	margin-bottom: 5px;
	font-size: 23px;
}

.management-page .management-team-layout{
	margin-top: 30px;
}

.management-page .management-team-layout img{
	object-position: center top;
}

.management-page .management-booking{
	color: rgba(255, 255, 255, 0.82);
	background:
		linear-gradient(115deg, rgba(14, 21, 33, 0.97), rgba(27, 37, 52, 0.94)),
		url('../images/cta-box-bg.jpg') center / cover;
	border-color: rgba(139, 196, 45, 0.22);
}

.management-page .management-booking::after{
	right: -65px;
	bottom: -65px;
	border-color: rgba(139, 196, 45, 0.16);
}

.management-page .management-booking-glow{
	position: absolute;
	top: -130px;
	right: -90px;
	width: 330px;
	height: 330px;
	background: radial-gradient(circle, rgba(139, 196, 45, 0.2), transparent 68%);
	border-radius: 50%;
	pointer-events: none;
}

.management-page .management-booking .management-section-mark{
	color: #B8F127;
}

.management-page .management-booking .consulting-section-heading{
	color: #FFFFFF;
}

.management-page .management-booking p{
	max-width: 880px;
	margin-bottom: 28px;
	color: rgba(255, 255, 255, 0.82);
}

.management-page .management-booking .btn-default{
	margin-right: 38px;
	box-shadow: 0 14px 30px rgba(139, 196, 45, 0.24);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.management-page .management-booking .btn-default:hover{
	transform: translateY(-4px);
	box-shadow: 0 20px 42px rgba(139, 196, 45, 0.36);
}

.management-page .management-faqs .section-title .management-section-mark{
	color: #B8F127;
}

@media only screen and (max-width: 1199px){
	.management-page .management-split-feature,
	.management-page .management-programs-shell{
		grid-template-columns: minmax(240px, 0.75fr) minmax(0, 1.25fr);
	}

	.management-page .management-split-copy,
	.management-page .management-programs-copy{
		padding: 34px 28px;
	}

	.management-page .management-health-grid{
		grid-template-columns: 1fr;
	}

	.management-page .management-health-card{
		min-height: 0;
	}
}

@media only screen and (max-width: 991px){
	.management-page .management-featured-image::before{
		right: 24px;
	}

	.management-page .management-split-feature,
	.management-page .management-programs-shell{
		grid-template-columns: 1fr;
	}

	.management-page .management-split-image,
	.management-page .management-programs-image{
		min-height: 360px;
	}

	.management-page .management-split-image{
		grid-row: 1;
	}

	.management-page .management-split-copy::before,
	.management-page .management-programs-copy::before{
		top: 0;
		right: 34px;
		bottom: auto;
		left: 34px;
		width: auto;
		height: 4px;
	}
}

@media only screen and (max-width: 767px){
	.management-page .management-featured-image::before{
		right: 18px;
		bottom: -12px;
		width: 118px;
		height: 38px;
	}

	.management-page .management-featured-image::after{
		right: 38px;
		bottom: 0;
		width: 78px;
	}

	.management-page .management-hero-copy{
		padding: 32px 24px 30px;
	}

	.management-page .management-hero-copy .consulting-section-heading{
		font-size: 30px;
	}

	.management-page .management-hero-copy p{
		font-size: 16px;
	}

	.management-page .management-heading-row .consulting-section-heading{
		margin-bottom: 22px;
	}

	.management-page .management-split-copy,
	.management-page .management-programs-copy{
		padding: 30px 22px;
	}

	.management-page .management-split-copy p,
	.management-page .management-programs-copy p{
		font-size: 16px;
	}

	.management-page .management-split-image,
	.management-page .management-programs-image{
		min-height: 280px;
	}

	.management-page .management-advantage-grid{
		grid-template-columns: 1fr;
	}

	.management-page .management-advantage-grid .consulting-info-card{
		min-height: 0;
		padding: 28px 24px;
	}

	.management-page .management-health-card{
		padding: 28px 24px;
	}

	.management-page .management-health-icon{
		margin-bottom: 25px;
	}

	.management-page .management-process-list .consulting-journey-item:nth-child(even){
		margin-left: 0;
	}

	.management-page .management-process-list .consulting-journey-content h3{
		font-size: 21px;
	}
}

@media (prefers-reduced-motion: reduce){
	.management-page .management-split-image img,
	.management-page .management-programs-image img,
	.management-page .management-card-index,
	.management-page .management-health-card,
	.management-page .management-health-card::after,
	.management-page .management-health-icon,
	.management-page .management-booking .btn-default{
		transition: none;
	}
}

/* Premium Nutrition Consulting service page */
.nutrition-page .nutrition-featured-image{
	position: relative;
}

.nutrition-page .nutrition-featured-image figure::after{
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(14, 22, 34, 0.08), transparent 50%),
		linear-gradient(0deg, rgba(14, 22, 34, 0.32), transparent 45%);
	pointer-events: none;
	z-index: 1;
}

.nutrition-page .nutrition-featured-image::after{
	content: '';
	position: absolute;
	right: 32px;
	bottom: -19px;
	width: 142px;
	height: 52px;
	background:
		linear-gradient(90deg, transparent 19px, rgba(23, 32, 48, 0.46) 20px, rgba(23, 32, 48, 0.46) 22px, transparent 23px) 0 15px / 35px 2px repeat-x,
		linear-gradient(135deg, #B8F127, var(--accent-color));
	border-radius: 18px 5px 18px 5px;
	box-shadow: 0 16px 36px rgba(139, 196, 45, 0.34);
	z-index: 3;
}

.nutrition-page .nutrition-featured-image img{
	aspect-ratio: 16 / 7;
	object-position: center 38%;
}

.nutrition-page .nutrition-intro{
	position: relative;
	padding: 44px 46px 42px 112px;
	border-left: 0;
	border-radius: 25px;
}

.nutrition-page .nutrition-intro::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 7px;
	height: 100%;
	background: linear-gradient(180deg, #CBFF33, var(--accent-color));
	box-shadow: 8px 0 28px rgba(139, 196, 45, 0.18);
}

.nutrition-page .nutrition-intro-accent{
	position: absolute;
	top: 46px;
	left: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	font-size: 21px;
	color: #182131;
	background: var(--accent-color);
	border-radius: 17px;
	box-shadow: 0 0 0 9px rgba(139, 196, 45, 0.1), 0 13px 28px rgba(139, 196, 45, 0.24);
	transition: transform 0.35s ease;
}

.nutrition-page .nutrition-intro:hover .nutrition-intro-accent{
	transform: rotate(-9deg) scale(1.07);
}

.nutrition-page .nutrition-intro p{
	font-size: 18px;
	line-height: 1.75em;
}

.nutrition-page .nutrition-about-layout{
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
	gap: 10px;
	overflow: hidden;
	margin-top: 30px;
	padding: 10px;
	background:
		radial-gradient(circle at 0% 100%, rgba(139, 196, 45, 0.16), transparent 32%),
		linear-gradient(145deg, #202837, #121925);
	border: 1px solid rgba(139, 196, 45, 0.2);
	border-radius: 24px;
	box-shadow: 0 24px 58px rgba(15, 22, 34, 0.23);
}

.nutrition-page .nutrition-about-copy{
	position: relative;
	display: flex;
	align-items: center;
	padding: 40px 36px;
	color: rgba(255, 255, 255, 0.82);
}

.nutrition-page .nutrition-about-copy::before{
	content: '';
	position: absolute;
	top: 40px;
	bottom: 40px;
	left: 0;
	width: 4px;
	background: var(--accent-color);
	border-radius: 5px;
	box-shadow: 0 0 22px rgba(139, 196, 45, 0.4);
}

.nutrition-page .nutrition-about-copy p{
	margin: 0;
	font-size: 17px;
	line-height: 1.75em;
}

.nutrition-page .nutrition-about-image{
	overflow: hidden;
	min-height: 480px;
	margin: 0;
	border-radius: 17px;
}

.nutrition-page .nutrition-about-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.75s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.6s ease;
}

.nutrition-page .nutrition-about-layout:hover .nutrition-about-image img{
	transform: scale(1.055);
	filter: saturate(1.08);
}

.nutrition-page .nutrition-benefit-grid{
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 32px;
}

.nutrition-page .nutrition-benefit-card{
	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-height: 300px;
	padding: 32px 30px;
	background:
		radial-gradient(circle at 100% 0%, rgba(139, 196, 45, 0.11), transparent 35%),
		linear-gradient(145deg, #FFFFFF, #F4F7F1);
	border: 1px solid #DFE6D9;
	border-radius: 19px;
	box-shadow: 0 14px 34px rgba(23, 30, 46, 0.07);
	transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.nutrition-page .nutrition-benefit-card::after{
	content: '';
	position: absolute;
	right: -48px;
	bottom: -48px;
	width: 130px;
	height: 130px;
	border: 21px solid rgba(139, 196, 45, 0.065);
	border-radius: 50%;
	z-index: -1;
	transition: transform 0.45s ease;
}

.nutrition-page .nutrition-benefit-card:nth-child(4n + 2),
.nutrition-page .nutrition-benefit-card:nth-child(4n + 3){
	background:
		radial-gradient(circle at 100% 0%, rgba(139, 196, 45, 0.17), transparent 36%),
		linear-gradient(145deg, #202837, #141B28);
	border-color: rgba(139, 196, 45, 0.18);
}

.nutrition-page .nutrition-benefit-card:nth-child(4n + 2) h3,
.nutrition-page .nutrition-benefit-card:nth-child(4n + 3) h3{
	color: #FFFFFF;
}

.nutrition-page .nutrition-benefit-card:nth-child(4n + 2) p,
.nutrition-page .nutrition-benefit-card:nth-child(4n + 3) p{
	color: rgba(255, 255, 255, 0.76);
}

.nutrition-page .nutrition-benefit-card:hover{
	transform: translateY(-9px);
	border-color: rgba(139, 196, 45, 0.65);
	box-shadow: 0 25px 55px rgba(23, 30, 46, 0.15);
}

.nutrition-page .nutrition-benefit-card:hover::after{
	transform: scale(1.2) rotate(12deg);
}

.nutrition-page .nutrition-card-icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin-bottom: 28px;
	font-size: 21px;
	color: #172033;
	background: var(--accent-color);
	border-radius: 17px;
	box-shadow: 0 12px 26px rgba(139, 196, 45, 0.24);
	transition: transform 0.35s ease;
}

.nutrition-page .nutrition-benefit-card:hover .nutrition-card-icon{
	transform: rotate(-8deg) scale(1.08);
}

.nutrition-page .nutrition-benefit-card h3{
	margin-bottom: 13px;
	font-family: var(--accent-font);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.18em;
	color: var(--accent-secondary-color);
}

.nutrition-page .nutrition-benefit-card p{
	margin: 0;
	font-size: 15px;
	line-height: 1.7em;
}

.nutrition-page .nutrition-programs{
	color: rgba(255, 255, 255, 0.8);
	background:
		radial-gradient(circle at 100% 0%, rgba(139, 196, 45, 0.18), transparent 30%),
		linear-gradient(145deg, #202837, #111824);
	border-color: rgba(139, 196, 45, 0.2);
}

.nutrition-page .nutrition-programs .consulting-section-heading{
	color: #FFFFFF;
}

.nutrition-page .nutrition-programs > p{
	color: rgba(255, 255, 255, 0.75);
}

.nutrition-page .nutrition-program-grid{
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 32px;
}

.nutrition-page .nutrition-program-card{
	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-height: 290px;
	padding: 38px 36px;
	background:
		radial-gradient(circle at 100% 0%, rgba(139, 196, 45, 0.13), transparent 36%),
		linear-gradient(145deg, #FFFFFF, #F4F7F1);
	border: 1px solid rgba(139, 196, 45, 0.24);
	border-radius: 20px;
	box-shadow: 0 18px 40px rgba(5, 10, 18, 0.18);
	transition: transform 0.4s ease, border-color 0.35s ease, box-shadow 0.4s ease;
}

.nutrition-page .nutrition-program-card:nth-child(4n + 2),
.nutrition-page .nutrition-program-card:nth-child(4n + 3){
	background:
		radial-gradient(circle at 0% 100%, rgba(139, 196, 45, 0.16), transparent 38%),
		linear-gradient(145deg, #EEF7DF, #FAFCF7);
}

.nutrition-page .nutrition-program-card::before{
	content: '';
	position: absolute;
	top: 0;
	left: 36px;
	width: 78px;
	height: 5px;
	background: linear-gradient(90deg, #CBFF33, var(--accent-color));
	border-radius: 0 0 8px 8px;
	box-shadow: 0 7px 20px rgba(139, 196, 45, 0.3);
	transition: width 0.35s ease;
}

.nutrition-page .nutrition-program-card::after{
	content: '';
	position: absolute;
	right: -52px;
	bottom: -52px;
	width: 142px;
	height: 142px;
	border: 23px solid rgba(139, 196, 45, 0.08);
	border-radius: 50%;
	z-index: -1;
	transition: transform 0.45s ease;
}

.nutrition-page .nutrition-program-card:hover{
	transform: translateY(-9px);
	border-color: rgba(139, 196, 45, 0.72);
	box-shadow: 0 30px 65px rgba(5, 10, 18, 0.32);
}

.nutrition-page .nutrition-program-card:hover::before{
	width: 128px;
}

.nutrition-page .nutrition-program-card:hover::after{
	transform: scale(1.2) rotate(12deg);
}

.nutrition-page .nutrition-program-copy{
	position: relative;
	z-index: 1;
}

.nutrition-page .nutrition-program-copy::before{
	content: '';
	display: block;
	width: 58px;
	height: 58px;
	margin-bottom: 32px;
	background:
		linear-gradient(90deg, transparent 12px, #172033 13px, #172033 16px, transparent 17px) 0 14px / 24px 3px repeat-x,
		linear-gradient(135deg, #B8F127, var(--accent-color));
	border-radius: 18px;
	box-shadow: 0 0 0 9px rgba(139, 196, 45, 0.09), 0 13px 28px rgba(139, 196, 45, 0.22);
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.nutrition-page .nutrition-program-card:hover .nutrition-program-copy::before{
	transform: rotate(-8deg) scale(1.07);
	box-shadow: 0 0 0 12px rgba(139, 196, 45, 0.12), 0 16px 34px rgba(139, 196, 45, 0.28);
}

.nutrition-page .nutrition-program-copy h3{
	margin-bottom: 14px;
	font-family: var(--accent-font);
	font-size: 26px;
	font-weight: 700;
	line-height: 1.16em;
	color: var(--accent-secondary-color);
	transition: color 0.3s ease;
}

.nutrition-page .nutrition-program-card:hover .nutrition-program-copy h3{
	color: #67951B;
}

.nutrition-page .nutrition-program-copy p{
	margin: 0;
	font-size: 15px;
	line-height: 1.7em;
	color: #4F5B6D;
}

.nutrition-page .nutrition-process-list{
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 32px;
}

.nutrition-page .nutrition-process-item{
	position: relative;
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 20px;
	min-height: 255px;
	padding: 30px;
	background: linear-gradient(145deg, #FFFFFF, #F4F7F1);
	border: 1px solid #DFE6D9;
	border-radius: 20px;
	box-shadow: 0 14px 34px rgba(23, 30, 46, 0.07);
	transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.nutrition-page .nutrition-process-item:hover{
	transform: translateY(-8px);
	border-color: rgba(139, 196, 45, 0.65);
	box-shadow: 0 24px 52px rgba(23, 30, 46, 0.13);
}

.nutrition-page .nutrition-process-icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	font-size: 21px;
	color: #172033;
	background: var(--accent-color);
	border-radius: 50%;
	box-shadow: 0 0 0 8px rgba(139, 196, 45, 0.1);
	transition: transform 0.35s ease;
}

.nutrition-page .nutrition-process-item:hover .nutrition-process-icon{
	transform: rotate(-8deg) scale(1.07);
}

.nutrition-page .nutrition-process-item h4,
.nutrition-page .nutrition-advantage-card h4{
	margin-bottom: 12px;
	font-family: var(--accent-font);
	font-size: 23px;
	font-weight: 700;
	line-height: 1.2em;
	color: var(--accent-secondary-color);
}

.nutrition-page .nutrition-process-item p,
.nutrition-page .nutrition-advantage-card p{
	margin: 0;
	font-size: 15px;
	line-height: 1.7em;
}

.nutrition-page .nutrition-advantages{
	background:
		radial-gradient(circle at 0% 100%, rgba(139, 196, 45, 0.1), transparent 30%),
		linear-gradient(145deg, #FFFFFF, #F8FAFB);
}

.nutrition-page .nutrition-advantage-grid{
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 32px;
}

.nutrition-page .nutrition-advantage-card{
	position: relative;
	overflow: hidden;
	min-height: 225px;
	padding: 34px 30px 30px;
	background: #FFFFFF;
	border: 1px solid #E1E6EA;
	border-radius: 19px;
	box-shadow: 0 13px 32px rgba(23, 30, 46, 0.065);
	transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.nutrition-page .nutrition-advantage-card:hover{
	transform: translateY(-8px);
	border-color: rgba(139, 196, 45, 0.65);
	box-shadow: 0 24px 52px rgba(23, 30, 46, 0.13);
}

.nutrition-page .nutrition-advantage-line{
	display: block;
	width: 64px;
	height: 4px;
	margin-bottom: 26px;
	background: var(--accent-color);
	border-radius: 8px;
	box-shadow: 0 5px 16px rgba(139, 196, 45, 0.28);
	transition: width 0.35s ease;
}

.nutrition-page .nutrition-advantage-card:hover .nutrition-advantage-line{
	width: 112px;
}

.nutrition-page .nutrition-experts-layout{
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.15fr);
	overflow: hidden;
	margin-top: 30px;
	padding: 10px;
	background:
		radial-gradient(circle at 100% 0%, rgba(139, 196, 45, 0.16), transparent 32%),
		linear-gradient(145deg, #202837, #121925);
	border: 1px solid rgba(139, 196, 45, 0.2);
	border-radius: 24px;
	box-shadow: 0 24px 58px rgba(15, 22, 34, 0.23);
}

.nutrition-page .nutrition-experts-image{
	overflow: hidden;
	min-height: 520px;
	margin: 0;
	border-radius: 17px;
}

.nutrition-page .nutrition-experts-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	transition: transform 0.75s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.6s ease;
}

.nutrition-page .nutrition-experts-layout:hover .nutrition-experts-image img{
	transform: scale(1.05);
	filter: saturate(1.08);
}

.nutrition-page .nutrition-experts-copy{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 22px;
	padding: 45px 42px;
	color: rgba(255, 255, 255, 0.82);
}

.nutrition-page .nutrition-experts-copy::before{
	content: '';
	position: absolute;
	top: 45px;
	bottom: 45px;
	left: 0;
	width: 4px;
	background: var(--accent-color);
	border-radius: 5px;
	box-shadow: 0 0 22px rgba(139, 196, 45, 0.4);
}

.nutrition-page .nutrition-experts-copy p{
	margin: 0;
	font-size: 17px;
	line-height: 1.75em;
}

.nutrition-page .nutrition-booking{
	color: rgba(255, 255, 255, 0.82);
	background:
		linear-gradient(112deg, rgba(16, 24, 37, 0.98), rgba(31, 42, 57, 0.94)),
		url('../images/cta-box-bg.jpg') center / cover;
	border-color: rgba(139, 196, 45, 0.24);
}

.nutrition-page .nutrition-booking::before{
	content: '';
	position: absolute;
	top: -130px;
	right: -100px;
	width: 350px;
	height: 350px;
	background: radial-gradient(circle, rgba(139, 196, 45, 0.22), transparent 68%);
	border-radius: 50%;
	pointer-events: none;
}

.nutrition-page .nutrition-booking .consulting-section-heading{
	max-width: 820px;
	padding-right: 90px;
	color: #FFFFFF;
}

.nutrition-page .nutrition-booking p{
	max-width: 880px;
	margin-bottom: 28px;
	color: rgba(255, 255, 255, 0.82);
}

.nutrition-page .nutrition-booking-icon{
	position: absolute;
	top: 46px;
	right: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	font-size: 24px;
	color: #172033;
	background: var(--accent-color);
	border-radius: 19px;
	box-shadow: 0 0 0 10px rgba(139, 196, 45, 0.1), 0 15px 30px rgba(139, 196, 45, 0.26);
	transition: transform 0.35s ease;
}

.nutrition-page .nutrition-booking:hover .nutrition-booking-icon{
	transform: rotate(-8deg) scale(1.07);
}

.nutrition-page .nutrition-booking .btn-default{
	margin-right: 38px;
	box-shadow: 0 14px 30px rgba(139, 196, 45, 0.24);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.nutrition-page .nutrition-booking .btn-default:hover{
	transform: translateY(-4px);
	box-shadow: 0 20px 42px rgba(139, 196, 45, 0.36);
}

@media only screen and (max-width: 1199px){
	.nutrition-page .nutrition-about-layout,
	.nutrition-page .nutrition-experts-layout{
		grid-template-columns: minmax(240px, 0.75fr) minmax(0, 1.25fr);
	}

	.nutrition-page .nutrition-about-copy,
	.nutrition-page .nutrition-experts-copy{
		padding: 34px 28px;
	}
}

@media only screen and (max-width: 991px){
	.nutrition-page .nutrition-about-layout,
	.nutrition-page .nutrition-experts-layout{
		grid-template-columns: 1fr;
	}

	.nutrition-page .nutrition-about-image,
	.nutrition-page .nutrition-experts-image{
		min-height: 360px;
	}

	.nutrition-page .nutrition-about-image{
		grid-row: 1;
	}

	.nutrition-page .nutrition-about-copy::before,
	.nutrition-page .nutrition-experts-copy::before{
		top: 0;
		right: 30px;
		bottom: auto;
		left: 30px;
		width: auto;
		height: 4px;
	}
}

@media only screen and (max-width: 767px){
	.nutrition-page .nutrition-featured-image::after{
		right: 18px;
		bottom: -13px;
		width: 112px;
		height: 40px;
	}

	.nutrition-page .nutrition-intro{
		padding: 30px 24px;
	}

	.nutrition-page .nutrition-intro-accent{
		position: relative;
		top: auto;
		left: auto;
		width: 48px;
		height: 48px;
		margin-bottom: 25px;
	}

	.nutrition-page .nutrition-intro p{
		font-size: 16px;
	}

	.nutrition-page .nutrition-about-copy,
	.nutrition-page .nutrition-experts-copy{
		padding: 30px 22px;
	}

	.nutrition-page .nutrition-about-copy p,
	.nutrition-page .nutrition-experts-copy p{
		font-size: 16px;
	}

	.nutrition-page .nutrition-about-image,
	.nutrition-page .nutrition-experts-image{
		min-height: 280px;
	}

	.nutrition-page .nutrition-benefit-grid,
	.nutrition-page .nutrition-program-grid,
	.nutrition-page .nutrition-process-list,
	.nutrition-page .nutrition-advantage-grid{
		grid-template-columns: 1fr;
	}

	.nutrition-page .nutrition-benefit-card,
	.nutrition-page .nutrition-process-item,
	.nutrition-page .nutrition-advantage-card{
		min-height: 0;
		padding: 27px 24px;
	}

	.nutrition-page .nutrition-program-card{
		min-height: 0;
		padding: 32px 24px 28px;
	}

	.nutrition-page .nutrition-process-item{
		grid-template-columns: 1fr;
	}

	.nutrition-page .nutrition-booking .consulting-section-heading{
		padding-right: 0;
	}

	.nutrition-page .nutrition-booking-icon{
		position: relative;
		top: auto;
		right: auto;
		width: 56px;
		height: 56px;
		margin-bottom: 26px;
	}
}

@media (prefers-reduced-motion: reduce){
	.nutrition-page .nutrition-intro-accent,
	.nutrition-page .nutrition-about-image img,
	.nutrition-page .nutrition-benefit-card,
	.nutrition-page .nutrition-card-icon,
	.nutrition-page .nutrition-program-card,
	.nutrition-page .nutrition-program-card::before,
	.nutrition-page .nutrition-process-item,
	.nutrition-page .nutrition-process-icon,
	.nutrition-page .nutrition-advantage-card,
	.nutrition-page .nutrition-advantage-line,
	.nutrition-page .nutrition-experts-image img,
	.nutrition-page .nutrition-booking-icon,
	.nutrition-page .nutrition-booking .btn-default{
		transition: none;
	}
}

/* Service page heading hierarchy */
.service-page .page-header-box .service-breadcrumb-title{
	display: inline-block;
	max-width: 1050px;
	margin: 0 0 5px;
	font-family: var(--accent-font);
	font-size: clamp(42px, 5vw, 64px);
	font-weight: 700;
	line-height: 1.06em;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: var(--primary-color);
}

.service-page .service-body-title{
	position: relative;
	max-width: 940px;
	margin: 0 0 26px;
	font-family: var(--accent-font);
	font-size: clamp(39px, 4vw, 52px);
	font-weight: 700;
	line-height: 1.08em;
	letter-spacing: -0.025em;
	text-transform: none;
	text-wrap: balance;
	color: var(--accent-secondary-color);
	z-index: 1;
}

.service-page .service-body-title span{
	color: #76AA20;
}

.management-page .management-hero-copy .service-body-title{
	padding-right: 60px;
}

.management-page .management-hero-copy .consulting-section-heading{
	font-size: 32px;
	line-height: 1.15em;
}

.nutrition-page .nutrition-intro .service-body-title{
	font-size: clamp(38px, 3.6vw, 48px);
}

@media only screen and (max-width: 767px){
	.service-page .page-header-box .service-breadcrumb-title{
		max-width: 100%;
		font-size: 34px;
		line-height: 1.08em;
		overflow-wrap: break-word;
	}

	.service-page .service-body-title,
	.nutrition-page .nutrition-intro .service-body-title{
		margin-bottom: 21px;
		font-size: 30px;
		line-height: 1.1em;
	}

	.management-page .management-hero-copy .service-body-title{
		padding-right: 0;
	}

	.management-page .management-hero-copy .consulting-section-heading{
		font-size: 25px;
	}
}

/* Remove the overlapping decorative tab from all service featured images */
.service-page .consulting-featured-image::before,
.service-page .consulting-featured-image::after{
	display: none !important;
}

/* Premium Services dropdown */
.main-menu .nav-menu-wrapper > ul > li.submenu > a::after{
	display: inline-block;
	transition: transform 0.3s ease, color 0.3s ease;
}

.main-menu .nav-menu-wrapper > ul > li.submenu:hover > a::after{
	transform: rotate(180deg);
}

.main-menu .nav-menu-wrapper > ul > li.submenu > ul{
	top: calc(100% + 8px);
	left: 50%;
	width: 340px;
	padding: 12px !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(139, 196, 45, 0.14), transparent 36%),
		linear-gradient(145deg, rgba(31, 40, 56, 0.99), rgba(15, 23, 36, 0.99));
	border: 1px solid rgba(139, 196, 45, 0.28);
	border-radius: 18px;
	box-shadow:
		0 26px 65px rgba(4, 9, 17, 0.42),
		0 0 0 1px rgba(255, 255, 255, 0.025) inset;
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	transform: translate(-50%, 14px) scale(0.96);
	transform-origin: top center;
	transition:
		opacity 0.24s ease,
		transform 0.32s cubic-bezier(0.2, 0.7, 0.2, 1),
		visibility 0.24s ease;
	pointer-events: none;
}

.main-menu .nav-menu-wrapper > ul > li.submenu > ul::before{
	content: '';
	position: absolute;
	top: -13px;
	left: 0;
	width: 100%;
	height: 14px;
}

.main-menu .nav-menu-wrapper > ul > li.submenu > ul::after{
	content: '';
	position: absolute;
	top: 0;
	left: 24px;
	right: 24px;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--accent-color), transparent);
	box-shadow: 0 4px 18px rgba(139, 196, 45, 0.3);
}

.main-menu .nav-menu-wrapper > ul > li.submenu:hover > ul,
.main-menu .nav-menu-wrapper > ul > li.submenu:focus-within > ul{
	visibility: visible;
	opacity: 1;
	padding: 12px !important;
	transform: translate(-50%, 0) scale(1);
	pointer-events: auto;
}

.main-menu .nav-menu-wrapper > ul > li.submenu > ul > li{
	position: relative;
	width: 100%;
}

.main-menu .nav-menu-wrapper > ul > li.submenu > ul > li + li{
	margin-top: 6px;
}

.main-menu .nav-menu-wrapper > ul > li.submenu > ul > li > a{
	position: relative;
	display: flex;
	align-items: center;
	min-height: 58px;
	padding: 13px 46px 13px 32px !important;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.25em;
	color: rgba(255, 255, 255, 0.9);
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.055);
	border-radius: 12px;
	transition:
		color 0.28s ease,
		background-color 0.28s ease,
		border-color 0.28s ease,
		transform 0.28s ease,
		box-shadow 0.28s ease !important;
}

.main-menu .nav-menu-wrapper > ul > li.submenu > ul > li > a::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 17px;
	width: 5px;
	height: 20px;
	background: var(--accent-color);
	border-radius: 6px;
	box-shadow: 0 0 16px rgba(139, 196, 45, 0.38);
	transform: translateY(-50%);
	transition: height 0.28s ease, background-color 0.28s ease, box-shadow 0.28s ease;
}

.main-menu .nav-menu-wrapper > ul > li.submenu > ul > li > a::after{
	content: '\f061';
	position: absolute;
	top: 50%;
	right: 17px;
	font-family: 'FontAwesome';
	font-size: 13px;
	font-weight: 900;
	color: var(--accent-color);
	transform: translate(-5px, -50%);
	opacity: 0.72;
	transition: transform 0.28s ease, color 0.28s ease, opacity 0.28s ease;
}

.main-menu .nav-menu-wrapper > ul > li.submenu > ul > li > a:hover,
.main-menu .nav-menu-wrapper > ul > li.submenu > ul > li > a:focus,
.main-menu .nav-menu-wrapper > ul > li.submenu > ul > li.active > a{
	padding: 13px 46px 13px 32px !important;
	color: var(--accent-secondary-color);
	background: linear-gradient(135deg, #B8F127, var(--accent-color));
	border-color: rgba(203, 255, 51, 0.65);
	box-shadow: 0 12px 28px rgba(139, 196, 45, 0.22);
	transform: translateX(4px);
}

.main-menu .nav-menu-wrapper > ul > li.submenu > ul > li > a:hover::before,
.main-menu .nav-menu-wrapper > ul > li.submenu > ul > li > a:focus::before,
.main-menu .nav-menu-wrapper > ul > li.submenu > ul > li.active > a::before{
	height: 28px;
	background: var(--accent-secondary-color);
	box-shadow: none;
}

.main-menu .nav-menu-wrapper > ul > li.submenu > ul > li > a:hover::after,
.main-menu .nav-menu-wrapper > ul > li.submenu > ul > li > a:focus::after,
.main-menu .nav-menu-wrapper > ul > li.submenu > ul > li.active > a::after{
	color: var(--accent-secondary-color);
	transform: translate(0, -50%);
	opacity: 1;
}

@media only screen and (max-width: 1199px){
	.slicknav_menu ul ul{
		margin: 5px 8px 10px;
		padding: 7px;
		background:
			radial-gradient(circle at 100% 0%, rgba(139, 196, 45, 0.13), transparent 38%),
			rgba(255, 255, 255, 0.035);
		border: 1px solid rgba(139, 196, 45, 0.18);
		border-radius: 14px;
	}

	.slicknav_menu ul ul li + li{
		margin-top: 4px;
	}

	.slicknav_menu ul ul li a{
		padding: 11px 38px 11px 28px;
		color: rgba(255, 255, 255, 0.86);
		background: rgba(255, 255, 255, 0.025);
		border-radius: 9px !important;
	}

	.slicknav_menu ul ul li a::before{
		content: '';
		position: absolute;
		top: 50%;
		left: 13px;
		width: 4px;
		height: 16px;
		background: var(--accent-color);
		border-radius: 4px;
		transform: translateY(-50%);
	}

	.slicknav_menu ul ul li a:hover,
	.slicknav_menu ul ul li a:focus,
	.slicknav_menu ul ul li.active > a{
		padding: 11px 38px 11px 28px;
		color: var(--accent-secondary-color);
		background: var(--accent-color);
	}

	.slicknav_menu ul ul li a:hover::before,
	.slicknav_menu ul ul li a:focus::before,
	.slicknav_menu ul ul li.active > a::before{
		background: var(--accent-secondary-color);
	}
}

/* Unified page-header typography for every public page type. */
.cms-public .page-header .page-header-box > h1,
.cms-public .page-header .page-header-box > .service-breadcrumb-title,
.cms-public .cms-page-header .page-header-box > .cms-page-title{
	display: block;
	max-width: 940px;
	margin: 0 0 26px;
	font-family: var(--accent-font);
	font-size: var(--page-header-title-size);
	font-weight: 700;
	line-height: 0.98em;
	letter-spacing: -0.035em;
	text-transform: uppercase;
	text-wrap: balance;
	overflow-wrap: break-word;
	color: var(--primary-color);
	text-shadow: 0 8px 30px rgba(0, 0, 0, 0.32);
}

.cms-public .page-header .page-header-box ol li.breadcrumb-item,
.cms-public .cms-page-header .page-header-box ol li.breadcrumb-item{
	font-size: var(--page-header-breadcrumb-size);
	font-weight: 500;
	line-height: 1.45em;
}

@media only screen and (max-width: 991px){
	:root{
		--page-header-title-size: 48px;
	}
}

@media only screen and (max-width: 767px){
	:root{
		--page-header-title-size: clamp(34px, 10vw, 42px);
		--page-header-breadcrumb-size: 13px;
	}

	.cms-public .page-header .page-header-box > h1,
	.cms-public .page-header .page-header-box > .service-breadcrumb-title,
	.cms-public .cms-page-header .page-header-box > .cms-page-title{
		max-width: 100%;
		margin-bottom: 22px;
		line-height: 1.04em;
	}
}

/* Keep the homepage slider compact and unobstructed on phones. */
@media only screen and (max-width: 767px){
	.hero.hero-bg-image.hero-slider-layout,
	.hero.hero-bg-image.hero-slider-layout > .swiper{
		overflow: hidden;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-slide{
		display: flex;
		align-items: center;
		min-height: 560px;
		padding: 122px 0 46px;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img{
		object-position: 56% center;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-slide::before{
		background: linear-gradient(90deg, rgba(10, 17, 29, 0.92) 0%, rgba(10, 17, 29, 0.78) 62%, rgba(10, 17, 29, 0.58) 100%);
		opacity: 1;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-content{
		width: 100%;
		margin: 0;
		padding-right: 52px;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-content .section-title{
		margin-bottom: 26px;
		padding-top: 0;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-slide-title{
		font-size: clamp(27px, 7.4vw, 34px);
		line-height: 1.12;
		overflow-wrap: break-word;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-content .section-title p{
		margin-top: 15px;
		margin-bottom: 0;
		padding: 3px 0 3px 14px;
		font-size: 15px;
		line-height: 1.55em;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-btn{
		gap: 12px 15px;
		max-width: 100%;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-pagination{
		display: none !important;
	}
}

@media only screen and (max-width: 390px){
	.hero.hero-bg-image.hero-slider-layout .hero-slide{
		min-height: 590px;
		padding-top: 118px;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-btn{
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}
}

/* Founder legacy section */
.founder-legacy-section{
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 132px 0;
	color: #d6dad7;
	background:
		linear-gradient(115deg, rgba(139, 196, 45, 0.055) 0%, transparent 34%),
		#101512;
}

.founder-legacy-section::before{
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	opacity: 0.13;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
	background-size: 72px 72px;
	-webkit-mask-image: linear-gradient(90deg, #000, transparent 52%);
	mask-image: linear-gradient(90deg, #000, transparent 52%);
}

.founder-legacy-section::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(139, 196, 45, 0.7), transparent);
}

.founder-legacy-glow{
	position: absolute;
	z-index: -1;
	width: 460px;
	aspect-ratio: 1;
	left: -210px;
	top: 15%;
	border-radius: 50%;
	background: rgba(139, 196, 45, 0.13);
	filter: blur(110px);
	pointer-events: none;
}

.founder-legacy-grid{
	display: grid;
	grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.45fr);
	align-items: center;
	gap: clamp(62px, 8vw, 118px);
}

.founder-legacy-visual{
	position: relative;
	padding: 26px 0 0 26px;
}

.founder-portrait-wrap{
	position: relative;
	max-width: 430px;
	margin: 0 auto;
}

.founder-portrait-wrap::before{
	content: "";
	position: absolute;
	inset: -14px 14px 14px -14px;
	z-index: -1;
	border: 1px solid rgba(139, 196, 45, 0.38);
	border-radius: 6px 74px 6px 74px;
}

.founder-portrait{
	position: relative;
	margin: 0;
	aspect-ratio: 0.88;
	overflow: hidden;
	border-radius: 4px 68px 4px 68px;
	background: #f4f4f2;
	box-shadow: 0 35px 90px rgba(0, 0, 0, 0.38);
}

.founder-portrait::after{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 60%, rgba(10, 15, 12, 0.16));
	pointer-events: none;
}

.founder-portrait img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.founder-portrait-wrap:hover .founder-portrait img{
	transform: scale(1.025);
}

.founder-portrait-accent{
	position: absolute;
	right: -23px;
	bottom: -22px;
	z-index: 2;
	width: 116px;
	height: 116px;
	border-right: 3px solid var(--accent-color);
	border-bottom: 3px solid var(--accent-color);
	border-radius: 0 0 12px 0;
}

.founder-legacy-content{
	position: relative;
}

.founder-legacy-content::before{
	content: "";
	display: block;
	width: 52px;
	height: 4px;
	margin-bottom: 28px;
	border-radius: 999px;
	background: var(--accent-color);
	box-shadow: 0 0 28px rgba(139, 196, 45, 0.45);
}

.founder-legacy-content h2{
	max-width: 820px;
	margin: 0 0 34px;
	color: #ffffff;
	font-family: var(--accent-font);
	font-size: clamp(39px, 4vw, 64px);
	font-weight: 700;
	line-height: 1.02em;
	letter-spacing: -0.035em;
	text-transform: uppercase;
	text-wrap: balance;
}

.founder-legacy-copy{
	max-width: 810px;
}

.founder-legacy-copy p{
	margin: 0;
	color: #c4cac5;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.83em;
}

.founder-legacy-copy p + p{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.founder-legacy-copy .founder-legacy-intro{
	padding-left: 22px;
	border-left: 2px solid var(--accent-color);
	color: #e6e9e6;
}

.founder-legacy-copy strong{
	color: #ffffff;
	font-weight: 600;
}

@media only screen and (max-width: 1199px){
	.founder-legacy-section{
		padding: 110px 0;
	}

	.founder-legacy-grid{
		grid-template-columns: minmax(280px, 0.75fr) minmax(0, 1.25fr);
		gap: 62px;
	}

	.founder-legacy-content h2{
		font-size: clamp(38px, 4vw, 52px);
	}
}

@media only screen and (max-width: 991px){
	.founder-legacy-section{
		padding: 90px 0;
	}

	.founder-legacy-grid{
		grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.28fr);
		gap: 42px;
	}

	.founder-legacy-visual{
		padding: 18px 0 0 18px;
	}

	.founder-legacy-content h2{
		margin-bottom: 28px;
		font-size: clamp(34px, 4.5vw, 44px);
	}

	.founder-legacy-copy p{
		font-size: 15px;
		line-height: 1.72em;
	}
}

@media only screen and (max-width: 767px){
	.founder-legacy-section{
		padding: 72px 0;
	}

	.founder-legacy-section::before{
		background-size: 48px 48px;
		-webkit-mask-image: linear-gradient(180deg, #000, transparent 45%);
		mask-image: linear-gradient(180deg, #000, transparent 45%);
	}

	.founder-legacy-grid{
		grid-template-columns: 1fr;
		gap: 58px;
	}

	.founder-legacy-visual{
		width: min(88%, 390px);
		margin: 0 auto;
	}

	.founder-portrait-accent{
		right: -16px;
		bottom: -16px;
		width: 86px;
		height: 86px;
	}

	.founder-legacy-content::before{
		width: 44px;
		margin-bottom: 22px;
	}

	.founder-legacy-content h2{
		margin-bottom: 26px;
		font-size: clamp(32px, 9vw, 43px);
		line-height: 1.06em;
	}

	.founder-legacy-copy p{
		font-size: 15px;
		line-height: 1.75em;
	}

	.founder-legacy-copy p + p{
		margin-top: 18px;
		padding-top: 18px;
	}
}

@media only screen and (max-width: 420px){
	.founder-legacy-section{
		padding: 62px 0;
	}

	.founder-legacy-visual{
		width: calc(100% - 18px);
		padding: 13px 0 0 13px;
	}

	.founder-portrait-wrap::before{
		inset: -10px 10px 10px -10px;
		border-radius: 4px 48px 4px 48px;
	}

	.founder-portrait{
		border-radius: 3px 44px 3px 44px;
	}

	.founder-legacy-content h2{
		font-size: clamp(29px, 8.8vw, 37px);
	}

	.founder-legacy-copy .founder-legacy-intro{
		padding-left: 16px;
	}
}

@media (prefers-reduced-motion: reduce){
	.founder-portrait img{
		transition: none;
	}
}