/*!
Theme Name: PDM
Author: Ghayas
Description: Description
Version: 2.2.4
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pdm
*/

@keyframes marquee {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}
@font-face {
	font-family: "Manrope";
	src: url("./assets/font/Manrope-ExtraLight.ttf") format("truetype");
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Manrope";
	src: url("./assets/font/Manrope-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Manrope";
	src: url("./assets/font/Manrope-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Manrope";
	src: url("./assets/font/Manrope-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Manrope";
	src: url("./assets/font/Manrope-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Manrope";
	src: url("./assets/font/Manrope-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Manrope";
	src: url("./assets/font/Manrope-ExtraBold.ttf") format("truetype");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "LiberationSans";
	src: url("./assets/font/LiberationSans-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "LiberationSans";
	src: url("./assets/font/LiberationSans-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "LiberationSans";
	src: url("./assets/font/LiberationSans-Italic.ttf") format("truetype");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "LiberationSans";
	src: url("./assets/font/LiberationSans-BoldItalic.ttf") format("truetype");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:root {
	--primary: #3bbfc6;
	--font-manrope: "Manrope", sans-serif;
	--font-sans: "LiberationSans", sans-serif;
	--font-sm: 14px;
	--font-md: 16px;
	--font-lg: 18px;
	--font-xl: 20px;
	--font-1xl: 22px;
	--font-2xl: 24px;
	--font-3xl: 36px;
	--font-4xl: 48px;
	--font-5xl: 52px;
	--section-padding: 100px;

	@media only screen and (width <= 1200px) {
		--font-sm: 14px;
		--font-md: 16px;
		--font-lg: 16px;
		--font-xl: 18px;
		--font-2xl: 20px;
		--font-3xl: 24px;
		--font-4xl: 36px;
		--font-5xl: 48px;
		--section-padding: 60px;
	}
	@media only screen and (width <= 767px) {
		
		
		
		
		--font-sm: 14px;
		--font-md: 16px;
		--font-lg: 16px;
		--font-xl: 16px;
		--font-2xl: 18px;
		--font-3xl: 20px;
		--font-4xl: 34px;
		--font-5xl: 36px;
		--section-padding: 20px;
		
		
		
		
	}
	@media only screen and (width <= 576px) {
		--font-sm: 14px;
		--font-md: 16px;
		--font-lg: 16px;
		--font-xl: 16px;
		--font-2xl: 28px;
		--font-3xl: 20px;
		--font-4xl: 28px;
		--font-5xl: 36px;
		--section-padding: 20px;
	}
}

html,
body {
	scroll-behavior: smooth;
}

body {
	font-family: var(--font-manrope);
	color: #ffffff;
	background: #000000;
}

main {
	overflow: hidden;
}

svg.play-button * {
    pointer-events: none;
}

img,
video,
iframe,
table,
picture {
	display: block;
	max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
}

.mx-auto {
	margin-inline: auto;
}
.text-center {
	text-align: center;
}

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

/* Container */

.container {
	--width: 1366px;
	--padding: 30px;
	width: Min(calc(var(--width) + var(--padding) * 2), 100%);
	margin-inline: auto;
	padding-inline: var(--padding);
	
	@media only screen and (width <= 576px) {
		--padding: 10px;
	}
}
.mobile__container {
	--padding: 0px !important;
}
.masterclass__container {
	max-width: 1270px;
	margin-inline: auto;
	padding-inline: 10px;
}
.thankyou__masterclass__container {
	padding-block: 0 40px;
	max-width: 1270px;
}

/* General Container */
.mobile__masterclass {
	display: none;
	@media only screen and (width <= 1100px) {
		display: block;
		padding: 20px 0;
	}
	@media only screen and (width <= 820px) {
		display: block;
		padding: 20px 0;
	}
}

.mobile__masterclass .swiper-slide {
	height: auto;
}

.masterclass__container {
	margin: 0 auto;
}

/* Fixed Image */
.fixed-image-container {
	text-align: center;
	margin-bottom: 15px;
}

    @media only screen and (width <= 576px) {
        svg#playButton {
  	    width: 30px;
        height: 10vh;
}}

.fixed-image {
	width: 100%;
	max-height: auto;
	object-fit: cover;
	@media only screen and (width <= 1100px) {
		height: auto;
		max-width: 660px !important;
		margin: 0 auto;
	}
	@media only screen and (width <= 567px) {
		max-height: 100% !important;
	}
}
/* Swiper Container */
.swiper-container {
	width: 100%;
	overflow: hidden;
	padding-bottom: 40px; /* Space for pagination */
}
.masterclass__swipe-container {
	padding-bottom: 0px; /* Space for pagination */
}
.mobile__masterclass__btn {
	margin-top: 24px;
}
/* Swiper Slides */
.content-box {
	border: 1px solid rgba(29, 125, 130, 1);
	padding: 15px;
	background: rgba(29, 125, 130, 0.12);
	border-radius: 5px;
	text-align: center;
	border-radius: 12px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	@media only screen and (width <= 1024px) {
		
		
		
		
		padding: 20px 12px;
		max-width: min(660px, 100%);
		margin-inline: auto;
		height: 100%;
		
		
		
		
	}
	@media only screen and (width <= 567px) {
		padding: 20px 12px;
		min-height: 130px;
	}
}

/* Swiper Pagination */
.swiper-pagination {
	position: relative !important;
	bottom: auto !important;
}

/* Hide Swiper on Larger Screens */

.frontpage__masterclass__container {
	max-width: 1270px;
}
.masterclass__mobile__img {
	@media only screen and (width <= 567px) {
		display: none;
	}
}

/* Title */

.title {
	max-width: min(956px, 100%);
	text-wrap: balance;
	font-size: 42px;

	@media only screen and (width <= 1024px) {
		font-size: 34px;
	}
	@media only screen and (width <= 767px) {
		font-size: 28px;
	}
}

/* Tag */

.tag {
	padding: 8px 40px;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 33px;
	background: rgba(29, 125, 130, 0.4);
	border: 1px solid #145659;
	box-shadow: 0px 4px 33px 0px rgba(0, 0, 0, 0.05);
	width: max-content;
	letter-spacing: 1px;
	
	
	
	

	@media only screen and (width <= 576px) {
		font-size: 12px;
		/* width: min-content; */
		padding: 4px 20px;
	}
}

.faq__tag {
	@media only screen and (width <= 576px) {
		padding: 8px 40px;
	}
}

.tag--lg {
	width: fit-content;
	padding: 6px 40px;
	font-size: var(--font-md);
	text-align: center;
	@media only screen and (width <= 576px) {
		font-size: 10px;
		/* width: min-content; */
		padding: 4px 20px;
	}
}

.tag--md {
	width: fit-content;
	font-size: var(--font-md);

	@media only screen and (width <= 1024px) {
		font-size: 12px;
		margin: 0 auto;
	}
}

/* Button */

.btn {
	display: block;
	width: fit-content;
	padding: 16px 60px;
	font-size: var(--font-lg);
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	border-radius: 12px;
	background: var(
		--Button-gradient,
		linear-gradient(180deg, #1d7d82 0%, #0e474a 100%)
	);
	transition: background 0.3s ease;
	
	 /* Smooth transition for background change */
	@media only screen and (width <= 1024px) {
		font-size: 14px;
		padding: 18px 40px;
		margin-top: 30px;	
	}
	@media only screen and (width <= 1024px) {
		text-align: center;
	}
}

/* Hover effect to lighten the gradient background */
.btn:hover {
	background: var(
		--Button-gradient,
		linear-gradient(180deg, #3cb7b2 0%, #257d7b 100%) /* Lightened gradient */
	);
}

.qualify__btn {
	/* width: 100%; */
	margin-top: 0;
}
.thankyou__btn2 {
	@media only screen and (width <= 1024px) {
		font-size: 14px;
	}
;
	padding-inline: 20px;
	padding-inline: 20p;
	padding-inline: 20;
	padding-inline: 2;
}
.masterclass__qualify__btn {
	padding: 16px 54px;
	font-weight: 700;
	font-size: 18px;
	line-height: 25.2px;
	letter-spacing: 0.36px;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;

	@media only screen and (width <= 567px) {
		padding: 12px 47px;
		font-weight: 700;
		font-size: 14px;
		line-height: 25.2px;
		letter-spacing: 0.36px;
		text-align: center;
		vertical-align: middle;
		text-transform: uppercase;
	}
}
.divider {
	display: none;
	@media only screen and (width <= 567px) {
		display: block;
		width: 342px;
		height: 1px;
		background: radial-gradient(
		50% 50% at 50% 50%,
		#1d7d82 44.5%,
		rgba(171, 171, 171, 0) 100%
		);
		border-radius: 1px; /* If you want a slight curve */
		/* 		margin-block:60px 77px; */
	}
}

.resouce__btn {
	@media (max-width: 1200px) {
		
		
		
		margin: 10px auto 0;
		order: 1;
		
		
		
	}
}
.steps__tag {
	@media (max-width: 820px) {
		margin: 0 auto;
	}
}
/* Service Card */

.service-card {
	display: flex;
	align-items: center;
	padding: 22px 24px 22px 24px;
	border-radius: 20px;
	background: rgba(29, 125, 130, 0.12);
	border: 1px solid #1d7d82;

	@media only screen and (width <= 990px) {
		padding: 15px;
	}
}
.service-card__content {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	max-width: 500px;
	@media only screen and (width <= 567px) {
		gap: 12px;
	}
}
.service-card__icon {
	height: 32px;
	width: 30px;
	@media only screen and (width <= 567px) {
		height: 24px;
		width: 26px;
	}
}
.service-card__content svg {
	min-width: 30px !important;
	min-height: 32px !important;
	object-fit: contain;
	vertical-align: middle;
	@media only screen and (width <= 767px) {
		min-width: 28px !important;
		min-height: 22px !important;
	}
	@media only screen and (width <= 767px) {
		min-width: 24px !important;
		min-height: 26px !important;
	}
}
.center-container {
	display: flex;
	justify-content: center;
	@media only screen and (width <= 567px) {
		margin-top: 10px;
	}
}
.service-card__text {
	font-size: var(--font-xl);
	font-weight: 600 !important;
	letter-spacing: -1px;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	@media only screen and (width <= 767px) {
		padding-top: 5px;
	}
	@media only screen and (width <= 576px) {
		padding-top: 3px;
		font-size: 14px;
		line-height: 1.7;
	}
}

/* Countdown */

.countdown {
	display: flex;
	align-items: center;
	gap: 38px;
	width: fit-content;
	padding: 18px 42px;
	border-radius: var(--font-sm);
	border: 1.2px solid #186266;
	background: radial-gradient(
		379.1% 94.5% at 2.67% 8.55%,
		rgba(18, 65, 67, 0.6) 6%,
		rgba(7, 35, 36, 0.6) 100%
	);
	box-shadow: 0px 4.842px 14.526px 0px rgba(0, 0, 0, 0.18);

	@media only screen and (width <= 767px) {
		
		
		
		
		gap: 14px;
		padding: 14px 36px;
		
		
		
		
	}
	@media only screen and (width <= 567px) {
		padding: 14px 30px !important;
		gap: 24px;
	}
}
.countdown__item {
	text-align: center;
}
.countdown__value {
	display: block;
	font-size: 42px;

	@media only screen and (width <= 767px) {
		font-size: var(--font-2xl);
	}
	@media only screen and (width <= 567px) {
		font-weight: 600;
		font-size: 24.75px;
		line-height: 100%;
		letter-spacing: -1.43px;
		text-align: center;
		vertical-align: middle;
		text-transform: capitalize;
	}
}
.countdown__key {
	display: block;
	font-size: var(--font-sm);
	text-transform: uppercase;

	@media only screen and (width <= 767px) {
		font-size: 10px;letter-spacing: 0.5px;
	}
	@media only screen and (width <= 567px) {
		font-weight: 400;
		font-size: 7.13px;
		line-height: 100%;
		letter-spacing: 0px;
		text-align: center;
		vertical-align: middle;
		text-transform: uppercase;
	}
}

/* Tutorial */

.tutorial {
	position: relative;
	max-width: min(100%, 569px);
}
.tutorial:not(:last-child) {
	padding-bottom: 60px;
}
.tutorial::before,
.tutorial__header::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	border-radius: 3px;
	@media only screen and (width <= 1100px) {
		display: none;
	}
}
.tutorial::before {
	opacity: 0.5;
	background: linear-gradient(180deg, #1d7d82 0%, rgba(1, 1, 1, 0) 100%);
}
.tutorial__header {
	position: relative;
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 12px;
	@media only screen and (width <= 1100px) {
		justify-content: center;
		gap: 12px;
		margin-bottom: 8px;
	}
	@media only screen and (width <= 820px) {
		justify-content: center;
		gap: 8px;
		margin-bottom: 8px;
	}
	@media only screen and (width <= 567px) {
		justify-content: center;
		gap: 8px;
		margin-bottom: 8px;
	}
}
.tutorial__header::before {
	background: var(--primary);
}
.tutorial__icon {
	padding: 6px;
	background: rgba(29, 125, 130, 0.12);
	border: 1px solid var(--primary);
	border-radius: 10px;
	margin-left: 40px;
	@media only screen and (width <= 567px) {
		padding: 0.2px;
		margin-left: 0px;
	}
}
.tutorial__icon svg {
	display: block;
	@media only screen and (width <= 567px) {
		max-height: 24px !important;
		padding: 3.8px;
		max-width: 24px;
	}
}
.tutorial__title {
	font-weight: 500;
	font-size: 28px;
	line-height: 1.3;
	letter-spacing: -1px;
	vertical-align: middle;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	@media only screen and (width <= 767px) {
		font-size: 18px;
		letter-spacing: -1px;
	}
}
.tutorial__detail {
	font-size: var(--font-lg);
	line-height: 1.6;
	padding-left: 24px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.6;
	vertical-align: middle;
	margin-left: 16px;
	text-wrap: balance;
	
	@media only screen and (width <= 767px) {
		
		
		font-size: 16px;
		text-align: center;
		margin-left: 0px;
		padding: 0;
		
		
	}
}

/* Testimonial Card */
.testimonial-card {
	flex: 0 0 auto; /* Prevent shrinking */
	scroll-snap-align: center;
	 /* Adjust width for mobile view */
	padding: 40px 46px;
	text-align: center;
	background: #0c3335;
	border-radius: 24px;
	
	
	
	
	
	
	@media only screen and (width <= 767px) {
		padding: 40px 36px;
	}
	@media only screen and (width <= 767px) {
		padding: 40px 26px;
	}
	@media only screen and (width <= 567px) {
		padding: 28px 32px !important;
	}
}
.testimonial__container {
	@media only screen and (width <= 567px) {
		padding-inline: 30px !important;
	}
}
.testimonial-card__title {
	font-size: var(--font-2xl);
	text-transform: uppercase;
}

.testimonial-card__designation {
	display: block;
	margin-bottom: 30px;
	font-size: var(--font-lg);
	font-weight: 600;
	color: #3bbfc6;
	@media only screen and (width <= 567px) {
		margin-bottom: 15px !important;
	}
}

.testimonial-card__img {
	height: auto;
	aspect-ratio: 4/7.1;
	border-radius: 12px;
}

/* Testimonials */
.testimonial {
	padding-block: 20px var(--section-padding);
}

.testimonial__title {
	margin-block: 20px 50px;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Default Row for Desktop */
.testimonial__row {
	display: flex;
	align-items: center;
	gap: 20px;
	overflow-x: auto;
	scroll-padding: 20px;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 10px; /* Add space for scroll */
}

/* Swiper Slider for Mobile */

/* Mobile Styles */
@media (max-width: 820px) {
	.testimonial__row {
		display: none; /* Hide the default row on mobile */
	}

	.swiper {
		display: block; /* Show Swiper on mobile */
	}

	.testimonial-card {
		width: 100%;
		max-width: none;
	}

	.testimonial-card__title {
		text-align: center;
		font-size: 16px;
	}
	.testimonial-card__designation {
		text-align: center;
		font-size: 12px;
	}
}
/* Pricing Card */

.pricing-card {
	position: relative;
	max-width: min(488px, 100%);
	padding: 51px 47px 57px;
	z-index: 99999;
	border-radius: 24px;
	border: 1px solid rgba(29, 125, 130, 0.4);
	background: radial-gradient(
		359.02% 89.47% at 7.06% 10.35%,
		#134244 0%,
		#072324 100%
	);
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	@media only screen and (width <= 767px) {
		max-width: 415px;
		padding: 32px 27px 27px;
		margin: 0 12px;
	}
}
.pricing-card__tag {
	position: absolute;
	inset: -21px 0 auto 0;
	width: fit-content;
	padding: 9.5px 30px;
	font-size: var(--font-xl);
	font-weight: 700;
	color: #000000;
	border-radius: 8px;
	background: #3bbfc6;
}
.pricing-card__title {
	font-size: var(--font-3xl);
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 600;
	line-height: 130%;
	text-align: center;
	vertical-align: middle;
}
.pricing-card__detail__transparent {
	margin-top: 6px;
	color: #cad2d8;
	font-weight: 400;
	font-size: var(--font-md);
	line-height: 24px;
	letter-spacing: 0px;
	margin-bottom: 9px;
	text-align: center;

	@media only screen and (width <= 767px) {
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 14px;
	}
	@media only screen and (width <= 767px) {
		
		max-width: 264px;
		line-height: 16px;
		
	}
}
.pricing-card__detail {
	margin-top: 6px;
	margin-bottom: 24px;
	font-weight: 400;
	font-size: var(--font-md);
	line-height: 24px;
	text-align: center;
	@media only screen and (width <= 767px) {
		font-size: 12px;
		line-height: 18px;
	}
	@media only screen and (width <= 767px) {
		max-width: 264px;
		margin-bottom: 16px;
	}
}
.pricing-card__text {
	display: block;
	margin-block: 14px 26px;
	padding-bottom: 14px;
	font-size: var(--font-lg);
	border-bottom: 1px solid #1d7d82;

	@media only screen and (width <= 767px) {
		margin-block: 10px;
		padding-bottom: 10px;
		font-size: 14px;
	}
}
.pricing-card__price {
	margin-bottom: 53px;
	font-weight: 700;
	font-size: 52px;
	line-height: 52px;
	letter-spacing: -2px;
	text-align: center;
	vertical-align: middle;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	
	
	
	
	
	

	@media only screen and (width <= 767px) {
		font-size: 30px;
	}
}
.learn__list {
	margin-top: 9px !important;
}

.pricing-card__list {
	max-width: fit-content;
	margin-block: 24px;
	border-top: 1px solid #1d7d82;
	padding-top: 25px;
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	@media only screen and (width <= 767px) {
		margin-block: 20px;
	}
	@media only screen and (width <= 567px) {
		margin-block: 16px 23px;
		padding-top: 18px;
	}
}
.pricing-card__item {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: var(--font-xl);
	font-weight: 700;

	@media only screen and (width <= 767px) {
		font-size: 12px;
	}
	@media only screen and (width <= 567px) {
		font-weight: 400;
		font-size: 11.76px;
		line-height: 120%;
		letter-spacing: 0%;
		vertical-align: middle;
	}
}
.pricing-card__item:not(:last-child) {
	margin-bottom: 10px;
	@media only screen and (width <= 567px) {
		margin-bottom: 6px;
	}
}
.pricing-card__item::before {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='27' viewBox='0 0 26 27' fill='none'%3E%3Cg clip-path='url(%23clip0_236_1615)'%3E%3Cpath d='M13 26.5C20.18 26.5 26 20.68 26 13.5C26 6.32 20.18 0.5 13 0.5C5.82 0.5 0 6.32 0 13.5C0 20.68 5.82 26.5 13 26.5Z' fill='%231D7D82' fill-opacity='0.6'/%3E%3Cpath d='M7.11694 14.3409L10.4789 17.7019L18.8829 9.29785' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_236_1615'%3E%3Crect width='26' height='27' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: cover;

	@media only screen and (width <= 767px) {
		width: 18px;
		height: 18px;
	}
}

.learn__pricing-card__item {
	color: rgba(202, 210, 216, 1);
}

/* List */

.list {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	font-size: var(--font-xl);
	@media only screen and (width <= 767px) {
		font-size: 14px;
		gap: 12px;
		text-align: start;
		font-weight: 400;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 0px;
	}
	@media only screen and (width <= 576px) {
		width: 100%;
	}
}
.no-list {
    font-size: 18px;
    margin-top: 13px;
}
.thankyou__list {
	gap: 10px;
	@media only screen and (width <= 567px) {
		padding: 0 22px;
		margin-bottom: 10px;
	}
}
.thankyou__list:not(:last-child) {
    margin-bottom: 16px;
}
.thankyou__list span {
	@media only screen and (width <= 820px) {
		font-weight: 400;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 0px;
	}

	.list__svg {
		min-width: 34px;
		height: 34px;
		width: 34px;
		min-height: 34px;
		@media only screen and (width <= 767px) {
			min-width: 24px;
			min-height: 24px;
		}
	}

	.list:not(:last-child) {
		margin-bottom: 10px;
		@media only screen and (width <= 567px) {
			margin-bottom: 24px;
		}
	}
	.list b {
		color: var(--primary);
	}
}
.survey-modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: center;
}

.survey-modal-content {
	background: #fff;
	padding: 20px;
	width: 90%;
	max-width: 600px;
	border-radius: 8px;
	position: relative;
}

.survey-close {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 24px;
	cursor: pointer;
}

.add-calendar-modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}

.add-calendar-modal-content {
	/* background-color: #000000; */
	margin: 10% auto;
	padding: 20px;
	width: 60%;
	border-radius: 10px;
	position: relative;
	@media only screen and (width <= 567px) {
		width: 100%;
	}
}
.add-calendar-close {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 32px;
	cursor: pointer;
	color: #000000;
}

.modal {
	display: none; /* Hidden by default */
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: center;
}

.modal-content {
	background-color: transparent;
	padding: 20px;
	border-radius: 8px;
	width: 80%;
	max-width: 700px;
	position: relative;
	height: max-content;
}

.close {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 24px;
	cursor: pointer;
}

iframe {
	width: 100%;
	height: 600px; /* Adjust as needed */
	border-radius: 8px;
}
.header__btn:hover {
	background: rgba(29, 125, 130, 0.2); /* Matches the .btn__learn hover */
	color: #ffffff;
}
/* Accordion */

.accordion {
	--padding-block: 24px;
	--padding-inline: 40px;
	backdrop-filter: blur(12px);
	background: rgba(4, 3, 19, 0.24);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	border-left: 1px solid rgba(255, 255, 255, 0.08);

	@media only screen and (width <= 767px) {
		--padding-inline: 20px;
		--padding-block: 15px;
	}
}
.accordion__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: var(--padding-block) var(--padding-inline);
	cursor: pointer;
	/* margin-bottom: 24px; */
	font-size: 20px;

	@media only screen and (width <= 767px) {
		font-weight: 500;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -1px;
		vertical-align: middle;
	}
}
.accordion__header::after {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M6.65991 9.79004L12.6599 15.79L18.6599 9.79004' stroke='%23AFAFAF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.3s;
	@media only screen and (width <= 567px) {
		min-width: 24px;
		min-height: 24px;
	}
}
.accordion__content {
	display: grid;
	grid-template-rows: 0fr;
	padding-inline: var(--padding-inline);
	font-size: 16px;
	transition: all 0.3s;
	@media only screen and (width <= 767px) {
		font-weight: 500;
		font-size: 14px;
		line-height: 24px;
		letter-spacing: -1px;
		vertical-align: middle;
	}
}

.accordion__text {
	overflow: hidden;
}
.accordion.active .accordion__content {
	grid-template-rows: 1fr;
}
.accordion.active .accordion__content {
	padding-block: var(--padding-block);
}
.accordion.active .accordion__header::after {
	transform: rotate(180deg);
}

/*
--------------------
Sections
--------------------
*/

.header {
	padding-block: 15px 2px;
	border-bottom: 1px solid rgba(255, 255, 255, 14%);
	@media only screen and (width <= 576px) {
		background: radial-gradient(
		78% 50% at 50% 13%,
		rgba(29, 125, 130, 0.6) 0%,
		rgba(29, 125, 130, 0) 100%
		);
		padding-block: 12px;
	}
}
.header__main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	@media only screen and (width <= 576px) {
		justify-content: center;
	}
}
.header__logo {
	display: block;
	max-width: 148px;
	@media only screen and (width <= 576px) {
		height: 36px;
		width: 128px;
	}
}
.header__btn {
	padding: 10px 30px;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	border: 1px solid #1d7d82;
	border-radius: 12px;
	@media only screen and (width <= 576px) {
		font-size: 12px;
		display: none;
	}
}

/* Hero */

.hero {
	padding-block: 75px 35px;
	background-image: url("./assets/img/hero-bg.webp");

	@media only screen and (width <= 576px) {
		padding-block: 32px 0px;
	}
}
.hero__main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 42px;
	@media only screen and (width <= 1024px) {
		flex-direction: column;
		gap: 20px;
		align-items: center;
		justify-content: space-between;
	}
}
.hero__content {
	max-width: min(1368px, 100%);
	display: flex;
	flex-direction: column;
		text-align: center;
		align-items: center;
		
	@media only screen and (width <= 1024px) {
		text-align: center;
		align-items: center;
		display: contents;
	}
}
.hero__title {
	max-width: 1368px;
	margin-block: 20px;
	font-size: var(--font-5xl);
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
	line-height: 1.27;
	letter-spacing: -1px;
	text-wrap: balance;
	
	
	
	
	
	@media only screen and (width <= 1300px) {
		font-size: 34px;
		margin-block: 0px 12px;
		margin-top: 20px;
	}

	@media only screen and (width <= 820px) {
		font-size: 28px;
		margin-block: 0px 12px;
		margin-top: 20px;
	}
	@media only screen and (width <= 576px) {
		font-size: 26px;
		text-align: center;
		margin-block: 0px 12px;
	}
}
.hero__img img {
	height: auto;
	max-width: min(665.67px, 100%);
	@media only screen and (width <= 1024px) {
		margin: 0 auto;
		max-width: min(565.67px, 100%);
	}
	@media only screen and (width <= 567px) {
		margin: 0 auto;
		max-width: min(340.67px, 100%);
	}
}

.italic-text {
	font-weight: 700;
	font-style: italic;
	letter-spacing: 0px;
	text-align: center;
	@media only screen and (width <= 576px) {
		font-size: 14px;
	}
}

.hero__btn {
    margin-top: 30px;
    order: 1;
}

.hero__para {
	max-width: 1138px;
	font-size: var(--font-1xl);
	line-height: 1.45454545;


	@media only screen and (width <= 1300px) {
		font-size: 18px;
	}
	@media only screen and (width <= 576px) {
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0px;
		text-align: center;
		padding-block: 0 16px;
	}
}
.hero__text {
    font-size: 28px;
    font-weight: 700;
    color: #3BBFC6;
    margin-bottom: 20px;
    text-wrap: balance;

	@media only screen and (width <= 1300px) {
		
	font-size: 23px;
	}
}

.claim__btn {
	@media only screen and (width <= 576px) {
		width: 90% !important;
		padding: 10px 20px !important;
		margin-top: 0 !important;
		letter-spacing: 0.36px;
		line-height: 20px;
	}
}
.hero__iframe {
	aspect-ratio: 1014 / 570;
	height: auto;
}

/* Logos */

.logos {
	padding-block: 35px var(--section-padding);
	@media only screen and (width <= 576px) {
		padding-block: 40px 46px;
	}
}
.masterclass__logos {
	padding-block: 50px var(--section-padding);
	@media only screen and (width <= 576px) {
		padding-block: 0px 60px;
	}
}

.logos__container {
	--width: 1366px;
}

.logos__row {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 40px;
	flex-wrap: wrap;

	@media only screen and (max-width: 767px) {
		gap: 25px;
	}

	@media only screen and (max-width: 576px) {
		gap: 15px;
		flex-wrap: nowrap;
		overflow: hidden;
		white-space: nowrap;
		position: relative;
	}
}

/* Hide extra logos on desktop */
.logos__wrapper--mobile {
	display: none;
	@media only screen and (max-width: 576px) {
		display: flex;
		column-gap: 20px;
		animation: marquee 10s linear infinite;
		flex-wrap: nowrap;
		white-space: nowrap;
		justify-content: center;
		align-items: center;
	}
}
/* Hide animation for desktop */
.logos__wrapper {
	display: flex;
	gap: 66px;
	animation: none;
	align-items: center;
	width: fit-content;
	
	
	
	
	
	
	
	
	@media only screen and (max-width: 1160px) {
		
		
		
		display: flex;
		flex-wrap: nowrap;
		white-space: nowrap;
		align-items: center;
		overflow: auto;
		
		
		
	}
}

/* Enable animation only for mobile */
@media (max-width: 567px) {
	/* Logo images should not overlap */
	.logos__img {
		width: auto;
		height: 50px; /* Adjust height as needed */
		flex-shrink: 0; /* Prevent shrinking */
		min-width: 100px; /* Prevent logos from collapsing */
	}
}
.logos__img__mobile {
	@media only screen and (max-width: 567px) {
		height: auto;
		width: min(338.99981689453125px, 100%);
	}
}

.portfolio__mobile {
	display: none;
	@media only screen and (max-width: 767px) {
		display: flex;
		flex-direction: column;
		align-items: center;
		row-gap: 24px;
	}
}

/* Marquee animation for smooth scrolling */
@keyframes marquee {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}

/* Pause animation when hovering */
@media only screen and (max-width: 576px) {
	.logos__row:hover .logos__wrapper {
		animation-play-state: paused;
	}
}

/* About */

.about {
	padding-block: 18px 60px;
	background: radial-gradient(
		50% 50% at 97% 48%,
		rgba(29, 125, 130, 0.6) 0%,
		rgba(29, 125, 130, 0) 100%
	);
	@media only screen and (max-width: 576px) {
		padding-block: 0 20px;
	}
}

.Development__tag {
	@media only screen and (max-width: 576px) {
		padding: 6px 20px !important;
	}
}
.about__container {
	--width: 1217px;
}
.about__container span {
	font-weight: 800;
	@media only screen and (width <= 567px) {
		font-size: 14px;
		font-weight: 600;
		letter-spacing: -1px;
		font-family: Manrope;
		font-weight: 600;
		font-size: 14px;
		line-height: 125%;
		letter-spacing: -1px;
		max-width: 279px;
	}
}
.about__title {
	margin-block: 12px 24px;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 600;
	line-height: 169%;
	letter-spacing: -2px;
	text-align: center;
	vertical-align: middle;
	text-wrap: balance;
	
	
	
	
	
	@media only screen and (width <= 820px) {
		
		
		
		
		
		letter-spacing: -1px;
		text-align: center;
		
		
		
		
		
	}

	@media only screen and (width <= 567px) {
		margin-block: 20px 24px;
	}
}
.about__title p {
	font-weight: 800;
	line-height: 1.7;
	letter-spacing: -1px;
	text-align: center;
	
	
	
	
	
	
	@media only screen and (width <= 767px) {
		
		
		
		
		
		
		font-size: 27px;
		letter-spacing: -1px;
		text-align: center;
		padding: 0;
		
		
		
		
		
		
	}

	@media only screen and (width <= 567px) {
		font-size: 24px;
		font-weight: 800;
		line-height: 100%;
		letter-spacing: -1px;
		text-align: center;
		padding: 0;
	}
}
.video__container {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
padding-bottom:60px;
}

.about__vid {
	
	aspect-ratio: 1014/570;
	border-radius: 4px;
	width: min(1014px, 100%);
	margin: 30px auto 20px;
	z-index: 1;
	background: #000;
	box-shadow: 0px 0px 38px 0px rgba(60, 151, 175, 0.5);
}

.img__video {
	position: absolute;
	display: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	height: auto;
	width: min(80px, 11vw);
	max-width: 20vw;
	aspect-ratio: 1 / 1;
	cursor: pointer;
	pointer-events: none;
}
@media (hover: hover) {
	.img__video {
		display: block;
	}
}

.about__text {
	margin-block: 40px;
	font-weight: 700;
	color: var(--primary);
	font-weight: 700;
	font-size: 24px;
	line-height: 1.16;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;

	@media only screen and (width <= 567px) {
		font-weight: 700;
		font-size: 16px;
		line-height: 22px;
		letter-spacing: 0%;
		text-align: center;

		margin: 0 20px 12px;
	}
}
.about__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px 36px;

	@media only screen and (width <= 990px) {
		gap: 15px;
	}
	@media only screen and (width <= 767px) {
		grid-template-columns: 1fr;
	}
	@media only screen and (width <= 767px) {
		row-gap: 8px !important;
		margin-bottom: 24px;
	}
}
.about__card {
	@media only screen and (width <= 767px) {
		padding: 12px;
	}
}
.service-card {
	opacity: 0;
	transform: translateX(-100px);
	transition: transform 0.8s ease-out, opacity 0.8s ease-out;
}

.service-card:nth-child(even) {
	transform: translateX(100px);
}

/* Animation trigger when .animate class is added */
.service-card.animate {
	opacity: 1;
	transform: translateX(0);
}

/* Stagger effect */
.service-card:nth-child(1).animate {
	transition-delay: 0.2s;
}
.service-card:nth-child(2).animate {
	transition-delay: 0.4s;
}
.service-card:nth-child(3).animate {
	transition-delay: 0.6s;
}
.service-card:nth-child(4).animate {
	transition-delay: 0.8s;
}

/* Why */

.why {
	position: relative;
	isolation: isolate;
	padding-block: 86px 91px;
	background: radial-gradient(
		50% 50% at 3% 49%,
		rgba(29, 125, 130, 0.6) 0%,
		rgba(29, 125, 130, 0) 100%
	);

	@media only screen and (width <= 1200px) {
		padding-block: 60px;
	}
	@media only screen and (width <= 567px) {
		padding-block: 20px;
	}
}
.why__tag {
	padding: 8px 40px;
	font-weight: 600;
	font-size: 12px;
	line-height: 116%;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	@media only screen and (width <= 567px) {
		padding: 6px 20px;
		line-height: 116%;
	}
}
.why__content {
	display: flex;
	flex-direction: column;
	max-width: 640px;
	@media only screen and (width <= 1024px) {	
		align-items: center;
		display: contents;
	}
	@media only screen and (width <= 567px) {
		text-align: start;
	}
}
.why::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: url("./assets/img/why-bg.webp") no-repeat center center lightgray
		0px -2.844px / 100% 128.097% no-repeat;
	opacity: 0.4;
}
.why__container {
	--width: 1392px;
}
.why__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 39px;

	@media only screen and (width <= 1024px) {
		flex-direction: column;
		justify-content: center;
		gap: 0px;
		
	}
}
.why__title {
	margin-block: 20px 30px;
	letter-spacing: -2px;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-wrap: balance;

	@media only screen and (width <= 1024px) {
		margin-block: 12px 20px;
		text-align: center;
	}
	@media only screen and (width <= 567px) {
		letter-spacing: -1px;
		text-transform: capitalize;
		margin-block: 18px 20px;
		padding: 0 20px;
	}
}
.why__headline {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 24px;
	flex-direction: column;
	
	
	

	@media only screen and (width <= 767px) {
		gap: 10px;
	}
	@media only screen and (width <= 567px) {
		justify-content: center;
		gap: 14px 24px;
	}
}
.why__stat {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: var(--font-2xl);
	font-weight: 400;
	
	
	
	
	
	@media only screen and (width <= 567px) {
		font-size: 16px;
		font-weight: 400;
		text-align: start;
	}
}
.why__list {
	margin-block: 25px 20px;
	display: flex;
	flex-direction: column;
	row-gap: 12px;
	
	
	
	
	
	@media only screen and (width <= 567px) {
		row-gap: 10px;
		margin-block: 20px 24px;
	}
}
.why__countdown {	
	@media only screen and (width <= 1024px) {
		order: 1;
		margin-top: 20px;
	}

	@media only screen and (width <= 767px) {
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		margin: 30px auto;
		margin-block: 20px;
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	}
}
.award {
	@media only screen and (width <= 991px) {
		margin-bottom: 60px;
	}
}

.why__btn {
	margin-top: 40px;
	order: 1;
	
	@media only screen and (width <= 1024px) {
		margin-inline: auto;
	}
}

.mentors__title {
	‰ .why__img {
		max-width: min(661px, 100%);
		height: auto;

		@media screen and (max-width: 1024px) {
			height: 420px !important;
			width: 390px !important;
		}

		@media screen and (max-width: 567px) {
			height: 420px !important;
			width: 406px !important;
			margin: 0 auto;
		}
	}
}
.front__page__why__img {
	width: 100%;
	height: auto;
	max-height: 744px;
	object-fit: cover;
	border-radius: 8px;
	
	@media screen and (max-width: 1300px) {
		
		
		height: auto;
		width: 440px;
		
		
	}
	@media screen and (max-width: 1100px) {
		
		
		height: auto;
		width: 400px;
		
		
	}
}
.masterclass__why__img {
	height: auto;
	width: min(540.79px, 100%);
}

/* Mentors */

.mentors {
	padding-block: 80px;
	background: radial-gradient(
		50% 50% at 97% 48%,
		rgba(29, 125, 130, 0.6) 0%,
		rgba(29, 125, 130, 0) 100%
	);
	@media only screen and (width <= 1024px) {
		padding-block: 20px 32px;
	}
}
.mentors__title {
	margin-block: 20px 10px;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	line-height: 1.52;
	letter-spacing: -2px;
	-webkit-text-fill-color: transparent;
	@media only screen and (width <= 567px) {
		margin-block: 12px 20px;
	}
}
.mentors__text {
	margin-bottom: 30px;
	font-weight: 600;
	font-size: 36px;
	line-height: 150%;
	letter-spacing: -1px;
	text-align: center;
	vertical-align: middle;
	text-transform: capitalize;
	color: var(--primary);

	@media only screen and (width <= 1024px) {
		font-size: 30px;
	}
	@media only screen and (width <= 767px) {
		font-size: 18px;
	}
}
.mentors__img {
	height: auto;

	@media only screen and (width <= 767px) {
		display: none;
	}
}

.homepage__tag {
	
	@media only screen and (width <= 767px) {
		margin: 0 auto;
		margin-bottom: 20px;
	}
	@media only screen and (width <= 567px) {
		font-size: 12px !important;
		width: fit-content;
		padding: 4px 20px !important;
		margin-bottom: 16px !important;
	}
}
.mentors__img-mobile {
	margin: 0 auto 25px;
}
.mentors__details {
	display: block;
	max-width: 360px;
	margin-inline: auto;
	padding: 10px 20px;
	border-radius: 20px;
	background: rgba(29, 125, 130, 0.6);
	box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(2px);
	@media only screen and (width <= 567px) {
		display: none;
	}
}
.mentors__details:not(:last-child) {
	margin-bottom: 12px;
}

.mentor__portfolio__mobile {
	display: flex;
	gap: 20px;
}
.portfolio__container {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.portfolio__number {
	font-size: 20px;
	font-weight: 600;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.portfolio__content {
	/* padding: 15px 20px; */
	text-align: center;
	/* line-height: 100%; */
	font-size: 14px;
	letter-spacing: -0.5px;
	color: #3bbfc6;
}
/* Award */

.award {
	@media only screen and (width <= 567px) {
		padding-block: 0 20px;
	}
}
.award__container {
	--width: 1702px;
	@media only screen and (width <= 567px) {
		padding: 0 !important;
	}
}
.award__number {
	font-weight: 600;
	font-size: var(--font-4xl);
	line-height: 130%;
	letter-spacing: -2px;
	text-align: center;
	text-transform: capitalize;
}
.award__content {
	padding: 33px 67px 46px 67px;
	border: 1px solid rgba(29, 125, 130, 0.6);
	background: radial-gradient(
		379.1% 94.5% at 2.67% 8.55%,
		rgba(18, 65, 67, 0.6) 6%,
		rgba(7, 35, 36, 0.6) 100%
	);
	margin: 0 auto;
	border-radius: 24px;
	max-width: 1394px;

	@media only screen and (width <= 767px) {
		padding-block: 24px;
		padding: 18px 33px 24px 33px;
	}

	@media only screen and (width <= 567px) {
		padding-block: 16px;
		padding: 24px 0 34px;
		border-radius: 0 !important;
		border-right: 0px !important;
		border-left: 0px !important;
	}
}
.award__title {
	background: linear-gradient(
		90.19deg,
		rgba(250, 250, 250, 0.75) 2.69%,
		#fafafa 26.15%,
		#fafafa 73.06%,
		rgba(250, 250, 250, 0.75) 96.05%
	);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing: -2px;
	@media only screen and (width <= 567px) {
		margin-bottom: 24px;
		font-weight: 600;
		font-size: 20px;
		line-height: 100%;
		letter-spacing: -2px;
		text-align: center;
		vertical-align: middle;
		text-transform: capitalize;
	}
}
.award__row {
	display: flex;
	justify-content: center;
	margin-block: 30px 40px;
	text-align: center;
	gap: 20px;

	@media only screen and (width <= 767px) {
		display: none;
	}
}
.award__stat {
	max-width: 274px;
	width: 100%;
}

.award__text {
	font-weight: 600;
	font-size: 22px;
	line-height: 130%;
	letter-spacing: -1px;
	text-align: center;
	vertical-align: middle;
	color: var(--primary);

	@media only screen and (width <= 767px) {
		font-size: 16px;
	}
}

/* Logos */
.award__logos {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
	width: 100%;
	overflow: hidden;
	position: relative;
}

/* Default wrapper (row layout for desktop) */
.award__wrapper {
	display: flex;
	gap: 15px;
	flex-wrap: nowrap;
	justify-content: center;
	width: 100%;
}

/* Duplicates hidden by default on desktop */
.award__img.duplicate {
	display: none;
}

/* Mobile-only settings: Enable animation */
@media only screen and (max-width: 1380px) {
	.award__wrapper {
		justify-content: flex-start;
		gap: 15px;
		width: max-content;
		overflow: auto;
	}

	/* Show duplicate images only on mobile */
	.award__img.duplicate {
		display: inline-block;
	}
}

/* Marquee Animation */
@keyframes marquee-awards {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

/* Pause animation on hover */
@media only screen and (max-width: 576px) {
	.award__logos:hover .award__wrapper {
		animation-play-state: paused;
	}
}

.award__img {
	height: 129px;
	width: 230px;
	flex-shrink: 0; /* Prevent shrinking */

	@media only screen and (width <= 767px) {
		max-width: min(100%, 144px);
	}

	@media only screen and (width <= 567px) {
		width: 144px;
		height: 81px;
	}
}

/* Masterclass */

.masterclass {
	padding-block: 177px 100px;
	background: radial-gradient(
		50% 50% at 3% 49%,
		rgba(29, 125, 130, 0.6) 0%,
		rgba(29, 125, 130, 0) 100%
	);

	@media only screen and (width <= 1100px) {
		padding-block: 90px 60px;
		display: none;
	}
	@media only screen and (width <= 820px) {
		display: none;
		padding-block: 81px 60px;
	}

	@media only screen and (width <= 767px) {
		padding-block: 90px 60px;
	}
}
.masterclass__logo {
	width: 220px;
	height: 61px;
	margin: 0 auto 40px;
	@media only screen and (width <= 1024px) {
		margin: 0 auto;
		width: 128px;
		height: 36px;
	}

	@media only screen and (width <= 567px) {
		margin: 0 auto;
		width: 128px;
		height: 36px;
	}
}
.masterclass__container {
	--width: 1365px;
}
.masterclass__title {
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	margin-block: 20px 39px;
	-webkit-text-fill-color: transparent;
	font-weight: 600;
	line-height: 68px;
	letter-spacing: -2px;
	text-align: center;

	@media only screen and (width <= 767px) {
		margin-block: 10px 24px;
		letter-spacing: -1px;
	}
}
.masterclass__row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	gap: 40px;
	column-gap: 92px;
	margin-bottom: 60px;

	@media only screen and (width <= 767px) {
		grid-template-columns: 1fr;
		gap: 30px;
	}
}
.masterclass__row--reverse {
	column-gap: 61px;
}
.masterclass__row:not(.masterclass__row--reverse) {
	padding-right: 35px;

	@media only screen and (width <= 767px) {
		padding-right: 0;
	}
}
.masterclass__img {
	height: auto;
	max-width: 586.558837890625px;
}
.left__masterclass__img {
	height: auto;
	max-width: 636.7981567382812px;
}
.masterclass__details {
	max-width: 574px;
}

.masterclass__details:first-child {
	@media only screen and (width <= 1200px) {
		padding-left: 0;
	}
}

/* Mastery */

.mastery {
	padding-block: var(--section-padding);

	@media only screen and (width <= 1200px) {
		padding-block: 60px;
	}
}
.mastery__title {
	margin-block: 20px 91px;

	@media only screen and (width <= 1200px) {
		margin-bottom: 30px;
	}
}
.mastery__img {
	height: auto;
}

/* Testimonials */

.testimonial {
	padding-block: 20px var(--section-padding);
	background: radial-gradient(
		50% 50% at 3% 49%,
		rgba(29, 125, 130, 0.6) 0%,
		rgba(29, 125, 130, 0) 100%
	);

	@media only screen and (width <= 1200px) {
		padding-block: 60px;
	}
	@media only screen and (width <= 576px) {
		padding-block: 30px;
	}
}
.testimonial__title {
	margin-block: 20px 60px;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	@media only screen and (width <= 576px) {
		margin-block: 16px 22px !important;
	}
}

.testimonial__row {
	display: flex;
	align-items: center;
	gap: 20px;
	overflow-x: auto;
	padding-bottom: 10px; /* Add space for scroll */
}
/* Positioning play button on top of the video */
.testimonial-card__img {
	position: relative;
	width: 100%;
	height: auto;
}

/* Style for the play button */
.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 5vw;
	height: 5vw;
	max-width: 80px;
	max-height: 80px;
	min-width: 40px;
	min-height: 40px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	opacity: 1;
	transition: opacity 0.3s ease;
}

/* Icon inside the play button */
.play-button::before {
	content: "\f04b"; /* FontAwesome play icon (if using FontAwesome) */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #fff;
	font-size: 30px;
}

/* Hide the play button when video is playing */
.testimonial-card__img.playing .play-button {
	display: none;
}

.tier {
	margin-block: 20px;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 600;
	letter-spacing: -2px;
	text-align: center;
	text-transform: capitalize;
	margin: auto;
	
	
	
	
	@media only screen and (width <= 576px) {
		margin-block: 12px 10px;
		font-weight: 600;
		font-size: 28px;
		line-height: 100%;
		letter-spacing: -2px;
		text-align: center;
	}
}
.membership__text {
	font-weight: 400;
	font-size: var(--font-1xl);
	line-height: 32px;
	letter-spacing: 0px;
	text-align: center;
	margin: 20px 0 40px;
	@media only screen and (width <= 576px) {
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0px;
		text-align: center;
		margin-bottom: 20px;
	}
}
.Masterclass__text {
	font-weight: 400;
	font-style: italic;
	font-size: var(--font-1xl);
	line-height: 32px;
	letter-spacing: 0px;
	text-align: center;
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 0%;
	text-decoration-skip-ink: auto;
	margin-bottom: 77px;
	@media only screen and (width <= 576px) {
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0px;
		text-align: center;
		text-decoration: underline;
		text-decoration-style: solid;
		text-decoration-offset: 0%;
		text-decoration-thickness: 0%;
		text-decoration-skip-ink: auto;
		font-style: normal;
		padding: 0 10px;
		margin-bottom: 51px;
	}
}
.step {
	padding: 8px 40px;
	border: 1px solid #ffffff;
	border-radius: 33px;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 2px;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	width: fit-content;
	margin: 37px auto 6px;
	background: rgba(29, 125, 130, 0.4);
	@media only screen and (width <= 576px) {
		font-weight: 500;
		font-size: 10px;
		line-height: 100%;
		letter-spacing: 1px;
		text-align: center;
		text-transform: uppercase;
		padding: 4px 16px !important;
		margin: 30px auto 4px;
	}
}

.step__learn {
	padding: 8px 40px;
	border: 1px solid #ffffff;
	background: rgba(29, 125, 130, 0.4);
	border-radius: 33px;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 2px;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	width: fit-content;
	margin: 0 auto 6px;
	@media only screen and (width <= 576px) {
		font-size: 10px;
		margin: 0 auto 4px;
	}
}
.step1 {
	--width: 1270px;
	padding-block: 80px;
	
	
	
	
	
	
	@media screen and (max-width: 1400px) {
		padding-block: 30px 60px;
	}
	@media screen and (max-width: 1024px) {
		
		
		padding: 50px;
		
		
	}
	@media screen and (max-width: 567px) {
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		padding: 20px 10px 0;
		margin: 0 !important;
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	}
}
.step1__step2 {
	@media screen and (max-width: 567px) {
		padding-block: 80px 60px !important;
		margin: 0 !important;
		padding: 0px !important;
	}
}
.step1__container {
	display: flex;
	align-items: center;
	column-gap: 82px;
	justify-content: space-between;

	@media only screen and (width <= 1024px) {
		
		
		
		
		
		column-gap: 60px;
		align-items: center;
		flex-direction: column;
		gap: 30px;
		
		
		
		
		
	}
}
.step__innovation .step1__container {
	@media only screen and (width <= 1440px) {
		gap: 20px;
	}
	@media only screen and (width <= 1024px) {
		
		
		flex-direction: column-reverse;
		gap: 30px;
		
		
	}
}
/* .innovation{
column-gap:132px;

} */
.invitation {
	max-width: 598px !important;
}
.open-add-calendar-modal {
	order: 3;
	@media only screen and (width <= 576px) {
		
		
		
		
		
		
		
		
		
		margin-bottom: 30px;
		
		
		
		
		
		
		
		
		
	}
}
.thankyou__btn1 {
	@media only screen and (width <= 820px) {
		font-size: 14px;
	}
	@media only screen and (width <= 576px) {
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		margin-top: 10px;
		padding: 16px 26px;
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	}
}
.cta__button {
	@media only screen and (width <= 576px) {
		margin-bottom: 30px;
		padding: 13px 21px;
		width: fit-content;
	}
}
.step2 {
	@media only screen and (width <= 576px) {
		flex-direction: column-reverse;
	}
}
.step2 img {
	@media only screen and (width <= 576px) {
		order: 1;
	}
}
.step1__container img {
	width: 100%; /* Makes it fully responsive */
	max-width: min(540px, 50%); /* Ensures it doesn’t exceed 585px */
	height: auto; /* Maintains aspect ratio */
	max-height: 487px; /* Prevents it from exceeding 487px */
}

/* Tablet Screens (<= 1024px) */
@media only screen and (max-width: 1024px) {
	.step1__container img {
		max-width: min(598px, 100%) !important;
	}
}

/* Mobile Screens (<= 567px) */
@media only screen and (max-width: 567px) {
	.step1__container img {
		height: 251px !important;
		max-width: 299px !important;
	}
}

.Onboarding {
	position: relative;
	padding-block: 95px 0px;
	background-image: radial-gradient(
		50% 50% at 97% 48%,
		rgba(29, 125, 130, 0.2) 0%,
		rgba(29, 125, 130, 0) 100%
	);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	
	
	
	
	
	
	@media only screen and (width <= 768px) {
		padding-block: 60px 30px;
	}
	@media only screen and (width <= 567px) {
		padding-block: 40px 30px;
		background-image: none;
	}
}
.Onboarding::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(./assets/img/onboarding.jpeg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.1; /* Set the background image opacity to 20% */
	z-index: -1; /* Ensures the image stays behind content */
	scale: crop;
	@media only screen and (width <= 567px) {
		padding-block: 40px 30px;
		background-image: none;
		display: none;
	}
}
.step__innovation {
}
.Private {
	font-weight: 600;
	font-size: 42px;
	line-height: 115%;
	letter-spacing: -2px;
	vertical-align: middle;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;

	@media only screen and (width <= 1024px) {
		
		
		
		
		
		
		font-size: 34px;
		font-weight: 600;
		text-align: center;
		display: block;
		
		
		
		
		
		
	}
	@media only screen and (width <= 567px) {
		display: none;
	}
}

.Private__mobile {
	display: none;
	
	
	@media only screen and (width <= 567px) {
		background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		display: block;
		font-weight: 600;
		font-size: 24px;
		line-height: 130%;
		letter-spacing: -1px;
		text-align: center;
		text-transform: capitalize;
		padding: 0 10px;
	}
}

.Private__para {
	font-weight: 400;
	font-size: var(--font-2xl);
	line-height: 34px;
	letter-spacing: 0px;
	margin: 28px 0 17px 0;
	@media only screen and (width <= 567px) {
		font-weight: 600;
		font-size: 24px;
		line-height: 100%;
		letter-spacing: -1px;
		text-align: center;
		text-transform: capitalize;
		margin: 10px 0 14px 0 !important;
	}
}
.thankyou__Private__para {
	@media only screen and (width <= 567px) {
		
		
		
		
		
		
		
		
		font-weight: 400 !important;
		font-size: 16px !important;
		letter-spacing: 0px !important;
		text-align: center !important;
		text-transform: none;
		
		
		
		
		
		
		
		
	}
}
.Private__desc {
	font-weight: 700;
	font-style: italic;
	font-size: var(--font-xl);
	line-height: 30px;
	letter-spacing: 0px;
	color: rgba(59, 191, 198, 1);
	@media only screen and (width <= 1024px) {
		text-align: center;
	}
	@media only screen and (width <= 567px) {
		font-weight: 600;
		font-size: 18px;
		line-height: 120%;
		letter-spacing: -1px;
		text-align: center;
		vertical-align: middle;
		font-style: normal;
	}
}
.transparent__btn {
	display: block;
	width: fit-content;
	font-size: var(--font-lg);
	font-weight: 700;
	padding: 16px 36px;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0;
	color: #ffffff;
	border-radius: 12px;
	border: 1px solid rgba(29, 125, 130, 1);

	@media screen and (max-width: 1024px) {
		
		white-space: nowrap;
		font-size: 14px;
		
	}
	@media only screen and (width <= 576px) {
		font-weight: 700;
		font-size: 14px;
		line-height: 25.2px;
		letter-spacing: 0.36px;
		text-align: center;
		vertical-align: middle;
		text-transform: uppercase;
		margin: 0 auto;
		padding: 10px 53px;
	}
}
.step1__left {
	max-width: 676px;
	@media only screen and (width <= 576px) {
		margin-bottom: -4px;
		padding: 24px 0px;
	}
}
.step1__title {
	line-height: 1.3;
	color: rgba(59, 191, 198, 1);
	font-weight: 600;
	font-size: 42px;
	letter-spacing: -2px;
	vertical-align: middle;
	text-wrap: balance;

	@media only screen and (width <= 1440px) {
		font-size: 34px;
	}
	@media only screen and (width <= 1024px) {
		font-size: 24px;text-align: center;
	}
	@media only screen and (width <= 576px) {
		font-size: 24px;
		text-align: center;
	}
}
.step1__title span {
	color: #ffff;
	font-weight: 600;
	letter-spacing: -2px;
	
	@media only screen and (width <= 1024px) {
		font-size: 34px;
	}
	@media only screen and (width <= 820px) {
		font-size: 24px;
	}
	@media only screen and (width <= 576px) {
		font-size: 24px;
	}
}
.thankyou__left {
	@media only screen and (width <= 576px) {
		font-weight: 400;
		font-size: 16px;
		line-height: 100%;
		letter-spacing: 0px;
		text-align: center;
	}
}
.step1__left p {
	font-weight: 500;
	font-size: var(--font-1xl);
	line-height: 1.4;
	letter-spacing: 0px;
	vertical-align: middle;
	margin-top: 24px;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;

	@media only screen and (width <= 1024px) {
		font-size: 20px;
		text-align: center
	}
	@media only screen and (width <= 576px) {
		
		font-size: 14px;
		text-align: center;
		
	}
}
.step2 {
	column-gap: 124px;
	margin-top: 00px;
	
	
	
	
	@media only screen and (width <= 1024px) {
		flex-direction: column;gap: 0 !important;
	}
	@media only screen and (width <= 1440px) {
		gap: 30px;
	}
}
.step2__right {
	max-width: 635px;
	@media only screen and (width <= 576px) {
		margin-left: 0 !important;
		display: contents;
	}
}
.step2__para {
	font-weight: 500;
	font-size: 22px;
	line-height: 28px;
	letter-spacing: 0px;
	vertical-align: middle;
	padding-block: 20px;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	@media only screen and (width <= 1024px) {
		
		font-size: 20px;
		
	}
	@media only screen and (width <= 576px) {
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0px;
		text-align: center;
		vertical-align: middle;
		padding-inline: 10px;
	}
}
@media only screen and (max-width: 567px) {
	.step2__para br {
		display: none;
	}
}
.call__header {
	font-weight: 600;
	font-size: 42px;
	line-height: 125%;
	letter-spacing: -2px;
	text-align: center;
	vertical-align: middle;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;

	@media only screen and (width <= 820px) {
		font-size: 32px;
		font-weight: 600;
	}
	@media only screen and (width <= 576px) {
		font-size: 24px;
		font-weight: 600;
		padding-inline: 14px;
		line-height: 150%;
	}
}
.call__para {
	font-weight: 500;
	font-size: var(--font-xl);
	line-height: 29px;
	letter-spacing: 0px;
	text-align: center;
	vertical-align: middle;
	margin: 10px 0 30px 0;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	@media only screen and (width <= 576px) {
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0px;
		text-align: center;
		vertical-align: middle;
		margin: 12px;
	}
}
.call__desc {
	font-weight: 700;
	font-size: var(--font-2xl);
	line-height: 1.5;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
	padding: 0 25px;
	color: rgba(59, 191, 198, 1);
	
	
	

	@media only screen and (width <= 820px) {
		font-size: 18px;
		font-weight: 600;
	}
	@media only screen and (width <= 576px) {
		
		
		
		font-weight: 600;
		letter-spacing: -1px;
		text-align: center;
		vertical-align: middle;
		padding: 0 11px;
		
		
		
	}
}

.pricing-card__title__learn {
	font-size: 34px;
	font-weight: 600;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	@media screen and (max-width: 767px) {
		font-size: 20px;
	}
}
.service-cards {
	display: flex;
	gap: 20px;
	margin-top: 40px;
	justify-content: center;
	

	@media screen and (max-width: 1024px) {
		
		flex-direction: column;
		justify-content: center;
		align-items: center;
		
	}
	@media screen and (max-width: 576px) {
		
		
		
		
		margin-top: 24px;
		align-items: flex-start;
		gap: 8px;
		
		
		
		
	}
}

.service-card__container {
	height: auto;
	max-width: 400px;
	border: 1px solid rgba(29, 125, 130, 1);
	border-radius: 22px;
	display: flex;
	align-items: flex-start;
	padding: 22.5px 24px;
	@media screen and (max-width: 1024px) {
		max-width: 310px;
	}
	@media screen and (max-width: 1024px) {
		max-width: min(400px, 100%);
	}
	@media only screen and (width <= 576px) {
		
		
		
		
		
		
		
		
		padding: 12px;
		border-radius: 12px;
		max-width: 340px;
		max-width: 100%;
		width: 100%;
		
		
		
		
		
		
		
		
	}
}
.service-card__container {
    background: rgba(29, 125, 130, 0.12);
}
.service-card__container svg {
	min-width: 34px;
	min-height: 32px;
	@media only screen and (width <= 576px) {
		min-width: 24px;
		min-height: 26px;
	}
}
.service-card__container span {
	font-weight: 600;
	font-size: var(--font-xl);
	line-height: 1.4;
	letter-spacing: -1px;
	text-wrap: balance;

	@media only screen and (width <= 576px) {
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		font-weight: 600;
		font-size: 16px;
		display: block;
		padding-top: 6px;
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	}
}
.content__service-card {
	display: flex;
	column-gap: 12px;
	padding: 0;
	@media screen and (max-width: 567px) {
		column-gap: 12px;
		padding: 2px 0;
	}
}
.second {
	margin-top: 18px;
}
.masterclass__service-card {
	display: flex;
	column-gap: 12px;
	font-size: 20px;
	
	
	
	@media screen and (max-width: 567px) {
		column-gap: 8px;
		padding: 2px;
	}
}
.pricing-card__learn {
	position: relative;
	max-width: min(488px, 100%);
	padding: 25px 37px 25px;
	height: auto;
	border-radius: 24px;
	border: 1px solid rgba(29, 125, 130, 0.4);
	background: transparent;
	margin-left: -16px;
	border-left: none;
	z-index: 1;
	
	@media only screen and (width <= 820px) {
		padding: 32px 27px 27px;
		border-left: 1px solid rgba(29, 125, 130, 0.4);
		height: auto;
		border-left: 1px solid rgba(29, 125, 130, 0.4);
	}
	@media only screen and (width <= 767px) {
		max-width: 415px;
		padding: 32px 27px 27px;
		margin: 0 12px;
	}
	@media only screen and (width <= 567px) {
		max-width: min(415px, 100%);

		margin: 0 12px;
		padding: 43px 27px 36px;
		border-left: 1px solid rgba(29, 125, 130, 0.4);
		height: auto;
	}
}
.pricing-card__learn .pricing-card__price {
    line-height: 1;
    display: block;
    margin-bottom: 15px;
    margin-top: 20px;
}
.pricing-card__price__learn {
	font-weight: 800;
	font-size: var(--font-lg);
	line-height: 28px;
	display: block;
	letter-spacing: 0px;
	text-align: center;
	color: #3bbfc6;
	margin-bottom: 15px !important;
	
	@media only screen and (width <= 576px) {
		font-size: 12px;
		line-height: 18px;
	}
}
.btn__buynow {
	width: 100%;
	margin-top: 50px;
	@media only screen and (width <= 576px) {
		font-size: 11px;
		padding: 10px 75px;
		border-radius: 7px;
		text-align: center;
		margin: 0 auto;
		width: fit-content;
	}
}
.strategy__btn {
	@media only screen and (width <= 576px) {
		width: 100% !important;
		border: 7px;
	}
}
.btn__learn {
	display: block;
	width: fit-content;
	text-transform: uppercase;
	color: #cad2d8;
	margin: 44px auto 0;
	background: transparent;
	border: 1px solid #1d7d82;
	
	@media only screen and (width <= 576px) {
		font-size: 11px;
		white-space: nowrap;
		padding: 10px 45px;
		border-radius: 7px;
		margin: 29px auto 0;
	}
}
.btn__learn:hover {
	background: rgba(29, 125, 130, 0.2); /* Light transparent teal */
	color: #ffffff; /* White text for better contrast */
}

/* Menbership */
.membership {
	padding-block: var(--section-padding);
	background: radial-gradient(
		50% 50% at 97% 48%,
		rgba(29, 125, 130, 0.6) 0%,
		rgba(29, 125, 130, 0) 100%
	);
	background-image: url("./assets/img/membership-bg.webp");
	background-size: cover; /* Ensures the image covers the entire container */
	background-position: center; /* Centers the image */
	background-repeat: no-repeat;
	text-wrap: balance;
	
	
	
	
	
	
	
	
	
	
	 /* Prevents repeating */

	@media only screen and (width <= 1024px) {
		padding-block: 0 40px;
	}
	@media only screen and (width <= 767px) {
		padding-block: 40px;
	}
}
.membership__row {
	position: relative;
	isolation: isolate;
	display: flex;
	justify-content: center;
	align-items: center;

	@media only screen and (width <= 820px) {
		flex-direction: column;
		row-gap: 30px;
	}
}

/* Resource */

.resource {
	padding-block: 32px var(--section-padding);

	@media only screen and (width <= 1440px) {
		padding-block: 60px;
	}
	@media only screen and (width <= 576px) {
		padding-block: 40px;
	}
}
.download .tag {
    margin-left: 0 !important;
}

.download .resouce__btn {
    margin-left: 20px !important;
}
.resource__container {
	--width: 1436px;
}
.pdm__network {
	padding-block: 20px var(--section-padding);
	@media only screen and (width <= 576px) {
		padding-block: 40px;
	}
}
.help__secure__img {
	margin: 0 auto;
}

.resource__img {
	max-width: min(100%, 555px);
	height: auto;
	width: 100%;

	@media only screen and (width <= 1200px) {
		width: 50%;
	}

	@media only screen and (width <= 820px) {
		height: auto;
		width: min(448px, 100%);
	}
}
.pdm__network__row {
	align-items: center;
	
	
	
	@media only screen and (width <= 567px) {
		padding: 36px 13px !important;
	}
}

.resource__row {
	display: flex;
	justify-content: space-between;
	gap: 60px;
	padding: 128px 80px 133px;
	border-radius: 24px;
	border: 1px solid rgba(29, 125, 130, 0.6);
	background: radial-gradient(
		379.1% 94.5% at 2.67% 8.55%,
		rgba(18, 65, 67, 0.6) 6%,
		rgba(7, 35, 36, 0.6) 100%
	);

	@media only screen and (width <= 1440px) {
		padding: 80px 50px;
		gap: 30px;
	}
	@media only screen and (width <= 1024px) {
		flex-direction: column;
		padding: 40px 20px 30px;
		gap: 10px;
	}
	@media only screen and (width <= 820px) {
		flex-direction: column;
		padding: 40px 20px;
		align-items: center;
		gap: 5px;
	}
	@media only screen and (width <= 567px) {
		flex-direction: column;
		padding: 35px 13px;
		text-align: center;
	}
}
.secure__resource__row {
    align-items: flex-start !important;
}
.resource__content {
	display: flex;
	flex-direction: column;
	@media only screen and (width <= 1024px) {
		display: contents;
		align-items: center;
	}
}
.pdm__network__title {
	margin-block: 0 34px !important;
	@media only screen and (width <= 1200px) {
		text-align: center;
	}
	@media only screen and (width <= 567px) {
		margin-block: 0 20px !important;
		font-weight: 600;
		font-size: 18px;
		line-height: 150% !important;
		letter-spacing: -1px;
		text-align: center;
		padding: 0 10px;
	}
}
.resource__title {
	max-width: 666px;
	margin-block: 20px 50px;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	
	
	
	

	@media only screen and (width <= 767px) {
		
		text-align: center;
		padding: 4px 0px !important;
		
	}
	@media only screen and (width <= 1024px) {
		margin-bottom: 20px !important;
	}

	@media only screen and (width <= 576px) {
		
		
		margin-block: 10px 10px;
		
		
	}
}
.resource__title br {
	@media only screen and (width <= 820px) {
		display: none;
	}
}

.secure {
	font-size: 20px;
	margin-bottom: 20px;
	color: #3bbfc6;
	@media only screen and (width <= 820px) {
		font-weight: 700;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 0px;
	}
}
.help__secure {
	letter-spacing: -1px;
	margin-block: 24px 54px;
	text-align: start !important;
	
	@media only screen and (width <= 820px) {
		margin-block: 12px 20px;
	}

	@media only screen and (width <= 576px) {
		letter-spacing: -1px;
		margin-block: 12px 20px;
	}
}
.resource__title span {
	@media only screen and (width <= 767px) {
		font-size: 30px;
		font-weight: 700;
	}
	@media only screen and (width <= 576px) {
		font-size: 24px;
		font-weight: 700;
	}
;
	display: block;
	display: b;
}
.resource__list {
	margin-bottom: 60px;
	display: flex;
	flex-direction: column;
	row-gap: 18px;
	@media only screen and (width <= 767px) {
		margin-bottom: 24px;
		row-gap: 12px;
	}
}
}
.resource__listing {
	max-width: 100%;
}
.resource__listing span {
	font-weight: 400;
	font-size: 24px;
	line-height: 1.4;
	letter-spacing: 0px;
	
	@media only screen and (width <= 820px) {
		font-weight: 400;
		font-size: 20px;
		letter-spacing: -0.4px;	
	}
	@media only screen and (width <= 567px) {
		font-weight: 400;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -0.4px;
	}
}
/* Review Section */
.review {
	padding-block: 20px var(--section-padding);
	@media only screen and (width <= 576px) {
		padding-block: 20px 40px;
	}
}
.review__container {
	--width: 1610px;
}
.review__title {
	max-width: 790px;
	margin-bottom: 72px;
	font-size: 36px;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	letter-spacing: -1px;
	-webkit-text-fill-color: transparent;
	
	@media only screen and (width <= 1300px) {
		font-size: 30px;
	}
	@media only screen and (width <= 576px) {
		margin-block: 20px;
		font-weight: 600;
		font-size: 22px;
		line-height: 120%;
		letter-spacing: -1px;
		text-align: center;
		vertical-align: middle;

		padding: 0 10px;
	}
}

/* --- Desktop / Tablet Layout (Default) --- */
.review__column-layout {
	display: block;

	@media only screen and (max-width: 991px) {
		display: none;
	}
}
.review-wrapper {
	@media only screen and (max-width: 991px) {
		display: block;
	}
}
.review-wrapper .swiper-slide {
  height: 200px; /* Fixed height for all slides */
  width: auto; /* Allow width to be flexible */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.review-wrapper  .swiper-slide img {
  height: 100%; /* Match the fixed height */
  width: auto; /* Allow natural width */
  object-fit: contain; /* Keep aspect ratio */
  border-radius: 10px; /* Optional styling */
}
.review__row {
	column-count: 3;
	column-gap: 30px;
}
.review__row img {
	width: 100%;
	margin-bottom: 30px;
	break-inside: avoid; /* Prevent breaking inside columns */
	@media only screen and (width <= 576px) {
		margin-bottom: 2px;
	}
}

/* FAQs */
.faq {
	padding-block: 110px 50px;
	@media (max-width: 576px) {
		padding-block: 60px 20px;
	}
}
.faq__container {
	--width: 810px;
}
.faq__title {
	margin-block: 20px 47px;
	text-align: center;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	@media (max-width: 576px) {
		font-size: 24px;
		text-align: center;
		margin-block: 12px 24px;
	}
}

/* CTA */
.cta {
	padding-block: 50px;
	background: radial-gradient(
		50% 50% at 97% 48%,
		rgba(29, 125, 130, 0.6) 0%,
		rgba(29, 125, 130, 0) 100%
	);
	@media only screen and (width <= 576px) {
		padding-block: 20px;
		background: none;
		background-image: url(./assets/img/cta-bg.png);
	}
}
.cta__masterclass {
	padding-block: 60px 80px;
	background: radial-gradient(
		50% 50% at 97% 48%,
		rgba(29, 125, 130, 0.6) 0%,
		rgba(29, 125, 130, 0) 100%
	);
	@media (max-width: 576px) {
		background: none;
		padding-block: 0px;
	}
}
.cta__thankyou {
	background: none;
}
.cta__container {
	--width: 1228px;
}
.cta__content {
	padding: 152px 30px 119px;
	background-image: url("./assets/img/cta-bg.png");
	background-color: #010101;
	box-shadow: 0px 4px 33px 0px rgba(0, 0, 0, 0.05);
	border-radius: 33px;
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	@media only screen and (max-width: 767px) {
		padding: 50px 20px;
	}
}
.masterclass__cta {
	padding: 95px 75px 79px !important;
	@media only screen and (max-width: 576px) {
		padding-block: 0px 51px !important;
		margin-bottom: 60px;
	}
}

@media only screen and (max-width: 576px) {
	.cta__content {
		padding: 51px 0px;
		background-image: url("./assets/img/cta-bg.png"); /* Keep background on mobile */
		background-size: contain;
		background-position: bottom center;
		background-repeat: no-repeat;
		border: none;
		box-shadow: none;
		width: 100%;
		padding-inline: 0px !important;
	}
}

.cta__content__thankyou {
	padding-block: 94px 113px;
	background-size: cover; /* Ensures the full image fits */
	background-position: bottom center; /* Aligns image at the bottom */
	background-repeat: no-repeat; /* Prevents tiling */
	@media only screen and (max-width: 576px) {
		padding-block: 53px 54px;
	}
}
.list__svg {
	min-width: 30px;
	min-height: 30px;
	width: 30px;
	height: 30px;
	@media only screen and (width <= 1024px) {
		min-width: 24px;
		min-height: 24px;
		width: 24px;
		height: 24px;
	}
}
.cta__title {
	max-width: 666px;
	font-size: var(--font-5xl);
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	@media only screen and (width <= 1024px) {
		font-size: var(--font-2xl);
	}

	@media only screen and (width <= 567px) {
		font-size: var(--font-2xl);
		margin-bottom: 20px;
	}
}
.cta__home__title {
	font-weight: 600;
	font-size: 54px;
	line-height: 137%;
	letter-spacing: -2px;
	text-align: center;
	vertical-align: middle;
	text-transform: capitalize;
	margin-bottom: 22px;

	@media only screen and (width <= 820px) {
		font-weight: 600;
		font-size: 36px;
		line-height: 130%;
		letter-spacing: -2px;
		text-align: center;
		vertical-align: middle;
		text-transform: capitalize;
		padding: 0 10px;
		margin-bottom: 20px;
	}

	@media only screen and (width <= 567px) {
		font-weight: 600;
		font-size: 28px;
		line-height: 130%;
		letter-spacing: -2px;
		text-align: center;
		vertical-align: middle;
		text-transform: capitalize;
		padding: 0 10px;
		margin-bottom: 20px;
	}
}
.cta__text {
	font-size: var(--font-lg);
	line-height: 29px;

	@media only screen and (width <= 1024px) {
		font-size: 14px;
	}
	@media only screen and (width <= 991px) {
		font-size: 14px;
	}
	@media only screen and (width <= 567px) {
		font-weight: 400;
		font-size: 14px;
		line-height: 130%;
		letter-spacing: 0%;
		text-align: center;
		vertical-align: middle;
		padding: 0 30px;
	}
}
.thankyou__cta__text {
	font-weight: 500;
	font-size: 20px;
	line-height: 29px;
	letter-spacing: 0px;
	text-align: center;
	vertical-align: middle;
	max-width: 476px;
	margin: 0 auto;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;

	@media only screen and (width <= 567px) {
		font-weight: 400;
		font-size: 14px;
		line-height: 100%;
		letter-spacing: 0%;
		text-align: center;
		vertical-align: middle;
		padding: 0px;
		margin-top: 8px;
	}
}
.cta__btn {
	width: fit-content;
	padding: 12px 40px;
	@media only screen and (width <= 567px) {
		font-size: 14px;
		padding: 12px 30px;
	}
}
.cta__highlight {
	margin-top: 9px;
	margin-bottom: 30px;
	color: var(--primary);
	font-size: var(--font-lg);
	font-weight: 700;
	text-transform: uppercase;
	line-height: 29px;
	@media only screen and (width <= 1024px) {
		font-size: 16px;
	}
	@media only screen and (width <= 567px) {
		font-weight: 700;
		font-size: 16px;
		line-height: 130%;
		letter-spacing: 0%;
		text-align: center;
		vertical-align: middle;
		text-transform: uppercase;
		margin-block: 20px 40px;
		padding-inline: 82px;
	}
}

.cta__home {
	padding-block: 120px 50px !important;
	@media only screen and (width <= 1024px) {
		padding-block: 30px 49px !important;
	}
}

.thankyou {
	padding-block: 40px;
	display: flex;
	flex-direction: column;
	background: radial-gradient(
		50% 87% at 50% 20%,
		rgba(29, 125, 130, 0.6) 0%,
		rgba(29, 125, 130, 0) 100%
	);
	@media only screen and (width <= 820px) {
		padding-block: 40px 10px;
	}
	@media only screen and (width <= 567px) {
		background: radial-gradient(
		50% 50% at 50% 0%,
		rgba(29, 125, 130, 0.6) 0%,
		rgba(29, 125, 130, 0) 100%
		);
		padding-block: 44px 0px;
	}
}
.thankyou__tag {
	@media only screen and (width <= 567px) {
		font-weight: 600;
		font-size: 12px;
		line-height: 100%;
		letter-spacing: 1px;
		text-align: center;
		text-transform: uppercase;
		padding: 6px 28px;
	}
}

.thankyou__logos {
	margin-top: 105px;
	@media only screen and (width <= 567px) {
		margin-top: 5px;
	}
}
.thankyou__step1 {
	margin: 80px auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	@media only screen and (width <= 567px) {
		margin: 24px auto 10px;
	}
}

.thankyou__text {
	font-weight: 600;
	font-size: 40px;
	line-height: 66px;
	letter-spacing: -1px;
	text-align: center;
	@media only screen and (width <= 820px) {
		font-weight: 500;
		font-size: 28px;
	}
	@media only screen and (width <= 567px) {
		font-weight: 700 !important;
		font-size: 18px !important;
		line-height: 100%;
		letter-spacing: -1px;
		text-align: center;
		margin-top: 28px;
		margin-bottom: 6px;
	}
}
.thankyou__para {
	font-weight: 500;
	font-size: 24px;
	line-height: 135%;
	letter-spacing: 0px;
	text-align: center;
	vertical-align: middle;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	@media only screen and (width <= 567px) {
		text-align: center;
		font-size: 16px;
		margin-bottom: 15px;
	}
}
.mentor__tag {
	font-weight: 600;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
}
.divider {
	display: none;
	@media only screen and (width <= 991px) {
		display: block;
		width: 342px;
		height: 2px; /* Keeps it thin */

		background: radial-gradient(
		50% 50% at 50% 50%,
		#1d7d82 44.5%,
		rgba(171, 171, 171, 0) 100%
		);

		margin: 20px auto; /* Centers it horizontally and adds spacing */
	}
}

.thankyou__property {
	font-weight: 800;
	font-size: 52px;
	line-height: 66px;
	letter-spacing: -1px;
	text-align: center;
	color: #3bbfc6;
	margin-bottom: 16px;

	@media only screen and (width <= 567px) {
		font-weight: 800 !important;
		font-size: 26px !important;
		line-height: 100%;
		letter-spacing: -1px;
		text-align: center;
		margin-bottom: 8px;
	}
	@media only screen and (width <= 820px) {
		font-weight: 800;
		font-size: 32px;
		line-height: 33px;
	}
}
.btns {
	display: flex;
	gap: 20px;
	margin-top: 20px;
	width: 100%;

	@media only screen and (width <= 1260px) {
		flex-wrap: wrap;
	}
	@media only screen and (width <= 1024px) {
		justify-content: center;
	}
	@media only screen and (width <= 567px) {
		flex-direction: column;
		margin-top: 24px;
		align-items: center;
	}
}
.page-container {
	margin: 0 auto;
}
.tag__thankyou {
	text-align: center;
}
.tag__container {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-block: 60px 16px;
	@media only screen and (width <= 567px) {
		margin-block: 40px 16px;
	}
}
.masterclass__tag {
	padding-inline: 57px;
	padding-block: 4px;
	@media only screen and (width <= 567px) {
		padding-inline: 20px;
	}
}
.masterclass__for__container .tag {
    margin-inline: auto;
}
.help__text {
	font-weight: 600;
	font-size: var(--font-3xl);
	line-height: 50px;
	letter-spacing: -1px;
	text-align: center;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 8px;
	max-width: 956px;
	padding-inline: 65px;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	@media only screen and (width <= 567px) {
		display: none;
	}
}
.help__text__heading__mobile {
	display: none;
	@media only screen and (width <= 567px) {
		background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		display: block;
		font-weight: 600;
		font-size: 22px;
		line-height: 100%;
		letter-spacing: -1px;
		text-align: center;
		vertical-align: middle;
	}
}

.help__text__mobile {
	display: none;
	@media only screen and (width <= 567px) {
		background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		display: block;
		font-weight: 600;
		font-size: 22px;
		line-height: 100%;
		letter-spacing: -1px;
		text-align: center;
		vertical-align: middle;
	}
}
.help__text__mobile span {
	display: none;
	@media only screen and (width <= 567px) {
		display: block;
		font-weight: 600;
		font-size: 16px;
		line-height: 100%;
		letter-spacing: -1px;
		text-align: center;
		vertical-align: middle;
		margin: 6px 0 40px;
	}
}
.inside {
	margin-bottom: 40px;
}
.text__container {
	max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.email {
	font-weight: 700;
	font-size: var(--font-2xl);
	line-height: 28.8px;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
	color: rgba(59, 191, 198, 1);
	margin: 20px 0 49px 0;
	@media only screen and (width <= 567px) {
		font-size: 16px;
		margin: 12px 0 60px;
	}
}

.masterclass__property {
	font-weight: 700;
	font-size: var(--font-5xl);
	line-height: 1.4;
	letter-spacing: -1px;
	text-align: center;
	margin-bottom: 16px;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;

	@media only screen and (width <= 767px) {
		font-size: 34px;
	}

	@media only screen and (width <= 567px) {
		font-weight: 700;
		font-size: 26px;
		letter-spacing: -1px;
		text-align: center;
	}
}
.master-tag {
	padding: 4px 89px;
	@media only screen and (width <= 567px) {
		padding: 6px 35px;
	}
}
.masterclass__para {
	font-weight: 500;
	font-size: var(--font-xl);
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 60px;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	padding-inline: 183px;
	
	@media only screen and (width <= 1024px) {
		padding-inline: 20px;
	}
	@media only screen and (width <= 567px) {
		display: none;
	}
}
.masterclass__para__mobile {
	display: none;
	@media only screen and (width <= 567px) {
		display: flex;
		flex-direction: column;
		row-gap: 20px;
		text-align: center;
		margin-bottom: 40px;
	}
}
.masterclass__para__mobile p {
	@media only screen and (width <= 567px) {
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0px;
		text-align: center;
	}
}
.masterclass__every {
	font-weight: 700;
	font-size: var(--font-2xl);
	line-height: 30px;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
	color: #3bbfc6;
	@media only screen and (width <= 567px) {
		font-weight: 700;
		font-size: 20px;
		line-height: 30px;
		letter-spacing: 0%;
		text-align: center;
		vertical-align: middle;
	}
}
.everyone {
	@media only screen and (width <= 567px) {
		font-size: 16px;
	}
}
.masterclass__success {
	font-weight: 400;
	font-style: italic;
	font-size: var(--font-xl);
	line-height: 30px;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 0%;
	text-decoration-skip-ink: auto;
	color: #3bbfc6;
	margin: 12px 0 60px 0;
	@media only screen and (width <= 1024px) {
		padding-inline: 20px;
	}
	@media only screen and (width <= 567px) {
		font-weight: 400;
		font-style: italic;
		font-size: 14px;
		line-height: 22px;
		letter-spacing: 0%;
		text-align: center;
		vertical-align: middle;
		text-decoration: underline;
		text-decoration-style: solid;
		text-decoration-offset: 0%;
		text-decoration-thickness: 0%;
		text-decoration-skip-ink: auto;
	}
}
.top__success {
	@media only screen and (width <= 567px) {
		padding-inline: 30px;
		text-decoration: none;
	}
}
.no__mobile {
	@media only screen and (width <= 567px) {
		display: none;
	}
}
.bottom__success {
	margin: 12px 0 40px 0;
	@media only screen and (width <= 567px) {
		margin: 8px 12px 40px 9px;
	}
}
.masterclass__btn {
	margin-bottom: 50px;
}
.italic {
	color: #3bbfc6;
	font-style: italic;
	font-size: var(--font-1xl);
	text-decoration: underline;
	margin-top: 30px;
	@media only screen and (width <= 567px) {
		font-size: 16px;
		font-weight: 400;
		text-align: center;
		margin-top: 40px;
	}
}

.program {
	font-size: 28px;
	font-weight: 700;
	margin: 20px 0 19px 0;
	color: rgba(250, 250, 250, 1);
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;

	@media only screen and (width <= 1024px) {
		font-size: 22px;
		font-weight: 600;
	}
	@media only screen and (width <= 567px) {
		font-size: 24px;
		font-weight: 600;
		text-align: center;
		margin: 0 0 16px 0;
	}
}
.top__program {
	@media only screen and (width <= 567px) {
		margin-top: 12px;
	}
}
.not__for {
	margin: 20px 0 19px 0;
}
.includes {
	display: flex;
	column-gap: 22px;
	margin-bottom: 10px;
	@media only screen and (width <= 567px) {
		column-gap: 14px;
		padding-inline: 16px 10px;
	}
}
.includes p {
	font-size: 18px;
	@media only screen and (width <= 1024px) {
		font-size: 14px;
	}
	@media only screen and (width <= 567px) {
		font-weight: 400;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 0px;
	}
}
.masterclass__for {
	position: relative;
	padding-block: 106px;
	background: url(./assets/img/master-background.png) center/cover no-repeat;
	@media only screen and (width <= 567px) {
		background: none;
		padding-block: 60px;
	}
}

.masterclass__for::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.1;
	z-index: -1;
	background: url(./assets/img/master-background.png) center/cover no-repeat;
}

.masterclass__for__container {
	display: flex;
	column-gap: 30px;
	@media only screen and (width <= 1200px) {
		flex-direction: column;
		align-items: center;
		row-gap: 20px;
	}
}
.masterclass__for__left {
	padding: 10px;
	display: flex;
	flex-direction: column;
	@media only screen and (width <= 1024px) {
	}
	@media only screen and (width <= 567px) {
		margin: 0 20px;
	}
}
.include__logo {
	align-self: center;
	height: 30px;
	width: 31px;
	@media only screen and (width <= 1024px) {
		height: 27px;
		width: 27px;
	}
	@media only screen and (width <= 567px) {
		height: 27px;
		width: 27px;
	}
}
.pdm__member {
	font-size: var(--font-xl);
	font-weight: 500;
	background: linear-gradient(90deg, #afafaf 0%, #f2f9fe 52%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 10px 0 30px 0;
	@media only screen and (width <= 576px) {
		font-size: 14px;
		font-weight: 400;
		padding-inline: 20px;
	}
}
.invite {
	font-weight: 600;
	font-size: 42px;
	@media only screen and (width <= 576px) {
		font-size: 22px;
		font-weight: 400;
	}
}
.generic__property {
	font-size: var(--font-2xl);
	font-weight: 600;
	color: #3bbfc6;
	@media only screen and (width <= 576px) {
		font-size: 16px;
		font-weight: 700;
		padding-inline: 20px;
	}
}
.not__everyone {
	font-size: var(--font-xl);
	font-weight: 600;
	color: #ff6969;
	margin-top: 50px;
	@media only screen and (width <= 576px) {
		margin-top: 30px;
	}
}
.mini__italic {
	font-style: italic;
	font-size: var(--font-lg);
	margin-bottom: 56px;
	line-height: 30px;
	@media only screen and (width <= 576px) {
		font-weight: 400;
		font-style: italic;
		font-size: 14px;
		line-height: 19px;
		letter-spacing: 0%;
		text-align: center;
		vertical-align: middle;
		margin-top: 4px;
		margin-bottom: 40px;
		padding-inline: 20px;
	}
}
.apply {
	padding-block: 0 76px;
	@media only screen and (width <= 576px) {
		padding-block: 0 50px;
	}
}
.apply__cards {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 40px;
	@media only screen and (width <= 576px) {
		gap: 16px;
	}
}
.apply__card {
	border: 1px solid rgba(29, 125, 130, 1);
	padding: 24px;
	max-width: 410px;
	border-radius: 20px;
	min-height: 349px;
	@media only screen and (width <= 1024px) {
		min-height: 249px;
	}
}
.apply__card svg {
	min-width: 26px;
	min-height: 26px;
}
.card__step {
	font-weight: 600;
	font-size: 24px;
	letter-spacing: -1px;
	color: #3bbfc6;
	margin-bottom: 30px;
	height: 66px; /* Default height for larger screens */

	@media only screen and (max-width: 1024px) {
		font-size: 20px;
	}

	@media only screen and (max-width: 567px) {
		font-size: 20px;
		height: auto; /* Allows it to adjust dynamically */
	}
}

@media only screen and (max-width: 567px) {
	.mobile-hide {
		display: none;
	}
}
.card__step span {
	color: #fff;
}
.content__service-card span {
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0%;

	@media only screen and (width <= 576px) {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 0px;
	}
}
.how__to {
	font-size: 42px;
	font-weight: 600;
	margin-bottom: 40px;
	text-align: center;
	@media only screen and (width <= 576px) {
		font-size: 24px;
		margin: 77px auto 33px;
	}
}
/* Footer */
.footer {
	padding-block: 50px;
}
.footer__logo {
	width: 266px;
	height: 74px;
	@media only screen and (width <= 768px) {
		width: 212px;
		height: 58px;
	}
}
.footer__effort {
	font-weight: 300;
	font-size: 12px;
	/* line-height: 18px; */
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
	margin-top: 36px;
	max-width: 1319px;
	padding: 0 20px;
	color: #e6e6e6;
}
.footer__para {
	margin-block: 36px 46px;
	font-size: var(--font-sm);
	white-space: pre-wrap;
}
.footer__links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 20px;
	font-size: var(--font-sm);
	margin-top: 20px;
	@media only screen and (width <= 567px) {
		margin-top: 40px;
	}
}
.footer__link {
	color: #ffffff;
	text-decoration: none;
}
.footer__copyright {
	font-size: var(--font-sm);
	display: flex;
	justify-content: center;
	padding-top: 18px;
}

.circle {
	position: absolute;
	display: none;
	--size: 1105px;
	width: var(--size);
	height: var(--size);
	background: radial-gradient(
		50% 50% at 50% 50%,
		rgba(29, 125, 130, 0.6) 0%,
		rgba(29, 125, 130, 0) 100%
	);
	border-radius: 50%;
}
.circle-hero {
	bottom: 0;
	right: 0;
	translate: 50% 21%;
}
.circle-about {
	bottom: 0;
	left: 0;
	translate: -44% 80%;
}
.circle-mentor {
	right: 0;
	translate: 54% -2%;
}
.circle-masterclass {
	left: 0;
	translate: -42% -39%;
}
.circle-testimonial {
	left: 0;
	translate: -37% 37%;
}
.circle-membership {
	right: 0;
	translate: 50% 25%;
}

.thankyou-close {
	position: absolute;
	top: 27px !important;
	right: 166px;
	font-size: 24px;
	cursor: pointer;
	@media only screen and (width <= 820px) {
		right: 140px;
	}
	@media only screen and (width <= 1024px) {
		right: 165px;
	}
	@media only screen and (width <= 820px) {
		right: 150px;
	}
	@media only screen and (width <= 768px) {
		right: 140px;
	}
	@media only screen and (width <= 576px) {
		right: 38px;
	}
}
.swiper-pagination {
	position: relative; /* Ensure it's placed naturally below */
	margin-top: 20px; /* Add spacing from the slider */
	text-align: center;
}

.swiper-pagination-bullet {
	background: rgba(29, 125, 130, 0.6);
	opacity: 0.6; /* Slightly transparent */
	margin: 0 auto;
	height: 11px;
	width: 11px;
}

.swiper-pagination-bullet-active {
	background: rgba(29, 125, 130, 0.6); /* Selected bullet will be black */
	opacity: 1; /* Fully visible */
	margin: 0 auto;
	border: 1px solid rgba(35, 148, 154, 1);
}

.review__slider {
    display: none;
    gap: 20px;
    overflow: auto;

    @media only screen and (width <= 991px) {
        display: flex;
    }
}

.review__slider:not(:last-child) {
    margin-bottom: 20px;
}

.review__slider img {
    height: 300px;
    width: auto;

    @media only screen and (width <= 576px) {
        height: 161px;
    }
}

span.close.survey-close {
	position: absolute;
	top: 64px;
	right: 114px;
	font-size: 24px;
	cursor: pointer;
	@media only screen and (width <= 820px) {
		right: 140px;
		margin-right: 20px;
	}
	@media only screen and (width <= 1024px) {
		margin-right: 20px;
		right: 100px;
	}
	@media only screen and (width <= 820px) {
		margin-right: 20px;
		right: 80px;
	}
	@media only screen and (width <= 768px) {
		margin-right: 20px;
		right: 55px;
	}
	@media only screen and (width <= 576px) {
		margin-right: 20px;
		right: 38px;
	}
}

.builder-form {
	min-width: 609px !important;
}

.btn__learn {
    padding: 16px 67px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;

    @media only screen and (max-width: 1200px) {
        font-size: 16px;
    }
    @media only screen and (max-width: 1024px) {
        font-size: 14px;
        padding: 18px 40px;
    }
    @media only screen and (max-width: 576px) {
        font-size: 11px;
        padding-block: 12px;
    }
}


.wp-block-paragraph {
  margin-bottom: 1.2em;
}

.wp-block-heading {
  margin: 1.5em 0 0.5em;
  font-weight: bold;
}

.wp-block-list {
  padding-left: 1.5em;
}

.privacy
{
	text-align: center;
	padding-top:30px;
}
.privacy a {
	color: #1d7d82 !important;
	text-decoration: none;
}

.swiper.testimonial__slider.swiper-initialized.swiper-horizontal.swiper-backface-hidden.aos-init.aos-animate {
    padding-top: 35px;
}

#funnel-popup-opener {
	cursor: pointer;
}


@media only screen and (max-width: 600px) {
    .popup-body-lead-video.show {
		width: 100% !important;
        top: 15% !important;
        transform: translate(-50%);
    }
}