/*!
Theme Name: class-fit
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: class-fit
Domain Path: /languages
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

class-fit is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


:root {
	--black-color-rgb: 0, 0, 0;
	--black-color: #000000;
	--Black: #212121;
	--Main-background: #0C2C29;
	--Second-background: #1A4440;
	--progress-bar: #1C3C39;
	--Stroke: #2F5955;
	--Light-green: #5DBCB3;
	--Green-light: #739490;
	--Green: #A3DD66;
	--Blue: #6EA2FC;
	--Gray: #AAAAAA;
	--footer: #072422;
	--secondary-black: #191915;
	--Header-Footer: #072422;


	--white-color: #ffffff;
	--White: #F6F6F6;
	--surface-1: #FFFFFF;

	--Second-white: #DEDEDE;
	/* text-variable */
	--text-primary: #1D1D1D;
	--text-light: var(--Second-white);

	--Primary: #FEC100;
	--Primary-yellow: #E9C156;
	--primary-light: #FDFFFC;
	--primary-hover: #4D4D43;
	--secondary-hover: #191915;
	--accent-green-light: #D0FF9D;
	--color-1: #D0FF9D;
	--color-1-light: #E7FFCE;
	--color-2: #9DC1FF;
	--color-2-light: #D5E4FF;
	--accent-blue-light: #9DC1FF;
	--accent-green-400: #A3DD66;
	--accent-blue-400: #6EA2FC;
	--accent-blue-600: #375A95;
	--Gray-gray-100: #EBEBEB;
	--Gray-gray-50: #F9F9F9;
	--Black-black-300: #676767;


	--secondary-light: #E1E1E1;
	--scrollbar-track: rgba(170, 170, 170, 0.48);
	--secondary-dark: #4D4D43;
	--additional-divider: #484848;
	--additional-divider-light: #D2D1CE;
	--additional-dialogue-success-main: #1BCA39;
	--additional-dialogue-success-light: #CCFFE9;
	--additional-dialogue-danger-main: #ff0000;
	--additional-dialogue-danger-light: #FFCCDB;
	--error-color: #ff0000;

	--color-success: #37882A;
	--color-danger-dark: #882A2A;

	/* icons-variable */
	--icons-active: var(--primary-hover);
	--icons-hover: var(--primary-primary);
	--icons-info: var(--text-secondary);
	--icons-disabled: var(--text-disabled);
	--components-buttons-text: #1D1D1D;
	--components-buttons-bg-active: var(--primary-primary);
	--components-buttons-bg-hover: var(--primary-hover);
	--components-buttons-bg-disabled: rgba(36 36 36, 0.56);
	/* font and line height */
	--size-xs: 12px;
	--size-sm: 14px;
	--size-md: 16px;
	--size-lg: 18px;
	--size-xl: 20px;
	--size-2xl: 24px;
	--size-3xl: 28px;
	--size-4xl: 32px;
	--size-5xl: 40px;
	--size-6xl: 48px;
	--size-8xl: 60px;
	--size-9xl: 70px;
	--size-10xl: 88px;
	/* line-height */
	--line-height-2xs: 12px;
	--line-height-xs: 16px;
	--line-height-sm: 20px;
	--line-height-md: 24px;
	--line-height-lg: 28px;
	--line-height-xl: 32px;
	--line-height-2xl: 36px;
	--line-height-3xl: 52px;
	--line-height-4xl: 64px;
	--line-height-5xl: 88px;
	--line-height-10xl: 100%;
	--line-height-11xl: 110%;
	--line-height-12xl: 120%;
	--line-height-13xl: 130%;
	--line-height-132: 132%;
	--line-height-14xl: 140%;
	--line-height-142: 142%;
	/* fontweight */
	--fw-light: 300;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;
	--fw-black: 800;
	--fw-extra-black: 900;
	--container: 1256px;
	/* fonts */
	--font1: "Inter", sans-serif;
	--family-body: "Inter", sans-serif;
	--heading-font: "Inter", sans-serif;
	--primary-font: "Inter", sans-serif;


	--top-bar-height: 0px;
	--admin-bar-height: 0px;
	--width-250: 250px;
	--height-60: 60px;

	--joinchat-ico: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI1MTlfNTA3OCkiPgo8cGF0aCBkPSJNMTYgMS45MDY1ZS0wN0MxOC40NjExIDAuMDAwODU0NTgyIDIwLjg4ODcgMC41Njk0MTMgMjMuMDk0MiAxLjY2MTQ1QzI1LjI5OTcgMi43NTM0OSAyNy4yMjM1IDQuMzM5NTggMjguNzE2MSA2LjI5NjM0QzMwLjIwODYgOC4yNTMxMSAzMS4yMjk3IDEwLjUyNzggMzEuNjk5OCAxMi45NDM1QzMyLjE3IDE1LjM1OTIgMzIuMDc2NSAxNy44NTA4IDMxLjQyNjcgMjAuMjI0NUMzMC43NzY5IDIyLjU5ODIgMjkuNTg4MyAyNC43OSAyNy45NTMzIDI2LjYyOTVDMjYuMzE4NCAyOC40Njg5IDI0LjI4MTEgMjkuOTA2NCAyMiAzMC44MzAyQzE5LjcxODkgMzEuNzUzOSAxNy4yNTU1IDMyLjEzOSAxNC44MDEzIDMxLjk1NTRDMTIuMzQ3MSAzMS43NzE5IDkuOTY4MzYgMzEuMDI0NyA3Ljg1MDAzIDI5Ljc3MkwxLjMxNjAzIDMxLjk0OEMxLjEzOTk5IDMyLjAwNjQgMC45NTExODggMzIuMDE0NyAwLjc3MDcxMyAzMS45NzE5QzAuNTkwMjM3IDMxLjkyOTIgMC40MjUyMDQgMzEuODM3MSAwLjI5NDA1OSAzMS43MDZDMC4xNjI5MTMgMzEuNTc0OCAwLjA3MDgyMzYgMzEuNDA5OCAwLjAyODA4MjEgMzEuMjI5M0MtMC4wMTQ2NTk1IDMxLjA0ODggLTAuMDA2MzY4NDggMzAuODYgMC4wNTIwMjg0IDMwLjY4NEwyLjIzMDAzIDI0LjE1MkMwLjc5MTM0MSAyMS43MjIzIDAuMDIxMjk1NCAxOC45NTUxIC0wLjAwMTkwMTM3IDE2LjEzMTRDLTAuMDI1MDk4MSAxMy4zMDc4IDAuNjk5MzggMTAuNTI4MyAyLjA5Nzk1IDguMDc1MjlDMy40OTY1MyA1LjYyMjI1IDUuNTE5MzggMy41ODMwMyA3Ljk2MTA3IDIuMTY0NzNDMTAuNDAyOCAwLjc0NjQyMyAxMy4xNzYzIC0wLjAwMDQzNTY1NCAxNiAxLjkwNjVlLTA3Wk0xNiAyQzEzLjQ5MzggMS45OTk2MyAxMS4wMzM0IDIuNjcyMDUgOC44NzU2NiAzLjk0NzA4QzYuNzE3OTcgNS4yMjIxIDQuOTQyMSA3LjA1Mjk3IDMuNzMzNDcgOS4yNDg1NEMyLjUyNDgzIDExLjQ0NDEgMS45Mjc3NCAxMy45MjM5IDIuMDA0NTMgMTYuNDI5QzIuMDgxMzIgMTguOTM0IDIuODI5MTggMjEuMzcyNiA0LjE3MDAzIDIzLjQ5QzQuMjQ5NTIgMjMuNjE1NCA0LjMwMDEgMjMuNzU2OSA0LjMxODA5IDIzLjkwNDNDNC4zMzYwOCAyNC4wNTE2IDQuMzIxMDMgMjQuMjAxMiA0LjI3NDAzIDI0LjM0MkwyLjU4MjAzIDI5LjQyTDcuNjYyMDMgMjcuNzI4QzcuODAyNTcgMjcuNjgxMyA3Ljk1MTczIDI3LjY2NjQgOC4wOTg3MiAyNy42ODQ0QzguMjQ1NzIgMjcuNzAyNCA4LjM4Njg5IDI3Ljc1MjggOC41MTIwMyAyNy44MzJDMTAuMzQ2OSAyOC45OTI1IDEyLjQyNjYgMjkuNzEwNCAxNC41ODY3IDI5LjkyODlDMTYuNzQ2NyAzMC4xNDc0IDE4LjkyOCAyOS44NjA1IDIwLjk1ODIgMjkuMDkwOUMyMi45ODgzIDI4LjMyMTQgMjQuODExNiAyNy4wOTAyIDI2LjI4NCAyNS40OTQ2QzI3Ljc1NjQgMjMuODk5MSAyOC44Mzc2IDIxLjk4MyAyOS40NDIxIDE5Ljg5NzhDMzAuMDQ2NSAxNy44MTI1IDMwLjE1NzcgMTUuNjE1MiAyOS43NjY5IDEzLjQ3OTZDMjkuMzc2IDExLjM0NCAyOC40OTM4IDkuMzI4NTIgMjcuMTkgNy41OTI1MUMyNS44ODYyIDUuODU2NSAyNC4xOTY0IDQuNDQ3NTIgMjIuMjU0NCAzLjQ3NjkyQzIwLjMxMjMgMi41MDYzMSAxOC4xNzExIDIuMDAwNjkgMTYgMlpNMTAuNDI4IDguMDA4QzEwLjY5IDguMDA4IDEwLjk1MiA4LjAwOCAxMS4xOCA4LjAxOEMxMS40MiA4LjAzNCAxMS43NDQgNy45MTggMTIuMDY2IDguNzQ0QzEyLjM5NCA5LjU5NCAxMy4xODIgMTEuNjg4IDEzLjI4IDExLjg5OEMxMy4zOCAxMi4xMDggMTMuNDQ0IDEyLjM1OCAxMy4zMTYgMTIuNjRDMTMuMTg0IDEyLjkyNCAxMy4xMTYgMTMuMTAyIDEyLjkyIDEzLjM0NkMxMi43MjQgMTMuNTk2IDEyLjUwOCAxMy45IDEyLjMyOCAxNC4wODhDMTIuMTMyIDE0LjMwMiAxMS45MjYgMTQuNTI4IDEyLjE1OCAxNC45NTRDMTIuMzg0IDE1LjM3NiAxMy4xNzggMTYuNzcgMTQuMzQ2IDE3Ljg5MkMxNS44NTIgMTkuMzQgMTcuMTE4IDE5Ljc5IDE3LjUxNCAyMEMxNy45MDYgMjAuMjEyIDE4LjEzOCAyMC4xNzIgMTguMzY0IDE5Ljg5NEMxOC41OTYgMTkuNjE0IDE5LjM0NiAxOC42NTYgMTkuNjEgMTguMjNDMTkuODcyIDE3LjgwOCAyMC4xMzYgMTcuODc0IDIwLjQ5NiAxOC4wMkMyMC44NTYgMTguMTYgMjIuNzk0IDE5LjE4NCAyMy4xODYgMTkuMzk0QzIzLjU4MiAxOS42MSAyMy44NDYgMTkuNzE4IDIzLjk0MiAxOS44OTRDMjQuMDQyIDIwLjA3NCAyNC4wNDIgMjAuOTIyIDIzLjcxNiAyMS45MUMyMy4zODYgMjIuOTAyIDIxLjgxNiAyMy44MDggMjEuMDU4IDIzLjkzQzIwLjM3OCAyNC4wMzYgMTkuNTE4IDI0LjA4IDE4LjU3NiAyMy43NThDMTcuODEyOSAyMy41MDEzIDE3LjA2NDQgMjMuMjAyOCAxNi4zMzQgMjIuODY0QzEyLjM4NCAyMS4wMjQgOS44MDQwMyAxNi43NDQgOS42MDgwMyAxNi40NjRDOS40MTAwMyAxNi4xODQgOC4wMDAwMyAxNC4xNjQgOC4wMDAwMyAxMi4wNzZDOC4wMDAwMyA5Ljk5MiA5LjAxNjAzIDguOTY0IDkuMzc2MDMgOC41NDJDOS41MDIxNSA4LjM4MjE2IDkuNjYxNjEgOC4yNTE3NiA5Ljg0MzMgOC4xNTk4N0MxMC4wMjUgOC4wNjc5OSAxMC4yMjQ1IDguMDE0ODUgMTAuNDI4IDguMDA4WiIgZmlsbD0iI0Y2RjZGNiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI1MTlfNTA3OCI+CjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") !important;

}

/* for dark mode varible */


/* for dark mode varibles ends */
*,
*::after,
*::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent
}

html {
	scroll-behavior: smooth;
}

/* default container */
.container {
	max-width: 100%;
	width: 100%;
	padding-left: 16px;
	padding-right: 16px;
	margin-right: auto;
	margin-left: auto;
}

body {
	font-family: var(--family-body);
	font-style: normal;
	font-size: var(--size-md);
	line-height: var(--line-height-sm, 20px);
	font-weight: var(--fw-regular);
	font-optical-sizing: auto;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scrollbar-width: thin;
	scrollbar-color: var(--White) var(--scrollbar-track);
	margin: 0;
	padding: 0;
	background: var(--Main-background);
}

/* Chrome / Edge / Safari */
::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

::-webkit-scrollbar-track {
	background-color: var(--scrollbar-track);
}

::-webkit-scrollbar-thumb {
	background-color: var(--White);
	border-radius: 1px;
}

::-webkit-scrollbar-thumb:hover {
	background-color: var(--Primary);
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* h1 {
	font-size: 2em;
	margin: 0.67em 0;
} */

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

a:focus {
	outline: 0;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: border-box;
}


html,
body {
	height: 100%;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */

button,
input,
select,
optgroup,
textarea {
	color: #404040;
	/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; */
	font-family: var(--primary-font);
	font-size: 1rem;
	line-height: 1.5;
}

/* typography heading */
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin: 0 0 16px;
	font-style: normal;
	word-break: break-word;
	color: var(--White);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: var(--heading-font);
}

/* title heading 1 */
h1,
.h1 {
	font-size: var(--size-8xl);
	line-height: var(--line-height-11xl);
	letter-spacing: 3px;
	font-weight: 700;
	color: var(--White);
}

/* title heading 2 */
h2,
.h2,
h2.entry-title {
	font-size: var(--size-8xl);
	line-height: var(--line-height-11xl);
	letter-spacing: 2px;
	font-weight: 700;
}

/* title heading 3 */
h3,
.h3 {
	font-size: var(--size-6xl);
	line-height: var(--line-height-11xl);
	letter-spacing: 2px;
	font-weight: 600;
}

/* title heading 4 */
h4,
.h4 {
	font-size: var(--size-5xl);
	line-height: var(--line-height-11xl);
	letter-spacing: 2px;
	font-weight: 700;
}

/* title heading 5 */
h5,
.h5 {
	font-size: var(--size-4xl);
	line-height: var(--line-height-12xl);
	letter-spacing: 1px;
	font-weight: 700;
}

/* title heading 6 */
h6,
.h6 {
	font-size: var(--size-2xl);
	font-weight: 600;
	letter-spacing: 2px;
	line-height: var(--line-height-11xl);
}

/* typography heading ends */

p {
	font-size: var(--size-lg);
	line-height: var(--line-height-142);
	margin: 0 0 16px;
	font-weight: var(--fw-regular);
	color: var(--Second-white);
	font-family: var(--family-body);
}

p:last-child {
	margin-bottom: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */


hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
	margin-left: 0;
}

ol {
	list-style: decimal;
	margin-left: 0;
}

li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

/* a:visited {
	color: #800080;
} */

a:hover,
a:focus,
a:active {
	/* color: #191970; */
	color: var(--Primary);
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
/* =========================
   BASE BUTTON
========================= */

.btn {
	display: inline-block;
	min-width: fit-content;
	height: 60px;
	padding: 20px 32px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: var(--primary-font);
	border-radius: 0px;
	border: 1px solid;
	cursor: pointer;
	transition:
		background-color 0.25s ease,
		color 0.25s ease,
		transform 0.2s ease;
	box-shadow: none;

}

.btn.btn-sm {
	font-size: 14px;
	line-height: 14px;
	padding: 15px 16px;
	min-width: 158px;
	height: 44px;
}

.btn.btn-md {
	font-size: 16px;
	line-height: 16px;
	padding: 15px 24px;
}

.btn.btn-lg {
	font-size: 20px;
	line-height: 20px;
}

/* =========================
   PRIMARY BUTTON
========================= */

.primary-btn {
	background-color: var(--Primary);
	color: var(--Black);
	border-color: var(--Primary);
}
.white-btn {
	background-color: var(--White);
	color: var(--Black);
	border-color: var(--White);
}

/* Hover */
.primary-btn:hover,
.primary-btn:focus,
.primary-btn:active,
.white-btn:hover,
.white-btn:focus,
.white-btn:active {
	background-color: var(--Second-background);
	color: var(--Primary);
	border-color: var(--Second-background);
}

/* Focus (Accessibility) */
.primary-btn:focus-visible,
.white-btn:focus-visible {
	outline: 0
}

/* =========================
   secondary BUTTON
========================= */

.secondary-btn {
	background-color: var(--Main-background);
	color: var(--Primary);
	border-color: var(--Main-background);
}

/* Hover */
.secondary-btn:hover,
.secondary-btn:active,
.secondary-btn:focus {
	background-color: var(--Primary);
	color: var(--Black);
	border-color: var(--Second-background);
}

/* Focus (Accessibility) */
.secondary-btn:focus-visible {
	outline: 0
}

/* a[role="button"].primary-btn:visited {
  color: var(--Black);
}
a[role="button"].secondary-btn:visited {
  color: var(--Black);
}
/* a[role="button"].btn:visited {
  color: currentColor;
} */

.outline-btn {
	border: 1px solid var(--White);
	height: 52px;
	min-width: var(--width-250, 250px);
	min-height: 52px;
	color: var(--White, #F6F6F6);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.outline-btn:hover,
.outline-btn:focus,
.outline-btn:active {
	background: var(--White);
	text-decoration: none;
	color: var(--Black);
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

.position-relative {
	position: relative;
}

/* .site {
	position: relative;
} */

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
header.site-header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	padding: 12px 0;
	background: var(--Main-background);
	z-index: 99;
	transform: translateY(0);
	border-bottom: 0px solid var(--Stroke, #2F5955);
	transition:
		transform 0.4s ease,
		background 0.3s ease,
		padding 0.3s ease;
}

/* Sticky state */
/* body.admin-bar header.site-header.sticky {
	top: calc(var(--admin-bar-height) + var(--wp-admin--admin-bar--height));
} */
header.site-header.sticky {
	position: fixed;
	top: var(--admin-bar-height);
	/* top: 0; */
	left: 0;
	width: 100%;
	transform: translateY(0);
	border-bottom-width: 1px;
}

/* Prevent content jump */

body.has-sticky-header {
	padding-top: calc(var(--header-height) + var(--admin-bar-height));
}


/* =========================
   MAIN CONTENT OFFSET
========================= */
/* .site-main {
	padding-top: calc(var(--top-bar-height) + var(--admin-bar-height) + 120px);
} */
body:not(.single-class) .site-main {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.site-header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.site-header-inner .site-branding {
	flex: 0 0 auto;
	margin-right: 0;
}

.site-header-inner .site-branding a {
	display: flex;
}

.site-branding img {
	max-width: 139px;
	height: auto;
}

.site-branding .site-title {
	margin: 0;
}

.site-branding .site-title a {
	color: var(--White);
	text-decoration: none;
	font-size: 1.5rem;
}

.site-branding .site-title a:hover {
	color: var(--Primary);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

.main-navigation {
	display: block;
	width: 100%;
	margin-left: auto;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul li a {
	font-family: var(--family-body);
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: var(--White);
	text-transform: uppercase;
}

.main-navigation li.menu-item-has-children,
.main-navigation li.menu-item-has-children>a {
	position: relative;
}

.main-navigation ul ul {
	position: absolute;
	top: 100%;
	z-index: 99;
	left: 0;
	box-shadow: 0 0 4px rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .04);
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}


.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* basic style */
.bg-black {
	background: var(--Black);
}

/*==========================
            GRID LAYOUTS
    ==========================*/
.d-grid {
	display: -ms-grid;
	display: grid;
	gap: 30px;
}

.grid-col-2 {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: repeat(2, 1fr);
}

.grid-col-3 {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: repeat(3, 1fr);
}

.grid-col-4 {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr 1fr 1fr;
	grid-template-columns: repeat(4, 1fr);
}

.grid-col-5 {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: repeat(5, 1fr);
}

.common-grid {
	display: grid;
	gap: 24px 20px;
}

/* header top section */
.header-top-info-row {
	padding: 12px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.info-left-secn {
	flex: 0 0 auto;
	max-width: fit-content;
}

.contact-info {
	display: flex;
	gap: 38px;
	align-items: center;
	flex-wrap: wrap;
}

.icon-box {
	flex: 0 0 auto;
}

.icon-box a {
	display: grid;
	align-items: center;
	grid-template-columns: 24px 1fr;
	gap: 8px;
	text-decoration: none;
}

.icon-box a:focus {
	outline: 0;
}

.icon-box .icon-box-item {
	display: flex;
	justify-content: center;
	align-items: center;
}

.icon-box .icon-box-item img {
	width: 24px;
	height: 24px;
}

.icon-box .icon-box-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: var(--White);
}

.social-icons {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	list-style: none;
	gap: 1rem;
	align-items: center;
	margin: 0;
	padding: 0;
}

.social-icons li {
	flex: 0 0 auto;
}

.social-icons li a {
	--size: 40px;
	width: var(--size);
	height: var(--size);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: var(--size);

	background: rgba(231, 226, 220, 0.32);
	padding: 8px;
	transition: all 0.3s ease;
}

.social-icons li a:hover {
	background: var(--Primary);
}

.social-icons img {
	width: 24px;
	height: 24px;
}

/* header top section */

/* footer css */
.site-footer {
	padding-bottom: 0;
	background: var(--Header-Footer);
}

.footer-container {
	display: grid;
	gap: 50px;
	margin: 0 auto;
	padding: 72px 0 72px 0;
}

.footer-col-links figure img {
	width: auto;
	height: 148px;
}

.footer-col-links figure {
	margin: 0 0 28px;
	text-align: center;
}

.site-footer .footer-col-contact .footer-widget {
	text-align: center;
}

.site-footer .footer-col-contact .footer-widget a:not(:last-of-type) {
	margin-bottom: 2px;
	display: block;
}

.site-footer .footer-col-contact-links {
	display: flex;
	flex-flow: column;
	gap: 2px;
}

.site-footer .footer-col-contact-links,
.site-footer .footer-col-schedule-links {
	text-align: center;

}

.site-footer .footer-col-contact-links:last-child,
.site-footer .footer-col-schedule-links:last-child {
	margin-top: 2rem;
}

.footer-col-contact-links a,
.site-footer .footer-col-contact .footer-widget a,
.site-footer .footer-col-contact .footer-widget p {
	text-decoration: none;
	color: var(--White, #F6F6F6);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 142%;
}

.site-footer .footer-col-contact a:hover {
	color: var(--Primary);
}

.site-footer .footer-col-contact .footer-widget:last-child,
.site-footer .footer-col-schedule .footer-widget:last-child {
	margin-top: 2rem;
}

.site-footer .footer-col-schedule p {
	display: flex;
	flex-flow: column;
	align-items: center;
	gap: 4px;
}

.footer-container p {
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 142%;
	color: var(--White);
	margin-top: 0;
}

.footer-contact {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.contact-item {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 16px;
	line-height: 20px;
	color: var(--Second-white);
}

.contact-item .icon {
	--size: 40px;
	width: var(--size);
	height: var(--size);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #fff;
	padding: 8px;
	background: rgba(231, 226, 220, 0.32);
	border-radius: var(--size);
}

.contact-item a {
	color: var(--White);
	text-decoration: none;
}

.contact-item a:hover {
	color: var(--white-color);
}

.footer-container h6 {
	margin-top: 0;
	margin-bottom: 1.5rem;
	color: var(--White, #F6F6F6);
	font-family: var(--heading-font);
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.footer-container h6 strong {
	font-weight: 600;
}

.footer-container .footer-col-links ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 2rem;
}

.footer-container .footer-col-links ul.menu li {
	margin-bottom: 0;
	padding: 0;
	line-height: 100%;
}

.footer-container ul.menu li.menu-item-has-children .sub-menu {
	display: none;
}

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

.footer-container .footer-col-links ul.menu li a {
	transition: all 0.3s ease-in-out;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: var(--White, #F3F1EB);
	text-decoration: none;
	text-transform: uppercase;
}

.footer-container .footer-col-links ul.menu li a:hover,
.footer-container .footer-col-links ul.menu li a:focus {
	outline: 0;
	color: var(--Primary);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

/* .footer-container .footer-col-schedule .footer-widget:not(:first-child) {
	margin-bottom: 1rem;
} */

.footer-container .footer-col-schedule .footer-widget p {
	transition: all 0.3s ease-in-out;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 142%;
	color: var(--White, #F3F1EB);
	text-decoration: none;
	margin: 0;
	text-align: center;
}

.footer-container .footer-col-schedule .footer-widget p span {
	color: var(--Second-white, #DEDEDE);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.footer-col-links .social-icons {
	margin-top: 24px;
}

.footer-col-links .social-icons li a {}

/* footer bottom area  */
.footer-bottom-area {
	padding-top: 32px;
	border-top: 1px solid var(--Stroke, #2F5955);
	padding-bottom: 31px;
}

.footer-copyright {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.footer-copyright p {
	margin: 0;
	color: var(--Second-white, #DEDEDE);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 140%;
}

.footer-copyright p a {
	text-decoration: none;
	color: currentColor;
}

.footer-copyright p a:hover {
	color: var(--Primary);
	text-decoration: underline;
}

.footer-copyright .footer-widget:last-of-type {
	max-width: 60%;
	flex: 0 0 auto;
}

.footer-copyright .footer-widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.footer-copyright .footer-widget .menu li:first-child {
	display: none;
}

.footer-copyright .footer-widget ul li {
	padding: 0 16px 0 0;
	line-height: normal;
	margin: 0 16px 0 0;
	position: relative;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.footer-copyright .footer-widget ul li a {
	color: var(--Second-white, #DEDEDE);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	text-decoration: none;
}

.footer-copyright .footer-widget ul li a:hover,
.footer-copyright .footer-widget ul li a:active {
	color: var(--Primary);
	text-decoration: underline;
}

.footer-container .footer-col-links ul.menu li.current-menu-item>a,
.footer-copyright .footer-widget ul li.current-menu-item>a {
	color: var(--Primary);
}

.footer-copyright .footer-widget ul li:last-child {
	padding-right: 0;
	margin-right: 0;
}

.footer-copyright .footer-widget ul li:not(:last-child)::after {
	position: absolute;
	content: "";
	top: 0px;
	bottom: 0;
	margin: auto;
	right: 0;
	width: 1px;
	height: 100%;
	background: var(--Stroke, #2F5955);
}

form.newsletter-form {
	display: grid;
	grid-template-columns: 1fr 28px;
	background: var(--surface-dark);
	padding: 6px 12px;
	border-radius: 25px;
}

form.newsletter-form input {
	background-color: transparent;
	outline: 0;
	padding: 6px 6px 6px 0;
	border: 0;
	border-radius: 0;
	/* Ener your email */
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: var(--text-secondary, #818181);
}

form.newsletter-form input:focus {
	color: var(--text-secondary);
}

form.newsletter-form button {
	width: 32px;
	height: 32px;
	border-radius: 32px;
	padding: 6px;
	background: var(--White);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

form.newsletter-form button:hover,
form.newsletter-form button:active {
	background: var(--Black);
}

form.newsletter-form button img {
	width: 16px;
	height: 16px;
	transition: filter 0.3s ease;
}

form.newsletter-form button:hover img,
form.newsletter-form button:active img {
	filter: invert(1) brightness(10);
}

/* footer css ends */

/* home page css */
/* herobanner */
.hero-secn {
	position: relative;
	padding: 200px 0 240px 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	isolation: isolate;
}

.hero-secn::before {
	position: absolute;
	content: '';
	inset: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.48);
	z-index: -1;
	pointer-events: none;
}

.hero-banner-content {
	max-width: 1213px;
	margin-inline-start: 0;
	display: flex;
	flex-flow: column;
}

.hero-banner-content h1 {
	margin-bottom: 1rem;
	text-transform: uppercase;
	color: var(--White);
	font-size: var(--size-10xl);
	line-height: var(--line-height-11xl);
}

.hero-banner-content p {
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 110%;
	color: var(--Second-white);
	text-transform: uppercase;
}

.btn-grp {
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 2rem;
}
.hero-secn.hero-home .btn-grp .btn.schedule-icon-btn{
	min-width: 60px;
	padding: 8px;
	background-color: var(--Main-background);
	border: none;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	justify-content: center;
	max-width: max-content;
}
.hero-secn.hero-home .btn-grp .btn.schedule-icon-btn img{
	width: 32px;
}
.whatsapp-stripe {
	max-width: max-content;
	position: fixed;
	bottom: 72px;
	right: 72px;
	z-index: 100;
	text-align: end;
	/* left: 0; */
	/* margin-right: calc(50vw - var(--container) / 2 - 8px); */
	width: fit-content;
	margin-left: auto;
}

.whatsapp-stripe a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	width: fit-content;
	margin-left: auto;
}

.whatsapp-stripe img {
	--size: 60px;
	width: var(--size);
	height: var(--size);
}

/* spacing */
.mb-0 {
	margin-bottom: 0;
}

.mt-0 {
	margin-top: 0;
}

.secn-spacing-120 {
	padding: 120px 0;
}

.secn-spacing-140 {
	padding: 140px 0;
}

.secn-spacing-top-140 {
	padding-top: 140px;
}

.secn-spacing-btm-140 {
	padding-bottom: 140px;
}

.secn-spacing-92 {
	padding: 92px 0;
}

.secn-head {
	max-width: 924px;
	width: 100%;
	margin: 0 auto 72px;
	text-align: center;
}

.secn-head.secn-head-lg {
	max-width: 924px;
}

.secn-head h2,
.secn-head .secn-title {
	margin-bottom: 1rem;
	color: var(--White);
	text-transform: uppercase;
}

.secn-head p {
	padding: 0 1.5rem;
	color: var(--Second-white, #DEDEDE);
	font-size: var(--size-2xl);
	font-style: normal;
	font-weight: 400;
	line-height: var(--line-height-14xl);
}

/* who we are  */
.secondary-bg {
	background: var(--Second-background);
}

.why-choose-articles {
	margin: 0 auto;
}

.why-choose-articles .d-grid {
	gap: 0;
}

.choose-card-block {
	display: flex;
	flex-flow: column;
	position: relative;
	overflow: hidden;
	isolation: isolate;
	transition: all 0.3s ease-in-out;
	height: 600px;
}

.choose-card-block figure {
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	overflow: hidden;
	height: 100%;
}

.choose-card-block::before {
	position: absolute;
	inset: 0;
	content: '';
	background: rgba(0, 0, 0, 0.59);
	pointer-events: none;
}

.choose-card-block figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

.choose-card-block .card-content {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	padding: 1.25rem;
	flex-grow: 1;
	position: absolute;
	margin: auto;
	inset: 0;
	gap: 8px;
}

.choose-card-block .card-content::before {
	content: '';
	position: absolute;
	inset: 0px;
	background: #E9C156;
	background: -webkit-linear-gradient(225deg, rgba(233, 193, 86, 1) 0%, rgba(245, 227, 132, 1) 58%, rgba(251, 242, 153, 1) 62%, rgba(254, 252, 166, 1) 72%, rgba(255, 255, 170, 1) 82%, rgba(253, 250, 163, 1) 85%, rgba(248, 236, 144, 1) 90%, rgba(240, 213, 113, 1) 96%, rgba(233, 193, 86, 1) 100%);
	background: -moz-linear-gradient(225deg, rgba(233, 193, 86, 1) 0%, rgba(245, 227, 132, 1) 58%, rgba(251, 242, 153, 1) 62%, rgba(254, 252, 166, 1) 72%, rgba(255, 255, 170, 1) 82%, rgba(253, 250, 163, 1) 85%, rgba(248, 236, 144, 1) 90%, rgba(240, 213, 113, 1) 96%, rgba(233, 193, 86, 1) 100%);
	background: linear-gradient(225deg, rgba(233, 193, 86, 1) 0%, rgba(245, 227, 132, 1) 58%, rgba(251, 242, 153, 1) 62%, rgba(254, 252, 166, 1) 72%, rgba(255, 255, 170, 1) 82%, rgba(253, 250, 163, 1) 85%, rgba(248, 236, 144, 1) 90%, rgba(240, 213, 113, 1) 96%, rgba(233, 193, 86, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E9C156", endColorstr="#E9C156", GradientType=0);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;

	padding: 2px;
	/* border thickness */
	pointer-events: none;
	box-sizing: border-box;

	opacity: 0;
	visibility: hidden;

	transition:
		opacity 0.5s ease,
		transform 0.4s ease,
		visibility 0.5s ease;

	will-change: opacity, transform;
	transform: scale(0.95);
	/* subtle zoom out initially */
}

/* .choose-card-block .card-content a {
	display: flex;
	flex-flow: column;
	gap: 8px;
	align-items: center;
	color: var(--White);
	text-decoration: none;
	transition: all 0.3s ease-in-out;
} */

.card-content .card-title {
	font-style: normal;
	font-weight: 700;
	font-size: var(--size-4xl);
	line-height: var(--line-height-12xl);
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--White);
}

.choose-card-block .card-content p {
	margin: 0;
	text-align: center;
	color: var(--Second-white);
	font-style: normal;
	font-weight: 400;
	font-size: var(--size-lg);
	line-height: var(--line-height-142);
}

.choose-card-block .card-content a:hover .card-title {
	color: var(--Primary);
}

.choose-card-block:hover .card-content::before {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.choose-card-block:hover .card-content p {
	color: var(--White);
}

.why-choose-articles .cta-wrapper .primary-btn:hover,
.why-choose-articles .cta-wrapper .primary-btn:focus,
.why-choose-articles .cta-wrapper .primary-btn:active {
	background-color: var(--Main-background);
}

.cta-wrapper {
	margin-top: 3rem;
}

/* classes secn css */
.main-bg {
	background: var(--Main-background);
}

.second-bg {
	background: var(--Second-background);
}

/* custom scrollbar */
.has-custom-scroll,
.full-row-sec {
	margin-left: calc(50vw - var(--container)/ 2 - 8px);
	max-width: 1912px;
	width: auto;
	margin-right: 0;
}

.has-custom-scroll {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	gap: 0 20px;
	overflow: auto;
	padding-right: 16px;
	margin-top: 0;
	scroll-behavior: smooth;
	scrollbar-width: none;
	scrollbar-width: none;
	-ms-overflow-style: none;
	cursor: grab;
	cursor: -webkit-grab;
}


.has-custom-scroll.is-grabbing {
	cursor: grabbing;
	user-select: none;
}

.has-custom-scroll>div {
	width: 405px;
	min-width: 405px;
	max-width: 405px;
	flex: 0 0 auto;
	height: inherit;
}

.has-custom-scroll.has-custom-scroll-disabled {
	max-width: var(--container);
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	padding: 0;
}

.custom-scrollbar::-webkit-scrollbar,
.full-row-sec::-webkit-scrollbar {
	display: none
}

.custom-scrollbar-thumb {
	transition: left .1s ease;
	will-change: left
}

.custom-scrollbar.dragging-scroll {
	cursor: grabbing;
	user-select: none
}

.custom-scrollbar {
	overflow-x: auto;
}

.custom-scrollbar .custom-scrollbar-track {
	margin: 24px auto 0;
	max-width: 530px;
	width: 100%;
}

.custom-scrollbar-track {
	max-width: 530px;
	width: 100%;
	height: 6px;
	background-color: var(--progress-bar);
	border-radius: 1px;
	margin: 24px auto 0;
	position: relative;
	overflow: hidden;
}

.custom-scrollbar-thumb {
	height: 100%;
	width: 80px;
	background-color: var(--White);
	border-radius: 1px;
	position: absolute;
	left: 0;
	transition: background .3s;
}

.custom-scrollbar-thumb:active {
	cursor: grabbing;
	background: var(--White);
}

/* custom scrollbar  ends*/

/* Each slide */
/* REAL slide width */

/* BODY-centered slick dots (Figma accurate) */
.full-row-sec .slick-slider .slick-dots {
	position: relative;
	left: calc(50vw - (50vw - var(--container) / 2 - 8px));
	transform: translateX(-50%);
	max-width: 530px;
	width: 100%;
}

.slick-slider .slick-track>div>div {
	height: 100%;
}

.class-block {
	display: flex !important;
	flex-flow: column;
	height: 100%;
	background: var(--Second-background, #1A4440);
	position: relative;
	padding: 8px;
}

.class-block::before {
	position: absolute;
	content: '';
	inset: 8px;
	/* border: 2px solid #E9C156; */
	pointer-events: none;
	background: -webkit-linear-gradient(225deg, rgba(233, 193, 86, 1) 0%, rgba(245, 227, 132, 1) 58%, rgba(251, 242, 153, 1) 62%, rgba(254, 252, 166, 1) 72%, rgba(255, 255, 170, 1) 82%, rgba(253, 250, 163, 1) 85%, rgba(248, 236, 144, 1) 90%, rgba(240, 213, 113, 1) 96%, rgba(233, 193, 86, 1) 100%);
	background: -moz-linear-gradient(225deg, rgba(233, 193, 86, 1) 0%, rgba(245, 227, 132, 1) 58%, rgba(251, 242, 153, 1) 62%, rgba(254, 252, 166, 1) 72%, rgba(255, 255, 170, 1) 82%, rgba(253, 250, 163, 1) 85%, rgba(248, 236, 144, 1) 90%, rgba(240, 213, 113, 1) 96%, rgba(233, 193, 86, 1) 100%);
	background: linear-gradient(225deg, rgba(233, 193, 86, 1) 0%, rgba(245, 227, 132, 1) 58%, rgba(251, 242, 153, 1) 62%, rgba(254, 252, 166, 1) 72%, rgba(255, 255, 170, 1) 82%, rgba(253, 250, 163, 1) 85%, rgba(248, 236, 144, 1) 90%, rgba(240, 213, 113, 1) 96%, rgba(233, 193, 86, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E9C156", endColorstr="#E9C156", GradientType=0);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
	padding: 2px;
	pointer-events: none;
	box-sizing: border-box;
}

.class-block .image-block {
	flex-shrink: 0;
	line-height: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	align-self: stretch;
	background: var(--Second-white, #DEDEDE);
}

.class-block .image-block a {
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.class-block .image-block img {
	width: 100%;
	height: 408px;
	object-fit: cover;
	object-position: top;
}

.class-block-content {
	display: flex;
	padding: 32px 24px 31px;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	flex-grow: 1;
}

.class-title {
	color: var(--White, #F6F6F6);
	font-size: var(--size-2xl);
	font-style: normal;
	font-weight: 600;
	line-height: var(--line-height-11xl);
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 8px;
	width: 100%;
}

.class-title a {
	display: inline-block;
	color: currentColor;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	line-height: inherit;
	font-size: inherit;
	width: 100%;
}

.class-title a:hover,
.class-title a:active,
.class-title a:focus {
	color: var(--Primary);
}

.class-block-content p {
	color: var(--Second-white, #DEDEDE);
	word-break: break-word;
}

.class-secn .cta-wrapper {
	margin-top: 2rem;
}

/* classes secn css ends */

/* LEFT CONTENT — MATCHES CONTAINER START */
.focused-text-block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: calc((100vw - var(--container)) / 2);
	padding-right: 20px;
	color: var(--Second-white);
}

/* RIGHT IMAGE — FULL BLEED */


/* training accordion secn */


.text-center {
	text-align: center;
}

body.home .faq-secn {
	background: var(--Main-background, #0C2C29);
}

.faq-secn {
	background-color: var(--Second-background);
}

.has-seperation-top,
.has-seperation-bottom {
	position: relative;
	display: block;
}

.has-seperation-top::before,
.has-seperation-bottom::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: 714px;
	height: 48px;
	background: url("assets/images/separation.svg") center / contain no-repeat;
	z-index: 1;
}

.has-seperation-top::before {
	top: -24px;
}

.has-seperation-bottom::after {
	bottom: -24px;
}

.faq-secn.has-seperation-top:before {
	display: none;
}

.reviews-secn+.faq-secn.has-seperation-top:before {
	display: block;
}

/* =========================
   ACCORDION LAYOUT
========================= */

.accordion-wrapper {
	margin: 32px auto 0;
	max-width: 830px;
}


/* =========================
   ACCORDION ITEM
========================= */

.accordion-item {
	align-self: start;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--Stroke, #2F5955);
}

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

}

/* Header */
.accordion-header {
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
	padding-right: 32px;
}

.accordion-header h6 {
	margin: 0;
	color: var(--White, #F6F6F6);
	font-feature-settings: 'case' on, 'cpsp' on, 'liga' off;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: 0;
}

/* =========================
   PLUS / MINUS ICON
========================= */
.accordion-header {
	position: relative;
	cursor: pointer;
}

/* Icon */
.accordion-header::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 20px;
	height: 20px;
	background: url("assets/images/plus-icon.svg") no-repeat center / contain;
	transform: translateY(-50%) rotate(0deg);
	transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Active → rotate to X */
.accordion-item.active .accordion-header::after {
	transform: translateY(-50%) rotate(45deg);
}

/* =========================
   CONTENT (SMOOTH)
========================= */
.accordion-content {
	display: none;
}

.accordion-item.active .accordion-content {
	margin-top: 16px;
}

.accordion-content p {
	color: var(--Second-white, #DEDEDE);
}

.accordion-content p:last-of-type {
	margin-bottom: 0;
}

/* price secn css */
/* Container */
.plans-secn {
	position: relative;
	padding: 140px 0 140px 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	isolation: isolate;
	background-color: lightgray;
}

.plans-secn::before {
	position: absolute;
	content: '';
	inset: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.48);
	z-index: -1;
	pointer-events: none;
}

.plans-secn .secn-head,
.membership-plans .secn-head {
	margin-bottom: 2rem;
}

/* Tabs */
.pricing-tabs {
	display: flex;
	justify-content: center;
	margin-bottom: 2rem;
	gap: 0.5rem;
	margin: 0 auto 2rem;
	max-width: fit-content;
	background: var(--surface-dark);
	padding: 4px;
	border-radius: 50px;
}

.pricing-tabs .tab-btn {
	padding: 6px 22px;
	background: transparent;
	border: none;
	cursor: pointer;
	border-radius: 40px;
	transition: background-color 0.3s;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.02em;
	font-family: var(--font1);
	color: var(--White);
}

.pricing-tabs .tab-btn.active {
	background: var(--White);
	color: var(--Black);
}

.pricing-tabs .tab-btn:hover:not(.active) {
	background: var(--White);
	color: var(--Black);
}

/* Cards Container */

.pricing-cards {
	display: flex;
	justify-content: center;
	gap: 1.25rem;
	flex-wrap: wrap;
}

/* Individual Card */
.pricing-card {
	border-radius: 0px;
	padding: 24px 32px 33px;
	text-align: start;
	transition: transform 0.3s ease;
	display: flex;
	flex-flow: column;
	position: relative;
}

.pricing-card:not(.pricing-card-highlighted) {
	border: 0;
	box-shadow: inset 0 0 0 1px var(--white-color);
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background: rgba(127, 127, 127, .14);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.pricing-card.pricing-card-highlighted {
	background: url("assets/images/green-bg.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	border: 0px solid var(--white-color);
}

/* need remove */

/*  */
.pricing-card.hidden {
	display: none;
}

/* Pricing Title */
.pricing-card .card-title {
	margin: 0 -32px;
	display: flex;
	width: calc(100% + 64px);
	justify-content: center;
	align-items: center;
	padding: 4px;
	color: var(--Black, #212121);
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	letter-spacing: 4px;
	text-transform: uppercase;
	background: var(--White, #F6F6F6);
	text-align: center;
	word-break: break-word;
}

.price-card-text {
	margin-bottom: 1.5rem;
}

.price-card-text {
	margin-bottom: 2rem;
	padding: 0;
	text-align: center;
}

/* Price */
.pricing-card .price {
	margin: 2rem 0 1.5rem;
	display: flex;
	flex-flow: column;
	align-items: center;
}

.price .price-value {
	color: var(--White, #F6F6F6);
	font-size: 72px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	letter-spacing: 2px;
}

.price .small {
	color: var(--Second-white, #DEDEDE);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: -2px;
}


/* Button */
.pricing-card .btn {
	width: 100%;
	transition: background-color 0.3s ease-in-out;
	margin-top: auto;
	padding: 16px 32px;
}

.pricing-card.pricing-card-highlighted .card-btn {
	border: 1px solid var(--White, #F6F6F6);
	background: var(--White, #F6F6F6);
	color: var(--Black, #212121);
}

/* hover */

.pricing-card:hover {
	transform: translateY(-10px);

}

.plans-secn .btn-grp {
	margin-top: 3rem;
	justify-content: center;
}

/* price secn css ends */
/* proffessional secn */
.professional-secn {
	position: relative;
	padding: 140px 0;
	background-image: url(assets/images/green-background.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	isolation: isolate;
	overflow: hidden;
}

.professional-secn::before {
	position: absolute;
	content: '';
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	background: rgba(68, 68, 68, 0.14);

}

.articles-grid {
	--cols: 4;
	--gap-x: 20px;
	--gap-y: 48px;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--gap-y) var(--gap-x);
}

.articles-grid .article-block {
	flex: 0 0 calc((100% - (var(--cols) - 1) * var(--gap-x)) / var(--cols));
}

.professional-mob-slider.has-custom-scroll {
	max-width: var(--container);
	margin-left: 0;
	margin-right: 0;
	padding: 0.8px 0 0 0;
	cursor: auto;
}

.professional-mob-slider.has-custom-scroll>div {
	width: 299px;
	min-width: 299px;
	max-width: 299px;
	flex: 0 0 auto;
}

.article-block {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	transition: all 0.3s ease-in-out;
}

.article-block .article-img {
	display: flex;
	justify-content: center;
	align-items: center;
	/* border: 0.5px solid rgba(255, 255, 255, 0.3);
	background: var(--Second-background); */
	position: relative;
	overflow: hidden;
	background: var(--White, #F6F6F6);
	box-shadow: 0 0 0 0.5px var(--White);
}

/* .article-block .article-img::before {
    position: absolute;
    content: '';
    inset:0;
    pointer-events: none;
    background: var(--White, #F6F6F6);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    padding: 0.5px;
    pointer-events: none;
    box-sizing: border-box;
} */

.article-block .article-img .professional-img {
	width: 100%;
	height: 340px;
	object-fit: cover;
	object-position: top;
}

.article-social-icon {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.52);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 1rem;
	flex-flow: column;
	opacity: 0;
	gap: 1.5rem;
	visibility: hidden;
	transition: opacity 0.35s ease, visibility 0.35s ease;
}

.article-social-icon .social-icons li {
	transform: translateY(12px);
	opacity: 0;
	transition: transform 0.35s ease, opacity 0.35s ease;
}

.article-social-icon .social-icons li a {
	--size: 48px;
	background-color: var(--Black);
	border-radius: var(--size);
	border: 0.1px solid rgba(255, 255, 255, 0.1);
	background: linear-gradient(96deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.03) 100%);
	backdrop-filter: blur(21px);

}

.article-social-icon .social-icons li:nth-child(1) {
	transition-delay: 0.05s;
}

.article-social-icon .social-icons li:nth-child(2) {
	transition-delay: 0.1s;
}

.article-social-icon .social-icons li:nth-child(3) {
	transition-delay: 0.15s;
}

/* hover */
.article-social-icon .social-icons li a:hover {
	background: var(--Primary);
}


.article-block:hover .social-icons li {
	transform: translateY(0);
	opacity: 1;
}

.article-block:hover .article-social-icon {
	opacity: 1;
	visibility: visible;
}

.article-social-content p {
	color: var(--Second-white, #DEDEDE);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.article-content {
	flex-grow: 1;
	display: flex;
	flex-flow: column;
	gap: 2px;
}

.article-content .article-title a {
	color: var(--White, #F6F6F6);
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
	text-decoration: none;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-transform: capitalize;
	text-overflow: ellipsis;
	overflow: hidden;
}

.article-content .article-title a:hover {
	color: var(--Primary);
}

.article-content .article-role {
	color: var(--Second-white, #DEDEDE);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.professional-mob-slider .soon-block,
.professional-mob-slider .see-all-block {
	width: auto;
	max-width: 299px;
	flex: 1 1 auto;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: flex !important;
	justify-content: center;
	align-items: center;
	padding: 15px;
	height: 340px;
	border: 0;
	background: rgba(246, 246, 246, 0.08);
	box-shadow: 0 0 0 0.5px var(--White);

}

.see-all-block a {
	color: var(--Primary, #FEC100);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
}

.see-all-block a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.soon-block p {
	color: var(--White, #F6F6F6);
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
}

/* proffessional secn endd */


.cat-tab-title {
	color: var(--White, #F6F6F6);
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 0;
}

.cat-tab-title a {
	color: currentColor;
	text-decoration: none;
}

.cat-tab-title a:hover {
	color: var(--Primary);
	text-decoration: underline;
}

.cats-tab-con .cat-tab .cat-tab-text {
	display: none;
}

.cat-tab-text p {
	color: var(--Second-white, #DEDEDE);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	align-self: stretch;
	text-transform: none;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* tab-content */
.tab-content {
	display: none;
}

.tab-content.active-class-tab {
	display: block;
}

/* cats tabs secn css ends */
/* ===============================
   HERO SLIDER – COMMON
================================ */

.hero-section {
	position: relative;
	background: var(--Black);
}

.hero-section .slick-slider {
	margin: 0;
}

.hero-section .slick-slider .slick-slide {
	margin: 0;
}

.hero-section .slick-slider .slick-slide>div {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;

}

.hero-section .hero-slide {
	position: relative;
	isolation: isolate;
	background: var(--Black, #212121);
}

.hero-section .hero-slide::before {
	position: absolute;
	content: '';
	inset: 0;
	background: rgba(0, 0, 0, 0.32);
	z-index: 1;
	pointer-events: none;
}

.hero-section .slick-dots {
	position: absolute;
	bottom: 1rem;
	right: 40px;
	display: flex;
	gap: 8px;
	z-index: 4;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}

.hero-section .slick-dots li {
	position: relative;
	/* IMPORTANT */
	margin: 0;
	padding: 0;
	line-height: 1;
}

.hero-section .slick-dots button {
	position: relative;
	border-radius: 1px;
	background: rgba(246, 246, 246, 0.48);
	border: none;
	padding: 0;
	width: 32px;
	height: 4px;
	outline: 0;
	overflow: hidden;
}

.hero-section .slick-dots li.slick-active button::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0%;
	background-color: var(--White);
	border-radius: 1px;
	animation: progress-fill 2.5s linear forwards;
}

/* Desktop default: hide text */
.slider-nav .cat-tab-text {
	display: none;
}

/* Show text only on active slide */
.slider-nav .slick-current .cat-tab-text {
	display: block;
}

/* ===============================
   DESKTOP NAV
================================ */
.hero-section .slider-nav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: transparent;
	z-index: 3;
}

.slider-nav .nav-item {
	color: #fff;
}

/* Slick applies slick-current to the slide itself */
.slider-nav .slick-current {
	opacity: 1;
}

/* ===============================
   HERO IMAGE
================================ */

.hero-slide {
	position: relative;
}

.hero-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* hero-secn tabs-slider ends */

/* get in touch secn */
.get-in-touch-secn {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

.get-in-touch-wrapper {

	margin: 0 auto;
}

.contact-us-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 0;
	flex-wrap: wrap;
}

.embed-map-responsive {
	position: relative;
	width: 100%;
	height: 100%;
	/* aspect-ratio: 710 / 862;
	max-height: fit-content; */
	isolation: isolate;
	min-height: 862px;
}

.embed-map-responsive::before {
	background: rgba(0, 0, 0, 0.54);
	width: 100%;
	height: 100%;
	inset: 0;
	position: absolute;
	content: '';
	pointer-events: none;
	z-index: 1;
}

.embed-map-container {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.embed-map-container iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

.get-touch-card,
.map-marker-card {
	flex: 1 0 0;
	max-width: calc(50% - 0px);
}


.get-touch-card {
	background-color: var(--Black);
	background-image: url("assets/images/membership.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	isolation: isolate;
	padding: 72px;
	padding-right: calc((100vw - var(--container)) / 2);

}

.get-touch-card::before {
	width: 100%;
	height: 100%;
	inset: 0;
	position: absolute;
	content: '';
	pointer-events: none;
	z-index: -1;
	background: rgba(0, 0, 0, 0.58);
}

.get-touch-card .get-in-touch-title {
	margin-bottom: 0.5rem;
	text-transform: uppercase;
	color: var(--White);
	text-align: center;
}

.get-touch-card .top-text {
	margin-bottom: 1rem;
}

.get-touch-card .top-text p {
	color: var(--Second-white, #DEDEDE);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 142%;
}

.contact-form-wrapper .wpcf7-form br {
	display: none;
}

.contact-form-wrapper .wpcf7-form p .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
	margin-bottom: 16px;
	line-height: 1;
}

.contact-form-wrapper .wpcf7-form input:not([type="submit"]),
.contact-form-wrapper .wpcf7-form textarea {
	border-radius: 0px;
	padding: 17px 24px;
	font-family: var(--primary-font);
	color: var(--White);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 142%;
	border: 0;
	outline: 0;
	width: 100%;
	background: linear-gradient(96deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.03) 100%);
	backdrop-filter: blur(21px);
	box-shadow: inset 0 0 0 0.1px rgb(255 255 255);
	height: 60px;
}

.contact-form-wrapper .cf7-actions {
	margin-top: 22px;
}

/* Chrome, Edge, Safari, modern browsers */
.contact-form-wrapper .wpcf7-form input:not([type="submit"])::placeholder,
.contact-form-wrapper .wpcf7-form textarea::placeholder {
	color: var(--Gray);
	opacity: 1;
	/* Fix Firefox default fade */
}

/* Firefox */
.contact-form-wrapper .wpcf7-form input:not([type="submit"])::-moz-placeholder,
.contact-form-wrapper .wpcf7-form textarea::-moz-placeholder {
	color: var(--Gray);
	opacity: 1;
}

/* Internet Explorer 10-11 */
.contact-form-wrapper .wpcf7-form input:not([type="submit"]):-ms-input-placeholder,
.contact-form-wrapper .wpcf7-form textarea:-ms-input-placeholder {
	color: var(--Gray);
}

/* Microsoft Edge (old legacy version) */
.contact-form-wrapper .wpcf7-form input:not([type="submit"])::-ms-input-placeholder,
.contact-form-wrapper .wpcf7-form textarea::-ms-input-placeholder {
	color: var(--Gray);
}

.contact-form-wrapper .wpcf7-form .intl-tel-input .wpcf7-form-control.wpcf7-phonetext.wpcf7-validates-as-phonetext {
	padding-left: 115px;
}

.contact-form-wrapper .wpcf7-form .intl-tel-input .flag-container {
	left: 24px;
}

.contact-form-wrapper .wpcf7-form .intl-tel-input .flag-container .country-list li .country-name,
.contact-form-wrapper .wpcf7-form .intl-tel-input .flag-container .country-list li .dial-code {
	color: var(--Black);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 142%;
	font-family: var(--primary-font);

}

.contact-form-wrapper .wpcf7-form .intl-tel-input .flag-container .selected-flag {
	width: fit-content;
	background: transparent;
	padding: 0;
	display: flex;
	align-items: center;

}

.contact-form-wrapper .wpcf7-form .intl-tel-input .flag-container .selected-flag .selected-dial-code {
	padding-left: 24px;
	color: var(--White, #F6F6F6);
	font-family: var(--primary-font);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 142%;
	display: flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
}

.contact-form-wrapper .wpcf7-form .intl-tel-input .flag-container .selected-flag .iti-arrow {
	border-top: 4px solid var(--White);
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	right: -6px;
	position: relative;
	margin-top: 0;
	top: 0;
	flex: 0 0 auto;
}

.contact-form-wrapper .wpcf7-form textarea {
	resize: none;
	height: 180px;
}

.contact-form-wrapper .wpcf7-form .cf7-actions br {
	display: none;
}

.contact-form-wrapper .wpcf7-form .cf7-actions p {
	display: flex;
	flex-flow: column;
}

.contact-form-wrapper .wpcf7-form input[type="submit"] {
	background: var(--Primary);
	border-radius: 0px;
	width: 100%;
	border: 0;
	display: block;
	text-align: center;
	font-family: var(--primary-font);
	height: 60px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	color: var(--Black, #212121);
	text-align: center;

	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 20px 32px;
}

.contact-form-wrapper .wpcf7-form input[type="submit"]:hover {
	background-color: var(--Second-background);
	color: var(--Primary);

}

.cf7-actions {
	position: relative;
}

.cf7-actions .wpcf7-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.wpcf7-form .wpcf7-not-valid-tip {
	font-size: var(--size-md);
	margin-top: 0.25rem;
	color: var(--error-color);
}

.contact-form-wrapper .wpcf7-form .wpcf7-response-output {
	color: var(--Second-white);
}

/* map marker */
.map-marker-card {
	display: flex;
	flex-flow: column;
	gap: 2rem
}

.map-embed {
	position: relative;
	width: 100%;
	height: 488px;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid var(--White, #F3F1EB);
}

/* Google map iframe */
.map-embed iframe {
	width: 100%;
	height: 100%;
	border: 0;
	filter: grayscale(100%) invert(90%) contrast(90%);
}

/* Dark overlay like screenshot */
.map-embed.dark-map::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(20, 20, 20, 0.2);
	pointer-events: none;
}

.address-links-map {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem 32px;
	margin-bottom: 2rem;
}

.address-links-map .contact-item {
	color: var(--White, #F6F6F6);
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 142%;
}

.address-links-map .contact-item .icon {
	--size: 52px;
	background-color: var(--Black);
	border-radius: 52px;
	border: 0.1px solid rgba(255, 255, 255, 0.1);
	background: linear-gradient(96deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.03) 100%);
	backdrop-filter: blur(21px);
	flex: 0 0 auto;
}

.address-links-map .contact-item .icon img {
	width: 26px;
	height: 26px;
}

.address-links-map .contact-item a:hover {
	color: var(--Primary);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

/* get in touch secn ends*/
.reviews-secn {
	isolation: isolate;
	background: var(--Main-background, #0C2C29);
	padding: 140px 0;
}

.review-card {
	background: var(--Second-background, #1A4440);
	padding: 40px;
	height: 100%;
}

.review-card-in {
	display: flex;
	flex-flow: column;
	height: 100%;
}

.review-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.review-date {
	color: var(--Second-white, #DEDEDE);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.star-rating {
	position: relative;
	width: 108px;
	height: 20px;
	background-image: url("assets/images/empty-star.svg");
	background-repeat: repeat-x;
	background-size: 22px 20px;
	overflow: hidden;
}

/* Filled stars layer */
.star-rating::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-image: url("assets/images/filled-star.svg");
	background-repeat: repeat-x;
	background-size: 22px 20px;
}

.rating-1::before {
	width: 20%;
}

.rating-2::before {
	width: 40%;
}

.rating-3::before {
	width: 60%;
}

.rating-4::before {
	width: 80%;
}

.rating-5::before {
	width: 100%;
}

/* slick slider css */
.review-body {
	margin: 32px 0;
	padding: 32px 0;
	border-top: 1px solid var(--Stroke, #2F5955);
	border-bottom: 1px solid var(--Stroke, #2F5955);
	flex-grow: 1;
}

.review-body .review-title {
	color: var(--White, #F6F6F6);
	text-transform: uppercase;
}

.review-text p {
	color: var(--Second-white, #DEDEDE);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.review-footer .review-author {
	display: flex;
	flex-flow: column;
	gap: 1rem;
	max-width: max-content;
}

.review-author-avatar {
	--size: 56px;
	width: var(--size);
	height: var(--size);
	border-radius: calc(var(--size)/2);
	object-fit: cover;
}

.review-author-info {
	display: flex;
	flex-flow: column;
}

.review-author-info .review-author-name a {
	color: var(--White, #F6F6F6);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 142%;
	text-decoration: none;
	transition: color 0.2s ease, text-underline-offset 0.2s ease;
}

.review-author-info .review-author-name a:hover {
	color: var(--Primary);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

.review-author-info .review-author-role {
	color: var(--Second-white, #DEDEDE);
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 140%;

}

/* Slick structure fix */

.common-slider.slick-slider {
	margin: 0;
}

/* .full-row-sec .slick-slide {
    height: inherit;
    min-width: 405px;
    max-width: 405px;
} */


/* home page css ends */
/* about page css start */
.common-hero-secn .hero-banner-content {
	max-width: 1213px;
	text-align: center;
	margin: 0 auto;
}

.common-hero-secn .hero-banner-content .btn-grp {
	justify-content: center;
}

/* know css */

.image-content-secn {
	display: flex;
	gap: 52px;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom: 3rem;
}

.image-content-secn .image-content-col,
.image-content-secn .image-list-col {
	flex: 1;
	max-width: calc(50% - 26px);
}

.know-slider.slick-slider {
	margin: 0;
	height: 100%;
}

.know-slider,
.single-cta-slider {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.know-slider.slick-initialized,
.single-cta-slider.slick-initialized {
	opacity: 1;
}

/* Hide before Slick initializes */
.slick-slider:not(.slick-initialized) {
	opacity: 0;
	visibility: hidden;
}

/* Show when ready */
.slick-slider.slick-initialized {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s ease;
}

.know-slider.slick-slider .slick-slide {
	margin: 0;
	height: 100%;
}

.know-slider.slick-slider .slick-list,
.know-slider.slick-slider .slick-list .slick-track,
.know-slider.slick-slider .slick-list .slick-track .slider-block {
	height: 100%;
}

.know-slider.slick-slider .slider-block {
	min-height: 496px;
}

.know-slider .slider-block img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/* right side list */
.featured-article-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: column;
}

.featured-article-list ul li {
	margin-bottom: 1.5rem;
}

.featured-article-list ul li:last-child {
	margin-bottom: 0;
}

.feature-item .feature-head {
	display: grid;
	grid-template-columns: 42px 1fr;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}

.feature-head h6 {
	margin-bottom: 0;
	color: var(--White);
	text-transform: uppercase;
}

.icon-box {
	--size: 42px;
	display: flex;
	padding: 8px;
	justify-content: center;
	align-items: center;
	border-radius: var(--size);
	background: rgba(255, 255, 255, 0.24);
	width: var(--size);
	height: var(--size);
}

.icon-box img {
	width: 26px;
	height: 26px;
}

.get-to-know-secn .join-cta-btn {
	margin-top: 3rem;
}

.get-to-know-secn .join-cta-btn .btn {
	min-width: 294px;
}

/* mindset secn */


.mindset-featured-grid {
	display: grid;
	gap: 72px 20px;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
		"vision mission"
		"content content";
}

.image-vision {
	grid-area: vision;
}

.image-mission {
	grid-area: mission;
}

.mindset-content-block {
	grid-area: content;
}

.mindset-image {
	width: 100%;
	height: 340px;
	overflow: hidden;
	background: #FFF;
	margin: 0;
}

.mindset-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	display: block;
}

.mindset-content-block .mindset-content-list:not(:last-child) {
	margin-bottom: 3rem;
	padding-bottom: 3rem;
	border-bottom: 1px solid var(--Stroke, #2F5955);
}

.mindset-content-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 50%));
}

.mindset-head {
	display: flex;
	flex-flow: column;
}

.mindset-head .h4 {
	color: var(--White);
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 700;
}

.mindset-subhead {
	color: var(--Second-white, #DEDEDE);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: 4px;
	text-transform: uppercase;
}

/* mindset secn */
/* booking-session */
.booking-secn {
	padding: 140px 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	isolation: isolate;
}

.booking-secn::before {
	position: absolute;
	content: '';
	inset: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.54);
	z-index: -1;
	pointer-events: none;
}

.booking-secn .secn-head {
	margin-bottom: 0;
}

.booking-secn .secn-head p {
	padding: 0;
}

.booking-secn .btn-grp {
	justify-content: center;
}

.booking-secn .btn-grp .btn {
	min-width: 260px
}

/* booking-session */
/* about page css ends */
/* classes page css start */

.blogs-cat-secn .secn-head,
.tabs-slider-secn .secn-head {
	margin-bottom: 2rem;
}

.blogs-cat-secn .cats-tab-con,
.tabs-slider-secn .cats-tab-con {
	margin-bottom: 72px;
	margin-left: auto;
	gap: 20px;
}

/* cats tabs secn css */

.cats-tab-con {
	display: flex;
	gap: 0;
	max-width: max-content;
	margin-left: 0;
	margin-right: auto;
	overflow-x: auto;
	flex-wrap: nowrap;
	justify-content: flex-start;
	padding-bottom: 0px;
	width: calc(100% + 16px);
	margin-bottom: 24px;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.cats-tab-con .cat-tab {
	font-size: 16px;
	line-height: 140%;
	font-style: normal;
	font-weight: 400;
	cursor: pointer;
	flex: 0 0 auto;
	border-bottom: none;
	border-radius: 4px;
	background: var(--Second-background, #1A4440);
	display: flex;
	padding: 8px 16px;
	align-items: center;
	color: var(--White);
	transition:
		background-color 0.3s ease,
		color 0.3s ease,
		font-weight 0.3s ease;
}


.cats-tab-con .cat-tab.active-class-tab,
.cats-tab-con .cat-tab:hover {
	color: var(--Black);
	background: var(--Primary);
	font-weight: 600;
}

.common-slider.slick-slider .slick-slide:first-of-type {
	margin-left: 0;
}


.common-slider.slick-slider .slick-slide {
	width: 405px;
	max-width: 405px;
}

.common-slider.slick-slider {
	cursor: grab;
}

.common-slider.slick-slider:active {
	cursor: grabbing;
}

.tabs-slider-secn .class-block .image-block img {
	height: 388px;
}

.tabs-slider-secn .cta-wrapper {
	margin-top: 2rem;
}

.posts-slider .post-card {
	display: flex !important;
	flex-flow: column;
	height: 100%;
	background: var(--Second-background, #1A4440);
}

.post-card .post-img {
	flex-shrink: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	align-self: stretch;
	background: var(--White);
	line-height: 0;
}

.post-card .post-img a {
	width: 100%;
	height: 100%;
}

.post-img img {
	width: 100%;
	height: 332px;
	object-fit: cover;
}

.post-card-content {
	display: flex;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	flex-grow: 1;
}

.post-meta-head {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 1rem;
	width: 100%;
	margin-bottom: 2rem;
}

.post-meta-head span {
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--white-color, #FFF);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.post-meta-head .meta-date img {
	width: 20px;
	height: 20px;
}

.post-card-content h6 a {
	color: currentColor;
	text-decoration: none;
}

.post-card-content h6 a:hover {
	color: var(--Primary);
}

.post-card-excerpt {
	margin-bottom: 1.5rem;
}

.post-card-excerpt p {
	color: var(--Second-white, #DEDEDE);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.post-card .read-more {
	margin-top: auto;
}

.read-more {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	position: relative;
	color: var(--Primary, #FEC100);
	font-family: var(--primary-font);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	text-decoration: none;
}

.read-more::after {
	content: "";
	display: inline-flex;
	width: 10px;
	height: 12px;
	background-image: url("assets/images/arrow-right-yellow.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: transform 0.3s ease, filter 0.3s ease;
}

.read-more:hover::after {
	transform: translateX(4px);
}

.read-more:hover {
	color: var(--white-color);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

.read-more:hover::after {
	transform: translateX(4px);
	filter: brightness(0) invert(1);
}

/* classes page css ends */

/* // slick slider common css  */
.slick-slider .slick-arrow {
	--size: 60px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	appearance: none;
	z-index: 9;
	font-size: 0;
	color: transparent;
	cursor: pointer;
	display: flex;
	width: var(--size);
	height: var(--size);
	padding: 8px;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	border: 0.1px solid rgba(255, 255, 255, 0.1);
	background: linear-gradient(96deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.03) 100%);
	backdrop-filter: blur(21px);
}

.slick-slider .slick-arrow::after {
	position: absolute;
	content: '';
	background-image: url("assets/images/chevron-right.svg");
	background-size: 2.5rem;
	background-position: center;
	background-repeat: no-repeat;
	padding: 10px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.slick-slider .slick-arrow.slick-prev {
	right: auto;
	left: 1.5rem;
}

.slick-slider .slick-arrow.slick-prev::after {
	transform: translate(-50%, -50%) scaleX(-1);
}

.slick-slider .slick-arrow.slick-next {
	left: auto;
	right: 1.5rem;
}

.slick-slider .slick-arrow.slick-disabled {
	cursor: not-allowed;
	background: rgba(250, 250, 250, 0.32);
	backdrop-filter: blur(21px);
}

.slick-slider .slick-arrow.slick-disabled::after {
	background-image: url("assets/images/chevron-right.svg");
}

.slick-slider .slick-arrow:not(.slick-disabled):hover,
.slick-slider .slick-arrow:not(.slick-disabled):active {
	background: var(--Primary);
}

/* .slick-slider .slick-arrow:not(.slick-disabled):hover::after,
    .slick-slider .slick-arrow:not(.slick-disabled):active::after {
    	filter: brightness(100);
    } */

html.dark-mode .slick-slider .slick-arrow.slick-disabled::after {
	filter: brightness(2.5);
}

/* Slick dots container */
.slick-slider {
	position: relative;
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-slider .slick-dots {
	position: relative;
	left: 50%;
	transform: translateX(-50%);

	display: flex;
	justify-content: center;
	align-items: center;

	max-width: 530px;
	width: 100%;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

/* Each dot */
.slick-slider .slick-dots li {
	flex: 1;
	height: 6px;
	background-color: var(--progress-bar);
	position: relative;
	overflow: hidden;

}

.slick-slider .slick-dots li:hover {
	cursor: pointer;
}

/* Active progress */
.slick-slider .slick-dots li.slick-active::after {
	content: '';
	position: absolute;
	inset: 0;
	width: 100%;
	background-color: var(--White);
}


/* Hide default button */
.slick-slider .slick-dots li button {
	display: none;
}

/* Progress animation */
@keyframes progress-fill {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}


/* Hide default slick dot button */
.slick-slider .slick-dots li button {
	display: none;
}

.slick-slider .slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-slider .slick-list .slick-track {
	display: flex;
}

.slick-slider .slick-track>div {
	height: inherit;
}

/* .slick-slider {
	margin: 0 -20px;
} */

.slick-slide {
	margin-right: 10px;
	margin-left: 10px;
}


/* basic theme styling */
body.search .no-results.not-found {
	padding: 50px 0;
}

.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6 {
	color: var(--White);
}

.content-area p {
	color: var(--text-light);
}

body .content-area p a:hover {
	color: var(--Primary);
}

body .content-area blockquote {
	padding: 25px;
	font-style: italic;
	position: relative;
	margin: 20px auto;
	border-left: 5px solid var(--White);
	quotes: "“" "”" "‘" "’";
	background: color-mix(in srgb, var(--Second-background) 100%, transparent);
}

body .content-area blockquote::before {
	content: open-quote;
	top: 0px;
	left: 20px;
}

body .content-area blockquote::before,
body .content-area blockquote::after {
	position: absolute;
	font-size: 3em;
	color: var(--text-light);
	font-family: serif;
	line-height: 1;
	z-index: 1;
}

body .content-area blockquote::after {
	content: close-quote;
	bottom: 0px;
	right: 20px;
}

body .content-area blockquote p {
	display: inline;
	color: var(--text-light);
	position: relative;
	z-index: 2;
}

body .content-area dl {
	margin: 20px;
	padding: 0;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #f9f9f9;
	font-size: var(--size-md);
	line-height: var(--line-height-md);
}

body .content-area dt {
	font-weight: bold;
	margin: 10px 0 5px;
	padding: 10px;
	background-color: #eee;
	border-bottom: 1px solid #ddd;
}

body .content-area dd {
	margin: 0 0 10px 20px;
	padding: 10px;
	border-left: 2px solid #ddd;
	background-color: var(--white-color);
}

body .content-area blockquote {
	font-size: 16px;
}

/* body .content-area div {
	color: var(--Second-white);
} */

body .content-area table tr td,
body .content-area table tr th {
	border: 1px solid var(--Second-white);
	padding: 10px;
	font-size: var(--size-xl);
	line-height: var(--line-height-md);
	color: var(--Second-white);
}

body .content-area table tr th {
	font-weight: 700;
	text-align: center;
}

body .content-area table {
	margin: 25px 0;
	border-collapse: collapse;
	width: 100%;
}

.table-auto {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

body .content-area ol,
body .content-area ul {
	margin-left: 0;
}

body .content-area ol li,
body .content-area ul li {
	font-size: var(--size-lg);
	line-height: var(--line-height-142);
	margin: 0 0 8px;
	font-weight: var(--fw-regular);
	color: var(--Second-white);
}

body .content-area ul li::marker,
body .content-area ul li::marker {
	font-weight: 600;
}

body .su-button {
	min-width: 280px;
	max-width: fit-content;
	height: 60px;
	padding: 20px 32px;
	margin-top: 16px !important;
	margin-bottom: 16px !important;
	display: inline-block !important;
	border-radius: 0px !important;
	font-size: var(--size-xl, 20px) !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: var(--line-height-sm, 20px) !important;
	text-decoration: none;
	border: 1px solid !important;
	box-sizing: border-box !important;
	background-color: var(--Primary) !important;
	color: var(--Black) !important;
	font-family: var(--primary-font);
}

body .su-button span {
	padding: 0 !important;
	font-size: inherit !important;
	line-height: inherit !important;
	border: 0 !important;
	box-sizing: border-box !important;
	color: inherit !important;
	top: 0 !important;
	font-weight: 700 !important;
}

/* hover */
body .su-button:hover,
body .su-button:active,
body .su-button:focus {
	text-decoration: none !important;
	background-color: var(--Second-background) !important;
	color: var(--Primary) !important;
	opacity: 1 !important;
}


/*==========================
        FLEXBOX COLUMN LAYOUTS
    ==========================*/
/* two cols */
.two-col-row {
	--gap: 20px;
	--gap-comp: calc(var(--gap)/2);
	display: -webkit-box;
	/* Safari ≤ 9 */
	display: -ms-flexbox;
	/* IE 10 */
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: var(--gap);
}

.two-col-row>* {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc(50% - var(--gap-comp));
	flex: 0 1 calc(50% - var(--gap-comp));
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* three cols */
.three-col-row {
	--gap: 20px;
	--gap-comp: calc((var(--gap) * 2) / 3);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: var(--gap);
	justify-content: center;
}

.three-col-row>* {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc(33.333% - var(--gap-comp));
	flex: 0 1 calc(33.333% - var(--gap-comp));
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* four cols */
.four-col-row {
	--gap: 20px;
	--gap-comp: calc((var(--gap) * 3) / 4);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: var(--gap);
	justify-content: center;
}

.four-col-row>* {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc(25% - var(--gap-comp));
	flex: 0 1 calc(25% - var(--gap-comp));
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* five cols */
.five-col-row {
	--gap: 20px;
	--gap-comp: calc((var(--gap) * 4) / 5);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: var(--gap);
}

.five-col-row>* {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc(20% - var(--gap-comp));
	flex: 0 1 calc(20% - var(--gap-comp));
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.site-header .main-navigation li:is(.current-menu-item,
	.current-menu-parent,
	.current-menu-ancestor)>a,
.site-header .main-navigation li a.active {
	color: var(--Primary);
}

.d-none {
	display: none !important;
}

.d-block {
	display: block;
}

.mob-icon {
	display: none;
}

/* ----------------
single class subpage 
-------*/

.single-sub-row {
	--gap: 52px;
	--gap-comp: calc(var(--gap)/2);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: stretch;
	gap: var(--gap);
}

.single-sub-row>* {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(50% - var(--gap-comp));
	flex: 0 0 calc(50% - var(--gap-comp));
	max-width: calc(50% - var(--gap-comp));

}

.single-cta-slider .slick-slide {
	margin: 0;
}

.single-cta-slider.slick-slider .slick-track>div>div {
	line-height: 1;
}

.single-cta-slider .slick-slide .slider-block {
	min-height: 620px;
}

.single-cta-slider .slick-slide .slider-block img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.gradient-card {
	background: var(--Second-background, #1A4440);
	padding: 12px;
	position: relative;
}

.gradient-card::before {
	position: absolute;
	content: '';
	inset: 12px;
	/* border: 2px solid #E9C156; */
	pointer-events: none;

	background: -webkit-linear-gradient(225deg, rgba(233, 193, 86, 1) 0%, rgba(245, 227, 132, 1) 58%, rgba(251, 242, 153, 1) 62%, rgba(254, 252, 166, 1) 72%, rgba(255, 255, 170, 1) 82%, rgba(253, 250, 163, 1) 85%, rgba(248, 236, 144, 1) 90%, rgba(240, 213, 113, 1) 96%, rgba(233, 193, 86, 1) 100%);
	background: -moz-linear-gradient(225deg, rgba(233, 193, 86, 1) 0%, rgba(245, 227, 132, 1) 58%, rgba(251, 242, 153, 1) 62%, rgba(254, 252, 166, 1) 72%, rgba(255, 255, 170, 1) 82%, rgba(253, 250, 163, 1) 85%, rgba(248, 236, 144, 1) 90%, rgba(240, 213, 113, 1) 96%, rgba(233, 193, 86, 1) 100%);
	background: linear-gradient(225deg, rgba(233, 193, 86, 1) 0%, rgba(245, 227, 132, 1) 58%, rgba(251, 242, 153, 1) 62%, rgba(254, 252, 166, 1) 72%, rgba(255, 255, 170, 1) 82%, rgba(253, 250, 163, 1) 85%, rgba(248, 236, 144, 1) 90%, rgba(240, 213, 113, 1) 96%, rgba(233, 193, 86, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E9C156", endColorstr="#E9C156", GradientType=0);
	-webkit-mask: linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
	padding: 2px;
	pointer-events: none;
	box-sizing: border-box;
}

.single-sub-box .single-sub-row {
	padding: 36px;
}

.single-sub-summary .secn-head {
	text-align: start;
	margin-bottom: 2rem;
	max-width: 100%;
}

.single-sub-summary .secn-head p {
	padding: 0;
	font-size: 18px;
	line-height: 142%;
}

.class-details h6 {
	color: var(--White, #F6F6F6);
}

.class-meta {
	display: flex;
	align-items: stretch;
	gap: 1rem;
	width: 100%;
	margin-bottom: 2rem;
	flex-wrap: wrap;
}

.class-meta .meta-item {
	flex: 0 0 auto;
	max-width: fit-content;
	border-radius: 4px;
	background: var(--Stroke, #2F5955);
	display: flex;
	justify-content: center;
	padding: 8px 16px;
	align-items: center;
	gap: 8px;
}

.meta-item span {
	color: var(--white-color, #FFF);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.meta-item img {
	width: 20px;
	height: 20px;
}

/* skills set */
.skills {
	display: flex;
	flex-flow: column;
	gap: 1rem;
	/* max-width: 395px; */
	max-width: 412px;
	width: 100%;
}

.skills .skill {
	display: flex;
	gap: 1rem;
	align-items: self-start;
}

.skill .skill-label-outer {
	flex: 1;
	max-width: calc(100% - 1rem - 260px);
	color: var(--White, #F6F6F6);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 142%;
	word-break: break-word;
	display: flex;
}

.progress {
	width: 260px;
	height: 8px;
	border-radius: 1px;
	background: rgba(170, 170, 170, 0.48);
	overflow: hidden;
}

.skill .progress {
	margin-top: 9px;
}

.progress-bar {
	height: 100%;
	border-radius: 4px;
	transition: width 0.4s ease;
	border-radius: 1px 0 0 1px;
	background: var(--White, #F6F6F6);
}

.about-intro {
	margin-top: 72px;
}

.about-intro h5 {
	color: var(--White);
	text-transform: uppercase;
}

.about-intro-content p {
	color: var(--Second-white, #DEDEDE);
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.single-sub-summary .cta-wrapper {
	margin-top: 2rem;
	text-align: start;
}

.single-sub-summary .cta-wrapper .btn {
	min-width: 240px;
	font-size: 18px;
	line-height: 20px;
	padding: 16px 32px;
	height: 52px;
}

.single-sub-summary .cta-wrapper .btn:hover,
.single-sub-summary .cta-wrapper .btn:active,
.single-sub-summary .cta-wrapper .btn:focus {
	background: var(--Main-background);
}

/* feateurd card */
.features-grid,
.search-results-article-container {
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.feature-card {
	background: var(--Second-background, #1A4440);
	display: flex;
	padding: 40px;
	flex-direction: column;
	align-items: flex-start;
}

.feature-card .icon {
	--size: 60px;
	width: var(--size);
	height: var(--size);
	background: rgba(255, 255, 255, 0.15);
	border-radius: var(--size);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
	padding: 8px;
	background: rgba(255, 255, 255, 0.24);
	display: flex;
	justify-content: center;
	align-items: center;
}

.icon img {
	width: 32px;
	height: 32px;
}

.feature-card h6 {
	margin-bottom: 12px;
	color: var(--White, #F6F6F6);
	line-height: 140%;
	letter-spacing: 0;
}

.feature-card h6 a {
	color: currentColor;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

.feature-card h6 a:hover,
.feature-card h6 a:active,
.feature-card h6 a:focus {
	color: var(--Primary);

}

.feature-card p {
	color: var(--Second-white, #DEDEDE);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 142%;
}

.session-secn {
	padding: 140px 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	isolation: isolate;
}

.session-secn::before {
	position: absolute;
	content: '';
	inset: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.54);
	z-index: -1;
	pointer-events: none;
}

.session-secn figure {
	margin: 0;
}

/* single class subpage ends */
/* static header */
header.site-header.static-header-active {
	padding: 0;
}

.static-header {
	background: var(--Main-background, #0C2C29);
	padding: 2rem 0;
	border-bottom: 1px solid var(--Stroke, #2F5955);
	transition: border 0.3s ease-in-out;
}

header.site-header.sticky .static-header {
	border-bottom: 0;
}

.static-header-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.static-header .site-branding,
.static-header .site-branding a {
	display: flex;
	justify-content: center;
	align-items: center;
}

.static-header .site-branding img {
	height: auto;
	max-width: 100%;
	width: 180px;
}

.back-cta-link {
	--size: 60px;
	display: flex;
	padding: 8px;
	justify-content: center;
	align-items: center;
	border-radius: var(--size);
	border: 0.1px solid rgba(255, 255, 255, 0.1);
	background: linear-gradient(96deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.03) 100%);
	backdrop-filter: blur(21px);
	position: absolute;
	top: 50%;
	margin: 0;
	appearance: none;
	z-index: 9;
	width: var(--size);
	height: var(--size);
	left: 0;
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out;
}

.back-cta-link:hover {
	background: var(--Primary);
}

.back-cta-link img {
	width: 40px;
}

/* terms/cookie/privacy page css */
.common-template-secn {
	padding: 140px 0;
}

.common-template-secn .secn-head .last-updated {
	color: var(--Second-white, #DEDEDE);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 142%;
	margin-top: 2rem;
	display: block;
}

.common-template-secn .secn-head {
	margin-bottom: 120px;
}

/* ===== LAYOUT ===== */
/* ===============================
   LAYOUT
================================ */


/* ===============================
   LAYOUT
================================ */
.single-row {
	display: flex;
	gap: 52px;
	padding: 0;
	color: #ffffff;
}

.single-left-col {
	width: 373px;
	padding-right: 24px;
}

.single-right-col {
	flex: 1;
	max-width: 831px;
}

/* ONLY THIS IS STICKY */
.sticky-holder {
	position: sticky;
	top: 170px;
}


/* ===============================
   LEFT NAV (TOC)
================================ */
.sticky-holder .toc {
	list-style: none;
	padding: 0;
	margin: 0;
	max-height: calc(100dvh - 200px);
	max-height: calc(100vh - 200px);
	max-height: calc(100svh - 200px);
	overflow-y: auto;
	scroll-behavior: smooth;
	scrollbar-width: thin;
	scrollbar-color: var(--White) var(--scrollbar-track);
}

/* scrollbar (optional) */
.sticky-holder .toc::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.sticky-holder .toc::-webkit-scrollbar-track {
	background-color: var(--scrollbar-track);
}

.sticky-holder .toc::-webkit-scrollbar-thumb {
	background-color: var(--White);
	border-radius: 1px;
}

.sticky-holder .toc::-webkit-scrollbar-thumb:hover {
	background-color: var(--Primary);
}

.toc-item {
	margin-bottom: 8px;
}

/* MAIN ITEM */
.toc-main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 17px 20px;
	cursor: pointer;
	border-radius: 2px;
	transition: background 0.25s ease, color 0.25s ease;
	color: var(--White, #F6F6F6);
	font-size: 18px;
	font-weight: 600;
	line-height: 142%;
}

.toc-main:hover {
	background: var(--Stroke, #2F5955);
}

.toc-item.active .toc-main {
	background: var(--Stroke, #2F5955);
}

.toc-main span:first-child {
	flex: 1 0 0;
}

/* ===============================
   ARROW
================================ */
.arrow {
	width: 25px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 auto;
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
	transition: opacity 0.2s ease, visibility 0.2s ease;
}

.arrow img {
	width: 25px;
	height: 25px;
	transform: rotate(0deg);
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: transform;
}


.toc-item.active .arrow {
	opacity: 1;
	visibility: visible;
}

.toc-item.active .arrow img {
	transform: rotate(180deg);
}

/* ===============================
   SUB ITEMS
================================ */
.toc-sub {
	max-height: 0;
	overflow: hidden;
	margin-top: 0px;
	padding-left: 12px;
	list-style: none;
	border-left: 1px solid var(--Stroke);
	margin-left: 12px;
	transition: max-height 0.35s ease, opacity 0.25s ease;
	opacity: 0;
}

.toc-item.active .toc-sub {
	max-height: 1200px;
	opacity: 1;
	margin-top: 8px;
}

.toc-sub-item {
	padding: 17px 16px;
	margin-bottom: 8px;
	cursor: pointer;
	transition: color 0.2s ease;
	color: var(--Second-white, #DEDEDE);
	font-size: 18px;
	font-weight: 400;
	line-height: 142%;
}

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

.toc-sub-item:hover,
.toc-sub-item.active {
	color: var(--white-color);
}


/* ===============================
   RIGHT CONTENT
================================ */
.terms-group {
	margin-bottom: 72px;
	scroll-margin-top: 170px;
}

.terms-group:last-child {
	margin-bottom: 0;
}

.terms-group h2 {
	margin-bottom: 2rem;
	color: var(--Green-light);
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.terms-sub {
	margin-bottom: 2rem;
	scroll-margin-top: 120px;
}

.terms-sub:last-child {
	margin-bottom: 0;
}

.terms-sub h3 {
	color: var(--White, #F6F6F6);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 142%;
	margin-bottom: 12px;
	letter-spacing: 0;
}

.terms-sub p {
	color: var(--Second-white, #DEDEDE);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.terms-sub p a {
	color: var(--Primary);
}

/* ===============================
   AUTO NUMBERING (RIGHT ONLY)
================================ */
.terms-content {
	counter-reset: main;
}

.terms-group {
	counter-increment: main;
	counter-reset: sub;
}

.terms-group>h2::before {
	content: counter(main) ". ";
	font-weight: 600;
	margin-right: 0px;
}

.terms-sub {
	counter-increment: sub;
}

.terms-sub>h3::before {
	content: counter(main) "." counter(sub) " ";
	font-weight: 600;
	margin-right: 0px;
}


/* terms/cookie/privacy page css ends */
/* whatspp chat bot css */
body .joinchat__button {
	background: #15A946 var(--joinchat-ico) 50%/60% no-repeat !important;
	right: 72px;
	bottom: 72px;
}

div.joinchat .joinchat__chatbox {
	border-radius: 20px;

	border-bottom-right-radius: 0;
}

.joinchat .joinchat__header {
	height: auto;
	padding: 16px 32px 16px 16px;
	background: #1A4440;
}

.joinchat #joinchat__label {
	padding-left: 60px;
	position: relative;
	min-height: 48px;
	color: #fff;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.joinchat #joinchat__label:before {
	--bg-chat: url('https://classfitcomstg.wpengine.com/wp-content/uploads/2026/02/logo.svg');
}

.joinchat #joinchat__label:before {
	width: 48px;
	height: 48px;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-color: transparent;
	background-image: var(--bg-chat);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 100%;
}

.joinchat #joinchat__label:after {
	width: 8px;
	height: 8px;
	content: "";
	position: absolute;
	left: 38px;
	top: 38px;
	background-color: #4ad504;
	border-radius: 100%;
	border: 1px solid #095e54;
}

.joinchat .joinchat__header span {
	opacity: 1;
}

.joinchat__header span:after {
	width: 100%;
	height: 100%;
	position: relative;
	content: "virtual assistant";
	display: block;
	text-transform: capitalize;
	font-size: 14px;
	line-height: 120%;
	font-weight: 400;
	letter-spacing: 0;
}

iframe[id^="glofox_"]+div {
	display: none !important;
}

section.error-404 h1 {
	text-align: center;
}

.search-form {
	display: flex;
	align-items: center;
	max-width: 600px;
	margin: 2rem auto;
}

.error-404 .page-content p {
	text-align: center;
}

.search-form label {
	border-radius: 0px;
	padding: 0;
	background: linear-gradient(96deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.03) 100%);
	backdrop-filter: blur(21px);
	box-shadow: inset 0 0 0 0.1px rgb(255 255 255);
	height: 48px;
	flex: 1 0 0;
}

.search-form label input {
	font-family: var(--primary-font);
	color: var(--White);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 142%;
	border: 0;
	outline: 0;
	width: 100%;
	border: 0;
	background: transparent;
	height: 100%;
	padding: 1rem;
}

input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url('assets/images/icons_cross-green.svg') no-repeat center;
	background-size: 20px;
}

/* Modern browsers */
.search-form label input::placeholder {
	color: var(--Gray);
	opacity: 1;
	/* Fix Firefox fade */
}

/* Firefox */
.search-form label input::-moz-placeholder {
	color: var(--Gray);
	opacity: 1;
}

/* Internet Explorer 10–11 */
.search-form label input:-ms-input-placeholder {
	color: var(--Gray);
}

/* Old Microsoft Edge */
.search-form label input::-ms-input-placeholder {
	color: var(--Gray);
}


.search-form label input:focus {
	color: var(--Gray);
}

.search-form .search-submit {
	background: var(--Primary);
	border-radius: 0px;
	border: 0;
	display: block;
	font-family: var(--primary-font);
	height: 48px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	color: var(--Black, #212121);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 14px 16px;
	flex: 0 0 auto;
	width: fit-content;
	max-width: max-content;
}

.search-form .search-submit:active,
.search-form .search-submit:hover,
.search-form .search-submit:focus {
	background-color: var(--Second-background);
	color: var(--Primary);
}

.search-results-article-container {
	margin: 3rem 0;
}

.search-results-article-container article {
	margin: 0;
}

.post-card {
	display: flex;
	flex-flow: column;
	background: var(--Second-background, #1A4440);
	height: 100%;
}

.search-results-article-container .post-card .post-img {
	line-height: 0;
}

.comment-navigation .nav-previous a,
.posts-navigation .nav-previous a,
.post-navigation .nav-previous a,
.comment-navigation .nav-next a,
.posts-navigation .nav-next a,
.post-navigation .nav-next a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	position: relative;
	color: var(--Primary, #FEC100);
	font-family: var(--primary-font);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	text-decoration: none;
}

.comment-navigation .nav-next a::after,
.posts-navigation .nav-next a::after,
.post-navigation .nav-next a::after {
	content: "";
	display: inline-flex;
	width: 12px;
	height: 12px;
	background-image: url("assets/images/arrow-right-yellow.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: transform 0.3s ease, filter 0.3s ease;
}

.comment-navigation .nav-previous a::before,
.posts-navigation .nav-previous a::before,
.post-navigation .nav-previous a::before {
	content: "";
	display: inline-flex;
	width: 12px;
	height: 12px;
	background-image: url("assets/images/arrow-right-yellow.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: scaleX(-1);
	transition: transform 0.3s ease, filter 0.3s ease;
}


.comment-navigation .nav-next a:hover,
.posts-navigation .nav-next a:hover,
.post-navigation .nav-next a:hover,
.comment-navigation .nav-next a:active,
.posts-navigation .nav-next a:active,
.post-navigation .nav-next a:active,
.comment-navigation .nav-previous a:hover,
.posts-navigation .nav-previous a:hover,
.post-navigation .nav-previous a:hover,
.comment-navigation .nav-previous a:active,
.posts-navigation .nav-previous a:active,
.post-navigation .nav-previous a:active {
	color: var(--white-color);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

.comment-navigation .nav-next a:hover::after,
.posts-navigation .nav-next a:hover::after,
.post-navigation .nav-next a:hover::after,
.comment-navigation .nav-next a:active::after,
.posts-navigation .nav-next a:active::after,
.post-navigation .nav-next a:active::after,
.comment-navigation .nav-previous a:hover::before,
.posts-navigation .nav-previous a:hover::before,
.post-navigation .nav-previous a:hover::before,
.comment-navigation .nav-previous a:active::before,
.posts-navigation .nav-previous a:active::before,
.post-navigation .nav-previous a:active::before {
	filter: brightness(0) invert(1);
}

.single-post-content-container .post-thumbnail {
	margin: 1.25rem 0;
}

.single-post-content-container .post-thumbnail img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.single-post-content-container nav.navigation.post-navigation {
	margin-top: 2rem;
}

.single-post-content-container .entry-meta {
	color: var(--Second-white);
}

.single-post-content-container .entry-footer {
	margin-top: 1rem;
}

.single-post-content-container .entry-footer .cat-links,
.single-post-content-container .entry-footer .tags-links {
	color: var(--Second-white);
}

/* comments area form */
.comments-area {
	margin-bottom: 2rem;
}

.comments-area .comment-form p {
	display: flex;
	flex-flow: column;
	gap: 4px;
}

.comments-area .comment-form p.comment-form-cookies-consent {
	flex-direction: row;
	gap: 4px;
}

.comments-area .comment-form #wp-comment-cookies-consent {
	display: none;
}

.comments-area .comment-form #wp-comment-cookies-consent+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
}

.comments-area .comment-form #wp-comment-cookies-consent+label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 20px;
	height: 20px;
	border: 1px solid var(--Second-white);
	border-radius: 3px;
	background: var(--Second-background);
}

.comments-area .comment-form #wp-comment-cookies-consent:checked+label:before {
	border-color: var(--Primary);
}

.comments-area .comment-form #wp-comment-cookies-consent:checked+label:after {
	content: "";
	position: absolute;
	left: 7px;
	top: 8px;
	width: 6px;
	height: 10px;
	border: solid var(--Primary);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.comments-area .comment-form input:not(.form-submit input, .comment-form-cookies-consent input),
.comments-area .comment-form textarea {
	border-radius: 0px;
	padding: 17px 24px;
	font-family: var(--primary-font);
	font-style: normal;
	color: var(--Green-light);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 142%;
	border: 0;
	outline: 0;
	width: 100%;
	border: 0;
	background: var(--Second-background);
	box-shadow: none;
	height: 60px;

}

.comments-area .comment-form .comment-form-comment textarea {
	resize: none;
	height: 180px;
	outline: 0;
}

.comments-area .comment-form .form-submit input[type="submit"] {
	background: var(--Primary);
	border-radius: 0px;
	width: 100%;
	border: 0;
	display: block;
	text-align: center;
	font-family: var(--primary-font);
	height: 60px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	color: var(--Black, #212121);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 20px 32px;
	max-width: 300px;
	margin-top: 2rem;
}

.comments-area .comment-form .form-submit input[type="submit"]:hover,
.comments-area .comment-form .form-submit input[type="submit"]:active,
.comments-area .comment-form .form-submit input[type="submit"]:focus {
	background-color: var(--Second-background);
	color: var(--Primary);
}



/* common tabs area for pricing section home page */

/* OUTER WRAPPER (CENTERS TABS) */
.common-tabs-con {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 72px;
}


/* INNER TABS WRAPPER */
.common-tabs-wrapper {
	display: flex;
	align-items: center;
	gap: 0;
	max-width: max-content;
	overflow-x: auto;
	white-space: nowrap;
	scroll-behavior: smooth;
	margin-inline: auto;
	border-radius: 2px;
	padding: 12px 24px;
	min-width: 326px;
	overflow: hidden;
}

.tabs-layout-1 .common-tabs-wrapper {
	background: linear-gradient(96deg,
			rgba(255, 255, 255, 0.20) 0%,
			rgba(255, 255, 255, 0.08) 50%,
			rgba(255, 255, 255, 0.03) 100%);

	backdrop-filter: blur(21px);
	-webkit-backdrop-filter: blur(21px);
	box-shadow: inset 0 0 0 0.2px rgba(255, 255, 255, 0.25);
}

.tabs-layout-2 .common-tabs-wrapper {
	background: var(--Second-background, #1A4440);
}

/* Hide scrollbar */
.common-tabs-wrapper::-webkit-scrollbar {
	display: none;
}

.common-tabs-wrapper {
	-ms-overflow-style: none;
	scrollbar-width: none;
}


/* TAB BUTTON */
.common-tab {
	position: relative;
	flex: 0 0 auto;
	padding: 0 24px;
	cursor: pointer;
	transition: all 0.3s ease;
	color: var(--White, #F6F6F6);
	font-size: 16px;
	font-weight: 400;
	line-height: 140%;
	text-transform: uppercase;
}

/* Remove extra spacing issue on first & last */
.common-tab:first-child {
	padding-left: 0;
}

.common-tab:last-child {
	padding-right: 0;
}


/* Right separator line */
.common-tab:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	height: 100%;
	max-height: 16px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	background: rgba(255, 255, 255, 0.48);
}


/* Hover */
.common-tab span:hover {
	color: var(--Primary);
}


/* Active Tab */
.common-tab.active-common-tab {
	color: var(--Primary, #FEC100);
	font-weight: 600;
}


/* Bottom underline for active */
.common-tab span {
	position: relative;
	display: inline-block;
	font-size: inherit;
	line-height: inherit;
}

/* Underline matches text width */
.common-tab.active-common-tab span::after {
	content: "";
	position: absolute;
	left: 0;
	top: calc(100% + 9px);
	width: 100%;
	height: 2px;
	border-radius: 4px 4px 0 0;
	background: var(--Primary, #FEC100);
}


/* =====================================
   TAB CONTENT VISIBILITY
===================================== */

.common-tabs-area {
	position: relative;
}

.common-tabs-area .tab-content {
	display: none;
	/* animation: commonFade 0.4s ease forwards; */
}

.common-tabs-area .tab-content.active-common-tab {
	display: block;
}

@keyframes commonFade {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* membership page css */
.plans-card {
	display: flex;
	flex-flow: column;
	background: var(--Second-background, #1A4440);
	position: relative;
	padding: 40px;
	transition: all 0.3s ease-in-out;
}

.plans-card::before {
	position: absolute;
	content: '';
	inset: 8px;
	pointer-events: none;
	background: -webkit-linear-gradient(225deg, rgba(233, 193, 86, 1) 0%, rgba(245, 227, 132, 1) 58%, rgba(251, 242, 153, 1) 62%, rgba(254, 252, 166, 1) 72%, rgba(255, 255, 170, 1) 82%, rgba(253, 250, 163, 1) 85%, rgba(248, 236, 144, 1) 90%, rgba(240, 213, 113, 1) 96%, rgba(233, 193, 86, 1) 100%);
	background: -moz-linear-gradient(225deg, rgba(233, 193, 86, 1) 0%, rgba(245, 227, 132, 1) 58%, rgba(251, 242, 153, 1) 62%, rgba(254, 252, 166, 1) 72%, rgba(255, 255, 170, 1) 82%, rgba(253, 250, 163, 1) 85%, rgba(248, 236, 144, 1) 90%, rgba(240, 213, 113, 1) 96%, rgba(233, 193, 86, 1) 100%);
	background: linear-gradient(225deg, rgba(233, 193, 86, 1) 0%, rgba(245, 227, 132, 1) 58%, rgba(251, 242, 153, 1) 62%, rgba(254, 252, 166, 1) 72%, rgba(255, 255, 170, 1) 82%, rgba(253, 250, 163, 1) 85%, rgba(248, 236, 144, 1) 90%, rgba(240, 213, 113, 1) 96%, rgba(233, 193, 86, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E9C156", endColorstr="#E9C156", GradientType=0);
	-webkit-mask: linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
	padding: 2px;
	pointer-events: none;
	box-sizing: border-box;
	opacity: 1;
	visibility: visible;
	transition:
		opacity 0.5s ease,
		transform 0.4s ease,
		visibility 0.5s ease;

	will-change: opacity, transform;
	transform: scale(0.98);
}

.plans-card .card-title {
	color: var(--White, #F6F6F6);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 142%;
	text-transform: capitalize;
}

.plans-card .price {
	margin: 1.5rem 0 1rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.plans-card .price .price-value {
	color: var(--White, #F6F6F6);
	text-align: start;
	font-size: 48px;
	text-transform: uppercase;
}

.plans-card .price .small {
	color: var(--Second-white, #DEDEDE);
	text-align: start;
	margin-left: 8px;
	margin-top: 0;
	letter-spacing: 0;
	font-weight: 400;
}

.plans-card .price-card-text {
	padding: 0;
	text-align: start;
	margin-bottom: 2rem;
}

.plans-card .price-card-text p {
	color: var(--Second-white, #DEDEDE);
	font-size: 16px;
	line-height: 140%;
}

.plans-card .btn.card-btn {
	height: 52px;
	padding: 16px;
	color: var(--Black, #212121);
	font-size: 18px;
	line-height: 20px;
	width: 100%;
	margin-top: auto;
	border: 0;
}

.plans-card .btn.card-btn:hover,
.plans-card .btn.card-btn:active,
.plans-card .btn.card-btn:focus {
	background: var(--Second-background, #1A4440);
	color: var(--Primary);
}

/* hover effects */
.plans-card:hover,
.plans-card.highlighted-plan {
	background-color: var(--Primary);
}

.plans-card:hover::before,
.plans-card.highlighted-plan::before {
	transform: scale(1);
	opacity: 0;
	visibility: hidden;
}

.plans-card:hover .card-title,
.plans-card.highlighted-plan .card-title,
.plans-card:hover .price .price-value,
.plans-card.highlighted-plan .price .price-value,
.plans-card:hover .price .small,
.plans-card.highlighted-plan .price .small,
.plans-card:hover .price-card-text p,
.plans-card.highlighted-plan .price-card-text p {
	color: var(--Black);
}

.plans-card:hover .card-btn,
.plans-card.highlighted-plan .card-btn {
	background: var(--Second-background, #1A4440);
	color: var(--Primary);
}

/* on hover highlighte plan */
.plans-card.highlighted-plan:hover,
.plans-card.highlighted-plan:active,
.plans-card.highlighted-plan:focus {
	background: var(--Second-background, #1A4440);
}

.plans-card.highlighted-plan:hover .card-title,
.plans-card.highlighted-plan:hover .price .price-value {
	color: var(--White);
}

.plans-card.highlighted-plan:hover .price .small,
.plans-card.highlighted-plan:hover .price-card-text p {
	color: var(--Second-white, #DEDEDE);
}

.plans-card.highlighted-plan:hover .card-btn {
	background-color: var(--Primary);
	color: var(--Black);
	border-color: var(--Primary);
}

/* =====================================
   BASE GRID (Desktop)
===================================== */

.cf-featured-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: 20px;
	row-gap: 72px;
}



/* ================================
   IMAGE STYLING
================================ */
.cf-img-block {
	margin: 0;
}

.cf-img-block img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;

}

/* Control image height */
.cf-img-block {
	height: 400px;
}


/* ================================
   CONTENT BLOCKS
================================ */

.cf-content-list {}

.cf-content-list-in {
	position: relative;
	padding-top: 24px;
}

/* Top divider line */
.cf-content-list-in::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--Stroke, #2F5955);
}


/* ================================
   TEXT STYLING
================================ */
.cf-content-list .mindset-head {
	margin-bottom: 1.5rem;
}

.cf-content-list .mindset-subhead {
	color: var(--Second-white, #DEDEDE);
	font-feature-settings: 'case' on, 'cpsp' on, 'liga' off;
	font-size: 14px;
	margin-bottom: 8px;
}

.cf-content-list h6 {
	color: var(--White, #F6F6F6);
	margin-bottom: 0;
	text-transform: uppercase;
}

.cf-content-list .mindset-description p {
	color: var(--Second-white, #DEDEDE);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}


/* membership page css ends */
body.modal-open {
	overflow: hidden;
}

.global-modal {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 9999;
}

.global-modal.active {
	visibility: visible;
	opacity: 1;
}

.modal-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.72);
}

.modal-box {
	position: relative;
	background: var(--Main-background, #0C2C29);
	width: 100%;
	max-width: 682px;
	padding: 40px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	transform: translateY(30px);
	transition: transform 0.3s ease;
	z-index: 2;
	scrollbar-width: thin;
}

.global-modal.active .modal-box {
	transform: translateY(0);
}

.modal-body {
	flex: 1;
}

.modal-close {
	position: absolute;
	top: 40px;
	right: 40px;
	border: none;
	background-image: url("assets/images/cross-icon.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	cursor: pointer;
	line-height: 1;
	width: 24px;
	height: 24px;
	padding: 0;
	background-color: transparent;
}

.modal-head {
	display: flex;
	flex-flow: column;
	align-items: center;
	text-align: center;
	margin-bottom: 2rem;
}

.modal-head {
	display: flex;
	flex-flow: column;
	align-items: center;
	text-align: center;
	margin-bottom: 2rem;
}

.modal-logo {
	text-align: center;
	margin-bottom: 2rem;
}

.modal-logo a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.modal-logo img {
	height: 76px;
	max-width: 100%;
}

.modal-head h4 {
	color: var(--White, #F6F6F6);
	text-transform: uppercase;
}

.global-modal .contact-form-wrapper .wpcf7-form input:not([type="submit"]),
.contact-us-secn .contact-form-wrapper .wpcf7-form input:not([type="submit"]),
.global-modal .contact-form-wrapper .wpcf7-form textarea,
.contact-us-secn .contact-form-wrapper .wpcf7-form textarea {
	background: var(--Second-background, #1A4440);
	filter: none;
	color: var(--White);
	backdrop-filter: none;
	box-shadow: none;
}

/* Modern browsers */
.global-modal .contact-form-wrapper .wpcf7-form input:not([type="submit"])::placeholder,
.contact-us-secn .contact-form-wrapper .wpcf7-form input:not([type="submit"])::placeholder,
.global-modal .contact-form-wrapper .wpcf7-form textarea::placeholder,
.contact-us-secn .contact-form-wrapper .wpcf7-form textarea::placeholder {
	color: var(--Green-light);
	opacity: 1;
	/* Firefox fix */
}

/* Firefox */
.global-modal .contact-form-wrapper .wpcf7-form input:not([type="submit"])::-moz-placeholder,
.contact-us-secn .contact-form-wrapper .wpcf7-form input:not([type="submit"])::-moz-placeholder,
.global-modal .contact-form-wrapper .wpcf7-form textarea::-moz-placeholder,
.contact-us-secn .contact-form-wrapper .wpcf7-form textarea::-moz-placeholder {
	color: var(--Green-light);
	opacity: 1;
}

/* IE 10–11 */
.global-modal .contact-form-wrapper .wpcf7-form input:not([type="submit"]):-ms-input-placeholder,
.contact-us-secn .contact-form-wrapper .wpcf7-form input:not([type="submit"]):-ms-input-placeholder,
.global-modal .contact-form-wrapper .wpcf7-form textarea:-ms-input-placeholder,
.contact-us-secn .contact-form-wrapper .wpcf7-form textarea:-ms-input-placeholder {
	color: var(--Green-light);
}

/* Old Edge */
.global-modal .contact-form-wrapper .wpcf7-form input:not([type="submit"])::-ms-input-placeholder,
.contact-us-secn .contact-form-wrapper .wpcf7-form input:not([type="submit"])::-ms-input-placeholder,
.global-modal .contact-form-wrapper .wpcf7-form textarea::-ms-input-placeholder,
.contact-us-secn .contact-form-wrapper .wpcf7-form textarea::-ms-input-placeholder {
	color: var(--Green-light);
}


.global-modal .contact-form-wrapper .wpcf7-form textarea,
.contact-us-secn .contact-form-wrapper .wpcf7-form textarea {
	height: 160px;
}

.global-modal .contact-form-wrapper .wpcf7-form input[type="submit"] {
	transition: none;
}

/* ----classes cat  */
.common-row.three-col-row {
	row-gap: 24px;
	justify-content: start;
}

.common-row.three-col-row .class-block {
	height: inherit;
}

/* contact us page css begins*/
.contact-us-secn {
	padding: 140px 0;
}

.get-in-touch-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px 42px;
	align-items: center;
}

/* Left column */
.get-in-touch-grid .secn-head {
	grid-column: 1;
	margin: 0;
	text-align: start;
	padding-right: 2rem;
}

.get-in-touch-grid .secn-head p {
	padding: 0;
}

.get-in-touch-grid .info-item-row {
	grid-column: 1;
	padding-right: 62px;
}

/* Right column (form spans height) */
.get-in-touch-grid .contact-form-wrapper {
	grid-column: 2;
	grid-row: 1 / span 2;
}

/* Stack info items vertically */
.info-item-row {
	display: flex;
	flex-flow: column;
	gap: 2rem;
}

.info-item-row .info-item {
	display: grid;
	align-items: center;
	grid-template-columns: 56px 1fr;
	gap: 1rem;
}

.info-item .info-icon {
	--size: 56px;
	width: var(--size);
	height: var(--size);
	border-radius: var(--size);
	display: flex;
	padding: 8px;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, 0.24);
}

.info-icon img {
	width: 2rem;
	height: 2rem;
}

.info-item .info-content {
	display: flex;
	flex-flow: column;
	gap: 4px;
	word-break: break-word;
}

.info-content p span {
	position: relative;
}

.info-content strong {
	color: var(--White, #F6F6F6);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 142%;
}

.info-content p {
	color: var(--Second-white, #DEDEDE);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 142%;
	display: flex;
	flex-wrap: wrap;
}

.info-content p a {
	text-decoration: none;
	color: currentColor;
}

.info-content p a:hover,
.info-content p a:focus,
.info-content p a:active {
	color: var(--Primary);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

.map-marker-secn .embed-map-responsive {
	height: 700px;
	min-height: 700px;
}

/* contact us page css ends */
.faq-search-outer {
	margin-top: 2rem;
}

.contact-hero-secn.common-hero-secn .hero-banner-content .btn-grp .btn {
	min-width: 312px;
}

.contact-faq-sec .secn-head {
	margin-bottom: 2rem;
}

.faq-search-outer .faq-search-form {
	display: flex;
	gap: 1rem;
	max-width: 521px;
	margin: 0 auto;
}

.faq-search-outer .faq-search-form .faq-search-field {
	display: inline-block;
	max-width: 360px;
	height: 52px;
	width: 100%;
	margin: 0;
	text-align: left;
	vertical-align: middle;
	border: none;
	outline: 0;
	color: var(--White);
	font-family: var(--primary-font);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 142%;
	padding: 17px 24px 17px 56px;
	background-image: url("assets/images/search-icon.svg");
	background-position: left 24px center;
	background-repeat: no-repeat;
	background-size: 24px;
	background-color: var(--Stroke, #2F5955);
	border-radius: 0;
}

/* Modern browsers */
.faq-search-outer .faq-search-form .faq-search-field::placeholder {
	color: var(--Green-light, #739490);
	font-family: var(--primary-font);
	opacity: 1;
	/* Prevent Firefox fade */
}

/* Firefox */
.faq-search-outer .faq-search-form .faq-search-field::-moz-placeholder {
	color: var(--Green-light, #739490);
	font-family: var(--primary-font);
	opacity: 1;
}

/* IE 10–11 (only if you support it) */
.faq-search-outer .faq-search-form .faq-search-field:-ms-input-placeholder {
	color: var(--Green-light, #739490);
	font-family: var(--primary-font);
}

/* Old Edge */
.faq-search-outer .faq-search-form .faq-search-field::-ms-input-placeholder {
	color: var(--Green-light, #739490);
	font-family: var(--primary-font);
}


.faq-search-outer .faq-search-form .faq-search-btn {
	display: flex;
	height: 52px;
	padding: 16px 32px;
	justify-content: center;
	align-items: center;
	background: var(--Primary, #FEC100);
	color: var(--Black, #212121);
	text-align: center;
	outline: 0;
	border: 0;
	border-radius: 0;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	flex: 0 0 auto;
	min-width: 145px;
	width: max-content;
	transition: all 0.3s ease;
	cursor: pointer;
}

.faq-search-outer .faq-search-form .faq-search-btn:hover,
.faq-search-outer .faq-search-form .faq-search-btn:active,
.faq-search-outer .faq-search-form .faq-search-btn:focus {
	background-color: var(--Main-background);
	color: var(--Primary);
}

.multi-faq-outer {
	margin-top: 120px;
}

.multi-faq-outer .single-faq-row {
	max-width: 830px;
	width: 100%;
	margin: 0 auto;
}

.multi-faq-outer .single-faq-row+.single-faq-row {
	margin-top: 72px;
}

.multi-faq-outer .single-faq-row .accordion-wrapper {
	max-width: 100%;
	margin: 0;
}

.single-faq-row h5 {
	margin-bottom: 2rem;
	color: var(--Green-light, #739490);
	text-transform: uppercase;
}

.no-faq-found {
	text-align: center;
	color: var(--White);
}

/* ---blog page css start */
.blog-feature-banner {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 400px;
}

.blog-feature-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog-featured-secn .single-sub-summary .post-meta-head {
	margin-bottom: 24px;
}

.blog-featured-secn .single-sub-summary .post-meta-head span.meta-date {
	text-transform: uppercase;
}

.blog-featured-secn .single-sub-summary .secn-head {
	margin-bottom: 1rem;
}

.blog-features-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}

.blogs-list .post-card .post-img {
	line-height: 0;
}

/* pagination css */
/* Wrapper */
.ajax-pagination {
	margin-top: 0;
	text-align: center;
}

/* Pagination container */
.ajax-pagination .pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
	padding: 0;
	list-style: none;
	margin: 48px 0 0 0;

}

/* Default page item */
.pagination .page-item {
	list-style: none;
}

/* Base link style */
.pagination .page-link {
	min-width: 44px;
	height: 44px;
	text-decoration: none;
	padding: 2px;
	background: var(--Second-background, #1A4440);
	border: 1px solid transparent;
	transition: all 0.25s ease;
	border-radius: 2px;
	color: var(--Light-green, #5DBCB3);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.pagination .page-item:not(.disabled) .prev,
.pagination .page-item:not(.disabled) .next {
	background: var(--Primary);
	color: var(--Black);
}

.pagination .page-item:not(.disabled) .prev::before {
	filter: brightness(0);
}

/* Number buttons hover */
.pagination .page-item:not(.active):not(.disabled) .page-link:hover {
	background: var(--Primary);
	color: var(--Black);
}

.pagination .page-link.prev,
.pagination .page-link.next {
	width: 120px;
	padding: 8px 12px;
	text-transform: capitalize;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
	border-color: transparent;
	letter-spacing: normal;
	position: relative;
}

.pagination .page-link.prev {
	color: var(--White, #F6F6F6);
}

/* Active page */
.pagination .page-item.active .page-link {
	background: transparent;
	border: 1px solid var(--White, #F6F6F6);
	color: var(--White, #F6F6F6);
}

/* Disabled (Previous when disabled) */
.pagination .page-item.disabled .page-link {
	border-radius: 1px;
	background: #153F3B;
	cursor: not-allowed;
}

.pagination .page-link.prev:hover::before {
	filter: none;
}

.pagination .page-item.disabled .page-link.prev:hover::before {
	filter: invert(1);
}

/* Next button */
.pagination .page-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.page-link.prev::before,
.page-link.next::after {
	--size: 20px;
	width: var(--size);
	height: var(--size);
	flex: 0 0 auto;
	background-size: var(--size);
	display: inline-block;
	content: "";
}

.page-link.prev::before {
	background: url('assets/images/chevron-right-dark.svg') no-repeat center;
	transform: scaleX(-1);
	filter: brightness(100);
}

.page-link.next::after {
	background: url('assets/images/chevron-right-dark.svg') no-repeat center;
}

.pagination .page-item:first-of-type {
	margin-right: 1rem;
}

.pagination .page-item:last-of-type {
	margin-left: 1rem;
}

.pagination .page-item.disabled .page-link.next {
	border-radius: 1px;
	background: #153F3B;
	color: var(--White, #F6F6F6);
	cursor: not-allowed;
}

.pagination .page-item.disabled .page-link.next::after {
	filter: brightness(100);
}

/* common hero btn for all except home hero btn */
.common-hero-secn .hero-banner-content .btn-grp .btn {
	min-width: 260px;
}

/* blog page css ends */
/* single blog detail page css start */
body.single-post .site-main {
	padding-top: 0rem;
	padding-bottom: 0rem;
}

.single-blog-article {
	padding: 140px 0;
}

.post-article-head {
	text-align: center;
	max-width: 924px;
	margin: 0 auto 78px;
}

.post-cat {
	border-radius: 4px;
	background: var(--Stroke, #2F5955);
	display: flex;
	padding: 8px 16px;
	align-items: center;
	color: var(--white-color, #FFF);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	max-width: max-content;
	margin: 0 auto 1rem;
}

.post-article-head .post-title {
	margin-bottom: 1.5rem;
}

.post-meta-info {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 4px;
}

.post-meta-info span {
	color: var(--Second-white, #DEDEDE);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 142%;
	position: relative;
}

.post-meta-info span:not(:last-child) {
	padding-right: 12px;
	margin-right: 12px;
}

.post-meta-info span:not(:last-child)::after {
	position: absolute;
	width: 4px;
	height: 4px;
	background: var(--Second-white);
	border-radius: 4px;
	content: '';
	right: -2px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.single-blog-article .post-thumbnail {
	height: 800px;
	margin-bottom: 72px;
	background: var(--White, #F6F6F6);
}

.single-blog-article .post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sidebar-block {
	border-radius: 2px;
	background: var(--Second-background, #1A4440);
	padding: 24px 40px;
}

.sidebar-block-title {
	text-align: center;
	margin-bottom: 1rem;
	color: var(--White, #F6F6F6);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.social-media {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1.5rem;
	flex-wrap: wrap;
}

.social-media li {
	flex: 0 0 auto;
}

.social-media li a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.social-media li a img {
	width: 24px;
	height: 24px;
	transition: filter 0.3s ease;
}

.social-media li a img:hover {
	filter: brightness(0) saturate(100%) invert(79%) sepia(92%) saturate(750%) hue-rotate(2deg) brightness(73%) contrast(104%);
}

.single-post-row,
.flex-row {
	display: flex;
	gap: 52px;
	flex-wrap: wrap;
	position: relative;
}

.common-sidebar {
	flex: 0 0 405px;
	width: 405px;
}

/* content area css for single blog post */
.single-post-row .post-content-area {
	color: var(--Second-white);
}

.single-blog-article .content-area h2 {
	font-size: 60px;
}

.single-blog-article .content-area h3,
.single-blog-article .content-area h4,
.single-blog-article .content-area h5,
.single-blog-article .content-area h6 {
	font-weight: 600;
	margin-bottom: 12px;
}

.single-blog-article .content-area h3:first-of-type {
	margin-top: 0;
}

.single-blog-article .content-area h3 {
	color: var(--White, #F6F6F6);
	font-size: 24px;
	font-style: normal;
	line-height: 140%;
	margin-top: 2rem;
}

.single-blog-article .content-area h4 {
	font-size: 20px;
	line-height: 140%;
}

.single-blog-article .content-area h5 {
	font-size: 18px;
	line-height: 140%;
}

.single-blog-article .content-area h6 {
	font-size: 16px;
	line-height: 140%;
}

.single-blog-article .content-area p {
	color: var(--Second-white, #DEDEDE);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 142%;
}

.single-blog-article .content-area li {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.single-blog-article .content-area li:last-child {
	margin-bottom: 0;
}

.single-blog-article .content-area li h6 {
	margin-bottom: 8px;
}

.single-blog-article .content-area ol,
.single-blog-article .content-area ul {
	margin-top: 1.5rem;
	padding-left: 1.25rem;
}

.single-blog-article .content-area ol li {
	margin-bottom: 1.5rem;
}

.single-blog-article .content-area ul li {
	margin-bottom: 12px;
}

/* custom toc css global */
.cus-toc-container {}

.toc-toggle-btn {
	display: none;
}

.toc-toggle-btn img {
	width: 2rem;
	height: 2rem;
}

/* =========================
   TOC CONTAINER
========================= */
.cus-toc-con {
	padding: 2.5rem;
	border-radius: 2px;
	background: var(--Second-background, #1A4440);
	display: flex;
	flex-flow: column;
}

/* =========================
   TOC HEADER
========================= */
.cus-toc-con .cus-toc-header {
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid #2F5955;
	color: var(--White, #F6F6F6);
	font-size: 18px;
	font-weight: 600;
	line-height: 142%;
}

.cus-toc-header span {
	font: inherit;
}

/* =========================
   Remove markers from TOP LEVEL
========================= */
.cus-toc-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.cus-toc-header+.cus-toc-list {
	flex: 1;
}

/* =========================
   Enable markers ONLY for nested lists
========================= */
.cus-toc-list .cus-toc-item>.cus-toc-list {
	list-style: disc;
	padding-left: 48px;
	margin-top: 4px;
}

.cus-toc-list ul.cus-toc-list {
	padding-left: 48px;
}

.cus-toc-list li:not(:last-child) {
	margin-bottom: 4px;
}

/* Nested list spacing */
.cus-toc-item>.cus-toc-list li {
	margin-bottom: 4px;
}


/* =========================
   LIST ITEMS
========================= */
.cus-toc-list .cus-toc-item {
	margin-bottom: 4px;
	cursor: pointer;
	color: var(--White, #F6F6F6);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.cus-toc-text {
	display: block;
	padding: 12px;
	border-radius: 2px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	transition: background 0.3s ease, color 0.3s ease, font-weight 0.3s ease;
	;
}

/* =========================
   ACTIVE / CURRENT STATES
========================= */
.cus-toc-item.current>.cus-toc-text {
	background: var(--Main-background, #0C2C29);
	color: var(--White);
	font-weight: 600;
}

.cus-toc-item.previous-active>.cus-toc-text {}

/* =========================
   HOVER EFFECT
========================= */
.cus-toc-item:hover>.cus-toc-text {
	background: var(--Main-background, #0C2C29);
}

/* =========================
   NESTED LISTS
========================= */

.cus-toc-item .cus-toc-list li {
	margin-bottom: 4px;
}

.cus-toc-item .cus-toc-list li:last-child {
	margin-bottom: 0;
}

/* =========================
   OPTIONAL: SCROLL STYLING
========================= */
/* Chrome, Edge, Safari */
.cus-toc-con .cus-toc-list::-webkit-scrollbar {
	width: 4px;
}

.cus-toc-con .cus-toc-list::-webkit-scrollbar-track {
	background-color: var(--scrollbar-track);
}

.cus-toc-con .cus-toc-list::-webkit-scrollbar-thumb {
	background-color: var(--White);
	border-radius: 2px;
}

.toc-block {
	margin-bottom: 1.5rem;
}

/* custom toc css global ends*/


/* single blog detail page css ends */
/* timetable calender section css start */
.classes-calendar-wrapper {
	padding: 1rem;
	/* background: #104b45; */
	background: var(--Main-background, #0C2C29);
	max-width: 1256px;
	margin: 0px auto;
	font-family: var(--primary-font);
}

/* top calender panel start */
.calendar-topbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: transparent;
	padding: 0;
	margin-bottom: 1rem;
}

.month-nav {
	display: flex;
	align-items: center;
	gap: 0;
	flex: 0 0 auto;
	max-width: 275px;
	width: 100%;
}

div#calendarMonth {
	color: var(--White, #F6F6F6);
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	margin-right: 1.5rem;
	min-width: 155px;
}

.cal-arrows-nav {
	display: flex;
	gap: 8px;
}

.cal-arrows-nav .cal-prev,
.cal-arrows-nav .cal-next {
	display: flex;
	width: 36px;
	height: 36px;
	padding: 6px;
	justify-content: center;
	align-items: center;
	background: var(--White, #F6F6F6);
	position: relative;
	outline: 0;
	border: 0;
	cursor: pointer;
	border-radius: 0;
}

.cal-arrows-nav .cal-prev::before,
.cal-arrows-nav .cal-next::before {
	position: absolute;
	inset: 0;
	content: '';
	background: url("assets/images/chevron-left-dark.svg");
	background-repeat: no-repeat;
	background-size: 29px;
	background-position: center;
	width: 24px;
	height: 24px;
	margin: auto;
}

.cal-arrows-nav .cal-next::before {
	transform: scaleX(-1);
}

.cal-arrows-nav .cal-prev:hover,
.cal-arrows-nav .cal-next:hover,
.cal-arrows-nav .cal-prev:active,
.cal-arrows-nav .cal-next:active {
	background: var(--Primary);
}

.calendar-top-labels {
	margin: 0 auto;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem 2rem;
}


.calendar-top-labels .calendar-top-label-item {
	display: flex;
	align-items: center;
	color: var(--Second-white, #DEDEDE);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	position: relative;
	padding-left: 20px;
}

.calendar-top-label-item::before {
	position: absolute;
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 20px;
	top: auto;
	left: 0;
	bottom: auto;
}

.calendar-top-label-item.color-1::before {
	background: var(--color-1);
}

.calendar-top-label-item.color-2::before {
	background: var(--color-2);
}

/* top calender panel ends */
/* calender action */
.calendar-actions {
	display: flex;
	gap: 1rem;
	max-width: 300px;
}

.calender-action-btn {
	position: relative;
}

.calender-action-btn .open-filter-btn {
	display: flex;
	padding: 8px 12px 8px 14px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	background: var(--White, #F6F6F6);
	color: var(--Black, #212121);
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	position: relative;
	border: 0;
	outline: 0;
	border-radius: 0;
	min-width: 94px;
	cursor: pointer;
}

.open-filter-btn::before,
.open-filter-btn::after {
	content: '';
	position: relative;
	--size: 14px;
	width: var(--size);
	height: var(--size);
	background-repeat: no-repeat;
	background-size: var(--size);
	background-position: center;
	display: inline-block;
	margin-top: 3px;
	margin-bottom: 3px;
}

.open-filter-btn::before {
	background-image: url("assets/images/Funnel.svg");
	left: 0;
	margin-right: 2px;

}

.open-filter-btn::after {
	background-image: url("assets/images/CaretDown.svg");
	right: 0;
}

.signin-btn {
	display: flex;
	padding: 8px 12px 8px 14px;
	justify-content: center;
	align-items: center;
	color: var(--Black, #212121);
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	position: relative;
	border: 0;
	outline: 0;
	border-radius: 0;
	background: var(--Primary, #FEC100);
	min-width: 94px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease;
}

.signin-btn::before {
	content: '';
	position: relative;
	--size: 20px;
	width: var(--size);
	height: var(--size);
	background-repeat: no-repeat;
	background-size: var(--size);
	background-position: center;
	margin: auto;
	background-image: url("assets/images/login-icon.svg");
	display: none;
}

.signin-btn:hover,
.signin-btn:active,
.signin-btn:focus {
	color: var(--White);
	background: var(--Second-background);
}

/* open filter added ten filter button changes */
.open-filters {
	position: relative;
}

.open-filters::before {
	position: absolute;
	z-index: 1;
	content: '';
	inset: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.48);
}

.open-filters .calender-action-btn .open-filter-btn {
	box-shadow: 0 0 0 1px #ffffff;
	color: var(--White, #F6F6F6);
	background: transparent;
	z-index: 2;
}

.open-filters .calender-action-btn .open-filter-btn::before,
.open-filters .calender-action-btn .open-filter-btn::after {
	filter: brightness(0) invert(1);
}

.open-filters .calender-action-btn .open-filter-btn::after {
	transform: rotate(-180deg);
}

/* filter panel */
div#filterPanel {
	position: absolute;
	top: calc(100% + 1rem);
	right: 0;
	max-width: 347px;
	width: 347px;
	height: auto;
	background: var(--white-color);
	box-shadow: 0 10px 25px 0 rgba(28, 28, 28, 0.03);
	z-index: 2;
}

div#filterPanel::before {
	position: absolute;
	content: '';
	top: -10px;
	right: 13px;
	width: 0;
	height: 0;
	border-left: 14.5px solid transparent;
	border-right: 14.5px solid transparent;
	border-bottom: 14.5px solid var(--white-color);
}

.filter-group-head {
	padding: 16px 20px;
	display: flex;
	gap: 8px;
	border-bottom: 1px solid #E9EAEA;
	align-items: center;
}

.filter-group-head .filter-group-head-label {
	flex: 1 0 0;
	color: var(--Black, #212121);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

.filter-group-head-btn {
	flex: 0 0 auto;
}

.reset-filter-btn {
	display: flex;
	gap: 4px;
	align-items: center;
	opacity: 0.65;
	color: #0C2C29;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
	position: relative;
	cursor: pointer;
}

.reset-filter-btn::before {
	display: inline-block;
	position: relative;
	content: '';
	width: 16px;
	height: 16px;
	background-image: url("assets/images/cross-icon-dark.svg");
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: center;
	margin: 0 2px;
}

/* filter list accordion */
.filter-group-outer {
	padding: 20px 20px 0;
}

.filter-group-outer .filter-group {
	border: 1px solid var(--Gray-gray-100, #EBEBEB);
}

.filter-group-outer .filter-group:not(:last-child) {
	margin-bottom: 1rem;
}

.filter-group .filter-group-label {
	position: relative;
	border-bottom: 1px solid transparent;
	background: var(--Gray-gray-50, #F9F9F9);
	display: flex;
	padding: 15.5px 44px 15.5px 16px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	cursor: pointer;
	color: var(--Black, #212121);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px;
	word-break: break-word;
}

.filter-group.active-accordion .filter-group-label {
	border-bottom-color: var(--Gray-gray-100, #EBEBEB);
}

.filter-group .filter-group-label::after {
	position: absolute;
	content: '';
	right: 1rem;
	width: 20px;
	height: 20px;
	background: url("assets/images/caret-down-arrow.svg") no-repeat center;
	background-size: 20px;
	transition: transform 0.3s ease;
}

.filter-group.active-accordion .filter-group-label::after {
	transform: rotate(180deg);
}

.filter-group-list {
	display: none;
	padding: 1rem;
	max-height: 206px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--Light-green) var(--Gray-gray-100, #EBEBEB);
}

.filter-group-list::-webkit-scrollbar {
	width: 2px;
	height: 4px;
}


.filter-group-list::-webkit-scrollbar-track {
	background-color: var(--Gray-gray-100);
}

.filter-group-list::-webkit-scrollbar-thumb {
	background-color: var(--Light-green);
	border-radius: 1px;
}

.filter-group-list::-webkit-scrollbar-thumb:hover {
	background-color: var(--Light-green);
}

.filter-group.active-accordion .filter-group-list {}

.filter-group-list .class-checkbox-item:not(:last-child) {
	margin-bottom: 1rem;
}

/* checkbox style */
.class-checkbox-item label {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	color: var(--Black-black-300);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	text-transform: capitalize;
}

/* Hide default checkbox */
.filter-item-checkbox {
	appearance: none;
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 6px;
	border: 2px solid var(--Green-light, #739490);
	background: var(--White, #FFF);
	cursor: pointer;
	position: relative;
	transition: all 0.2s ease;
	padding: 2px;
}

/* Checked state */
.filter-item-checkbox:checked {
	border-color: var(--Stroke, #2F5955);
	background: var(--Stroke, #2F5955);
}

/* Check icon */
.filter-item-checkbox:checked::after {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	background: url("assets/images/check.svg") no-repeat center;
	background-size: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.filter-actions {
	display: flex;
	padding: 16px 20px;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
	align-self: stretch;
	border-top: 1px solid var(--Gray-gray-100, #EBEBEB);
}

/* Common button styles */
.filter-actions .cancel-filter-btn,
.filter-actions .apply-filter-btn {
	display: flex;
	width: 148px;
	height: 44px;
	padding: 12px 16px;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	border-radius: 0;
	box-shadow: none;
}

.filter-actions .cancel-filter-btn:hover,
.filter-actions .apply-filter-btn:hover {
	cursor: pointer;
}

/* Cancel button */
.filter-actions .cancel-filter-btn {
	border: 1px solid var(--Green-light, #739490);
	color: var(--Green-light, #739490);
	background: transparent;
}

/* Apply button */
.filter-actions .apply-filter-btn {
	background: var(--Main-background, #0C2C29);
	color: var(--white-color, #FFF);
}

/* calender action */

.classes-wrapper {
	display: flex;
	gap: 16px;
	padding: 0px;
}

.calendar-section {
	background: var(--Stroke, #2F5955);
	align-self: stretch;
	display: flex;
	padding: 4px;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	flex: 1 0 0;
	align-self: stretch;
}

/* weekdays */
.weekdays {
	display: flex;
	align-items: flex-start;
	gap: 2px;
	align-self: stretch;
}

.weekdays span {
	display: flex;
	padding: 12px 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	background: var(--Stroke, #2F5955);
	color: var(--White, #F6F6F6);
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	text-transform: capitalize;
}


.calendar-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 2px;
	width: 100%;
	grid-template-rows: repeat(5, 124px);
}


.calendar-day {
	min-height: 124px;
	position: relative;
	background: var(--Second-background, #1A4440);
	padding: 4px;
	flex: 1 0 0;
	display: flex;
	flex-flow: column;
}

.day-num {
	display: block;
	color: var(--White, #F6F6F6);
	text-align: end;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 124%;
	transition: font-weight 0.3s ease;
}

/* when disbaled */
.calendar-day.current-day .day-num {
	color: var(--Primary, #FEC100);
	font-weight: 700;
}

.calendar-day.disabled .day-num {
	color: var(--Green-light, #739490);
}

.calendar-day.disabled {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.calendar-day.disabled::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	inset: 0;
	z-index: -1;
	background-image: url("assets/images/empty-line.svg");
	background-repeat: repeat;
	background-size: cover;
	background-position: center;
	background-color: var(--Stroke, #2F5955);
}

.class-details.empty {
	opacity: 0.6;
}

.class-card-list {
	display: flex;
	flex-flow: column;
}

.class-card-list.class-card-list-multi {
	flex: 1;
	overflow-y: auto;
	scrollbar-width: none;
}

.class-card-list.class-card-list-multi::-webkit-scrollbar {
	width: 2px;
}

.class-card-list.class-card-list-multi::-webkit-scrollbar-track {
	background-color: var(--scrollbar-track);
}

.class-card-list.class-card-list-multi::-webkit-scrollbar-thumb {
	background-color: var(--White);
	border-radius: 1px;
}

.class-card-list.class-card-list-multi::-webkit-scrollbar-thumb:hover {
	background-color: var(--Primary);
}

.class-card-list-single {
	flex: 1;
}

.class-card.color-1 {
	background: var(--color-1);
}

.class-card.color-2 {
	background: var(--color-2);
}

.class-card {
	padding: 4px 6px;
	margin-top: 4px;
	border-radius: 4px;
	cursor: pointer;
}

.class-card-name {
	overflow: hidden;
	color: var(--Black, #212121);
	text-overflow: ellipsis;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	position: relative;
	text-transform: capitalize;
}

.class-card-name::after {
	width: 5px;
	height: 5px;
	content: '';
	border-radius: 800px;
	background: transparent;
	display: inline-block;
	vertical-align: top;
	margin-left: 2px;
}

.class-card-name.available::after {
	background: var(--color-success, #37882A);
}

.class-card-name.not-available::after {

	border-radius: 800px;
	background: var(--color-danger-dark, #882A2A);
}

.class-card-coaches {
	display: flex;
	align-items: center;
}

.class-card-coaches .detail-card-coach-img {
	width: 16px;
	height: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 auto;
	align-self: stretch;
	border-radius: 16px;
	border: 1px solid transparent;
	background: var(--white-color, #FFF);
	padding: 0;
	overflow: hidden;
}

.class-card-coaches .detail-card-coach-img:not(:first-child) {
	margin-left: -4px;
}

.detail-card-coach-img img {
	width: 16px;
	height: 16px;
	border-radius: inherit;
	min-width: 16px;
}

.class-card.color-1 .class-card-coaches .detail-card-coach-img {
	border-color: var(--accent-green-400);
}

.class-card.color-2 .class-card-coaches .detail-card-coach-img {
	border-color: var(--accent-blue-400);
}

.coach-remaining-count {
	display: flex;
	flex: 0 0 auto;
	padding: 3px 3px 3px 3px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	background: var(--White, #F6F6F6);
	color: var(--Black, #212121);
	text-align: center;
	font-size: 8px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	margin-left: 2px;
	min-width: 18px;
	height: 12px;
}

.class-card-list-single .class-card {
	height: 100%;
	display: flex;
	flex-flow: column;
}

.class-card-list-single .class-card .class-card-coaches {
	margin-top: auto;
}

.class-card-list-single .class-card-time-outer {
	margin-top: 4px;
}

.class-card-time-outer {
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

.class-card-time {
	color: var(--Black, #212121);
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	text-transform: uppercase;
}

/* for multilist card */

.class-card-list-multi .class-card {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1px 5px;
}

.class-card-list-multi.class-card-list-two .class-card {
	gap: 8.8px 5px;
}

.class-card-list-multi .class-card .class-card-name {
	grid-column: span 2;
}

.class-card-list-multi .class-card .class-card-coaches {
	justify-content: flex-end;
}

.class-card-list-multi .class-card .class-card-time-outer {
	display: flex;
	align-items: flex-end;
}

/* active infor day */
.calendar-day.active-info-day {
	border: none;
	background: rgba(254, 193, 0, 0.16);
	box-shadow: inset 0 0 0 0.5px var(--Primary, #FEC100);
}

.calendar-day.active-info-day .day-num {
	color: var(--Primary, #FEC100);
	font-weight: 700;
}

/* sidebar calender section */
.class-sidebar {
	background: transparent;
	padding: 0;
	display: none;
}

.class-sidebar-top-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0 16px;
}


.class-sidebar-top-heading h3 {
	color: var(--White, #F6F6F6);
	letter-spacing: normal;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 125%;
	margin-bottom: 0;
}

.close-classSidebar {
	background-image: url("assets/images/cross-icon-white.svg");
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	background-size: 16px;
	margin-left: auto;
	margin-right: 3px;
	flex: 0 0 auto;
}

.close-classSidebar:hover {
	cursor: pointer;
}

.class-sidebar-details {
	flex: 1;
	max-height: calc(656px - 42px);
	overflow-y: auto;
	scrollbar-width: thin;
	display: flex;
	flex-flow: column;
}

.class-sidebar-details .detail-card:not(:last-child) {
	margin-bottom: 1rem;
}

.detail-card {
	background: var(--white-color);
	color: var(--Black);
	padding: 12px;
}


.detail-card.color-1 {
	background: var(--color-1-light);
}

.detail-card.color-2 {
	background: var(--color-2-light);
}

.detail-card-cat-outer {
	margin-bottom: 12px;
	display: flex;
	flex-wrap: wrap;
    gap: 1px;
}

.detail-card-cat-outer span {
	display: inline-flex;
	padding: 3px 6px;
	flex-direction: column;
	align-items: flex-start;
	color: var(--Black, #212121);
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

/* for color1 details card css */
.detail-card.color-1 .detail-card-cat-outer span {
	background: var(--Green, #A3DD66);
}

.detail-card.color-2 .detail-card-cat-outer span {
	background: var(--Blue, #6EA2FC);
}

.detail-card-title {
	color: var(--Black, #212121);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 130%;
	margin-bottom: 1rem;
	text-transform: capitalize;
}

.detail-card-info-item-outer {
	margin: 1rem 0;
}

.detail-card-info-item {
	display: flex;
	align-items: center;
	gap: 4px;
	flex-wrap: wrap;
}

.detail-card-info-item+.detail-card-info-item {
	margin-top: 4px;
}

.detail-card-info-item-icon {
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.detail-card-info-item-icon svg {
	width: 14px;
	height: 14px;
}

.detail-card-info-item-icon {
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.detail-item-text {
	color: var(--Black, #212121);
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

span.detail-card-info-duration {
	position: relative;
	padding-left: 6px;
	color: var(--Black, #212121);
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.detail-card.color-1 .detail-card-info-duration::before,
.detail-card.color-2 .detail-card-info-duration::before {
	position: absolute;
	width: 2px;
	height: 2px;
	background: var(--Green);
	border-radius: 4px;
	content: '';
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.detail-card.color-1 .detail-card-info-duration::before {
	background: var(--Green);

}

.detail-card.color-2 .detail-card-info-duration::before {
	background: var(--Blue, #6EA2FC);
}

.detail-card-coach-main {
	margin-bottom: 1rem;
}

.detail-card-coach-outer {
	display: flex;
	flex-flow: column;
	gap: 0.25rem;
	color: var(--Black, #212121);
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

.detail-card-coach-main .detail-card-coach-heading {
	margin-bottom: 4px;
	overflow: hidden;
	color: var(--Black, #212121);
	text-overflow: ellipsis;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.detail-card-coach {
	display: grid;
	grid-template-columns: 16px 1fr;
	gap: 4px;
	align-items: center;
}

.detail-card-coach img {
	width: 16px;
	height: 16px;
	border-radius: 16px;
	object-fit: cover;
}

.detail-card-coach .coach-name {
	color: var(--Black, #212121);
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	word-break: break-word;
}

.detail-card-btn-outer {
	margin-top: 1rem;
}

.detail-card-btn-outer .book-btn {
	display: flex;
	min-height: 28px;
	height: auto;
	padding: 9px 16px;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	color: var(--White, #F6F6F6);
	text-align: center;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

.color-1 .detail-card-btn-outer .book-btn {
	background: var(--Stroke);
}

.color-2 .detail-card-btn-outer .book-btn {
	background: var(--accent-blue-600);
}

.detail-card-btn-outer .book-btn:hover {
	opacity: 0.85;
}

.color-1 .detail-card-info-item-icon svg path {
	stroke: var(--Stroke);
}

.color-2 .detail-card-info-item-icon svg path {
	stroke: var(--accent-blue-600);
}

/* loader calender */

.calendar-grid.loading {
	position: relative;
	opacity: 0.5;
	pointer-events: none;
}

.calendar-grid.loading::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 35px;
	height: 35px;
	border: 3px solid #ccc;
	border-top: 3px solid #000;
	border-radius: 50%;
	animation: spin 0.7s linear infinite;
	transform: translate(-50%, -50%);
}

@keyframes spin {
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

/* timetable calender section css ends */


/* session calender css ends */
.language-switcher {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 128px;
	height: 44px;
	padding: 0;
	background: var(--Second-background);
	border-radius: 0;
	overflow: hidden;
}

.language-option {
	flex: 1;
	max-width: 64px;
	padding: 9px 20px;
	cursor: pointer;
	z-index: 2;
	color: var(--White, #F6F6F6);
	display: flex;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 142%;
	align-items: center;
	justify-content: center;
	transition: color 0.3s ease;

	/* 2px solid inside effect */
	box-shadow: inset 0 0 0 2px var(--Second-background, #1A4440);
}

.language-option a {
	color: inherit;
	text-decoration: none;
}

/* Active text color (black on yellow) */
.language-option.active {
	color: var(--Black, #212121);
	background: var(--Primary, #FEC100);
}

.language-switcher.lang-switch-desk {
	display: none;
}

.language-switcher.lang-switch-mobile {
	display: flex;
	max-width: 160px;
	margin: 66px auto 0;
	width: 100%;
	height: 50px;
}

/*==========================
 custom media query begins
 ===========================
  */
/* --768 start-- */
@media (min-width:768px) {

	.grid-col-md-2,
	.grid-col-two,
	.grid-col-three,
	.blog-features-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.grid-col-md-3 {
		grid-template-columns: repeat(3, 1fr);
	}

	.grid-col-md-4 {
		grid-template-columns: repeat(4, 1fr);
	}

	.grid-col-md-5 {
		grid-template-columns: repeat(5, 1fr);
	}

	.grid-col-lg-6 {
		grid-template-columns: repeat(6, 1fr);
	}

	/* Center slides */
	.full-row-sec.full-row-sec-disabled {
		max-width: var(--container);
		margin-right: calc(50vw - var(--container)/ 2 - 8px);
	}

	.full-row-sec.full-row-sec-disabled .slick-list {
		transform: none !important;
	}

	.full-row-sec-disabled .slick-track {
		display: flex !important;
		justify-content: center;
		max-width: max-content;
		transform: none !important;
		width: 100% !important;
	}

	.full-row-sec-disabled .slick-slide:last-child {
		margin-right: 0;
	}

	.full-row-sec-disabled .slick-dots {
		display: none !important;
	}

	.info-content p span {
		margin-right: 12px;
		padding-right: 12px;
	}

	.info-content p span:last-child {
		padding-right: 0;
		margin-right: 0;
	}

	.info-content p span:not(:last-child)::after {
		position: absolute;
		width: 4px;
		height: 4px;
		background: var(--Second-white);
		border-radius: 4px;
		content: '';
		right: -2px;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	.blog-features-grid {
		column-gap: 20px;
		row-gap: 48px;
	}

}

/* 768 ends */

/* ---992 --------*/

@media (min-width:992px) {

	.blog-features-grid,
	.grid-col-three,
	.grid-col-lg-3 {
		grid-template-columns: repeat(3, 1fr);
	}

	.grid-col-lg-4 {
		grid-template-columns: repeat(4, 1fr);
	}

	.grid-col-lg-5 {
		grid-template-columns: repeat(5, 1fr);
	}

	.grid-col-lg-6 {
		grid-template-columns: repeat(6, 1fr);
	}

	.d-lg-none {
		display: none;
	}

	/* footer css */

	.footer-container {
		grid-template-columns: 186px 1fr 190px;
		gap: 50px 120px;
		padding: 72px 0 72px 0;
	}

	.site-footer .footer-col-schedule,
	.site-footer .footer-col-contact {
		padding-top: 68px;
	}

	.footer-col.footer-col-links .footer-widget:nth-of-type(3) {
		display: none;
	}

	.hero-section .hero-slide {
		height: 980px;
	}

	/* reset counter */
	.hero-section .slider-nav {
		counter-reset: tab;
	}

	.hero-section .slider-nav .slick-track {
		display: flex !important;
		width: 100% !important;
		transform: none !important;
	}

	.hero-section .slider-nav .slick-slide {
		width: 25% !important;
		flex: 0 0 25%;
	}

	.slider-nav .nav-item {
		padding: 3rem 2rem;
		color: var(--White);
		opacity: 1;
		transition: opacity 0.3s ease;
		height: 100%;
		display: flex;
		border-bottom: 10px solid var(--Second-background);
		background: transparent;
	}

	.slider-nav .slick-current .nav-item {
		background: var(--Second-background);
	}

	.slider-nav .slick-current .nav-item:hover {
		cursor: pointer;
	}

	.slider-nav .nav-item {
		position: relative;
	}

	.slider-nav .progress-bar {
		position: absolute;
		left: 0;
		bottom: -10px;
		border-radius: 0;
		height: 10px;
		width: 0%;
		background: var(--White, #F6F6F6);
	}

	/* number before each tab */
	.hero-section .nav-item::before {
		counter-increment: tab;
		content: counter(tab, decimal-leading-zero);
		display: block;
		margin-bottom: 4px;
		color: var(--Primary, #FEC100);
		font-family: var(--primary-font);
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: 142%;
		transition: color .3s ease;
	}

	/* active slide number */
	.hero-section .slick-current .nav-item::before {
		color: var(--Primary, #FEC100);
	}

	/* hide inactive text */
	.hero-section .cat-tab-text {
		opacity: 0;
		overflow: hidden;
		transition: .3s ease;
	}

	/* show active text only */
	.hero-section .slick-current .cat-tab-text {
		opacity: 1;
		margin-top: 12px;
	}

	/* membership way secn page */
	.large-image {
		grid-column: 1 / span 7;
		grid-row: 1;
	}

	.small-image {
		grid-column: 8 / span 5;
		grid-row: 1;
	}

	.cf-list-one {
		grid-column: 1 / span 4;
		grid-row: 2;
	}

	.cf-list-two {
		grid-column: 5 / span 4;
		grid-row: 2;
	}

	.cf-list-three {
		grid-column: 9 / span 4;
		grid-row: 2;
	}

	.cf-content-list .cf-content-list-in {
		max-width: 365px;
		width: 100%;
	}

	.cf-content-list:first-of-type {
		margin-right: auto;
	}

	.cf-content-list.cf-list-two {
		margin: 0 auto;
	}

	.cf-content-list:last-of-type {
		margin-left: auto;
	}

	.toc-mobile-btn {
		display: none;
	}

	body.admin-bar .sticky-holder {
		top: calc(170px + 32px)
	}

	.know-slider.slick-slider .slider-block {
		min-height: 626px;
	}

	.single-cta-slider.slick-slider .slider-block {
		min-height: 620px;
		height: 620px;
	}

	.single-post-row .post-content-area {
		min-width: 0;
		flex: 1 0 0;
	}

	.common-sidebar {
		position: relative;
	}

	body.admin-bar .common-sidebar-inr {
		top: 220px;
	}

	.common-sidebar-inr {
		position: -webkit-sticky;
		position: sticky;
		top: 170px;
	}

	.class-sidebar {
		flex: 0 0 auto;
		max-width: 167px;
		min-width: 167px;
	}

	.class-sidebar-details {
		max-height: calc(656px - 42px);
	}

	.blog-features-grid .post-card:only-child {
		grid-column: 2;
		justify-self: center;
	}

	.plans-secn .btn-grp .btn {
		min-width: 320px;
	}

	.calendar-actions {
		margin-left: 1rem;
		flex-wrap: wrap;
	}

	.calendar-top-labels {
		gap: 0.5rem 2rem;
		max-width: calc(100% - 300px - 275px);
		width: 100%;
	}

}

/* --992 ends-- */
@media (min-width:1200px) {
	.grid-col-xl-3 {
		grid-template-columns: repeat(3, 1fr);
	}

	.grid-col-xl-4 {
		grid-template-columns: repeat(4, 1fr);
	}

	.grid-col-xl-5 {
		grid-template-columns: repeat(5, 1fr);
	}

	.grid-col-xl-6 {
		grid-template-columns: repeat(6, 1fr);
	}

	/* header css */

	.site-header-inner {
		gap: 1rem;
	}

	/* header menu css */
	.menu-toggle {
		display: none;
	}

	/* NAV WRAPPER */
	.main-navigation {
		margin-left: auto;
		width: auto;
		flex: 0 0 auto;
		margin-right: auto;
		max-width: calc(100% - 139px - 32px - 158px);
	}

	/* MAIN MENU */
	.main-navigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.main-navigation ul.menu {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}

	.main-navigation ul.menu {
		gap: 1rem 3rem;
	}

	/* MENU ITEMS */

	.main-navigation a {
		display: inline-flex;
		align-items: center;
		text-decoration: none;
	}

	.nav-menu-icon {
		display: none;
	}

	/* DROPDOWN ICON */
	.main-navigation ul li .menu-item-has-children>a {
		display: flex;
		justify-content: space-between;
		padding-right: 2rem;
		word-break: break-word;
	}

	.main-navigation ul li .menu-item-has-children>a::after {
		position: absolute;
		right: 12px;
		top: 12px;
	}

	.main-navigation .menu-item-has-children>a::after {
		content: "";
		display: inline-block;
		width: 14px;
		height: 14px;
		margin-left: 4px;
		background: url(assets/images/dropdown-icon.svg) center no-repeat;
		background-size: contain;
		transition: transform 0.3s ease, filter 0.3s ease;
	}

	/* FIRST LEVEL SUBMENU */
	.main-navigation .sub-menu {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 180px;
		width: 180px;
		background-color: var(--Second-background);
		padding: 10px 0;
		border-radius: 4px;
		opacity: 0;
		visibility: hidden;
		transform: translateY(10px);
		pointer-events: none;
		transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
		z-index: 999;
	}

	/* SHOW SUBMENU */
	.main-navigation li:hover>.sub-menu,
	.main-navigation li:focus-within>.sub-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		pointer-events: auto;
		display: block;
	}

	/* SUBMENU ITEMS */
	.main-navigation .sub-menu li {
		width: 100%;
	}

	.main-navigation .sub-menu a {
		display: block;
		padding: 8px 12px;
		text-align: left;
	}

	/* SECOND LEVEL (NESTED) SUBMENU */
	.main-navigation .sub-menu .menu-item-has-children>.sub-menu {
		top: 0;
		left: 100%;
		transform: translateX(10px);
	}

	/* SHOW NESTED SUBMENU */
	.main-navigation .sub-menu li:hover>.sub-menu,
	.main-navigation .sub-menu li:focus-within>.sub-menu {
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
		pointer-events: auto;
	}

	/* =====================================================
	   EDGE-SAFE FIX (PREVENT OFF-SCREEN DROPDOWNS)
	   Applies to last 2 top-level menu items
	   ===================================================== */

	/* Top-level submenu of LAST menu item only */
	#primary-menu>li:last-child>.sub-menu {
		right: 0;
		left: auto;
	}

	/* Nested submenu inside LAST menu item only */
	#primary-menu>li:last-child>.sub-menu>li>.sub-menu {
		top: 0;
		right: 100%;
		left: auto;
	}

	/* ICON ROTATION */
	.main-navigation .menu-item-has-children>a::after {
		transform: rotate(0deg);
		transition: transform 0.3s ease;
		transform-origin: center;
	}

	.main-navigation li.menu-item-has-children:hover>a::after,
	.main-navigation li.menu-item-has-children:focus-within>a::after {
		transform: rotate(180deg);
	}

	/* NESTED MENU ICON */
	.main-navigation .sub-menu .menu-item-has-children>a::after {
		transform: rotate(0deg);
	}

	.main-navigation .sub-menu li.menu-item-has-children:hover>a::after,
	.main-navigation .sub-menu li.menu-item-has-children:focus-within>a::after {
		transform: rotate(-90deg);
	}

	.main-navigation ul li:hover>a {
		color: var(--Primary);
	}

	/* Hover arrow */
	.main-navigation ul li.menu-item-has-children:hover>a::after {
		filter: brightness(0) saturate(100%) invert(79%) sepia(92%) saturate(1080%) hue-rotate(2deg) brightness(103%) contrast(104%);
	}

	/* Active / current menu arrow */
	.site-header .main-navigation li:is(.current-menu-item,
		.current-menu-parent,
		.current-menu-ancestor)>a::after,
	.site-header .main-navigation li a.active::after {
		filter: brightness(0) saturate(100%) invert(79%) sepia(92%) saturate(1080%) hue-rotate(2deg) brightness(103%) contrast(104%);
	}

	.book-cta-mobile {
		display: none;
	}

	.post-meta-head span {
		flex: 0 0 auto;
		max-width: calc(50% - 0.5rem);
		border-radius: 4px;
		background: var(--Stroke, #2F5955);
		display: flex;
		justify-content: center;
		padding: 8px 16px;
		align-items: center;
		gap: 8px;
		min-width: fit-content;
	}

	.language-switcher.lang-switch-desk {
		display: inline-flex;
	}

	.language-switcher.lang-switch-mobile {
		display: none;
	}

	.hero-secn.hero-home .btn-grp .btn {
		padding-left: 26px;
		padding-right: 26px;
		min-width: 306px;
	}
}

/* 1200 ends */

@media (min-width:1200px) and (max-width:1366.98px) {
	.main-navigation ul.menu {
		gap: 1rem 1.5rem;
	}
}

@media (min-width:1200px) and (max-width:1499.98px) {
	.main-navigation ul>li:nth-last-child(-n+2) .sub-menu .sub-menu {
		left: auto;
		right: 100%;
		transform: none;
	}

	.main-navigation ul>li:nth-last-child(-n+2) .sub-menu li:hover>.sub-menu,
	.main-navigation ul>li:nth-last-child(-n+2) .sub-menu li:focus-within>.sub-menu {
		transform: none;
	}

	.map-marker-card {
		max-width: 710px;
	}

}


@media (min-width:1366px) {
	.container {
		max-width: var(--container);
		padding-left: 0;
		padding-right: 0;
	}

}

@media (min-width:1200px) and (max-width:1398.98px) {
	.address-links-map .contact-item {
		font-size: 18px;
		line-height: 142%;
	}
}

@media (min-width:1366px) and (max-width:1499.98px) {
	.get-touch-card {
		max-width: calc(100% - 710px);
		margin-left: 0;
		width: 100%;
		padding-right: 72px;
	}

}

@media (min-width:1920px) {
	.tabs-secn-wrapper {
		max-width: 1912px;
		margin: 0 auto;
	}

	/* .get-in-touch-wrapper {
		max-width: 1912px;
		
	} */
}

@media (max-width:1280px) {

	.has-custom-scroll,
	.full-row-sec {
		max-width: 1912px;
		width: auto;
		margin-left: 16px;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		width: calc(100% - 16px);
		padding-bottom: 0px;
		padding-right: 1rem;
	}
}

@media (max-width:1199.98px) {

	/* basis typography */
	:root {
		--size-xs: 12px;
		--size-sm: 14px;
		--size-md: 16px;
		--size-lg: 15px;
		--size-xl: 17px;
		--size-2xl: 20px;
		--size-3xl: 28px;
		--size-4xl: 32px;
		--size-5xl: 24px;
		--size-6xl: 32px;
		--size-8xl: 35px;
		--size-9xl: 38px;
		--size-10xl: 40px;
		/* line-height */
		--line-height-2xs: 12px;
		--line-height-xs: 16px;
		--line-height-sm: 20px;
		--line-height-md: 24px;
		--line-height-lg: 28px;
		--line-height-xl: 32px;
		--line-height-2xl: 36px;
		--line-height-3xl: 52px;
		--line-height-4xl: 64px;
		--line-height-5xl: 88px;
		--line-height-10xl: 100%;
		--line-height-11xl: 110%;
		--line-height-12xl: 120%;
		--line-height-14xl: 140%;
		--line-height-142: 142%;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0 0 12px;
	}

	h1,
	.h1 {
		letter-spacing: 2px;
	}

	h2,
	.h2,
	h2.entry-title {
		letter-spacing: 1px;
		line-height: 114%;
	}

	h4,
	.h4 {
		line-height: calc(var(--line-height-12xl) + 4%);
		letter-spacing: 1px;
	}

	h6,
	.h6 {
		letter-spacing: 1px;
		line-height: var(--line-height-12xl);
	}

	p {
		font-size: var(--size-lg);
		line-height: var(--line-height-132);
	}

	body:not(.single-class) .site-main {
		padding: 2rem 0;
	}

	/* header css */
	.book-cta {
		display: none;
	}

	.book-cta.book-cta-mobile {
		display: block;
	}

	/* header css ends */
	.slick-slider .slick-dots,
	.full-row-sec .slick-slider .slick-dots {
		position: relative;
		left: 0;
		transform: none;
		max-width: 264px;
		width: 100%;
		margin: 16px auto 0;
	}

	.slick-slider .slick-dots li {
		height: 4px;
		background-color: var(--progress-bar);
	}

	.reviews-secn {
		padding: 72px 0;
	}

	.has-custom-scroll {
		gap: 0 16px;
	}

	.has-custom-scroll>div {
		width: 305px;
		min-width: 305px;
		max-width: 305px;
		margin: 0;
	}

	.custom-scrollbar-track {
		max-width: 264px;
		height: 4px;
		margin: 16px auto 0;
	}

	.common-slider.slick-slider .slick-slide,
	.professional-mob-slider.slick-slider .slick-slide {
		width: 282px;
		margin: 0 8px;
	}

	.has-custom-scroll .post-card {
		width: 302px;
		min-width: 302px;
		max-width: 302px;
	}


	/* slick ends */
	.outline-btn {
		border: 1px solid var(--White);
		height: 48px;
		min-height: calc(var(--height-60, 60px) - 12px);
		padding: 16px 24px;
		font-size: 16px;
		font-weight: 700;
		line-height: 16px;
		letter-spacing: 1px;
	}

	.btn {
		height: 48px;
		padding: 16px 23px;
		font-size: 16px;
		font-weight: 700;
		line-height: 16px;
	}

	.secn-spacing-140 {
		padding: 72px 0;
	}

	.secn-spacing-top-140 {
		padding-top: 72px;
	}

	.secn-spacing-btm-140 {
		padding-bottom: 72px;
	}

	.secn-head .secn-title,
	.secn-head h2 {
		margin-bottom: 12px;
	}

	.secn-head {
		margin: 0 auto 32px;
	}

	.review-card {
		padding: 24px;
	}

	.reviews-secn .cta-wrapper {
		margin-top: 1.5rem;
	}

	.review-body {
		margin: 24px 0;
		padding: 24px 0;
	}

	.review-date {
		font-size: 13px;
		line-height: 136%;
	}

	.star-rating {
		width: 98px;
		height: 18px;
		background-size: 20px 18px;
	}

	.star-rating::before {
		background-size: 20px 18px;
	}

	.review-text p {
		font-size: 15px;
		line-height: var(--line-height-132);
	}

	.review-footer .review-author {
		gap: 12px;
	}

	.review-author-info .review-author-name a {
		font-size: 15px;
		font-weight: 600;
		line-height: 132%;
	}

	.review-author-info .review-author-role {
		font-size: 13px;
		line-height: 136%;
	}

	.contact-us-wrapper {
		flex-flow: column;
	}

	.map-marker-card {
		order: 1;
	}

	.get-touch-card {
		order: 0;
		padding: 72px 16px;
	}

	.get-touch-card,
	.map-marker-card {
		flex: 1;
		max-width: 100%;
		width: 100%;
	}

	.address-links-map {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 28px;
		margin-bottom: 3rem;
	}

	.address-links-map .contact-item {
		font-size: 15px;
		font-weight: 600;
		line-height: 132%;
		flex-flow: column;
		gap: 12px;
	}

	.address-links-map .contact-item .icon {
		--size: 48px;
	}

	.contact-form-wrapper .wpcf7-form input:not([type="submit"]),
	.contact-form-wrapper .wpcf7-form textarea {
		padding: 14px 16px;
		font-size: 15px;
		font-weight: 400;
		line-height: 132%;
		height: 48px;
	}

	.contact-form-wrapper .wpcf7-form .intl-tel-input .flag-container .country-list li .country-name,
	.contact-form-wrapper .wpcf7-form .intl-tel-input .flag-container .country-list li .dial-code {
		font-size: 15px;
		font-weight: 400;
		line-height: 132%;
	}

	.contact-form-wrapper .wpcf7-form .intl-tel-input .wpcf7-form-control.wpcf7-phonetext.wpcf7-validates-as-phonetext {
		padding-left: 110px;
	}

	.contact-form-wrapper .wpcf7-form .intl-tel-input .flag-container .selected-flag .selected-dial-code {
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 132%;
	}

	.contact-form-wrapper .wpcf7-form textarea {
		height: 120px;
	}

	.embed-map-responsive {
		min-height: 460px;
	}

	.contact-form-wrapper .wpcf7-form input[type="submit"] {
		font-size: 16px;
		height: 48px;
		line-height: 16px;
		padding: 16px 24px;
	}

	.get-in-touch-col {
		max-width: 650px;
		margin: 0 auto;
	}

	.class-title {
		font-size: var(--size-2xl);
		font-weight: 600;
		line-height: var(--line-height-12xl);
		letter-spacing: 1px;
	}

	.tabs-slider-secn .class-block .image-block img {
		aspect-ratio: 3/2;
		height: 232px;
	}

	.class-block-content {
		padding: 23px 16px 24px;
	}

	.post-img img {
		width: 100%;
		height: 240px;
	}

	.post-card-content {
		padding: 16px 16px 24px;
	}

	.post-meta-head {
		width: 100%;
		max-width: fit-content;
		margin-bottom: 1.5rem;
		border-radius: 2px;
		padding: 4px 8px;
		background: var(--Stroke, #2F5955);
		gap: 0;
		flex-wrap: wrap;
	}

	.post-meta-head span {
		font-size: 13px;
		font-weight: 500;
		line-height: 136%;
		position: relative;
		padding: 4px 12px 4px 0;
		margin-right: 12px;
	}

	.post-meta-head span::after {
		position: absolute;
		content: '';
		top: 0;
		bottom: 0;
		margin: auto;
		width: 1px;
		height: 100%;
		background: var(--Green-light);
		right: 0;
	}

	.post-meta-head span:first-of-type {
		gap: 8px;
	}

	.post-meta-head span:last-of-type {
		padding-right: 0;
		margin-right: 0;
	}

	.post-meta-head span:last-child::after {
		display: none;
	}

	.post-meta-head .meta-date img {
		width: 18px;
		height: 18px;
	}

	.read-more {
		font-size: 15px;
		font-weight: 500;
		line-height: 132%;
	}

	.tabs-slider-secn .cta-wrapper {
		margin-top: 1.5rem;
	}

	.article-social-icon .social-icons li a {
		--size: 48px;
	}

	/* static header */
	.site-header .static-header .site-branding img {
		width: 119px;
		height: auto;
		max-width: 100%;
	}

	/* static header css */
	.static-header {
		padding: 24px 0;
	}

	.back-cta-link {
		--size: 48px;
	}

	.back-cta-link img {
		width: 32px;
		height: 32px;
	}

	header.site-header.sticky .static-header {
		border-bottom: 0;
	}

	header.site-header.sticky {
		border-bottom-color: var(--Stroke);
	}

	.has-custom-scroll .class-block,
	.has-custom-scroll .review-card {
		width: 282px !important;
		min-width: 282px;
		max-width: 282px;
	}

	.has-custom-scroll .class-block .image-block img {
		height: 232px;
	}

	/* .main-navigation #primary-menu,.main-navigation .book-cta-mobile {
		display: none;
	} */
	/* site-header mobile css */
	header.site-header {
		padding: 8px 0;
	}

	header.site-header.static-header-active {
		padding: 0;
	}

	header.site-header .site-branding img {
		max-width: 87px;
		height: auto;
	}

	button.menu-toggle {
		background: transparent;
		border: 0;
		width: 2rem;
		height: 2rem;
		padding: 9.33px 6.67px;
		cursor: pointer;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: auto;
	}

	/* Icon container */
	.menu-toggle-icon {
		position: relative;
		--size: 32px;
		width: var(--size);
		height: var(--size);
		background: url('assets/images/menu-icon.svg') no-repeat center;
		background-size: var(--size);
		display: block;
		flex: 0 0 auto;
	}

	/* OPEN STATE → CROSS */
	button.menu-toggle.is-open .menu-toggle-icon {
		--size: 24px;
		background: url('assets/images/cross-icon-white.svg') no-repeat center;
		background-size: var(--size);
	}

	.nav-menu-icon {
		--size: 24px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 8px;
		width: var(--size);
		height: var(--size);
	}

	html.nav-open,
	body.nav-open {
		height: 100%;
		overflow: hidden;
	}

	header.site-header {
		z-index: 9002;
	}

	body.nav-open::before {
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.72);
		width: 100%;
		height: 100%;
		content: '';
		z-index: 1;
	}

	.site-header .site-main-navigation {
		position: absolute;
		left: auto;
		right: 0;
		top: calc(100% + 1px);
		display: none;
		padding: 32px 24px 53px;
		max-width: 327px;
		margin-left: auto;
		background: var(--Main-background, #0C2C29);
		border-left: 1px solid var(--Stroke, #2F5955);
		overflow-y: auto;
		width: 100%;
		height: calc(100dvh - 64px);
		height: calc(100vh - 64px);
		height: calc(100svh - 64px);
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	header.site-header {
		border-bottom: 1px solid transparent;
		transition: border-color 0.3s ease;
	}

	body.nav-open header.site-header {
		border-bottom-color: var(--Stroke, #2F5955);
	}

	body.admin-bar .site-header .site-main-navigation {
		height: calc(100dvh - 64px - var(--wp-admin--admin-bar--height));
		height: calc(100vh - 64px - var(--wp-admin--admin-bar--height));
		height: calc(100svh - 64px - var(--wp-admin--admin-bar--height));
	}

	.site-header .main-navigation ul.menu li {
		margin-bottom: 40px;
	}

	.site-header .main-navigation ul.menu li:last-child {
		margin-bottom: 0;
	}

	.site-header .main-navigation ul.menu li a {
		padding: 0;
		font-size: 20px;
		line-height: 120%;
		word-break: break-word;
		font-weight: 400;
		letter-spacing: 1px;
		display: flex;
		align-items: center;
	}

	.main-navigation ul li:hover>a {
		color: var(--Primary);
	}

	.site-header .main-navigation ul.menu li.menu-item-has-children {
		position: relative;
	}

	.site-header .main-navigation ul.menu li.menu-item-has-children>a {
		padding-right: 2.25rem;
	}

	.submenu-toggle {
		position: absolute;
		top: 0;
		right: 0;
		width: 24px;
		height: 24px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		background: url("assets/images/dropdown-icon.svg") center no-repeat;
		background-position: center;
		background-size: 16px;
		z-index: 2;
		transition: all .3s ease-in-out;
		vertical-align: middle;
		text-align: center;
		transition: transform 0.4s ease;
	}

	.submenu-toggle.on {
		transform: rotate(180deg);
	}

	.main-navigation ul ul {
		position: relative;
		box-shadow: 0 0 4px rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .04);
		background: var(--Second-background);
		padding: 10px 10px;
		margin-top: 8px;
	}

	.site-header .main-navigation ul.menu ul li {
		margin-bottom: 20px;
	}

	.site-header .main-navigation ul.menu ul li a {
		font-size: 18px;
		line-height: 110%;
	}

	.main-navigation ul ul ul {
		left: 0;
		top: 0;
		background: var(--Main-background);
	}

	/* site-header mobile css ends */
	.menu-item.current-menu-item>.submenu-toggle,
	.menu-item.current-menu-parent>.submenu-toggle,
	.menu-item.current-menu-ancestor>.submenu-toggle {
		filter: brightness(0) saturate(100%) invert(79%) sepia(92%) saturate(1080%) hue-rotate(2deg) brightness(103%) contrast(104%);
	}

	.mobile-social-media-container {
		position: relative;
		padding-top: 2rem;
		margin-top: 3rem;
	}

	.mobile-social-media-container::before {
		position: absolute;
		top: 0;
		left: -24px;
		right: -24px;
		content: '';
		background: rgba(47, 89, 85, 0.52);
		height: 1px;
		width: calc(100% + 48px);
	}

	.mobile-text-before-socail-icons {
		margin-bottom: 1rem;
	}

	.mobile-text-before-socail-icons p {
		color: var(--White, #F6F6F6);
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 132%;
	}

	.mobile-social-media-icons {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		align-items: center;
		margin-bottom: 1.5rem;
	}

	.mobile-social-media-icons .icon {
		flex: 0 0 auto;
		--size: 48px;
		width: var(--size);
		height: var(--size);
		border-radius: var(--size);
		background: rgba(255, 255, 255, 0.24);
		display: flex;
		padding: 0;
		justify-content: center;
		align-items: center;
	}

	.mobile-social-media-icons .icon a {
		display: flex;
		justify-content: center;
		align-items: center;
		transition: all 0.3s ease;
		width: 100%;
		height: 100%;
		padding: 8px;
		border-radius: inherit;
	}

	.mobile-social-media-icons .icon a img {
		width: 26px;
		height: 26px;
	}

	.mobile-social-media-icons .icon a:hover {
		background: var(--Primary);
	}

	.mobile-text-after-socail-icons p {
		color: var(--White, #F6F6F6);
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 132%;
	}

	.mobile-text-after-socail-icons p a {
		color: var(--Primary, #FEC100);
		display: inline-block;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 132%;
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: auto;
		text-decoration-thickness: auto;
		text-underline-offset: auto;
		text-underline-position: from-font;
	}

	/* header navigation css ends */
	.address-links-map .contact-item .icon img,
	.icon img {
		width: 23px;
		height: 23px;
	}

	.whatsapp-stripe {
		bottom: 48px;
		padding: 0 1rem;
		margin: 0;
		max-width: 100%;
		left: auto;
	}

	.whatsapp-stripe img {
		--size: 48px;
	}

	body .joinchat {
		--s: 48px;
	}

	body div.joinchat__button {
		right: 10px;
		bottom: 0;
	}

	.common-hero-secn .hero-banner-content .btn-grp .btn {
		min-width: 252px;
	}

	.blog-featured-secn .single-sub-summary .post-meta-head {
		width: fit-content;
	}

	.language-option {
		padding: 11px 28px;
		max-width: 80px;
	}

}

/* ---1199 ends */
/* ----991 start--- */
@media (max-width:991.98px) {


	/* basis typography */
	.accordion-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}

	.mob-icon {
		display: block;
	}

	.hero-secn {
		padding: 48px 0 48px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		min-height: 704px;
	}

	.hero-secn.hero-home {
		padding: 48px 0 48px;
		background-position: 85% center;
		align-items: flex-end;
		min-height: 604px;

	}

	.hero-secn.hero-home .whatsapp-stripe {
		bottom: 170px;
	}

	.common-hero-secn .hero-banner-content,
	.hero-banner-content {
		max-width: 100%;
	}

	.hero-banner-content h1 {
		margin-bottom: 12px;
	}

	.hero-banner-content p {
		font-size: 15px;
		line-height: 130%;
	}

	.btn-grp {
		margin-top: 1.5rem;
		gap: 1rem;
	}
	.hero-secn.hero-home .btn-grp{
		row-gap: 12px;
	}
	.hero-secn.hero-home a.btn {
		flex: 1;
	}
	.hero-secn.hero-home .btn-grp .btn.schedule-icon-btn{
		min-width: 48px;
	} 
	.hero-secn.hero-home a.btn.white-btn {
		order: 3;
		min-width: 100%;
	}
	.hero-secn.hero-home .btn-grp .btn.schedule-icon-btn img {
		width: 24px;
	}
/*
	.btn-grp .view-now.secondary-btn {
		font-size: 0;
		min-width: 48px;
		padding: 11px;
	}

	.btn-grp .view-now.secondary-btn:hover img.mob-icon,
	.btn-grp .view-now.secondary-btn:active img.mob-icon,
	.btn-grp .view-now.secondary-btn:focus img.mob-icon {
		filter: brightness(0.25);
	}*/

	.secn-head p {
		padding: 0;
		font-size: var(--size-xl);
		line-height: var(--line-height-13xl);
	}

	/* footer css  */
	.footer-container {
		display: grid;
		gap: 32px;
		margin: 0 auto;
		padding: 72px 0 48px 0;
		max-width: calc(100% - 52px);
	}

	.footer-col.footer-col-links .footer-widget:nth-of-type(3) {
		display: block;
	}

	.footer-container h6 {
		margin-bottom: 12px;
		font-size: 20px;
		line-height: 120%;
		letter-spacing: 1px;
		text-align: center;
	}

	.site-footer .footer-col-contact .footer-widget a,
	.site-footer .footer-col-contact .footer-widget p {
		font-size: 15px;
		font-weight: 400;
		line-height: 132%;
	}

	.site-footer .footer-col-contact .footer-widget:last-child {
		margin-top: 1.5rem;
		max-width: 65%;
		margin-left: auto;
		margin-inline-end: auto;
	}

	.footer-col.footer-col-links {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 52px;
		margin: 0 auto;
	}

	.footer-col.footer-col-links .footer-widget:first-of-type,
	.footer-col.footer-col-links .footer-widget:last-of-type {
		grid-column: span 2;
	}

	.footer-col-links figure {
		margin: 16px 0 32px;
	}

	.footer-col-links figure img {
		width: auto;
		height: 118px;
	}

	.footer-container .footer-col-links ul.menu {
		justify-content: start;
		gap: 1.25rem;
		flex-flow: column;
		align-items: self-start;
	}

	.footer-container .footer-col-links ul.menu li a {
		font-size: 15px;
		line-height: 132%;
	}

	.footer-col-links .social-icons {
		margin-top: 48px;
		gap: 2rem;
	}

	.footer-col-links .social-icons li a {
		--size: 3rem;
	}

	.site-footer .footer-col-schedule .footer-widget:last-child {
		margin-top: 4px;
	}

	.footer-container .footer-col-schedule .footer-widget p {
		flex-flow: row;
		justify-content: center;
	}

	.footer-container .footer-col-schedule .footer-widget p,
	.footer-container .footer-col-schedule .footer-widget p span {
		font-weight: 400;
		font-size: 15px;
		line-height: 132%;
	}

	.footer-copyright .footer-widget:last-of-type {
		display: none;
	}

	.footer-bottom-area {
		padding-top: 16px;
		padding-bottom: 25px;
	}

	.footer-bottom-area .footer-copyright {
		justify-content: center;
	}

	.footer-copyright p {
		font-size: 12px;
		font-weight: 400;
		line-height: 136%;
	}

	/* footer css  ends */
	/* about us page responsive css */
	.image-content-secn {
		display: flex;
		gap: 24px;
		align-items: stretch;
		flex-wrap: wrap;
		margin-bottom: 2rem;
		flex-flow: column;
	}

	.image-content-secn .image-content-col,
	.image-content-secn .image-list-col {
		flex: 1;
		max-width: 100%;
		width: 100%;
	}

	.know-slider.slick-slider .slider-block {
		min-height: 340px;
	}

	.know-slider .slider-block img {
		height: 340px;
	}

	.slick-slider .slick-arrow {
		--size: 48px;
		padding: 8px;
	}

	.feature-item .feature-head {
		grid-template-columns: 36px 1fr;
	}

	.icon-box {
		--size: 36px;
	}

	.feature-head h6 {
		line-height: 120%;
	}

	.get-to-know-secn .join-cta-btn {
		margin-top: 2rem;
	}

	/* seperation graphic */
	.has-seperation-top::before,
	.has-seperation-bottom::after {
		width: 100%;
		max-width: 343px;
		height: 32px;
		background-image: url("assets/images/separation-mobile.svg");
		background-size: 100%;
	}

	.has-seperation-top::before {
		top: -16px;
	}

	.has-seperation-bottom::after {
		bottom: -16px;
	}

	.mindset-featured-grid {
		display: grid;
		gap: 24px;
		grid-template-columns: 1fr;
		grid-template-areas: "vision"
			"content" "mission";
	}

	.mindset-content-list {
		display: grid;
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.mindset-subhead {
		font-size: 13px;
		line-height: 136%;
		margin-bottom: 2px;
	}

	/* professional secn */
	.professional-secn {
		position: relative;
		padding: 72px 0;
	}

	.professional-mob-slider.slick-slider {
		margin: 0 -16px 0 0;
	}

	.professional-mob-slider.slick-slider .slick-slide .article-block {
		display: flex !important;
	}

	.article-content .article-title a {
		font-size: 20px;
		line-height: 130%;
	}

	.article-content .article-role {
		font-size: 15px;
		line-height: 132%;
	}

	.professional-mob-slider.slick-slider .slick-dots li {
		background-color: rgba(170, 170, 170, 0.48);
	}

	.booking-secn {
		padding: 72px 0;
	}

	.booking-secn .btn-grp .btn:not(.secondary-btn) {
		min-width: 224px;
	}

	.accordion-header h6 {
		font-size: 15px;
		font-weight: 600;
		line-height: 132%;
		letter-spacing: 0;
	}

	.accordion-item {
		margin-bottom: 1.5rem;
		padding-bottom: 1.5rem;
	}

	/* classes page  */
	.blogs-cat-secn .secn-head,
	.tabs-slider-secn .secn-head {
		margin-bottom: 20px;
	}

	.blogs-cat-secn .cats-tab-con,
	.tabs-slider-secn .cats-tab-con {
		margin-bottom: 32px;
		gap: 12px;
		margin-left: -16px;
		margin-right: -16px;
		width: calc(100% + 32px);
		padding: 0 1rem 4px;
	}

	.cats-tab-con .cat-tab {
		font-size: 13px;
		line-height: 136%;
	}

	.cats-tab-con::-webkit-scrollbar {
		width: 18px;
		height: 2px;
		border-radius: 1px;
	}

	.cats-tab-con::-webkit-scrollbar-track {
		background: var(--scrollbar-track);
		border-radius: 1px;
	}

	.cats-tab-con::-webkit-scrollbar-thumb {
		background: var(--White);
		border-radius: 1px;
	}

	.cats-tab-con::-webkit-scrollbar-thumb:hover {
		background: var(--Primary);
	}

	.class-block {
		padding: 4px;
	}

	.class-block::before {
		inset: 4px;
	}


	/* classes page ends */
	/* home page css started */
	.choose-card-block {
		height: 360px;
	}

	.choose-card-block .card-content {
		padding: 1.25rem;
		gap: 4px;
	}

	.choose-card-block .card-content a {
		gap: 4px;
	}

	.card-content .card-title {
		font-style: normal;
		font-weight: 700;
		font-size: 24px;
		line-height: 124%;
	}

	.choose-card-block .card-content p {
		line-height: calc(var(--line-height-142) - 10%);
	}

	.cta-wrapper {
		margin-top: 2rem;
	}

	.plans-secn {
		padding: 72px 0;
	}

	.pricing-card {
		padding: 16px 24px 24px;
	}

	.pricing-card .card-title {
		margin: 0 -24px;
		display: flex;
		width: calc(100% + 48px);
		padding: 8px;
		font-size: 28px;
		line-height: 114%;
		letter-spacing: 1px;
	}

	.pricing-card .price {
		margin: 1.5rem 0 1.5rem;
	}

	.price .price-value {
		font-size: 64px;
		line-height: 110%;
		letter-spacing: 2px;
	}

	.price .small {
		font-size: 13px;
		line-height: 124%;
		letter-spacing: 0.26px;
		margin-top: -0.5px;
	}

	.price-card-text {
		margin-bottom: 2rem;
		padding: 0;
	}

	.plans-secn .btn-grp {
		margin-top: 2rem;
	}

	.pricing-row-grid .pricing-card {
		box-shadow: inset 0 0 0 1px var(--white-color);
	}

	.professional-mob-slider.slick-slider .slick-slide>div {
		padding: 1px;
	}

	/* .professional-mob-slider.slick-slider .slick-slide:last-child,
	.see-all-block {
		display: none !important;
	} */

	.professional-secn .cta-wrapper {
		margin-top: 1.5rem;
	}

	/* lock hero height */
	.hero-section .hero-slide {
		height: 654px;
	}

	/* overlay content on image */
	.hero-section .slider-nav {
		position: absolute;
		top: 0;
		left: 0;
		bottom: auto;
		height: 100%;
		background: transparent;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/* allow swipe through overlay */
	.hero-section .slider-nav {
		pointer-events: none;
	}

	/* re-enable clicks only on content */
	.hero-section .slider-nav .nav-item,
	.hero-section .slick-dots,
	.hero-section .slick-dots button {
		pointer-events: auto;
	}

	.hero-section .slider-nav .slick-list,
	.hero-section .slider-nav .slick-list .slick-track {
		height: 100%;
	}

	.slider-nav .nav-item {
		padding: 24px 16px;
		text-align: left;
		opacity: 1;
	}

	.cat-tab-title {
		font-size: 24px;
		line-height: 124%;
		letter-spacing: 1px;
	}

	.slider-nav .cat-tab-text {
		display: block;
		margin-top: 4px;
	}

	.cat-tab-text p {
		font-size: 15px;
		line-height: 132%;
	}

	/* center dots on mobile */
	.hero-section .slick-dots {
		right: 50%;
		transform: translateX(50%);
		bottom: 16px;
	}

	/* home page css ends */
	/* single sub class page */
	.single-sub-row {
		--gap: 24px;
		flex-flow: column;
	}

	.gradient-card {
		padding: 4px;
	}

	.gradient-card::before {
		inset: 4px;
		padding: 1px;
	}

	.single-sub-box .single-sub-row {
		padding: 0.5px;
	}

	.single-sub-row>* {

		flex: 1;
		max-width: 100%;
		width: 100%;
	}

	.single-sub-summary.single-sub-right-col {
		padding: 0 16px 24px;
	}

	.single-sub-summary .secn-head h1 {
		font-size: 28px;
		font-style: normal;
		font-weight: 700;
		line-height: 114%;
		letter-spacing: 1px;
		margin-bottom: 8px;
	}

	.single-sub-summary .secn-head p {
		font-size: 15px;
		line-height: 132%;
	}

	.class-meta {
		display: flex;
		align-items: stretch;
		gap: 0;
		width: fit-content;
		margin-bottom: 20px;
		border-radius: 2px;
		background: var(--Stroke, #2F5955);
		padding: 6px 12px;
		flex-wrap: wrap;
	}

	.class-meta .meta-item {
		flex: 0 0 auto;
		max-width: fit-content;
		border-radius: 0;
		background: transparent;
		display: flex;
		justify-content: center;
		padding: 1.5px 12px 1.5px 0;
		margin: 0 12px 0 0;
		align-items: center;
		gap: 8px;
		position: relative;
	}

	.class-meta .meta-item::after {
		position: absolute;
		content: '';
		top: 0;
		bottom: 0;
		margin: auto;
		width: 1px;
		height: 100%;
		background: var(--Green-light);
		right: 0;

	}

	.class-meta .meta-item:last-child {
		padding-right: 0;
		margin-right: 0;
	}

	.class-meta .meta-item:last-child::after {
		display: none;
	}

	.meta-item span {
		font-size: 13px;
		font-style: normal;
		font-weight: 500;
		line-height: 136%;
	}

	.meta-item span label {
		display: none;
	}

	.meta-item img {
		width: 18px;
		height: 18px;
	}

	.skills {
		gap: 12px;
		max-width: 290px;
	}

	.skills .skill {
		gap: 12px;
	}

	.skill .skill-label-outer {
		max-width: calc(100% - 12px - 160px);
		font-size: 15px;
		line-height: 132%;
	}

	.skills .progress {
		width: 160px;
		height: 4px;
		margin-right: auto;
	}

	.single-cta-slider .slick-slide .slider-block {
		padding: 0.25px;
		height: 340px;
		min-height: 340px;
	}

	.about-intro {
		margin-top: 48px;
	}

	.search-results-article-container,
	.features-grid {
		gap: 24px;
	}

	.feature-card {
		padding: 24px;
	}

	.feature-card .icon {
		--size: 42px;
	}

	.feature-card .icon img {
		width: 26px;
		height: 26px;
	}

	.feature-card h6 {
		line-height: 130%;
		font-size: 17px;
	}

	.feature-card p {
		font-size: 15px;
		line-height: 132%;
	}

	.session-secn {
		padding: 72px 0;
	}

	/* terms and conditon css */
	.single-row {
		flex-direction: column;
		gap: 0;
	}

	.single-left-col {
		width: 100%;
		position: relative;
		top: auto;
	}

	.single-row {
		flex-flow: column;
	}

	.single-left-col,
	.single-right-col {
		width: 100%;
		flex: 1;
	}

	.single-left-col {
		padding-right: 0;
	}


	.common-template-secn {
		padding: 70px 0;
	}

	.common-template-secn .secn-head {
		margin-bottom: 48px;
	}

	.common-template-secn .secn-head .last-updated {
		margin-top: 20px;
		display: block;
		color: var(--Second-white, #DEDEDE);
		text-align: center;
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 136%;
	}

	.search-form label input {
		font-size: 16px;
		line-height: 142%;
	}

	.search-form .search-submit {
		font-size: 16px;
		line-height: 20px;
	}

	.search-results-article-container {
		margin: 2rem 0;
	}

	.comments-area .comment-form input:not(.form-submit input, .comment-form-cookies-consent input),
	.comments-area .comment-form textarea {
		padding: 14px 16px;
		font-size: 15px;
		font-weight: 400;
		line-height: 132%;
		height: 48px;
	}

	.comments-area .comment-form .comment-form-comment textarea {
		height: 120px;
	}

	.comments-area .comment-form .form-submit input[type="submit"] {
		font-size: 16px;
		height: 48px;
		line-height: 16px;
		padding: 16px 24px;
		max-width: 100%;
		margin-top: 1.5rem;
	}

	.comments-area .comment-form #wp-comment-cookies-consent+label:before {
		width: 18px;
		height: 18px;
	}

	.comments-area .comment-form #wp-comment-cookies-consent:checked+label:after {
		left: 6px;
		top: 7px;
		width: 6px;
		height: 10px;
	}

	.plans-secn .secn-head,
	.membership-plans .secn-head {
		margin-bottom: 1.25rem;
	}

	.common-tabs-wrapper {
		margin-bottom: 2rem;
		min-width: 302px;
	}

	.common-tabs-con {
		justify-content: flex-start;
		overflow-x: auto;
	}

	.common-tab {
		font-size: 14px;
		line-height: 140%;
	}

	.membership-plans .three-col-row,
	.plans-secn .three-col-row {
		--gap: 24px;
	}

	/* membership plans page css */
	.plans-card {
		padding: 28px;
	}

	.plans-card::before {

		inset: 4px;
		padding: 1px;
	}

	.plans-card .card-title {
		font-size: 15px;
		line-height: 132%;
	}

	.plans-card .price {
		margin: 1rem 0 0.75rem;
	}

	.plans-card .price .price-value {
		font-size: 40px;
	}

	.plans-card .price .small {
		font-size: 13px;
		line-height: 136%;
	}

	.plans-card .price-card-text {
		margin-bottom: 1.5rem;
	}

	.plans-card .price-card-text p {
		font-size: 13px;
		line-height: 136%;
	}

	.plans-card .btn.card-btn {
		height: 44px;
		padding: 15px;
		font-size: 14px;
		line-height: 14px;
	}

	.cf-featured-grid {
		grid-template-columns: 1fr;

		grid-template-areas:
			"large-image"
			"cf-list-one"
			"cf-list-two"
			"small-image"
			"cf-list-three";

		row-gap: 24px;
	}

	.large-image,
	.small-image {
		height: 340px;
	}

	.large-image {
		grid-area: large-image;
	}

	.small-image {
		grid-area: small-image
	}

	.cf-content-list .cf-content-list-in {
		max-width: 100%;
	}

	.cf-content-list.cf-list-one .cf-content-list-in {
		margin-bottom: 12px;
		padding-bottom: 2rem;
		padding-top: 0;
	}

	.cf-content-list.cf-list-one .cf-content-list-in::before {
		bottom: 0;
		top: auto;
	}

	.cf-content-list.cf-list-two .cf-content-list-in,
	.cf-content-list.cf-list-three .cf-content-list-in {
		padding-top: 0;
	}

	.cf-content-list.cf-list-two .cf-content-list-in::before,
	.cf-content-list.cf-list-three .cf-content-list-in::before {
		display: none;
	}

	.cf-content-list .mindset-subhead {
		font-size: 13px;
		margin-bottom: 4px;
	}

	.cf-content-list .mindset-head {
		margin-bottom: 1rem;
	}

	.cf-content-list .mindset-description p {
		font-size: 15px;
		line-height: 132%;
	}

	.modal-head h4 {
		font-size: 35px;
		line-height: 114%;
		margin-bottom: 8px;
	}

	.global-modal .contact-form-wrapper .wpcf7-form textarea {
		height: 140px;
	}

	.common-row .class-block .image-block img {
		height: 232px;
	}

	/* contact us page css here */
	.get-in-touch-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.get-in-touch-grid .secn-head,
	.info-item-row,
	.get-in-touch-grid .contact-form-wrapper {
		grid-column: auto;
		grid-row: auto;
	}

	.contact-us-secn {
		padding: 72px 0;
	}

	.get-in-touch-grid .secn-head {
		padding-right: 0;
		order: 0;
		text-align: center;
	}

	.get-in-touch-grid .contact-form-wrapper {
		order: 1;
	}

	.get-in-touch-grid .info-item-row {
		grid-column: 1;
		padding-right: 0;
		order: 2;
		margin-top: 1rem;
	}

	.info-item-row .info-item {
		grid-template-columns: 44px 1fr;
		align-items: center;

	}

	.info-item .info-icon {
		--size: 44px;
	}

	.info-icon img {
		width: 1.5rem;
		height: 1.5rem;
	}

	.info-content strong {
		font-size: 15px;
		line-height: 132%;
	}

	.info-content p {
		font-size: 15px;
		line-height: 132%;
	}

	.map-marker-secn .embed-map-responsive {
		height: 460px;
		min-height: 460px;
	}

	.faq-search-outer .faq-search-form {
		gap: 0.5rem;
	}

	.faq-search-outer .faq-search-form .faq-search-btn {
		height: 44px;
		padding: 15px 24px;
		font-size: 14px;
		font-weight: 700;
		line-height: 14px;
		min-width: 112px;

	}

	.faq-search-outer .faq-search-form .faq-search-field {
		height: 44px;
		width: 100%;
		font-size: 15px;
		line-height: 132%;
		padding: 12px 16px 12px 44px;
		background-position: left 16px center;
		background-repeat: no-repeat;
		background-size: 20px;
	}

	.contact-faq-sec .secn-head {
		margin-bottom: 20px;
	}

	.faq-search-outer {
		margin-top: 20px;
	}

	.multi-faq-outer {
		margin-top: 48px;
	}

	.single-faq-row h5 {
		margin-bottom: 1.5rem;
		font-size: 24px;
		line-height: 124%;
	}

	.multi-faq-outer .single-faq-row+.single-faq-row {
		margin-top: 48px;
	}

	.global-modal .contact-form-wrapper .wpcf7-form textarea,
	.contact-us-secn .contact-form-wrapper .wpcf7-form textarea {
		height: 140px;
	}

	/* contact us page css ends */


	/* MOBILE TOC */
	/* ============================ */
	.terms-group {
		margin-bottom: 48px;
	}

	.terms-group h2 {
		margin-bottom: 1.5rem;
		font-size: 24px;
		font-weight: 700;
		line-height: 124%;

	}

	/* Keep wrapper normal */
	.single-left-col {
		position: relative;
	}

	/* ============================ */
	/* FIXED FLOATING BUTTON */
	/* ============================ */

	.toc-mobile-btn {
		position: fixed;
		bottom: 60px;
		right: 16px;
		width: 48px;
		height: 48px;
		padding: 8px;
		border-radius: 50%;
		border: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 10002;
		background: rgba(246, 246, 246, 0.24);
	}

	/* Hamburger */
	.toc-mobile-btn span {
		content: "";
		width: 2rem;
		height: 2rem;
		display: block;
		position: relative;
		background-image: url("assets/images/menu-icon.svg");
		background-repeat: no-repeat;
		background-size: auto;
	}

	.toc-mobile-btn.is-active {

		background: var(--Second-background, #1A4440);
	}

	.toc-mobile-btn.is-active span {
		filter: brightness(0) invert(1);
	}

	/* ============================ */
	/* DROPDOWN PANEL */
	/* ============================ */

	.sticky-holder {
		position: fixed;
		right: 1rem;
		bottom: 124px;
		top: auto;
		width: 100%;
		max-width: 343px;
		max-height: 80svh;
		display: none;
		z-index: 10001;
		border-radius: 4px;
		background: var(--Second-background, #1A4440);
		padding: 24px;
		display: flex;
		flex-direction: column;
	}

	/* ============================ */
	/* TOC LIST */
	/* ============================ */
	.sticky-holder .toc {
		padding: 0;
		margin: 0;
		list-style: none;
		flex: 1;
		overflow-y: auto;
		min-height: 0;
		/* max-height: 362px; */
		max-height: 320px;
		padding-right: 1.25rem;
		-webkit-overflow-scrolling: touch;
	}

	.sticky-holder .toc-item {
		margin-bottom: 12px;
	}

	.sticky-holder::after {
		content: '';
		position: absolute;
		bottom: -10px;
		right: 12px;
		width: 0;
		height: 0;
		border-left: 11px solid transparent;
		border-right: 11px solid transparent;
		border-top: 11.5px solid var(--Second-background, #1A4440);
	}

	/* OPEN UP */
	.sticky-holder.open-up::after {
		bottom: -10px;
		border-top: 11.5px solid var(--Second-background, #1A4440);
	}

	/* OPEN DOWN */
	.sticky-holder.open-down::after {
		top: -10px;
		border-bottom: 11.5px solid var(--Second-background, #1A4440);
	}


	/* OPEN STATE */
	.single-left-col.is-open .sticky-holder {
		display: block;
	}

	/* ============================ */
	/* CSS HEADING */
	/* ============================ */

	.sticky-holder::before {
		content: "Table of Contents";
		display: block;
		padding-bottom: 16px;
		margin-bottom: 16px;
		border-bottom: 1px solid #2F5955;
		position: relative;
		color: var(--White, #F6F6F6);
		font-size: 18px;
		font-style: normal;
		font-weight: 600;
		line-height: 142%;
	}

	html[lang='pt-PT'] .sticky-holder::before {
		content: "Índice";
	}



	/* Main item */

	.sticky-holder .toc-main {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 9.5px 20px;
		background: #11443f;
		color: var(--White, #F6F6F6);
		font-size: 15px;
		cursor: pointer;
		border-radius: 2px;
		line-height: 132%;
	}

	/* Active main */
	.sticky-holder .toc-item.active .toc-main {
		background: var(--Main-background, #0C2C29);
	}

	/* Sub list */
	.sticky-holder .toc-sub {
		display: none;
		margin-top: 8px;
		padding-left: 12px;
		border-left: 1px solid var(--Stroke);
	}

	/* Show sub when active */
	.sticky-holder .toc-item.active .toc-sub {
		display: block;
	}

	/* Sub item */
	.sticky-holder .toc-sub-item {
		padding: 12px 16px;
		cursor: pointer;
		transition: color 0.2s ease;
		color: var(--Second-white, #DEDEDE);
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 132%;
	}

	/* Hover / active sub */
	.sticky-holder .toc-sub-item:hover,
	.sticky-holder .toc-sub-item.active {
		color: #ffffff;
	}

	/* Arrow rotation */
	.sticky-holder .arrow img {
		transition: transform 0.3s ease;
	}

	.sticky-holder .toc-item.active .arrow img {
		transform: rotate(180deg);
	}

	.sticky-holder {
		display: none;
	}

	.sticky-holder.is-open {
		display: flex;
	}

	.terms-sub h3 {
		font-size: 17px;
		line-height: 130%;

	}

	.terms-sub p {
		font-size: 15px;
		line-height: 132%;
	}

	.get-to-know-secn .join-cta-btn .btn.primary-btn {
		min-width: 240px;
	}

	.contact-hero-secn.common-hero-secn {
		background-position: 75% center;
	}

	.contact-hero-secn.common-hero-secn .hero-banner-content .btn-grp .btn {
		min-width: 252px;
	}

	.single-sub-summary .cta-wrapper .btn {
		min-width: 200px;
		font-size: 14px;
		line-height: 14px;
		padding: 15px 24px;
		height: 44px;
	}

	/* blog page css */
	.blog-feature-banner {
		height: 340px;
	}

	.blog-featured-secn .single-sub-row {
		gap: 1rem;
	}

	.blog-featured-secn .single-sub-summary .secn-head {
		margin-bottom: 0.5rem;
	}

	.blog-featured-secn .single-sub-summary .secn-head h2 {
		margin-bottom: 0;
	}

	.blog-featured-secn .single-sub-summary .cta-wrapper {
		margin-top: 1.5rem;
	}

	/* single blog page css start mobile version */
	.single-blog-article {
		padding: 70px 0;
	}

	.post-article-head {
		margin: 0 auto 32px;
	}

	.post-cat {
		font-size: 13px;
		line-height: 136%;
	}

	.post-meta-info span:not(:last-child) {
		padding-right: 8px;
		margin-right: 8px;
	}

	.post-meta-info span {
		font-size: 15px;
		line-height: 132%;
	}

	.single-blog-article .post-thumbnail {
		height: 340px;
		margin-bottom: 24px;
	}

	.single-post-row,
	.flex-row {
		flex-flow: column;
		gap: 48px;
	}

	.single-blog-article .content-area h3,
	.single-blog-article .content-area h4,
	.single-blog-article .content-area h5,
	.single-blog-article .content-area h6 {
		margin-bottom: 8px;
	}

	.single-blog-article .content-area h3:first-of-type {
		margin-top: 0;
	}

	.single-blog-article .content-area h3 {
		font-size: 17px;
		line-height: 130%;
		margin-top: 2rem;
	}

	.single-blog-article .content-area h4 {
		font-size: 16px;
		line-height: 130%;
	}

	.single-blog-article .content-area h5 {
		font-size: 15px;
		line-height: 130%;
	}

	.single-blog-article .content-area h6 {
		font-size: 15px;
		line-height: 132%;
	}

	.single-blog-article .content-area li {
		font-size: 13px;
		line-height: 136%;
	}

	.single-blog-article .content-area p {
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 132%;
	}

	.common-sidebar {
		flex: 0 0 auto;
		width: 100%;
	}

	.sidebar-block {
		border-radius: 0;
		background: transparent;
		padding: 0;
	}

	.sidebar-block-title {
		font-size: 15px;
		line-height: 132%;
	}

	body.single-post .site-main {
		padding: 0;
	}

	/* single blog page css start mobile version ends */
	/* custom toc css */
	.toc-toggle-btn {
		width: 48px;
		height: 48px;
		padding: 8px;
		border-radius: 50%;
		border: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		background: rgba(246, 246, 246, 0.24);
	}

	.cus-toc-container.active-toc .toc-toggle-btn {
		background: var(--Second-background, #1A4440);
	}

	.cus-toc-con {
		padding: 1.5rem;
	}

	.cus-toc-text {
		font-size: 13px;
		line-height: 136%;
	}

	.cus-toc-item.current>.cus-toc-text {
		font-size: 15px;
		line-height: 132%;
	}

	.cus-toc-container {
		position: fixed;
		bottom: 80px;
		width: 100%;
		right: 0;
		padding-right: 1rem;
		display: flex;
		justify-content: flex-end;
		z-index: 10002;
	}

	.cus-toc-con {
		padding: 1.5rem;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		bottom: 66px;
		right: 1rem;
		width: 100%;
		max-width: 343px;
		left: auto;
		display: flex;
		flex-flow: column;
		transition: opacity 0.3s, visibility 0.3s ease;
	}

	.cus-toc-con .cus-toc-list {
		max-height: 366px;
		flex: 1;
		overflow-y: auto;
		scrollbar-width: thin;
		scrollbar-color: var(--White) var(--scrollbar-track);
	}

	.cus-toc-con::after {
		content: '';
		position: absolute;
		bottom: -10px;
		right: 12px;
		width: 0;
		height: 0;
		border-left: 11px solid transparent;
		border-right: 11px solid transparent;
		border-top: 11.5px solid var(--Second-background, #1A4440);
	}

	/* for active state */
	.cus-toc-container.active-toc .cus-toc-con {
		opacity: 1;
		visibility: visible;

	}

	.toc-block {
		margin-bottom: 0;
	}

	/* custom toc css ends */
	/* ajax pagination */


	.ajax-pagination .pagination {
		flex-wrap: wrap;
		margin: 2rem 0 0 0;
	}

	.pagination .page-item:first-of-type {
		margin-right: 8px;
	}

	.pagination .page-item:last-of-type {
		margin-left: 8px;
	}

	.pagination .page-link.prev,
	.pagination .page-link.next {
		width: 48px;
		padding: 2px;
		font-size: 0;
		gap: 0;
	}

	.pagination .page-link {
		min-width: 48px;
		height: 48px;
		font-size: 16px;
	}

	.page-link.next::after,
	.page-link.prev::before {
		--size: 32px;
		background-size: var(--size);
	}

	.pagination .page-item.active .page-link {
		color: var(--Black);
		border: 1px solid var(--White, #F6F6F6);
		background: var(--White, #F6F6F6);
	}

	/* session calender mobile css */
	.classes-calendar-wrapper {
		padding: 4px 4px 68px;
		position: relative;
	}

	.cal-arrows-nav {
		gap: 12px;
		position: absolute;
		bottom: 12px;
		right: 12px;
	}

	.cal-arrows-nav .cal-prev,
	.cal-arrows-nav .cal-next {
		width: 40px;
		height: 40px;
		padding: 8px;
		background: var(--Stroke, #2F5955);
	}

	.cal-arrows-nav .cal-prev::before,
	.cal-arrows-nav .cal-next::before {
		background-size: 24px;
		width: 24px;
		height: 24px;
		filter: invert(1) brightness(100%);
	}


	.calendar-topbar {
		margin-bottom: 0;
		padding: 12px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.month-nav {
		max-width: fit-content;
		order: 0;
	}

	div#calendarMonth {
		font-size: 20px;
		margin-right: 0;
		min-width: 155px;
	}

	.calendar-top-labels {
		display: flex;
		gap: 0.5rem 1.5rem;
		grid-column: span 2;
		order: 2;
	}

	.calendar-top-labels .calendar-top-label-item {
		font-size: 13px;
		line-height: 136%;
		padding-left: 12px;
	}

	.calendar-top-label-item::before {
		width: 8px;
		height: 8px;
	}

	.calendar-actions {
		display: flex;
		gap: 12px;
		max-width: 100px;
		margin-left: auto;
		order: 1;
	}

	.calender-action-btn .open-filter-btn,
	.signin-btn {
		padding: 10px;
		font-size: 0;
		min-width: 40px;
		height: 40px;
		width: 40px;
	}

	.open-filter-btn::after {
		display: none;
	}

	.open-filter-btn::before {
		--size: 20px;
		margin: 0;
		flex: 0 0 auto;
		min-width: var(--size);
	}

	.signin-btn::before {
		display: inline-block;

	}

	.calendar-day {
		min-height: 94.8px;
		padding: 2px;
	}

	.calendar-grid {
		display: grid;
		grid-template-columns: repeat(7, 1fr);
		gap: 2px;
		width: 100%;
		grid-template-rows: repeat(5, 94.8px);
	}

	.weekdays span {
		font-size: 0px;
		gap: 0;
		position: relative;
	}

	.weekdays span::after {
		display: block;
		color: var(--White, #F6F6F6);
		text-align: center;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
	}

	.weekdays span:nth-child(1)::after {
		content: "S";
	}

	.weekdays span:nth-child(2)::after {
		content: "M";
	}

	.weekdays span:nth-child(3)::after {
		content: "T";
	}

	.weekdays span:nth-child(4)::after {
		content: "W";
	}

	.weekdays span:nth-child(5)::after {
		content: "T";
	}

	.weekdays span:nth-child(6)::after {
		content: "F";
	}

	.weekdays span:nth-child(7)::after {
		content: "S";
	}

	.class-card-list-multi .class-card .class-card-time-outer,
	.class-card-list-single .class-card-time-outer,
	.class-card-coaches {
		display: none;
	}

	.class-card {
		padding: 2px 3px;
		border-radius: 2px;
		position: relative;
		margin-top: 2px;
	}

	.class-card-name {
		font-size: 10px;
		font-weight: 400;
		line-height: 120%;
	}

	.class-card-name::after {
		width: 4px;
		height: 4px;
		margin-left: 2px;
		position: absolute;
		top: 0;
		right: 0;
	}

	.class-card-list-single .class-card {
		height: auto;
	}

	.class-card-list-multi .class-card {
		gap: 1px 3px;
	}

	.class-card-list-multi.class-card-list-two .class-card {
		gap: 2px 3px;
	}

	.classes-calendar-wrapper.open-schedule-details {
		position: relative;
		isolation: isolate;
	}

	.calendar-section {
		flex: 1;
		width: 100%;
	}

	.classes-calendar-wrapper.open-schedule-details::before {
		position: absolute;
		content: '';
		inset: 0;
		content: '';
		background: rgba(0, 0, 0, 0.54);
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.classes-wrapper {
		display: flex;
		gap: 0;
		padding: 0px;
		flex-flow: column;
	}

	.class-sidebar {
		position: absolute;
		top: 60px;
		left: 20px;
		right: 20px;
		margin: 0 auto;
		max-width: calc(100% - 40px);
		width: 100%;
		padding: 1rem;
		z-index: 2;
		background: var(--Second-background, #1A4440);
	}

	.close-classSidebar {
		width: 20px;
		height: 20px;
		background-size: 20px;
	}

	.class-sidebar-top-heading {
		padding: 0 0 16px;
	}

	.class-sidebar-top-heading h3 {
		font-size: 16px;
		padding: 3px 0;
	}

	.detail-item-text {
		font-size: 12px;
		line-height: 135%;
	}

	span.detail-card-info-duration {
		padding-left: 4px;
		font-size: 12px;
		line-height: 135%;
	}

	.detail-card-btn-outer .book-btn {
		display: flex;
		height: auto;
		min-height: 36px;
		padding: 13px 16px;
		font-size: 10px;
		line-height: 10px;
		width: fit-content;
		min-width: 160px;
	}

	.detail-card-coach-main .detail-card-coach-heading {
		margin-bottom: 8px;
		font-size: 12px;
		line-height: 120%;
	}

	.calender-action-btn {
		position: unset;
	}

	/* .open-filters .calendar-topbar {
		position: relative;
		
	} */
	.open-filters .calender-action-btn .open-filter-btn {
		background: var(--White, #F6F6F6);
		z-index: 2;
	}

	.open-filters .calender-action-btn .open-filter-btn::before {
		filter: none;
	}

	div#filterPanel {
		position: absolute;
		top: 60px;
		right: 0;
		left: 0;
		margin: 0 auto;
		max-width: 303px;
		width: 303px;
		height: auto;
		background: var(--white-color);
		z-index: 2;
	}

	div#filterPanel::before {
		display: none;
	}

	.filter-group-outer {
		padding: 20px;
	}

	.filter-group-list {
		max-height: 168px;
	}

	/* session calender mobile css ends */
	.slider-nav .progress-bar {
		display: none;
	}

	/* Mobile Slider */
	.professional-mob-slider.has-custom-scroll {
		padding: 0.8px 1rem 0 0.8px;
		flex-wrap: nowrap;
		justify-content: flex-start;
		max-width: 1912px;
		margin-left: 0;
		margin-right: 0;
		width: calc(100% + 16px);
		gap: 1rem;
	}

	.professional-mob-slider.has-custom-scroll>div {
		width: 282px;
		min-width: 282px;
		max-width: 282px;
		flex: 0 0 auto;
		gap: 12px;
	}

	.soon-block p {
		font-size: 20px;
		line-height: 110%;
	}

	.footer-container .footer-col-links ul.menu li.mobile-none {
		display: none;
	}

	.get-touch-card .top-text {
		margin-bottom: 2rem;
	}

	.get-touch-card .top-text p {
		font-size: 17px;
		line-height: 130%;
	}

	.get-touch-card .get-in-touch-title {
		margin-bottom: 12px;
	}

	.about-intro-content p {
		font-size: 15px;
		line-height: 132%;
	}
}

/* 991 ends */
/* for landscape version 991 */
@media (max-width: 991px) and (orientation: landscape) {
	.sticky-holder {
		bottom: 124px;
		bottom: calc(124px + env(safe-area-inset-bottom));
		max-height: 60vh;
		max-height: 60svh;
		min-height: 200px;
	}

	.cus-toc-con {
		bottom: calc(60px + env(safe-area-inset-bottom));
		max-height: 53vh;
		max-height: 53svh;
	}

	.cus-toc-container {
		bottom: 60px;
	}

	.toc-mobile-btn {
		bottom: 60px;
	}

	body div.joinchat__button {
		right: 10px;
	}
}

/* landscape mode 991 ends */

/* landscape version css ends */
@media (min-width:768px) and (max-width:991.98px) {
	.three-col-row>* {
		-ms-flex: 0 1 calc(50% - var(--gap-comp));
		flex: 0 1 calc(50% - var(--gap-comp));
	}

	.search-results-article-container,
	.features-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.footer-container .footer-col-links ul.menu {
		justify-content: center;
	}

	.common-row.three-col-row>* {
		-ms-flex: 0 1 calc(50% - var(--gap-comp));
		flex: 0 1 calc(50% - var(--gap-comp));
	}

	.blogs-cat-secn .cats-tab-con,
	.tabs-slider-secn .cats-tab-con {
		margin-bottom: 32px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	.toc-mobile-btn {
		bottom: 80px;
	}

	body div.joinchat__button {
		right: 0;
	}

	.sticky-holder {
		bottom: 145px;
	}
}

/* 768-991ends */

@media (min-width:992px) and (max-width:1199.98px) {
	.slider-nav .nav-item {
		padding: 2rem 1rem;
	}

	.plans-card {
		padding: 40px 32px;
	}

	.plans-card .btn.card-btn {
		padding: 16px;
		font-size: 16px;
	}
}

/* 992-1199ends */
@media (min-width:1200px) and (max-width:1280px) {
	.get-touch-card {
		padding: 72px 36px;
	}
}

@media (min-width:576px) and (max-width:767.98px) {

	.grid-col-three {
		grid-template-columns: repeat(2, 1fr);
	}

	.common-row.three-col-row>* {
		-ms-flex: 0 1 calc(50% - var(--gap-comp));
		flex: 0 1 calc(50% - var(--gap-comp));
	}
}

@media (max-width:767.98px) {
	body .content-area table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	.pricing-row-grid .pricing-card {
		width: 100%;
		max-width: 100%;
		flex: 0 0 auto;
	}

	.search-results-article-container,
	.features-grid {
		grid-template-columns: 1fr;
	}

	.plans-secn .three-col-row,
	.membership-plans .three-col-row {
		flex-flow: column;
	}

	body.admin-bar .global-modal {
		/* top: var(--wp-admin--admin-bar--height); */
	}

	body.admin-bar .global-modal .modal-box {
		padding-top: calc(84px + var(--wp-admin--admin-bar--height));
	}

	.modal-box {
		padding: 84px 16px 94px;
		max-height: 100vh;
		max-height: 100dvh;
		max-height: 100svh;
	}

	.modal-logo {
		display: none;
	}

	body.admin-bar .global-modal .modal-box .modal-close {
		top: calc(20px + var(--wp-admin--admin-bar--height));
	}

	.modal-close {
		top: 20px;
		right: 20px;
		background-size: contain;
		width: 44px;
		height: 44px;
		padding: 8px;
		border-radius: 44px;
		background-color: rgba(255, 255, 255, 0.24);
		background-size: auto;
	}

	.grid-col-three {
		grid-template-columns: repeat(1, 1fr);
	}

	.info-content p {
		flex-flow: column;
	}
}

@media (max-width:575.98px) {
	.common-row.three-col-row {
		row-gap: 24px;
		flex-flow: column;
	}

	.common-row.three-col-row>* {
		flex: 1;
		width: 100%;
	}
}

@media (max-width:350px) {
	.footer-container {
		max-width: calc(100% - 16px);
	}

	.site-footer .footer-col-contact .footer-widget:last-child {
		max-width: 100%;
	}

	.common-tabs-wrapper {
		min-width: auto;
	}

	.skill .skill-label-outer {
		max-width: calc(100% - 12px - 120px);
	}

	.skills .progress {
		width: 120px;
	}
}

@media (max-width:340px) {}

/* custom media query ends */