/* -----------global-style------------ */
@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap');




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

html,
body {
	scroll-behavior: smooth;
}

body {
	width: 100vw !important;
	overflow-x: clip !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	font-family: "Host Grotesk", sans-serif;
	font-family: Inter;
}

::-webkit-scrollbar-thumb {
	background-color: var(--outline-btn) !important;
	width: 2px;
}

::-webkit-scrollbar {
	height: 8px;
	/* for horizontal scrollbar */
	width: 5px;
	/* for vertical scrollbar */
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 2px;
}

::-webkit-scrollbar-thumb {
	background: #C7D3E4 !important;
	background: var(--primary-color) !important;

	border-radius: 2px;
}

:root {
	--body-background: #FFFEF2;
	--primary-color: #4763FF;
	--light-grey: #C7D3E4;
	--Icy-grey: #F5F6F8;
	--secondary-color: #ECEAD8;
	--body-text: #262626;
	--body-secondtext: #303D50;
	--outline-btn: #133E87;
	--hover-btn: #2251a1;
	--font-color-white: #fff;
	--accent-color: #F8F6E6;
	--border-color: #8D8D8D;
	--footer-color: #0E1B2E;
	--green: #1F7109;
	/* font size */
	--h2: 70px;
	--h3: 44px;
	--h4: 32px;
	--h5: 22px;
	--h6: 20px;
	--p: 16px;
	/* font weight */
	--fontWeight-400: 400;
	--fontWeight-500: 500;
	--fontWeight-600: 600;
	--fontWeight-700: 700;
}

::selection {
	color: var(--body-background);
	background-color: var(--body-text);
}

footer *::selection {
	color: var(--body-text);
	background-color: var(--body-background);
}

a,
p {
	line-height: 1.7 !important;
}

a:focus {

	outline: none;
}

p {
	font-size: var(--p);
	font-family: Inter;
	margin: 0 !important;
	color: var(--body-text);
	max-width: fit-content;
}

p.bold {
	font-size: var(--p);
	font-weight: var(--fontWeight-700) !important;
}

a {
	text-decoration: none;
	color: var(--body-text);
}

/* a:hover {
text-decoration: underline;
} */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Host Grotesk", sans-serif;
	margin: 0 !important;
	color: var(--body-text) !important;
	max-width: fit-content;
}

h1,
h2,
h3,
h4 {
	font-weight: var(--fontWeight-400) !important;
}

h5,
h6 {
	font-weight: var(--fontWeight-600) !important;
	line-height: 1.4 !important;
}

h2,
.h2 {
	font-size: var(--h2) !important;
	font-weight: var(--fontWeight-400) !important;
	line-height: 1.4 !important;
	color: var(--body-text) !important;
}

h3,
.h3 {
	font-size: var(--h3) !important;
	font-weight: var(--fontWeight-400) !important;
	line-height: 138% !important;
}

h4,
.h4 {
	font-size: var(--h4) !important;
	font-weight: var(--fontWeight-400) !important;
	line-height: 1.5 !important;
}

h5,
.h5 {
	font-size: var(--h5) !important;
	font-weight: var(--fontWeight-400) !important;
	line-height: 1.4 !important;
}

h6,
.h6 {
	font-size: var(--h6) !important;
	font-weight: var(--fontWeight-400) !important;
	line-height: 1.4 !important;
}

ul {
	list-style: none !important;
	margin: 0;
}

.container {

	max-width: 1400px !important;
	width: 100%;
}

.site-below-footer-inner-wrap {
	max-width: 1400px !important;
}

.main_wraper {
	gap: 100px !important;
	padding-bottom: 100px !important;
}

.wp-block-spacer {
	max-height: 100px !important;
	height: 100px !important;

}

section {
	opacity: 0;
}

section.animations {
	animation: fadein 1s ease-in-out forwards;
	animation-delay: 0.2s;
}

@keyframes fadein {
	0% {
		opacity: 0;
		transform: translatey(20px);

	}

	100% {
		opacity: 1;
		transform: translatey(0px);


	}
}

@keyframes hide-in {
	0% {
		opacity: 0;
		transform: translateX(-10px);
		scale: 1.1;
	}

	100% {
		opacity: 1;
		transform: translateX(0px);
		scale: 1;

	}
}

figure {
	width: 100%;
	height: 100% !important;

	&>img {
		width: 100%;
		height: 100% !important;
		object-fit: cover;
	}
}

.swiper-button-next,
.swiper-button-prev {
	background-image: none !important;
	background-color: var(--font-color-white) !important;
	border-radius: 50%;
	width: 70px !important;
	height: 70px !important;
	padding: 0 !important;
	max-width: 70px;
	max-height: 70px;
	min-height: 70px;
	overflow: hidden;
}

.swiper-container .swiper-nav .swiper-button-next:after,
.swiper-container .swiper-nav .swiper-button-prev:after {
	display: block !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	background-color: transparent !important;
	transition: .3s ease;
	transition-delay: .2s !important;
}

.swiper-button-next::before,
.swiper-button-prev::before {
	content: '';
	background-color: #262626 !important;
	width: 100%;
	height: 100%;
	position: absolute;
	/* z-index: -10; */
	transform: translate(-28%, 64%);
	opacity: 0;
	border-radius: 50%;
	transition: all 0.4s ease;
}

.swiper-button-next:hover::before,
.swiper-button-prev:hover::before {
	transform: translate(0%, 0%);
	opacity: 1;
}

.swiper-button-next::after,
.swiper-button-prev::after {
	content: '' !important;
	width: 38px;
	height: 38px;
	max-width: 38px;
	max-height: 38px;
	min-height: 38px;
	background-image: url(http://drrona.academy/wp-content/uploads/2025/04/slider-arrow.svg);
	background-repeat: no-repeat;
	rotate: 45deg;
	background-size: cover;
}

.swiper-button-next:hover::after,
.swiper-button-prev:hover::after {
	filter: brightness(0) saturate(100%) invert(97%) sepia(0%) saturate(0%) hue-rotate(101deg) brightness(104%) contrast(105%);
	z-index: 99;
}

.swiper-button-prev::after {
	rotate: -135deg !important;
}



.why-drrona-main.mobile {
	display: none;
}



































/* -----------global-style------end------ */

/* -----------form-style------start------ */
.contact-form .gfield .ginput_container input,
.contact-form .gfield .ginput_container textarea {
	border: none !important;
	border-radius: 0;
	border-bottom: 1px solid #A3A4A1 !important;
	min-height: 50px;
	height: fit-content !important;
	max-height: 200px !important;
	padding: 20px 0 !important;
	box-shadow: none;
	background: transparent;
	padding-bottom: 20px !important;

}

.contact-form .gfield {
	position: relative !important;
}


.contact-form .gform_fields {
	row-gap: 22px !important;
}

.contact-form .gfield label {
	color: #A3A4A1;
	font-size: var(--h5) !important;
	position: absolute !important;
	left: 0;
	top: 10px;
	margin-bottom: 0 !important;
	line-height: 1.5 !important;
	font-weight: 400 !important;
	transition: .5s ease !important;
}

.gform_wrapper .gfield_required {
	color: #A3A4A1 !important;
	font-size: 20px;
	position: relative;
	bottom: 3px;
	left: -2px;
}

.contact-form .gfield:not(.form-toggle):has(input:focus) label,
.contact-form .gfield:has(textarea:focus) label,
.contact-form .gfield:not(.form-toggle):has(input.has-text) label,
.contact-form .gfield:has(textarea.has-text) label {
	font-size: 14px !important;
	top: -15px !important;
}

.gfield_required_text {
	font-size: 18px !important;
	color: #A3A4A1 !important;
}

.contact-form .gfield .ginput_container input:focus,
.contact-form .gfield .ginput_container textarea:focus {
	border-bottom: 1px solid #7B8FFC !important;
}

.contact-form .gfield:not(.form-toggle):has(input:focus) label,
.contact-form .gfield:has(textarea:focus) label {
	color: #7B8FFC;

}

.contact-form .gfield:not(.form-toggle):has(input:focus) label *,
.contact-form .gfield:has(textarea:focus) label * {
	color: #7B8FFC !important;

}

.gform_wrapper .gform_validation_errors {
	display: none !important;
}

.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
	border: none !important;
	background: transparent !important;
	padding: 8px 0 0 23px !important;
}

.gform_wrapper .validation_message {
	position: relative;
}

.gform_wrapper .validation_message::before {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	background-image: url('http://drrona.academy/wp-content/uploads/2025/04/Frame.svg');
	background-repeat: no-repeat;

}

.form-toggle {
	margin-top: 20px !important;
}

.form-toggle .gfield_label {
	font-size: var(--h5) !important;
	font-weight: 400 !important;
	color: var(--body-text) !important;
	margin-bottom: 20px !important;
}

.ginput_container_checkbox .gfield_checkbox:checked .gchoice_1_7_1 input {}

.ginput_container_checkbox .gchoice.gchoice_1_7_1 input {}

/* -----------form-style------end------ */

/* -----------main-style------------ */
.text-background {
	max-width: 300px !important;
	width: fit-content !important;
	display: flex;
	align-items: center !important;
	justify-content: center !important;
	padding: 6px 22px !important;
	gap: 10px !important;
	border-radius: 100px !important;
	border: 1px solid #929292;
	background: #292F37;
	box-shadow: 0px 10px 14px 0px rgba(35, 31, 32, 0.06) !important;
	cursor: pointer !important;
}

.text-background p {
	font-size: var(--p) !important;
	font-style: normal;
	font-weight: 700;
	line-height: 160%;
}

.text-background img {
	max-width: 24px !important;
	max-height: 24px !important;

}

.text-background .svg-img,
.text-background>*:not(p) {
	transform: translateY(0px);
	transition: all 0.3s ease;
}

.text-background:hover .svg-img,
.text-background:hover>div:first-child {
	transform: translateY(-3px);

}

.text-background .green-icon.icon {
	width: 20px !important;
	min-width: 20px;

	height: 20px;

}

.text-background .green-icon.icon::after {
	content: '';

	width: 100% !important;
	height: 100%;
	padding: 6px;
	position: absolute;
	background: rgb(63 149 92);
	border-radius: 100px;
	opacity: 0;
	animation: pulse 3s linear infinite;
	transition: .3s ease;
}

@keyframes pulse {
	0% {
		transform: scale(0);
		opacity: 1;
	}

	100% {
		transform: scale(1.5);
		opacity: 0;
	}

}

.text-background .green-icon.icon::before {
	content: '';
	width: 8px !important;
	height: 8px;
	border-radius: 100px;
	background: #25A450;
}

.hero-banner-content .text-background {

	border: 1px solid #C7D3E4;
	background: #FFF;
	box-shadow: 0px 10px 14px 0px rgba(35, 31, 32, 0.06);
}

.primary-btn {
	border-radius: 1000px;
	background: linear-gradient(68deg, #4763FF 46.38%, #92A2FF 94.54%);
	box-shadow: 19px 21px 36.5px 0px rgba(0, 0, 0, 0.15);
	cursor: pointer !important;
}


.primary-btn a {
	width: fit-content;
	height: 100%;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	font-size: var(--h6) !important;
	font-weight: 600 !important;
	background: transparent !important;
	font-family: "Host Grotesk", sans-serif !important;
}

.button-img {
	position: relative;
	max-width: 192px;
	min-width: 192px;
	max-height: 70px;
	min-height: 70px;
	display: flex !important;
	padding: 15px 15px 15px 25px;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;

}

.button-img-icon {
	position: absolute;
	display: flex;
	width: 40px;
	height: 40px;
	max-width: 40px;
	max-height: 40px;
	padding: 8px;
	justify-content: center;
	align-items: center;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 280px;
	background: #FFF;
	box-shadow: 0px 9px 8.2px 0px rgba(0, 0, 0, 0.15);
}

.button-img-icon::before {
	content: '';
	width: 24px;
	height: 24px;
	max-width: 24px;
	max-height: 24px;
	background-image: url("http://drrona.academy/wp-content/uploads/2025/04/up-arrow.svg");
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 0.5s ease;
}

.primary-btn.button-img:hover .button-img-icon::before {
	rotate: 45deg;
}

.image-card {

	opacity: 0;
	transform: translateY(60px);
	transition: .8s ease !important;
}

.observer-inner.animations .image-card {
	opacity: 1;
	transform: translateY(0px);
}

.observer-inner .image-card:nth-child(2) {
	transition-delay: .3s !important;
}

.observer-inner .image-card:nth-child(3) {
	transition-delay: .6s !important;
}

.observer-inner .image-card:nth-child(4) {
	transition-delay: .9s !important;
}

.image-card img {
	border-radius: 24px !important;
}

.image-card-details {
	position: absolute;
	max-width: 283px !important;
	bottom: 18px;
	border-radius: 16px;
	background-color: var(--font-color-white) !important;
	z-index: 3;

}

.image-card-details h5 {
	color: var(--body-secondtext) !important;
}

.image-card-details p {
	color: #8C8C8C !important;
}

.image-card-details>*:last-child h6:first-child {
	font-size: 22px !important;
	color: var(--body-secondtext) !important;
	font-weight: 600 !important;
}

.image-card-details figure {
	max-width: 18px !important;
}


.hero-banner-content>p {
	max-width: 748px !important;
}

.hero-banner-content .wp-block-buttons {
	margin-top: 36px !important;
}

.slide-card {
	position: absolute;
	border: 1px solid var(--light-grey) !important;
	background-color: var(--font-color-white);
	max-width: 340px !important;
	box-shadow: 0px 10px 14px 0px rgba(35, 31, 32, 0.06);
}

.slide-card-wraper {
	transform: translateY(-30px);
	transition: 0.6s ease;
	opacity: 0;
	margin-bottom: 24px !important;
	transition-delay: .8s;
}

.animations .slide-card-wraper {
	transform: translateY(0px);
	opacity: 1;
}

.slide-card {
	transition: .3s ease;
	background-color: var(--font-color-white) !important;
}

.slide-card:nth-child(2) {
	background-color: #F3F3F5 !important;

}

.slide-card-text>*:first-child>*:not(.bold) {
	font-size: 12px !important;
}

.physics-container {
	position: relative;
	overflow: hidden;
}

.physics-container canvas {
	opacity: 0;
	cursor: grab;
}

.physics-box {
	position: absolute;
	top: 0;
	left: 0;
	cursor: grab;
	user-select: none;
	transform: translate(-50%, -50%);
	transition: none !important;
	will-change: transform;
	opacity: 0;
}

.physics-box.active {
	opacity: 1;
}

.slide-card-text>p:last-child {
	font-size: 14px !important;

}

.slide-card> :first-child figure {
	max-width: 44px !important;
}

.slide-card-text> :first-child p:last-child {
	opacity: 0.4 !important;
}

.slide-card> :first-child::before {
	content: '';
	position: absolute;
	width: 22px !important;
	height: 22px !important;
	max-width: 22px !important;
	max-height: 22px !important;
	z-index: 2;
	bottom: 0;
	right: 0;
	background-image: url(http://drrona.academy/wp-content/uploads/2025/04/Message.svg);
}

.mentors-mastery>*,
.mentors-mastery-list>* {
	opacity: 0;
	transform: translateY(-20px);
	transition: all 0.6s ease;
}

.mentors-mastery h3 {
	transition-delay: .5s !important;
}

.animations .mentors-mastery>*,
.animations .mentors-mastery-list>* {
	opacity: 1;
	transform: translateY(0px);
}

.mentors .mentors-mastery-list>*:nth-child(1) {
	transition-delay: .7s !important;
}

.mentors .mentors-mastery-list>*:nth-child(2) {
	transition-delay: .9s !important;
}

.mentors .mentors-mastery-list>*:nth-child(3) {
	transition-delay: 1.1s !important;
}

.mentors-mastery-list {
	margin: 0 !important;
	padding: 0 !important;
	/* padding-left: 35px !important; */
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: flex-start !important;
	gap: 14px !important;
}

.mentors-mastery-list li {
	width: 100% !important;
	padding-bottom: 24px !important;
	padding-left: 35px !important;
	position: relative;
}

.mentors-mastery-list li:not(:last-child) {
	border-bottom: 1px solid var(--light-grey) !important;
}

.mentors-mastery-list li::before {
	content: '';
	width: 24px !important;
	height: 24px !important;
	max-width: 24px !important;
	max-height: 24px !important;
	border-radius: 100px;
	position: absolute;
	left: 0;
	background-image: url(http://drrona.academy/wp-content/uploads/2025/04/arrow.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

.mentors-mastery:last-child>* {
	opacity: 0;
	transform: translateX(-20px);
	transition: all 0.6s ease;

}

.animations .mentors-mastery:last-child>* {
	opacity: 1;
	transform: translateX(0px);
}

.ast-builder-menu-1 .menu-item:hover>.menu-link {
	color: var(--body-text) !important;
}

.mentors-mastery:last-child>*:not(.wp-block-buttons) {

	transition-delay: 1.3s !important;
}

.mentors-mastery:last-child>*.wp-block-buttons {

	transition-delay: 1.5s !important;
}

.software-icon {
	max-height: 52px !important;

	&>figure {
		height: fit-content !important;

		&>img {
			max-height: 32px !important;
			object-fit: contain !important;
		}
	}
}

.image-card:nth-child(1)::before {
	content: '';
	width: 100%;
	height: 100%;
	max-width: 120px;
	rotate: 15deg;
	max-height: 120px;
	background-image: url('http://drrona.academy/wp-content/uploads/2025/06/Miro-1.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: -80px;
	left: -79px;
	z-index: 0;
}

.image-card:nth-child(2)::after {
	content: '';
	width: 100%;
	height: 100%;
	max-width: 120px;
	max-height: 120px;
	rotate: -23deg;
	background-image: url(http://drrona.academy/wp-content/uploads/2025/04/Group-2327.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: unset;
	bottom: -98px;
	left: -83px;
	z-index: 3;
}

.image-card:nth-child(2)::before {
	content: '';
	width: 100%;
	height: 100%;
	max-width: 100px;
	max-height: 100px;
	rotate: -18deg;
	background-image: url(http://drrona.academy/wp-content/uploads/2025/04/Group-2328.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: -71px;
	right: -59px;
	z-index: 4;

}

.image-card:nth-child(3) {
	z-index: 22;
}

.image-card:nth-child(4)::after {

	content: '';
	rotate: 19deg;
	width: 70px;
	height: 70px;
	max-width: 70px;
	max-height: 70px;
	background-image: url('http://drrona.academy/wp-content/uploads/2025/06/Protopie.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 34px;
	left: unset;
	right: -46px;
	z-index: 0;
}

.image-card:nth-child(4)::before {
	content: '';
	width: 125px;
	height: 125px;
	max-width: 125px;
	rotate: -7deg;
	max-height: 125px;
	background-image: url(http://drrona.academy/wp-content/uploads/2025/04/Group-2330.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: unset;
	bottom: -88px;
	left: unset;
	right: -73px;
	z-index: 0;
}

.image-card:nth-child(2):hover::after,
.image-card:nth-child(4):hover::before,
.image-card:nth-child(4):hover::after,
.image-card:nth-child(2):hover::before,
.image-card:nth-child(2):hover::after,
.image-card:nth-child(1):hover::before {
	filter: blur(3px);
}

.faq-slider-wraper>*:not(:first-child, .faq-slide-close-wraper) {
	margin-top: 32px !important;

}

.tab-slider .faq-slider-wraper>*:not(:first-child, .faq-slide-close-wrape, .tab-slider-footer) {
	margin-top: 0px !important;

}

.faq-slider {
	max-width: 943px !important;
	cursor: pointer;

}

.faq-header .arrow {
	cursor: pointer !important;
}

.faq-slider.active {

	transition: 0.5s ease-in-out;
}

.faq-slider.active .faq-header .arrow {
	rotate: 0deg;
}

/* .faq-slider.hide {
	max-height: 0 !important;
	opacity: 0 !important;
	visibility: hidden;
	padding:22px 30px !important;

	transition: opacity 0.4s ease, visibility 0.2s ease;
}

.faq-slide-close-wraper.active>* {

	opacity: 1;
	padding:32px 40px !important;

	visibility: visible;
	transition: opacity 0.2s ease, visibility 0.3s ease;
}

.faq-slide-close-wraper {
	max-height: 0;
	transition: 0.8s ease;
}

.faq-slide-close-wraper.active {
	max-height: 800px !important;

}
.faq-slide-close-wraper .faq-slider.hide{
max-height: 0 !important;
	opacity: 0 !important;
	visibility: hidden;
	padding: 22px 30px !important;
	transition: opacity 0.4s ease, visibility 0.2s ease;
}
.faq-slide-close-wraper.active>* {
	margin-top: 32px !important;
	max-height: 800px !important;
} */



.faq-slide-close-wraper .faq-slider {
	opacity: 0;
	transform: opacity(0);
	max-height: 0;
	padding: 0px 40px !important;
	transition: .6s ease-in-out;
}

.faq-slide-close-wraper .faq-slider:nth-child(2) {
	transition-delay: 0.2s !important;
}

.faq-slide-close-wraper .faq-slider:nth-child(3) {
	transition-delay: 0.3s !important;
}

.faq-slide-close-wraper .faq-slider {}

.faq-slide-close-wraper.active .faq-slider {
	opacity: 1;
	transform: opacity(1);

	margin-top: 32px !important;
	max-height: 800px;
	padding: 32px 40px !important;
}











.faq-slider-wraper .wp-block-buttons {
	margin-top: 40px !important;
}

.faq-header .arrow {
	rotate: -90deg;
	transition: .5s ease;
}

.faq-slider .faq-text>* {
	max-height: 0;
	overflow: hidden;
	transition: 0.6s ease-in-out;
	opacity: 0;

}

.download-brochureForm .gform_wrapper {
	gap: 32px;
	display: flex !important;

	flex-direction: column !important;
}

.download-brochureForm.contact-form .gform_footer::before {
	background-image: url('http://drrona.academy/wp-content/uploads/2025/06/download-icon-backwhite.png') !important;

}

.download-brochureForm.contact-form .gform_footer:has(.gform_button:hover)::before {
	transform: translateY(-50%) rotate(0deg);
}

.download-brochureForm .gform_heading {
	display: flex;
	justify-content: flex-start;
}

.download-brochureForm form {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

.brochureForm-privacybtn {
	position: absolute !important;
	font-size: 14px !important;
	max-width: calc(100% - 120px) !important;
	bottom: 145px;
	z-index: 999;
}

.brochureForm-privacybtn a {
	color: #4763FF;
	cursor: pointer;
}

.download-brochureForm .gform_wrapper.gravity-theme .gform_footer {
	margin-top: 80px !important;
}

.download-brochureForm .gform-body {
	width: 100% !important;
}

.contact-form.download-brochureForm .gform_button {
	width: 275px !important;
}

.faq-slider.active .faq-text>* {
	margin-top: 22px !important;
	max-height: 700px;
	opacity: 1;

}

.tab-slider .faq-slider.active .faq-text>* {
	margin-top: 18px !important;

}

/* slider */
.swiper-container .slide-inner:before {
	content: none;
}

.footer-slider .swiper-container {
	padding-bottom: 0 !important;
}

.footer-slider .swiper-nav {
	opacity: 0;
}

.swiper-slider-html {
	display: flex;
	flex-direction: column;
	gap: 32px;
	max-width: 879px !important;
}

.swiper-slider-html .title {
	position: relative;
	padding-bottom: 60px;
}

.swiper-slider-html .title::before {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	background-color: var(--font-color-white);
	bottom: 0;
	opacity: .5;

}

.swiper-slide .swiper-slider-html .title::after {
	content: '';
	width: 0%;
	height: 1px;
	position: absolute;
	background-color: var(--font-color-white);
	bottom: 0;
	left: 0;
	transition: all 0.8s ease-out;
	transition-delay: 1s;
}

.swiper-slide.swiper-slide-active .swiper-slider-html .title::after {
	width: 100%;
}

/* .swiper-slider-html .author-name {
	margin-top: 40px !important;
} */

.swiper-slider-html .title,
.swiper-slider-html .author-name>*,
.swiper-slider-html .text-background>P {
	opacity: 0;
	transform: translateX(-20px);
	transition: all 0.8s ease-out;
	transition-delay: .5s;
}

.swiper-slide.swiper-slide-active {

	.swiper-slider-html .title,
	.swiper-slider-html .author-name>*,
	.swiper-slider-html .text-background>P {
		opacity: 1;
		transform: translateX(0px);
	}
}

/* .swiper-slider-html .text-background>P {
	transition-delay: .7s;
} */

.swiper-slider-html .title {
	transition-delay: .7s;

}

.swiper-slider-html .author-name>* {
	transition-delay: 1s;

}

.footer-location-img {
	position: absolute;
	left: calc((1400px - 100vw) / 2);
	left: 0;

	max-width: calc(100% - 30%) !important;
	max-width: 50% !important;
	z-index: 99;
	top: 0;
	bottom: 0;
}

.footer-map {
	min-height: 870px !important;
}

.location-details>h3,
.contact p,
.contact h5 {
	color: var(--font-color-white) !important;

}

.intro-heading .text-background {

	border: 1px solid #C7D3E4;
	background: #FFF;
	box-shadow: 0px 10px 14px 0px rgba(35, 31, 32, 0.06);
}

.intro-hover-slide {}

.intro-options-details>p:first-child {
	padding: 18px 24px;
}

.intro-options-details .wp-block-buttons {
	padding: 30px 24px 40px 24px;

}

.intro-main-option {
	max-width: 460px !important;
	max-height: 81px;
	width: 100% !important;
	height: 81px;
	padding: 24px !important;
	position: relative !important;
	/* border-left: 5px solid var(--Color-Border-border-blue, #4763FF); */
	cursor: pointer;
}

.intro-main-option h5 {
	opacity: 0.45;
}

.intro-main-option * {
	position: relative !important;
	z-index: 20;
	transition: .3s ease;
}

.intro-main-option:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #4763FF 34.57%, #F5F6F8 119.78%);
	opacity: 0;
	transition: .5s ease;
}

.intro-main-option.active:before {
	opacity: 1;
}

.intro-main-option.active h5 {
	color: var(--font-color-white) !important;
	opacity: 1;
}

.intro-main-option .arrow {
	max-width: 36px !important;
	width: 36px;
	height: 36px;
	padding: 0px !important;
	justify-content: center;
	align-items: center;
	border-radius: 280px;
	background: var(--font-color-white);
	box-shadow: 0px 9px 8.2px 0px rgba(0, 0, 0, 0.05);
	display: none;
}

.intro-details {
	position: absolute;
	max-height: 100%;
}

.intro-details>* {
	opacity: 0;
	transition: .3s ease !important;
}

.intro-details.active>* {
	opacity: 1;
}

.intro-details .intro-main-option {
	display: none;
}

.intro-main-option {
	flex-direction: row !important;
	justify-content: space-between !important;
}

.intro-main-option .arrow::before {
	content: '';
	width: 16px;
	height: 16px;
	max-width: 16px;
	max-height: 16px;
	background-image: url('http://drrona.academy/wp-content/uploads/2025/04/dark-arrow-icon.svg');
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.6s ease;
}

.intro-main-option.active .arrow::before {
	rotate: 180deg;
}

.mentor {
	position: relative;
}

.mentors .right-image {
	position: absolute !important;
	right: 0;
	bottom: 0;
	/* top: 0; */
	max-width: 44% !important;
}

/* .intro-data>*,.list>*{
	opacity: 0;
	transform: translateY(-20px);
	transition: .8s ease;
} */
.intro-details.active .intro-data>*,
.intro-details.active .list>* {
	opacity: 1;
	transform: translateY(0px);
}

.intro-details .intro-data figure {
	transform: scale(.8);
	opacity: 0 !important;
	transition: .7s ease !important;
	transition-delay: .2s !important;
}

.intro-details.active .intro-data figure {
	opacity: 1 !important;
	transform: scale(1);
}

.intro-data-details>* {
	opacity: 0;
	transform: translateX(-20px);
	transition: .8s ease;
}

.intro-details.active .intro-data-details>* {
	opacity: 1;
	transform: translateY(0px);
}

.intro-data-details>*:last-child {
	transition-delay: .5s !important;
}

.intro-details .mentors-mastery-list>* {
	opacity: 0;
	transform: translateY(-20px);
	transition: .8s ease;
	transition-delay: .1s !important;

}

.intro-details.active .mentors-mastery-list>* {
	opacity: 1;
	transform: translateY(0px);

}

.mentors-mastery-list>*:nth-child(2) {
	transition-delay: .4s !important;
}

.mentors-mastery-list>*:nth-child(3) {
	transition-delay: .6s !important;
}

.mentors-mastery-list>*:nth-child(4) {
	transition-delay: .8s !important;
}

.tab-slider-heading .text-background {
	background-color: var(--font-color-white) !important;
	border-radius: 100px;
	border: 1px solid var(--light-grey) !important;

	box-shadow: 0px 10px 14px 0px rgba(35, 31, 32, 0.06) !important;
}

.tab-slider-heading .text-background figure {
	height: fit-content !important;
}

.drrona-course .download-brochureForm {
	position: sticky;
	top: 10%;
}

.tab-slider .faq-header h5 {
	font-weight: 600 !important;
}

.tab-slider .faq-slider-wraper {
	gap: 24px !important;
}

.tab-slider-heading .text-background div:first-child {
	width: 24px !important;
	height: 24px !important;

}

.tab-slider-heading>*:not(.tab-buttons) h3 {
	max-width: 614px !important;
}

.tab-btn {

	max-width: fit-content !important;
	max-height: 50px;
	min-height: 50px;
	cursor: pointer;
	padding: 12px 38px !important;

}

.tab-slider-footer {
	border-radius: 100px;
	border: 1px solid #C7D3E4;
	background: #FFF;
	box-shadow: 0px 10px 14px 0px rgba(35, 31, 32, 0.06) !important;
	padding: 6px 22px !important;
	max-width: fit-content !important;
}

/* .tab-btn p {
	overflow: hidden;
}
.tab-btn p span {
	--lh: 1.2;
	line-height: var(--lh) !important;
	text-shadow: 0 calc(var(--lh)* 1em) 0 #262626 !important;
	transition: .5s ease !important;
	transition-delay: var(--delay) !important;
}

.tab-btn.active p span {
	transform: translateY(-100%);
} */

.tab-btn.active {
	padding: 12px 45px !important;
	border-radius: 60px;
	background: linear-gradient(80deg, #334155 55.13%, #708FBB 120.87%);


}

.tab-btn.active p {
	color: var(--font-color-white) !important;
	font-weight: 700 !important;
	display: inline-flex !important;
	align-items: center !important;
	overflow: hidden;

	&>span {
		color: var(--font-color-white) !important;
		font-weight: 700 !important;
	}
}

.tab-slider-card-details .icon {

	&>figure {
		max-width: 24px !important;
		max-height: 24px !important;
		display: flex;
		justify-content: center;
		align-items: center;

		&>img {
			max-width: 19px !important;
			max-height: 19px !important;
			filter: brightness(0) saturate(100%) invert(7%) sepia(52%) saturate(19%) hue-rotate(314deg) brightness(93%) contrast(83%);
		}
	}
}

.tab-slider-card-icon {
	justify-content: flex-start !important;
}

.tab-slider-card-details>*:not(.icon)>p:first-child {
	font-weight: 700 !important;
}

.tab-slider-card-icon {
	max-height: 36px;

	&>figure {
		max-width: 36px;
		max-height: 36px;
		min-width: 36px;
		min-height: 36px;

		&>img {
			max-width: 36px;
			max-height: 36px;
		}
	}
}

.tab-slider {
	/* position: absolute; */
	/* opacity: 0; */
	height: 100%;
	transition: .5s ease;
}

.tab-slider .faq-slider-wraper {
	position: absolute;
	opacity: 0;
	width: 0 !important;


}

.tab-slider .faq-slider-wraper.active {
	position: relative;
	opacity: 1;
	width: 100% !important;

}

.tab-slider .faq-header h5>strong {
	font-size: var(--p) !important;
	font-weight: 400 !important;
	line-height: 170% !important;
	position: relative;
	padding-left: 20px;
	margin-left: 10px;
}

.tab-slider .faq-header h5>strong::after {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 140px;
	border: 0.5px solid #C9FFED;
	background: #02BC7D;

}

.tab-slider .faq-slider-wraper>* {
	transform: translateY(-10px);
	transition: all 0.6s ease-in;
}

.tab-slider .faq-slider-wraper.active>* {
	transform: translateY(0px);
}

.download-brochureForm .gform_title {
	font-size: var(--h5) !important;
	font-weight: 600 !important;
}

.tab-slider.active {
	opacity: 1;
	z-index: 60 !important;
}

.tab-slider-image {
	position: absolute;
	/* top: 0; */
	left: 0;
	bottom: 0;
	max-height: 930px;
	transition: 1.3s ease !important;
	transition-delay: .3s !important;
	opacity: 0;
	transform: translateY(60px);
	transform-origin: center bottom !important;

	&>figure {
		&>img {
			max-height: 930px;
		}
	}
}

.tab-slider.active .tab-slider-image {
	opacity: 1;
	transform: translateY(0px);
}

.tab-slider-details .duration {
	gap: 0 !important;
}

.tab-slider-wraper {
	/* min-height: 930px; */

}

.faq-text {
	align-items: flex-start !important;
}

.mentors-mastery {
	margin: 52px 0 45px 65px !important;
}

.tab-slide-btn-wraper {
	display: none;
	z-index: 100;
}

.tab-slide-prev,
.tab-slide-next {
	background-color: var(--font-color-white) !important;
	border-radius: 50%;
	border: 1px solid var(--light-grey) !important;
}

.tab-slide-prev a,
.tab-slide-next a {
	background-color: var(--font-color-white) !important;
	padding: 0 !important;
	max-width: 64px;
	max-height: 64px;
	width: 64px;
	position: relative;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.tab-slide-prev a::before,
.tab-slide-next a::before {
	content: '';
	width: 38px;
	height: 38px;
	max-width: 38px;
	max-height: 38px;
	min-height: 38px;
	position: absolute;
	background-image: url(http://drrona.academy/wp-content/uploads/2025/04/slider-arrow.svg);
	background-repeat: no-repeat;
	background-size: cover;
	rotate: 45deg;
}

.tab-slide-prev a:hover:before,
.tab-slide-next a:hover:before {
	filter: brightness(0) saturate(100%) invert(97%) sepia(0%) saturate(0%) hue-rotate(101deg) brightness(104%) contrast(105%);
	z-index: 99;
}

.tab-slide-prev a::after,
.tab-slide-next a::after {
	content: '';
	background-color: #262626 !important;
	width: 100%;
	height: 100%;
	position: absolute;
	/* z-index: -10; */
	transform: translate(-28%, 64%);
	opacity: 0;
	border-radius: 50%;
	transition: all 0.4s ease;
}

.tab-slide-prev a:hover::after,
.tab-slide-next a:hover::after {
	transform: translate(0%, 0%);
	opacity: 1;
}

.tab-slide-prev a::before {
	rotate: -135deg !important;
}

#ast-scroll-top {
	display: none !important;
}

.main-header-menu {
	gap: 12px 40px !important;
}

.main-header-menu .menu-item {
	cursor: pointer !important;
}

.menu-item a {
	font-weight: var(--fontWeight-700);
	padding: 0 !important;
	font-size: var(--h6) !important;
	display: inline-flex !important;
	align-items: center !important;
	overflow: hidden;
}

.menu-item a span {
	--lh: 1.2;
	line-height: var(--lh) !important;
	text-shadow: 0 calc(var(--lh) * 1em) 0 #262626 !important;
	transition: .5s ease !important;
	transition-delay: var(--delay) !important;
}

.menu-item a:hover span {
	transform: translateY(-100%);
	transition-delay: 0 !important;
}

.ast-primary-header-bar {
	border: none !important;
}

.main-banner::before {
	opacity: 0.7 !important;
}

.main-banner::after {
	content: '';
	width: 100%;
	height: 140px;
	position: absolute;
	background-image: url('http://drrona.academy/wp-content/uploads/2025/04/bottom-blur.png');
	bottom: 0;
	z-index: -1;
}

.hero-banner-content h2 {
	line-height: 81px !important;
	font-weight: var(--fontWeight-600) !important;
}

.close-btn {}

.close-btn::before {
	content: '';
	height: 44px !important;
	width: 44px !important;
	max-width: 44px;
	max-height: 44px;
	background-image: url(../svg/icon-close.svg);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	border-radius: 100% !important;
	background-color: transparent !important;
	box-shadow: none !important;
	top: 64%;
	right: -13px;
	transform: translateY(-50%);
}

.close-btn:hover {
	transform: scale(.95);
}

#modal_main .close-btn {
	position: absolute;
	right: 80px;
	top: 85px;
	z-index: 60;
	width: 44px;
	height: 44px;
	color: var(--body-text) !important;
	background: transparent;
	box-shadow: none;
	padding: 0 30px 0 0;
}

/* Form Toggle */

.form-toggle .gfield_checkbox {
	width: 100% !important;
	position: relative !important;
	min-height: 52px !important;
}

.form-toggle .gfield_checkbox:before {
	display: block;
	content: '';
	width: 120px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 200px;
	border: 1px solid var(--Color-Border-border-grey, #C7D3E4);
	background: var(--Icy-grey, #F5F6F8);
	box-shadow: 19px 21px 36.5px 0px rgba(0, 0, 0, 0.08);
	padding: 6px 8px;
}

.form-toggle .gfield_checkbox:after {
	display: flex;
	align-items: center;
	content: 'Online';
	position: absolute;
	left: 8px;
	top: 0;
	height: 100%;
	pointer-events: none;
	line-height: 1.5;
	opacity: 0;
}

.form-toggle .gfield_checkbox:has(input[value="online"]:checked):after {
	opacity: 1;
	transform: translateX(0px);
	transition: all 0.6s ease;
}

.form-toggle .gfield_checkbox:has(input[value="offline"]:checked):after {
	content: 'Offline';
	/* left: 60px; */
	transform: translateX(50px);
	opacity: 1;
	/* transition-delay: .2s; */
	transition: all 0.6s ease;
}

.form-toggle .gfield_checkbox .gchoice:before {
	display: block;
	content: '';
	width: 40px;
	height: 40px;
	position: absolute;
	pointer-events: none;
	left: 8px;
	top: 6px;
	border-radius: 100%;
	opacity: 0;
	transition: .7s ease;
	background: linear-gradient(180deg, #C7D3E4 -202.5%, rgba(199, 211, 228, 0.10) 125%);
}

.form-toggle .gfield_checkbox .gchoice:after {
	display: block;
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	left: calc(8px + 12px);
	top: calc(6px + 12px);
	border: 1px solid #C9FFED;
	border-radius: 100%;
	pointer-events: none;
	opacity: 0;
	background: #C7D3E4;
	transition: .7s ease;
}

.form-toggle .gfield_checkbox .gchoice:has(input[value="online"]):before {
	background: linear-gradient(180deg, rgba(2, 188, 125, 0.70) -202.5%, rgba(2, 188, 125, 0.10) 125%);
}

.form-toggle .gfield_checkbox .gchoice:has(input[value="online"]):after {
	background: #02BC7D;
}

.form-toggle .gfield_checkbox .gchoice:has(input[value="online"]:checked):before {
	opacity: 1;
	left: calc(120px - 48px);
}

.form-toggle .gfield_checkbox .gchoice:has(input[value="online"]:checked):after {
	opacity: 1;
	left: calc(120px - (16px + 8px + 12px));
}

.form-toggle .gfield_checkbox .gchoice:has(input[value="offline"]):before {
	left: calc(120px - 48px);
}

.form-toggle .gfield_checkbox .gchoice:has(input[value="offline"]):after {
	left: calc(120px - (16px + 8px + 12px));
}

.form-toggle .gfield_checkbox .gchoice:has(input[value="offline"]:checked):before {
	left: 8px;
	opacity: 1;
}

.form-toggle .gfield_checkbox .gchoice:has(input[value="offline"]:checked):after {
	left: calc(8px + 12px);
	opacity: 1;
}

.form-toggle .gfield_checkbox .gchoice {
	padding-left: 120px !important;
	display: flex !important;
	align-items: center !important;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	white-space: nowrap;
}

.form-toggle .gfield_checkbox .gchoice:has(input:checked) {
	opacity: 1;
	pointer-events: all;
}

.form-toggle .gfield_checkbox .gchoice label {
	transform: translateY(-10px);
	opacity: 0;
	transition: all 0.6s ease !important;
}

.form-toggle .gfield_checkbox .gchoice:has(input:checked) label {
	transform: translateY(0px);
	opacity: 1;
}

.form-toggle .gfield_checkbox .gchoice label {
	padding-left: 24px !important;
	position: relative !important;
	top: auto !important;
}

.form-toggle .gfield_checkbox .gchoice input {
	position: absolute;
	left: 0;
	top: 0;
	width: 120px;
	opacity: 0;
	height: 100%;
	cursor: pointer;
}

.site-footer-section .site-footer-section-1 {
	max-width: fit-content !important;
}

.footer-nav-wrap ul {
	gap: 30px !important;
}

.footer-nav-wrap ul li a,
.ast-footer-copyright p {
	color: var(--font-color-white) !important;
}

.footer-nav-wrap ul li a {
	font-size: var(--p) !important;

	font-weight: var(--fontWeight-400) !important;
}

.site-footer .site-below-footer-wrap {
	background-color: var(--footer-color) !important;
	border: none !important;
}

.site-below-footer-inner-wrap {
	display: flex !important;
	justify-content: space-between !important;
}

.slide-close-btn a {
	background: none !important;
	color: var(--body-text) !important;
}

.marquee-main h5 {
	font-size: var(--h5) !important;
	line-height: 1.4 !important;
	font-weight: 400 !important;
}

.marquee-wraper {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: flex-start !important;
	overflow: hidden;
}

/* .marquee-wraper .marquee-inner{
	--gap:10px
} */
.marquee-wraper .marquee-inner>* {
	flex-wrap: nowrap !important;
	justify-content: space-between !important;
	width: 100vw !important;
}

.marquee-wraper .marquee-inner {
	flex-wrap: nowrap !important;
	justify-content: flex-start !important;
	max-width: max-content !important;
	--gap: 32px;
	gap: var(--gap);
	/* animation: marqueeStartReverse 20s linear infinite; */
}

.marquee-wraper .marquee-inner .marquee-content {
	gap: var(--gap);
	/* animation: newmarqueeStartReverse 20s linear infinite; */
	max-width: max-content !important;
	flex-shrink: 0;
}

@keyframes newmarqueeStartReverse {

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

}

.marquee-wraper .marquee-inner>*>* {
	--max_width: 150px;
	--max_height: 70px;
	min-width: var(--max_width) !important;
	max-height: var(--max_height) !important;

	&>figure {
		min-width: var(--max_width) !important;
		max-height: var(--max_height) !important;
		&>img {
			width: var(--max_width) !important;
			height: var(--max_height) !important;
		}
	}
}

.marquee-wraper::after {
	content: '';
	width: 323px;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 4.03%, #FFF 60.83%);
}

.marquee-wraper::before {
	content: '';
	width: 323px;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 59;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 4.03%, #FFF 60.83%);
}

.tab-slider-card-details>*:not(.icon)>* {
	opacity: 0 !important;
	transform: translateY(-20px) !important;
	transition: all 0.6s ease !important;
	transition-delay: 0.3s !important;
}

.tab-slider-card-details>*:not(.icon)>*:last-child {
	transition-delay: 0.5s !important;
}

.tab-slider.active .tab-slider-card-details>*:not(.icon)>* {
	opacity: 1 !important;
	transform: translateY(0px) !important;

}

.tab-slider-card>* {
	opacity: 0 !important;
	transform: translateY(-20px) !important;
	transition: all 0.6s ease !important;
}

.tab-slider.active .tab-slider-card>* {
	opacity: 1 !important;
	transform: translateY(0px) !important;
}

/* .why-drrona-card .cards{
	background-image: url(http://drrona.academy/wp-content/uploads/2025/04/Frame-2341.png);
} */

.why-drrona-card .cards::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: linear-gradient(179deg, rgba(255, 255, 255, 0.00) -31.15%, rgba(255, 255, 255, 0.10) 118.09%);
	backdrop-filter: blur(57px);
}

.why-drrona-main.mobile .slider .cards {
	width: 100% !important;
	max-width: 500px !important;
	display: flex;
	max-height: 470px;
	min-height: 470px;

	justify-content: center;
	align-items: center;
	padding: 32px !important;
	position: relative;
	overflow: hidden;
	border-radius: 32px;
}

.why-drrona-main.mobile .slider .cards::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: linear-gradient(179deg, rgba(255, 255, 255, 0.00) -31.15%, rgba(255, 255, 255, 0.10) 118.09%);
	backdrop-filter: blur(57px);

}

.why-drrona-main.mobile .slider .cards>* {
	max-width: 395px;
	gap: 40px;
	max-width: 395px;
	display: flex;
	gap: 40px;
	flex-direction: column;
	z-index: 99;

}

.why-drrona-main.mobile .slider .cards .card-img {
	border-radius: 330px;
	overflow: hidden;
}


.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 30px !important;
	background-color: #fff !important;
	transition: .7s ease;
	/* border-radius: 8px !important; */
	transform: scale(1.1);
	animation: circle-to-rectangle 0.4s forwards;
	height: 10px;
	border-radius: 15px !important;
}

.swiper-pagination .swiper-pagination-bullet {
	font-size: 0;
	width: 10px !important;
	height: 10px;
	border: none;
	border-radius: 50% !important;
	background: #d3d3d3;
	padding: 0;
	cursor: pointer;
	transform: scale(0.9);
	transform-origin: left;
}

.site-footer {
	display: none !important;
}

footer a {
	color: #fff !important;
	text-decoration: none !important;
}

footer a:not(.wp-element-button)::after,
.form-bottom-text a::after,
.contact-us a::after {
	content: '';
	width: 0%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0;
	transition: width 0.6s ease-in-out;

}

.form-bottom-text a::after,
.contact-us a::after {
	background-color: var(--primary-color) !important;

}

footer a:hover:not(.wp-element-button)::after,
.form-bottom-text a:hover::after,
.contact-us a:hover::after {
	width: 100%;
}

.footer-bar {
	margin-top: 60px !important;
}

.footer-bar>*:not(.social-btns, .copyrights) {
	max-width: fit-content !important;
}

.footer-bar .social-btns .wp-block-button a {
	background: transparent;
	padding: 1;
}

.footer-bar .social-btns {
	max-width: fit-content !important;
}

.footer-bar .copyrights {
	max-width: 32% !important;
}

.contact-form .gform_footer {
	max-width: fit-content !important;
	position: relative !important;
}

.contact-form .gform_footer::before {
	content: '';
	width: 40px;
	height: 40px;
	position: absolute;
	background-image: url(http://drrona.academy/wp-content/uploads/2025/04/btn-arrow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	right: 15px;
	top: 46%;
	transform: translateY(-50%);
	transition: 0.5s ease;

}

.contact-form .gform_footer:has(.gform_button:hover)::before {
	transform: translateY(-50%) rotate(45deg);
}


.contact-form .gform_button {
	width: 208px;
	height: 70px;
	padding: 0px 100px 0px 25px !important;
	display: inline-flex !important;
	align-items: center !important;
	font-size: var(--h6) !important;
	font-weight: 700 !important;
	border-radius: 1000px;
	background: linear-gradient(68deg, #4763FF 46.38%, #92A2FF 94.54%) !important;
	box-shadow: 19px 21px 36.5px 0px rgba(0, 0, 0, 0.15) !important;
	cursor: pointer !important;

}

.contact-form .gform_button:hover {}

header.ast-header-without-markup .top-bar {
	display: none !important;
}

/* top-bar */
.top-bar {
	max-height: 60px;
	min-height: 60px;

	height: 100%;
	background-color: var(--body-text);
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
	justify-content: center;
	transition: 0.5s ease;
	/* opacity: 0;
	animation: slideAnimationBackLarge 0.4s forwards;
	animation-delay: 0.2s; */
}

.top-bar::before,
.top-bar::after {
	content: '';
	position: absolute;
	width: 50px;
	height: 100%;
	right: 0;
	z-index: 99;
	opacity: .9;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 4.03%, #161616 60.83%);
}

.top-bar::after {
	left: 0;
	background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 4.03%, #161616 60.83%) !important;
}

@keyframes slideAnimationBackLarge {
	0% {
		transform: translateY(-15px);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.top-bar-inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 30px;
}

.top-bar-inner img {
	max-width: 90px;
	max-height: 60px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#label_1_7_1,
#label_1_7_2 {
	font-size: var(--p) !important;
}



header.hamburger-active .top-bar,
header.modal-active .top-bar,
.top-bar.top-bar-hide {
	max-height: 0px !important;
	min-height: 0px !important;
	opacity: 0 !important;
	transform: translateY(-100%) !important;
}

.top-bar-closeBtn {
	position: absolute;
	height: 100%;
	width: 24px;
	max-width: 24px;
	transform-origin: center;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
	background-image: url('http://drrona.academy/wp-content/uploads/2025/04/cros-icon-white.svg');
	background-position: center;
	background-repeat: no-repeat;
	top: 0;
	right: 5%;
}

.enroll-btn {
	color: var(--font-color-white);
	text-decoration: underline;
	font-weight: var(--fontWeight-700);
	font-size: var(--p);
	cursor: pointer;
}

.contact-form {
	position: relative;
}

.form-bottom-text {
	position: absolute;
	bottom: 33px;
	max-width: 250px;
	left: 230px;
}

.form-bottom-text a {
	color: var(--primary-color) !important;
	position: relative;

}

.gform_wrapper.gravity-theme .gform_footer {
	margin: 60px 0 0 !important;
}

.hero-heading p {
	max-width: 64% !important;
}

.top-bar-inner .track {
	display: flex;
	align-items: center;
	--gapn: 10px;
	gap: var(--gapn);

	width: 100%;
	/* animation: newmarqueeStartReverse 20s linear infinite; */

}

.bar-content {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;

	flex-shrink: 0;
	white-space: nowrap;
	animation: tapbarmarquee 20s linear infinite;

	&>p {
		color: var(--font-color-white);
		font-size: var(--p);
	}
}

@keyframes tapbarmarquee {

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

}

.top-bar-inner .track * {
	flex-shrink: 0 !important;
}

@keyframes blogMarqueeX {
	0% {
		transform: translateX(-150%);
	}

	100% {
		transform: translateX(50%);
	}
}

.slidercard-heading h4 {
	font-family: 'Host Grotesk', sans-serif !important;
}

.slidercard-heading p {}

.contact-address {
	margin-bottom: 48px !important;
}

.back-toHome {
	cursor: pointer !important;
}

.back-toHome.button-img {

	justify-content: flex-start !important;
	max-width: 262px;
	min-width: 262px;
}

.error-img {
	max-width: 570px !important;
	min-height: fit-content !important;
}

.Policy .text-background>div:first-child {
	width: 24px !important;
	max-height: 24px !important;
	cursor: pointer;
}

.Policy .text-background h6 {
	font-weight: var(--fontWeight-700) !important;

}

.Policy .text-background {

	border: 1px solid var(--light-grey) !important;
	box-shadow: 0px 10px 14px 0px rgba(35, 31, 32, 0.06);
}

.Policy>* :not(.text-background) h5 {
	font-weight: var(--fontWeight-600) !important;

}

.contact-us a {
	color: var(--primary-color) !important;
	text-decoration: none !important;
	font-weight: var(--fontWeight-700) !important;
	position: relative;
}

.policy-btn a {
	background: none !important;
	padding: 0 !important;
}

.social-btns .wp-block-buttons .wp-block-button a,
.policy-btn a {
	overflow: hidden;
	padding: 1px !important;
	display: flex !important;
	align-items: center !important;
}

.social-btns .wp-block-buttons .wp-block-button a span,
.policy-btn a span {
	--lh: 1.2;
	line-height: var(--lh) !important;
	text-shadow: 0 calc(var(--lh)* 1em) 0 #fff !important;
	transition: .5s ease !important;
	transition-delay: var(--delay) !important;
}

.social-btns .wp-block-buttons .wp-block-button a:hover span,
.policy-btn a:hover span {
	transform: translateY(-100%);
}

.footer-slider .text-background {
	max-width: 330px !important;
}

.drrona-course>.container {
	opacity: 0;
}

/* .drrona-course::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url('http://drrona.academy/wp-content/uploads/2025/04/9-1.png');
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	bottom: 0;
	transform: translateY(100px);
	transition: all .6s ease;
	transition-delay: 1s;
} */

.drrona-course.animations::before {
	opacity: 1;
	/* height:100%; */
	transform: translateY(0px);
}

.drrona-course.animations>.container {
	animation: fadein 1s ease-in-out forwards;
	animation-delay: .8s;
}

.faq-section.animations::before {
	opacity: 1;
	transform: translateY(0px);
}

.tab-slider-footer p strong:nth-child(1)::before {
	content: '';
	width: 27px;
	height: 27px;
	position: absolute;
	background-image: url('http://drrona.academy/wp-content/uploads/2025/06/Figma.png');
	background-repeat: no-repeat;
	background-size: cover;
	left: 0;

}

.tab-slider-footer p strong:nth-child(2)::before {
	content: '';
	width: 27px;
	height: 27px;
	position: absolute;
	background-image: url('http://drrona.academy/wp-content/uploads/2025/06/Miro.png');
	background-repeat: no-repeat;
	background-size: cover;
	left: 0;

}

.tab-slider-footer p strong {
	margin-left: 5px;
	position: relative;
	padding-left: 35px;
}

.faq-section::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url('http://drrona.academy/wp-content/uploads/2025/04/REAL-BLUR.svg');
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	transform: translateY(40px);
	transition: all .5s ease-in-out;
	transition-delay: 1s;
}

.gform_footer img {
	display: none !important;
}

.social-btns>.wp-block-buttons:nth-child(2) {
	max-width: fit-content !important;
	margin-left: 40px !important;
}

.copyrights p a {
	position: relative;
}


/* .faq-text.point p>span{
    width: 8px;
    height: 8px;
    left: 0;
    top: 50%;
    display: inline-block;
    transform: translateY(-50%);
    margin-right: 15px;
    border-radius: 140px;
    border: 0.5px solid #C9FFED;
    background: #02BC7D;
} */

.faq-text.course-point {
	max-height: 0;
	transition: all 0.5s ease-in-out;
}

.faq-text.course-point>* {
	max-height: unset !important;
	opacity: 1 !important;
	align-items: flex-start;

}

.faq-text.course-point h5 {
	position: relative !important;
	padding-left: 30px !important;
}

.faq-text.course-point h5::after {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 140px;
	border: 0.5px solid #C9FFED;
	background: #02BC7D;
}

.faq-slider.active .faq-text.course-point {
	max-height: fit-content !important;
}

.marquee-content>div img {
	transition: .5s ease-in-out;
}

.fade-scale-out {
	opacity: 0;
	/* transform: scale(0.8); */
	transform: translateY(-20px);
}

/* Scale up & fade in effect */
.fade-scale-in {
	opacity: 1;
	/* transform: scale(1); */
	transform: translateY(0px);

}

.mentors-mastery>h3 {
	max-width: 55%;
}

/*endstyle  */

/* -----------main-style------end------ */


/*------------responsive---------------  */
@media screen and (max-width: 1728px) {

	.footer-map {
		min-height: 840px !important;
	}

	.footer-location-img {
		max-width: 50% !important;
	}
}

@media screen and (max-width: 1600px) {
	.footer-map {
		min-height: 800px !important;
	}

	.mentors-mastery {
		margin: 45px 0 45px 65px !important;
	}
}

@media screen and (max-width: 1512px) {}

@media screen and (max-width: 1440px) {
	.container {
		max-width: 1200px !important;
		width: 100%;
	}

	.site-below-footer-inner-wrap {
		max-width: 1200px !important;
	}

	.intro-data>*:not(.intro-data-details) {
		max-width: 230px !important;
	}

	.intro-options-details {
		max-width: 432px !important;
	}

	.footer-map {
		min-height: 705px !important;
		max-height: 705px !important;

	}

	.location-details {
		gap: 40px !important;
	}

	.location-details>* {
		gap: 24px !important;
	}

	.tab-slider .faq-header h5 {
		max-width: 80% !important;
	}

	.contact-address {
		margin-bottom: 36px !important;
	}

	.footer-location-img {
		max-width: 50% !important;
		left: 0;
	}

	.swiper-slider-html {
		max-width: 90% !important;
	}

	.tab-slider-image {
		max-width: 34% !important;
	}

	.tab-slider-details {
		max-width: 62% !important;
		gap: 24px !important;
	}

	.tab-slider {
		gap: 20px !important;

	}

	.tab-buttons {
		max-width: fit-content !important;
	}

	.tab-slider-card {
		gap: 40px 32px !important;
	}



	.tab-slider-details>*:last-child {
		padding: 40px !important;
	}

	.mentors-mastery {
		margin: 50px 0 34px 40px !important;
		max-width: 44% !important;
		gap: 24px !important;
	}

	.software-icon {
		&>figure {
			&>img {
				min-width: 89px !important;
			}
		}
	}

	.software-icon {
		&>figure:last-child {
			&>img {
				min-width: 28px !important;
				max-height: 28px !important;
				min-height: 28px !important;
			}
		}
	}



	.image-card-details {
		max-width: 86% !important;
		gap: 11px !important;
	}

	.image-card:nth-child(1)::before {
		max-width: 95px;
		max-height: 95px;
		top: -39px;
		left: -46px;
	}

	.image-card:nth-child(2)::before {
		max-width: 85px;
		max-height: 85px;
		top: -71px;
		right: -59px;

	}

	.image-card:nth-child(2)::after {
		max-width: 122px;
		max-height: 122px;
		bottom: -66px;
		left: -69px;
	}

	.image-card:nth-child(4)::before {
		width: 128px;
		height: 128px;
		max-width: 128px;
		max-height: 128px;
		bottom: -79px;
		right: -66px;
	}

	.main-banner>* {
		gap: 115px !important;
	}
}

@media screen and (max-width:1366px) {

	.image-card:nth-child(2)::after {
		max-width: 105px;
		max-height: 105px;
		bottom: -66px;
		left: -69px;
	}
}

@media screen and (max-width:1280px) {



	.footer-map {
		min-height: 680px !important;
		max-height: 680px !important;
	}

	.tab-slider-card {
		gap: 35px 20px !important;
		padding-bottom: 50px !important;
	}

	.tab-slider-details>*:last-child {
		padding: 35px 40px !important;
	}

	.mentors-mastery>h3 {
		max-width: 68%;
	}
}

@media screen and (max-width:1200px) {
	.container {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	.site-below-footer-inner-wrap {
		max-width: 100% !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	.intro-options-details {
		max-width: 38% !important;
	}

	.intro-hover-slide {
		gap: 60px !important;
	}
}

@media screen and (max-width:1024px) {
	:root {

		/* font size */
		--h2: 30px;
		--h3: 26px;
		--h4: 20px;
		--h5: 18px;
		--h6: 16px;
		--p: 14px;

	}

	.container {
		max-width: 100% !important;
		width: 100%;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.site-below-footer-inner-wrap {
		max-width: 100% !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.main_wraper {
		gap: 60px !important;
		padding-bottom: 50px !important;
	}

	.wp-block-spacer {
		max-height: 60px !important;
		height: 60px !important;
	}

	.button-img {
		padding: 10px 10px 10px 20px;
	}

	.button-img {
		max-width: 160px;
		min-width: 160px;
		max-height: 56px;
		min-height: 56px;
	}

	.button-img-icon {
		width: 36px;
		height: 36px;
		max-width: 36px;
		max-height: 36px;
	}

	.button-img-icon::before {

		width: 20px;
		height: 20px;
		max-width: 20px;
		max-height: 20px;

	}

	.intro-hover-slide {
		gap: 50px !important;
	}

	.intro-options-details {
		max-width: 40% !important;
	}

	.hero-heading p {
		max-width: 100% !important;
	}

	.intro-data>*:not(.intro-data-details) {
		max-width: 195px !important;
	}

	.tab-slider-image {
		max-width: 30% !important;
	}

	.intro-wraper {
		max-width: 50% !important;
	}

	.tab-slider-details>*:last-child {
		padding: 25px 30px !important;
	}

	.tab-slider-card {
		padding-bottom: 40px !important;
	}

	.intro-data {
		/* flex-direction: column !important; */
		align-items: flex-start !important;
	}

	.footer-location-img {
		left: 0;
	}

	.footer-map {
		min-height: 520px !important;
		max-height: 520px !important;
	}

	.contact-form .gform_button {

		height: 56px;
	}

	.footer-slider .text-background h6 {
		white-space: nowrap;
	}

	.text-background>*:first-child {
		max-width: 20px !important;
		max-height: 20px !important;
	}

	.footer-slider {
		max-width: 60% !important;
	}

	.swiper-slider-html {
		gap: 32px;
	}

	.swiper-slider-html .title {
		padding-bottom: 40px;
	}

	.swiper-slider-html .author-name {
		margin-top: 0px !important;
	}

	.image-card:nth-child(4)::after {
		top: -70px;
		right: -14px;
	}

	.image-card:nth-child(4)::before {
		bottom: -63px;
		right: -10px;
		width: 105px;
		height: 105px;
	}

	.contact-form .gform_confirmation_wrapper .primary-btn.back-toHome {
		max-width: 225px !important;
		min-width: 225px !important;
	}

	.back-toHome.button-img {

		max-width: 220px;
		min-width: 220px;
	}

	.image-card:nth-child(1)::before {
		top: -78px;
		left: -17px;
	}

	.footer-location-img {
		max-width: 50% !important;
	}

	.main-banner {
		padding-bottom: 85px !important;
	}

	.image-card-details h5 {
		font-size: 16px !important;
	}

	.image-card-details {
		padding: 14px 9px !important;
	}

	.swiper-button-next,
	.swiper-button-prev {
		width: 44px !important;
		height: 44px !important;
		max-width: 44px;
		max-height: 44px;
		min-height: 44px;
	}

	.swiper-button-next::after,
	.swiper-button-prev::after {
		width: 30px;
		height: 30px;
		max-width: 30px;
		max-height: 30px;
		min-height: 30px;
	}

	.faq-slider,
	.faq-slide-close-wraper.active .faq-slider {
		max-width: 720px !important;
		padding: 16px 24px !important;
		border-radius: 32px !important;

	}

	.tab-slider .faq-slider {
		border-radius: 0 !important;
	}




	.contact-form.download-brochureForm {
		max-width: 40% !important;
		padding: 30px 40px !important;

	}

	.tab-slider .faq-header h5>strong {
		margin-left: 0px;
		display: block;
	}

	.faq-header .arrow {
		max-width: 36px !important;
	}

	.faq-slider-wraper>*:not(:first-child, .faq-slide-close-wraper),
	.faq-slide-close-wraper.active .faq-slider {
		margin-top: 24px !important;
	}

	.features-section .feature-img {
		height: 484px !important;
		width: 448px !important;
	}

	.why-drrona-main.desktop {
		display: none;
	}

	.why-drrona-main.mobile {
		display: flex;
		gap: 50px;
		padding: 50px 0;
	}
}

@media screen and (max-width:980px) {
	#modal_main .close-btn {
		right: 20px;
		top: 20px;
	}

	.image-card-details {
		padding: 14px !important;
	}

	.image-card-details h5 {
		font-size: var(--h5) !important;
	}

	.tab-slider-image {
		display: none;
	}

	.tab-slider-details {
		max-width: 100% !important;
		height: 100% !important;
		justify-content: center !important;
		flex-wrap: nowrap !important;
		padding: 0 !important;
	}


	.tab-slider-card {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.tab-slider-wraper {
		min-height: 740px;
	}

	.intro-data>*:not(.intro-data-details) {
		max-width: 220px !important;
	}

	.mentors-mastery>*:last-child {
		flex-direction: column !important;
		max-width: 400px !important;
		margin-top: 0px !important;

		&>.wp-block-buttons {
			justify-content: flex-start !important;
		}
	}

	.image-card {
		max-width: 30% !important;
	}

	.image-card:nth-child(4) {
		display: none;
		max-width: 30% !important;
	}



	.image-card:nth-child(1)::before {
		left: -42px;
	}

	.image-card:nth-child(3)::before {
		content: '';
		width: 95px;
		height: 95px;
		max-width: 95px;
		max-height: 95px;
		background-image: url(http://drrona.academy/wp-content/uploads/2025/04/Group-2330.png);
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: unset;
		bottom: -62px;
		rotate: 14deg;
		right: -23px;
		z-index: 0;
	}

	.ast-footer-copyright p {
		text-align: left !important;
	}

	.footer-nav-wrap ul {
		gap: 24px !important;
	}

	#astra-footer-menu {
		display: flex !important;

	}

	.contact-address {
		margin-bottom: 36px !important;
	}

	.marquee-wraper>*>* {
		min-width: 90px !important;
		max-height: 90px !important;
	}

	.features-section>*:last-child {
		max-width: 43% !important;
	}

	.main-header-menu {
		gap: 12px 27px !important;
	}
}

@media screen and (max-width:921px) {
	.main-header-menu {
		background: transparent !important;
	}

	.main-header-menu .menu-item {
		max-width: fit-content !important;
	}

	.main-header-menu .menu-item .menu-link {
		border: none !important;
	}

}

@media screen and (max-width:840px) {
	.intro-wraper {
		max-width: 49% !important;
	}

	.intro-options-details {
		max-width: 42% !important;
	}

	.slide-card:nth-child(1) {

		max-width: 370px !important;
	}

	.intro {
		gap: 60px !important;
	}

	.slide-card-text>p:last-child {
		font-size: 12px !important;
	}

	.slide-card-text>*:first-child>*.bold {
		font-size: 12px !important;
	}

	.tab-slider-wraper {
		min-height: 757px;
		border-radius: 16px !important;
	}

	.mentors .right-image {

		max-width: 50% !important;
	}

	.tab-slider-details>*:last-child {
		border-radius: 16px !important;
	}

	.hero-banner-content>p {
		max-width: 470px !important;
	}

	.site-footer-below-section-2 {
		max-width: 40% !important;
	}

	.features-section>*:last-child {
		max-width: 50% !important;
	}

	.tab-buttons {
		padding: 4px 19px !important;
	}




	.image-card:nth-child(2)::after {
		max-width: 93px;
		max-height: 93px;
		bottom: -45px;
		left: -47px;
	}

	.error-img {
		max-width: 430px !important;
	}
}

@media screen and (max-width:768px) {

	.main-banner {
		padding-top: 50px !important;
	}

	.slide-card p {
		font-size: 12px !important;
	}

	.slide-card>*:not(.slide-card-text) {
		max-width: 45px !important;
		max-height: 45px;
		min-height: 45px;
	}

	.slide-card> :first-child figure {
		max-width: 35px !important;
	}

	.hero-banner-content>p {
		max-width: 575px !important;
	}

	.site-footer-below-section-2 {
		max-width: 45% !important;
	}

	.intro-options-details {
		max-width: 40% !important;
	}

	.social-btns>.wp-block-buttons:nth-child(2) {
		margin-left: 0px !important;
	}

	.social-btns {
		flex-direction: column !important;
		align-items: center !important;
	}

	.intro-wraper {
		max-width: 50% !important;
	}



	.tab-btn {
		max-height: 41px;
		min-height: 41px;
	}

	.tab-buttons {
		display: none !important;
	}

	.tab-slide-btn-wraper {
		display: flex;
	}

	.tab-slide-btn-wraper {
		/* position: absolute !important; */

		max-width: calc(100% - 64px) !important;
		max-width: 100% !important;


	}

	.tab-slide-prev>a,
	.tab-slide-next>a {
		max-width: 55px;
		max-height: 55px;
		width: 55px !important;
		height: 55px !important;

	}

	.contact-form.download-brochureForm .gform_button {
		width: 240px !important;
	}

	.drrona-course>*>*:not(.tab-slider-heading) {
		flex-direction: column !important;
	}

	.contact-form.download-brochureForm {
		max-width: 70% !important;
		padding: 30px 40px !important;
	}

	.tab-slider-wraper {
		justify-content: space-between !important;
	}
}

@media screen and (max-width:767px) {

	.form-bottom-text {
		left: 200px;
	}

	.container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.contact-form .gfield label {
		font-size: 16px !important;
	}

	.main_wraper {
		gap: 32px !important;
		padding-bottom: 32px !important;
	}

	.wp-block-spacer {
		max-height: 50px !important;
		height: 50px !important;
	}

	.intro-wraper {
		max-width: 100% !important;
	}

	.intro-details {
		position: relative;
		gap: 0 !important;
	}

	.intro-details.active {
		gap: 32px !important;
	}

	.intro-details>* {
		opacity: 1;
	}

	.intro-details .intro-main-option {
		display: flex;
	}

	.intro-main-option {
		max-width: 100% !important;
	}

	.tab-slide-prev a,
	.tab-slide-next a {

		max-width: 44px;
		max-height: 44px;
		width: 44px;
		height: 44px;

	}

	.brochureForm-privacybtn {
		max-width: calc(100% - 150px) !important;
	}

	.image-card:nth-child(2)::after {
		max-width: 95px;
		max-height: 95px;
		bottom: -57px;
		left: -53px;
	}
.marquee-wraper .marquee-inner>*>* {
	--max_width: 120px;
	--max_height: 40px;
}
	.image-card:nth-child(3)::before {
		bottom: -65px;
		right: -31px;
	}

	.intro-wraper {
		background-color: var(--Icy-grey);
		border-radius: 16px;
		border: 1px solid var(--light-grey) !important;
		align-items: flex-start !important;

		&>.p {
			padding: 10px 22px;
		}
	}

	.contact-form .gform_button {
		width: 174px;
		height: 56px;

		background-repeat: no-repeat;
		background-size: 47px;
	}

	.contact-form .gform_footer::before {

		width: 36px;
		height: 36px;
	}

	.intro-details>*:not(.intro-main-option) {
		padding: 0 22px 0 22px;
	}

	.intro-main-option .arrow {
		display: flex;
	}

	.intro-details {
		transition: 0.6s ease !important;
	}

	.intro-details .intro-data,
	.intro-details .list {
		max-height: 0;
		opacity: 0;
		transition: 0.6s ease !important;
		pointer-events: none;
		flex-wrap: nowrap;
	}

	.intro-details.active .intro-data,
	.intro-details.active .list {
		max-height: 800px;
		opacity: 1;
	}

	.intro-wraper .wp-block-buttons {
		padding: 40px 24px 24px;
	}

	.tab-slide-prev a::before,
	.tab-slide-next a::before {
		width: 30px;
		height: 30px;
		max-width: 30px;
		max-height: 30px;
		min-height: 30px;
	}

	.intro-wraper .wp-block-buttons::before {
		content: '';
		width: calc(100% - 48px);
		height: 1px;
		position: absolute;
		background-color: var(--light-grey);
		top: 0;
	}

	.tab-slider-card-details {
		flex-direction: column !important;
		flex-wrap: nowrap !important;

		.icon {
			max-width: 36px !important;
			min-width: 36px;
			max-height: 36px;
			min-height: 36px;
		}
	}

	.social-btns>.wp-block-buttons:nth-child(2) {
		margin-left: 0px !important;
	}

	.footer-bar .copyrights {
		max-width: 45% !important;
	}

	.slider-btn-clone {
		/* display: none; */
		right: 20px;
	}

	.footer-slider {
		max-width: 80% !important;
	}

	.footer-slider .swiper-nav {
		/* opacity: 1 !important; */
	}

	.swiper-nav {
		justify-content: flex-end !important;
	}

	.swiper-button-next,
	.swiper-button-prev {
		width: 44px !important;
		height: 44px !important;
		max-width: 44px;
		max-height: 44px;
		min-height: 44px;
	}

	.swiper-button-next::before,
	.swiper-button-prev::before {
		content: '';
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
		min-height: 100%;
		background-size: cover;

	}

	.tab-slider-details>*:first-child {
		flex-direction: row !important;
		flex-wrap: nowrap !important;
	}

	.image-card:before {
		max-width: 90px !important;
		max-height: 90px !important;
	}

	.tab-slider-details {
		padding-top: 0 !important;
	}



	.mentors-mastery {
		margin: 24px 0 24px 20px !important;
		max-width: 50% !important;
	}

	.intro-data {
		flex-direction: column !important;
	}

	.why-drrona-main.mobile .swiper-nav {
		justify-content: center !important;
		align-items: center;
	}
}

@media screen and (max-width:640px) {

	.tab-slider-card {
		max-height: 600px;
		display: flex !important;
		overflow-y: auto !important;
		flex-direction: column;
	}

	.tab-slider-card::-webkit-scrollbar-track {
		box-shadow: inset 0 0 5px grey;
		border-radius: 10px;
	}

	.image-card:nth-child(3) {
		display: none;
	}

	.image-card {
		max-width: 45% !important;
	}

	.image-card:nth-child(2)::before {
		top: -64px;
		right: 0px;
	}

	.image-card:nth-child(2)::after {
		left: 0;
	}

	.image-card:nth-child(1)::before {
		left: -23px;
	}

	.tab-slider {
		padding-top: 20px !important;
		padding-bottom: 0px !important;
		padding-right: 0 !important;
	}

	.tab-slider-details {
		justify-content: flex-start !important;
	}

	.tab-slider-wraper {
		min-height: 920px;
	}

	.tab-slider-wraper {
		padding: 40px !important;
	}

	.main-header-bar-wrap {
		position: relative;
		border-bottom: 1px solid #C7D3E4 !important;
	}



	.footer-location-img {
		position: relative !important;
		border-radius: 32px !important;
		max-width: 100% !important;
		min-height: 350px !important;
		width: calc(100% - 40px) !important;
		left: 20px;
	}

	.location-details {
		max-width: 100% !important;
	}

	.main-banner>* {
		gap: 95px !important;
	}

	.features-section>*:last-child {
		max-width: 65% !important;
	}

	.footer-map {
		min-height: 520px !important;
		max-height: fit-content !important;
		justify-content: flex-start !important;
	}

	.footer-map>*:not(.footer-location-img) {
		align-content: flex-start !important;
	}

}