/*!
Theme Name: visa_record_new
Theme URI: 
Author: GWT
Author URI: http://genesiswtech.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: visa_record
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

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

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


/* hero section */
span.badge {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 14px;
	border-radius: 20px;
	background: linear-gradient(180deg, #F1F9FE 0%, #E1E8FE 100%) !important;
	color: rgba(0, 0, 0, .6) !important;
	z-index: 1;
	gap: 4px;
	font-size: 12px !important;
	-webkit-text-fill-color: unset !important;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	margin-bottom: clamp(13px, 3vw, 20px);
}

.badge::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(180deg,
			rgba(12, 139, 209, 0.3) 0%,
			rgba(51, 50, 158, 0.3) 100%);

	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.hero-section {
	position: relative;
	background-image: url(./assets/img/hero-bg.png);
	background-size: cover;
	background-position: center;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.hero-section>.uk-container>.section-heading {
	max-width: 735px;
	width: 100%;
	margin: clamp(30px, 7vw, 60px) auto 0px !important;

}

.section-heading .btn-wrapper {
	gap: var(--gap-s);
	margin-top: clamp(30px, 3vw, 48px);
}

.hero-section .section-heading>ul {
	display: flex;
	gap: var(--gap);
	justify-content: center;
	margin-top: 18px;
	padding-left: 0;
}

.hero-section .section-heading>ul li {
	position: relative;
	padding-left: 18px;
	list-style: none;
	color: rgba(0, 0, 0, .6);
	font-size: 12px;
}

.hero-section .section-heading>ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: url("./assets/img/bullet.svg") no-repeat center;
	background-size: contain;
}

.app-frame {
	background-image: url(./assets/img/overview-bg.png);
	width: 100%;
	height: 100%;
	position: relative;
	max-width: 1180px;
	max-height: 664px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(12px, 3vw, 28px);
	margin-top: clamp(50px, 6vw, 100px);
	padding: clamp(20px, 3vw, 35px) clamp(20px, 3vw, 75px);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border: 6px solid #ACD8F2;
	border-radius: clamp(15px, 3vw, 24px);
	overflow: hidden;
	-webkit-border-radius: clamp(15px, 3vw, 24px);
	-moz-border-radius: clamp(15px, 3vw, 24px);
	-ms-border-radius: clamp(15px, 3vw, 24px);
	-o-border-radius: clamp(15px, 3vw, 24px);

}

/* ---- Overview image stage ---- */
.overview-div {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	width: 1042px;
	height: 494px;
}

.overview-div img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transform: scale(1.04);
	transition: opacity 0.55s ease, transform 0.6s ease;
	pointer-events: none;
}

.overview-div img.active {
	opacity: 1;
	transform: scale(1);
	pointer-events: auto;
}

/* ---- Tab bar ---- */
.tab-bar-wrap {
	width: 100%;
	max-width: 640px;
	position: relative;
}


/* .tab-bar-wrap::before,
  .tab-bar-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 28px;
    z-index: 2;
    pointer-events: none;
  }
  .tab-bar-wrap::before {
    left: 0;
    background: linear-gradient(90deg, rgba(20,14,30,0.65), transparent);
    border-radius: 16px 0 0 16px;
  }
  .tab-bar-wrap::after {
    right: 0;
    background: linear-gradient(270deg, rgba(20,14,30,0.65), transparent);
    border-radius: 0 16px 16px 0;
  } */

.tab-bar {
	display: flex;
	gap: 8px;
	padding: 8px;
	border-radius: 16px;
	/* background: rgba(30, 20, 45, 0.55);
    backdrop-filter: blur(10px); */
	/* border: 1px solid rgba(255,255,255,0.08); */
	flex-wrap: nowrap;
	justify-content: flex-start;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-ms-overflow-style: none;

}

.tab-bar::-webkit-scrollbar {
	display: none;
	/* Chrome/Safari */
}

.tab-btn {
	position: relative;
	padding: 9px 13px;
	border: none;
	border-radius: var(--radius-m);
	background: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.65);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	outline: none;
	transition: color 0.3s ease;
	z-index: 1;
	border: 1px solid #FFF3;
	/* box-shadow: 0px 1px 1px 0px #0B2D4640; */
	white-space: nowrap;
	-webkit-border-radius: var(--radius-m);
	-moz-border-radius: var(--radius-m);
	-ms-border-radius: var(--radius-m);
	-o-border-radius: var(--radius-m);
}

.tab-btn:hover {
	color: rgba(255, 255, 255, .9);

}

.tab-btn.active {
	color: #fff;
}

.tab-pill {
	position: absolute;
	top: 8px;
	left: 8px;
	height: calc(100% - 16px);
	border-radius: var(--radius-m);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(47, 46, 212, .4) 100%), linear-gradient(#098ED5, #098ED5) padding-box, linear-gradient(180deg, #67D6FF 0%, #1B5EF5 100%) border-box;
	box-shadow: 0 6px 16px #0B2D4640;
	/*transition: left 0.4s cubic-bezier(.5, 1.4, .4, 1), width 0.4s cubic-bezier(.5, 1.4, .4, 1);
	*/
	transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
	z-index: 0;
	-webkit-transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
	-moz-transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
	-ms-transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
	-o-transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
	-webkit-border-radius: var(--radius-m);
	-moz-border-radius: var(--radius-m);
	-ms-border-radius: var(--radius-m);
	-o-border-radius: var(--radius-m);
}

@media (max-width:1220px) {
	.overview-div {
		width: 100%;
		height: unset;
	}
}

@media (max-width:678px) {
	.app-frame {
		padding-top: 0;
		padding-right: 0;
		padding-left: 0;
	}

	.overview-div {
		border-radius: 0;
		height: 231px;
	}

}

/* marquee */

.marquee-section {
	padding: 25px 0;
	background: #fff;
	display: flex;
	overflow: clip;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color: #3e3e40;
	border-top: 1px solid #c2c3cc;
}

.marquee-section>div {
	column-gap: 50px;
}

.marquee-text {
	flex-shrink: 0;
	max-width: 180px;
	width: 100%;
}

.marquee-text p {
	font-size: 12px;
}

.marquee-wrapper {
	position: relative;
	flex: 1;
	overflow: hidden;
}

.marquee-wrapper::before {
	right: 0;
	background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.marquee-wrapper::before,
.marquee-wrapper::after {
	content: "";
	position: absolute;
	top: 0;
	width: 120px;
	height: 100%;
	z-index: 2;
	pointer-events: none;
}

.marquee-track img {
	height: 36px;
	width: auto;
	object-fit: contain;
	flex-shrink: 0;
	opacity: 0.8;
	transition: opacity 0.3s;
	filter: grayscale(100%);
	transition: filter 0.4s ease;
}

.marquee-track img:hover {
	opacity: 1;
	filter: grayscale(0);
}

.marquee-track {
	gap: var(--gap-s);
	width: max-content;
	animation: marquee 20s linear infinite alternate-reverse;
	-webkit-animation: marquee 20s linear infinite alternate-reverse;
}

@keyframes marquee {
	from {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}
}

@media (max-width:767px) {
	.marquee-section>.uk-container {
		flex-direction: column;
		text-align: center;
		gap: var(--gap-s);
	}

	.marquee-text {
		max-width: 100%;
	}
}

/*  challenges section*/
.challeges-section {
	position: relative;
	z-index: 0;
}

.challeges-section>div {
	max-width: 1030px;
}

.challenges-cards.uk-grid>div,
.value-strip-cards.uk-grid>div {
	display: flex;
}

.challeges-section .section-heading p,
.value-section .section-heading p {
	max-width: 549px;
	margin: 0 auto;
}


.challenges-card {
	width: 100%;
}

.challenges-card .icon-div,
.built-with-security .icon-img,
.tenant-section .step-icon {
	width: 48px;
	min-width: 48px;
	height: 48px;
	background: linear-gradient(180deg, #F9FBFF 0%, #DFE3EF 100%);
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: clamp(35px, 3vw, 49px);
}

.icon-div::before,
.built-with-security .icon-img::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	/* border thickness */
	border-radius: inherit;
	background: linear-gradient(111.25deg,
			rgba(132, 148, 245, 0.25) 0.61%,
			rgba(72, 144, 227, 0.25) 50.3%,
			rgba(12, 139, 209, 0.25) 100%);

	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;

	pointer-events: none;
}

.challenges-card .icon-div img {
	width: 24px;
	height: 24px;
	object-fit: cover;
}

.challenges-card,
.value-strip-card {
	background-color: white;
	position: relative;
	z-index: 1;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	padding: clamp(20px, 3vw, 24px);
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.challenges-card:hover,
.automation-card:hover,
.value-strip-card:hover {
	box-shadow: 0px 4px 16px 0px rgba(74, 130, 242, 0.19);

}

.challenges-card::before,
.value-strip-card::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: inherit;
	background: linear-gradient(111.25deg, rgba(132, 148, 245, 0.25) 0.61%, rgba(72, 144, 227, 0.25) 50.3%, rgba(12, 139, 209, 0.25) 100%);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	-ms-border-radius: inherit;
	-o-border-radius: inherit;
}


.challenges-card h3 {
	font-family: var(--cals-sans);
	font-weight: 500;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: -0.2%;
	color: var(--primary);
	margin-bottom: 10px;

}

.challenges-card p {
	padding-right: 35px;
}

/* solution section */
.solution-section .section-heading p {
	max-width: 770px;
	width: 100%;
	margin: 0 auto;
}

.solution-cards>div .solution-card {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	width: 100%;

}

.solution-cards>div:first-child .solution-card {
	background-image: url(./assets/img/solution-1bg.png);
}

.solution-cards>div:nth-child(2) .solution-card {
	background-image: url(./assets/img/solution-2bg.png);
}

.solution-cards>div:nth-child(3) .solution-card {
	background-image: url(./assets/img/solution-3bg.png);
}

.solution-cards>div:nth-child(4) .solution-card {
	background-image: url(./assets/img/solution-4bg.png);
}

@media (min-width: 1241px) {

	.solution-cards>div:nth-child(3) .solution-card p,
	.solution-cards>div:nth-child(2) .solution-card p {
		max-width: 313px;
		width: 100%;
	}

	.solution-cards>div:nth-child(1) .solution-card p,
	.solution-cards>div:nth-child(4) .solution-card p {
		max-width: 301px;
		width: 100%;
	}
}

.solution-cards>div {
	display: flex;
}

.solution-cards>div h3 {
	color: white;
}

.solution-cards>div p {
	color: var(--para-white);
}

.solution-card {
	padding: 35px 53px 35px 29px;
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	justify-content: space-between;
}

.solution-card .img-div {
	margin-left: auto;

}

.solution-card .img-div img {
	max-height: 230px;
}

.solution-cards>div:nth-child(1),
.solution-cards>div:nth-child(4) {
	width: 690px;
}

.solution-cards>div:nth-child(2),
.solution-cards>div:nth-child(3) {
	width: 493px;
}


/* @media (max-width: 1240px) {

	.solution-cards>div {
		width: 50%;
	}

} */

@media (max-width: 1200px) {

	.solution-cards>div:nth-child(1),
	.solution-cards>div:nth-child(4),
	.solution-cards>div:nth-child(2),
	.solution-cards>div:nth-child(3) {
		width: 50%;
	}


}


/* Mobile */
@media (max-width: 767px) {

	.solution-cards>div {
		width: 100% !important;
	}

}

/* feature-section*/
.feature-section .uk-container>div.uk-flex {
	gap: clamp(20px, 3vw, 83px);
	align-items: start;
}

.feature-section .section-heading {
	max-width: 427px;
	width: 100%;

	position: sticky;
	top: 100px;
}



.feature-top h3 {
	margin-bottom: 0;
}

.feature-top {
	gap: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dashed rgba(0, 0, 0, .1);
	padding-bottom: 20px;
}

.feature-section .feature-card {
	padding: 24px;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	position: relative;
	transition: background .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-ms-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	background-color: white;
	width: 100%;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.feature-grid>a>.feature-card {
	width: 100%;
}

.feature-section .feature-card ul,
.pricing-bottom ul {
	gap: var(--gap);
	justify-content: center;
	margin-top: 10px;
	padding-left: 0;
	margin-bottom: 20px;
}

.feature-section .feature-card>ul li,
.pricing-bottom ul li {
	position: relative;
	padding-left: 25px;
	list-style: none;
	color: rgba(0, 0, 0, .6);
	margin-bottom: 10px;
}

.feature-section .feature-card>ul li::before,
.pricing-bottom ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: url("./assets/img/bullet-tick.svg") no-repeat center;
	background-size: contain;
}

.feature-card:hover {
	background-color: rgba(236, 240, 249, 0.62);

}

.feature-card::before,
.automation-card::before,
.integration-cards>div>div::before,
.testimonial-card::before,
.faq-accordion li::before,
.contacts>a span::before,
.contacts>p span::before,
.pricing-section .tab-pill::before,
.core-features-wrapper::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: inherit;
	background: linear-gradient(111.25deg, rgba(132, 148, 245, 0.25) 0.61%, rgba(72, 144, 227, 0.25) 50.3%, rgba(12, 139, 209, 0.25) 100%);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	-ms-border-radius: inherit;
	-o-border-radius: inherit;
}

.feature-bottom {
	border-top: 1px dashed rgba(0, 0, 0, .1);
	/* margin-top: 20px; */
	padding-top: 20px;
	margin-top: auto;
}

/* .feature-bottom .vr-btn {
    background: linear-gradient(180deg, #098ED5 0%, #2F2ED4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
} */

.feature-bottom .vr-btn.no-outline {
	color: #0B77C0;
	padding: 0;
}

/* .feature-bottom .vr-btn.no-outline:hover .arrow {
	background: #0B77C0;
} */

.feature-bottom .vr-btn.no-outline .arrow::before {
	border-color: #0B77C0;
}

@media (max-width: 1180px) {

	.feature-section .uk-container>div.uk-flex {
		flex-direction: column;
	}

	.feature-section .section-heading {
		max-width: 100%;
		position: unset;
	}

}

/* feature-section */
/* how it works section */
.how-section .section-heading p {
	max-width: 712px;
	width: 100%;
	margin: 0 auto;
}


/* ---------------- LEFT PANEL ---------------- */

.steps-panel {
	background: #ffffff;
	border: 1px solid #e3e6ee;
	border-radius: var(--radius);
	padding: 18px;
	overflow: hidden;
	height: 100%;
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	align-items: stretch;
	display: flex;
	flex-direction: column;
	height: auto;
}

.steps-panel .step {
	position: relative;
	padding: 32px 18px;
	cursor: pointer;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	transition: background-color .35s ease;
	border-radius: 8px;
	overflow: hidden;
}



.steps-panel .step.active:hover,
.steps-panel .step.active {
	background-color: rgba(246, 249, 255, 1);
}

.steps-panel .step:hover {

	background-color: rgba(236, 240, 249, 0.62);
}

.steps-panel .step h3 {
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 8px;
	color: var(--primary);
}

.steps-panel .step h3 span {
	display: inline-block;
	color: rgba(11, 45, 70, .5);
	font-size: 14px;
	margin-bottom: 6px;
	font-weight: 400;
	transition: color .3s ease;
	margin-right: 7px;
	font-family: var(--secondary-font);
}

.steps-panel .step.active h3 span {
	color: #3457d5;
}

.steps-panel .step p {

	color: #6B6B6B;
	max-width: 480px;
	margin: 0;
	transition: max-height .35s ease, opacity .3s ease, margin-top .35s ease;
}

/* progress / gliding timeline strip on the bottom border */
.steps-panel .progress-track {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0;
	height: 2px;
	background: transparent;
	overflow: hidden;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
}

.steps-panel .progress-fill {
	height: 100%;
	width: 0%;
	/* background: linear-gradient(0deg, #098ED5, #098ED5),
		linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(47, 46, 212, 0.4) 100%); */
	border-radius: 3px;
	border: 1px solid #098ED5;
	animation-play-state: running;
	-webkit-animation-play-state: running;

}

div.step.active div.progress-fill.run {
	animation-name: fillBar;
	animation-duration: 4000ms;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

@keyframes fillBar {
	from {
		width: 0%;
	}

	to {
		width: 100%;
	}
}

.progress-fill.paused {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}

/* ---------------- RIGHT PANEL ---------------- */

div.preview-panel {
	position: relative;
	border-radius: var(--radius);
	overflow: hidden;
	min-height: 480px;
	height: 100%;
	border: 1px solid #e3e6ee;
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
}

div.preview-panel>img {
	/* position: absolute; */
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	transition: opacity .6s ease;
}

div.preview-panel>img.fade {
	opacity: 0;
}

/* preview card */
div.card-wrap {
	position: absolute;
	top: 40px;
	left: 35px;
	right: 35px;
	bottom: 40px;
	display: flex;
	justify-content: center;
	z-index: 2;
	background: #ffffff;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
}

div.preview-card {

	padding: 26px 26px 30px;
	opacity: 1;
	transform: translateY(0);
	transition: opacity .45s ease, transform .45s ease;
	display: flex;
	align-items: center;
	margin: 0 auto;

}

div.preview-card img {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

div.preview-card.fade-out {
	opacity: 0;
	transform: translateY(14px);
}

div.badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1px solid #e3e6ee;
	border-radius: 20px;
	padding: 6px 14px;
	font-size: 13px;
	font-weight: 600;
	color: var(--primary);
	margin-bottom: 16px;
}

div.badge span.icon-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #3457d5;
	display: inline-block;
}

div.card-title {
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 16px;
	color: var(--primary);
}

div.check-row {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14.5px;
	color: #33405c;
	padding: 7px 0;
}

span.check-icon {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #e7edff;
	color: #3457d5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
	flex-shrink: 0;
}

div.divider {
	border-top: 1px dashed #e3e6ee;
	margin: 16px 0 14px;
}

div.counter-number {
	font-size: 26px;
	font-weight: 800;
	color: var(--primary);
	line-height: 1.1;
}

div.counter-label {
	font-size: 13.5px;
	color: #5b6472;
	margin-top: 2px;
}

/* dot indicators */
div.dots {
	position: absolute;
	bottom: 65px;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	gap: 6px;
	z-index: 3;
}

span.dot {
	width: 14px;
	height: 8px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.55);
	cursor: pointer;
	transition: background-color .3s ease, width .3s ease;
	display: inline-block;
	border: 1px solid #cccccc;
}

span.dot:hover {
	background: rgba(255, 255, 255, 0.85);
}

span.dot.active {
	background: #ffffff;
	width: 22px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	background: linear-gradient(0deg, #098ED5, #098ED5),
		linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(47, 46, 212, 0.4) 100%);
	border: none;
}



@media (max-width:960px) {

	/* div.preview-panel {
		min-height: 360px;
	} */
	div.preview-card {
		min-height: 315px;
		max-height: 500px;
	}

	.preview-card {

		width: 100%;
		height: 100%;

	}

	div.step {
		padding: 18px 20px 22px;
	}

	div.progress-track {
		left: 20px;
		right: 20px;
	}


	div.preview-panel {
		min-height: 360px;
	}

	div.step {
		padding: 18px 20px 22px;
	}

	div.progress-track {
		left: 20px;
		right: 20px;
	}
}

@media (max-width:780px) {

	div.steps-container>div:nth-child(1),
	div.steps-container>div:nth-child(2) {
		flex: 0 0 100%;
		max-width: 100%;

	}

	div.steps-container>div:nth-child(2) {
		max-height: 500px;
	}
}

@media (max-width:480px) {
	div.card-wrap {
		top: 10%;
	}

	div.dots {
		position: absolute;
		bottom: 50px;
	}

	div.preview-card {
		min-height: unset;
		max-height: unset;
	}

	div.step h3 {
		font-size: 17px;
	}

	div.section-heading h2 {
		font-size: 26px;
	}
}


/* how it works section */
/* automation */
.automation-section .section-heading p {
	max-width: 642px;
	width: 100%;
	margin: 0 auto;
}

.automation-card {
	padding: 17px 16px 33px;
	background-color: white;
	position: relative;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.automation-cards>div {
	display: flex;
}

.automation-card:hover {
	transform: translateY(-5px);
}

.automation-card .img-div {
	margin-bottom: clamp(20px, 3vw, 39px);
	border-radius: var(--radius-s);
	-webkit-border-radius: var(--radius-s);
	-moz-border-radius: var(--radius-s);
	-ms-border-radius: var(--radius-s);
	-o-border-radius: var(--radius-s);
	overflow: hidden;
}

.automation-card .img-div img {
	width: 100%;
}

.automation-card:nth-child(1) .img-div,
.automation-card:nth-child(2) .img-div {
	max-height: 560px;
}

.automation-card:nth-child(3) .img-div,
.automation-card:nth-child(4) .img-div,
.automation-card:nth-child(5) .img-div {
	max-height: 366px;
}

.automation-card>div:last-child {
	padding: 0 10px;
}

/* security-section */
.security-section,
.mission-vision-section.bg-dark {
	background-color: #304378;
}

.security-section .uk-container {
	max-width: 1220px;
}

.security-section .section-heading {
	max-width: 513px;
	width: 100%;
}


.security-section .section-heading span,
.security-section .section-heading h2,
.pricing-section .section-heading span,
.pricing-section .section-heading h2,
.work-smarter-section .section-heading h2,
.work-smarter-section .section-heading span,
.student-journey-section.bg-dark h2,
.student-journey-section.bg-dark span {
	color: white;
}

.pricing-section .section-heading p,
.security-section .section-heading p,
.work-smarter-section .section-heading p,
.student-journey-section.bg-dark p {
	color: var(--para-white);
}

.security-section .section-heading span,
.pricing-section .section-heading span,
.work-smarter-section .section-heading span,
.student-journey-section.bg-dark span {
	-webkit-text-fill-color: unset;
	background: none;
}

.security-cards>div {
	transition: transform .3s ease-in-out;
	-webkit-transition: transform .3s ease-in-out;
	-moz-transition: transform .3s ease-in-out;
	-ms-transition: transform .3s ease-in-out;
	-o-transition: transform .3s ease-in-out;
}

.security-cards>div:hover {
	transform: scale(1.02);
}

.security-card h3 {
	color: white;
}

.security-card p {
	color: var(--para-white);
}

.security-card {
	background: #FFFFFF1A;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	min-height: 352px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px;
}

@media (max-width:959px) {
	.security-card {
		min-height: unset;
		max-height: 280px;
		row-gap: 30px;
	}
}

/* security-section */
/* integration section */
.integration-section {
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.integration-cards.uk-grid.uk-grid-small>div>div {
	background: white;
}

.integration-section .section-heading {
	max-width: 491px;
	width: 100%;
}

.integration-section.pt.bg.pb::before {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 20%;
	background: linear-gradient(360deg, #E4E8F2 0%, #F6F9FF 100%);
	z-index: -2;
}

.vertical-marquee>div {
	height: 100%;
	align-items: center;
}

.vertical-marquee .marquee-track {
	animation: marquee-y 15s linear infinite;
	-webkit-animation: marquee-y 15s linear infinite;
	position: relative;
	z-index: 0;
}

.vertical-marquee .marquee-track:hover,
.vertical-marquee>.marquee-wrapper>div:nth-child(2) .marquee-track:hover {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}

.vertical-marquee .marquee-wrapper>div {
	position: relative;
	z-index: 0;
	height: 100%;
	max-height: 367px;
}

.vertical-marquee .marquee-wrapper>div::before,
.vertical-marquee .marquee-wrapper>div::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 60px;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(246, 249, 255, 0) 0%, #F6F9FF 100%);
	pointer-events: none
}

.vertical-marquee .marquee-wrapper>div::before {
	bottom: unset;
	z-index: 1;
	top: 0;
	background: linear-gradient(0deg, rgba(246, 249, 255, 0) 0%, #F6F9FF 100%);

}

@keyframes marquee-y {
	from {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}

	to {
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
	}
}

.vertical-marquee {
	max-height: 367px;
	overflow: hidden;
	position: relative;
}


/* .vertical-marquee::before {
	top: 0;
	background: radial-gradient(circle at center, #4e6ba400 50%, #f6f9ffb5 69%, #f6f9ff 79%);
	background-size: auto;
	height: 100%;
	width: 100%;
	background-size: cover;
}
 */


.vertical-marquee>.marquee-wrapper>div:nth-child(2) .marquee-track {
	animation: marquee-y 15s linear infinite reverse;
	-webkit-animation: marquee-y 15s linear infinite reverse;
}

.vertical-marquee>.marquee-wrapper>div:nth-child(1),
.vertical-marquee>.marquee-wrapper>div:nth-child(3) {
	max-height: 264px;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.vertical-marquee>.marquee-wrapper::before {
	display: none;
}

.vertical-marquee .marquee-track img {
	width: auto;
	height: 80px;
	opacity: 1;
	transition: unset;
	filter: unset;
	-webkit-filter: unset;
	-webkit-transition: unset;
	-moz-transition: unset;
	-ms-transition: unset;
	-o-transition: unset;
	padding: 0;
}

@media (max-width:959px) {

	.vertical-marquee {
		min-width: 280px;
	}
}

@media (max-width:790px) {
	.integration-section>.uk-container>div.uk-flex {
		flex-direction: column;
	}

	.vertical-marquee {
		min-width: 280px;
		width: auto;
		margin: 0 auto;
	}
}


.integration-cards h3 {
	font-size: clamp(24px, 3vw, 52px);
	line-height: 1.2;
}

.integration-cards>div>div {
	padding: clamp(15px, 3vw, 29px) clamp(18px, 3vw, 32px);
	position: relative;
	max-height: 213px;
	height: 213px;
	position: relative;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
}

.integration-cards>div>div {
	position: relative;
	overflow: hidden;
}

.integration-cards>div>div::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(90deg, #3C5DB9 0%, #4063C2 50%, #95ACED 100%);
	opacity: 0;
	transition: opacity .35s ease-in-out, color .35s ease-in-out;
	z-index: 0;
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	-ms-border-radius: inherit;
	-o-border-radius: inherit;
	-webkit-transition: opacity .35s ease-in-out, color .35s ease-in-out;
	-moz-transition: opacity .35s ease-in-out, color .35s ease-in-out;
	-ms-transition: opacity .35s ease-in-out, color .35s ease-in-out;
	-o-transition: opacity .35s ease-in-out, color .35s ease-in-out;
}

.integration-cards>div:hover>div::after {
	opacity: 1;
}

.integration-cards>div:hover>div h3,
.integration-cards>div:hover>div p {
	color: white;
}

.integration-cards>div>div>* {
	position: relative;
	z-index: 1;
}

.integration-cards>div>div>p {
	color: var(--primary);
	font-weight: 500;
}

.integration-cards p {
	max-width: 368px;
	width: 100%;
}

.integration-cards {
	margin-top: 50px !important;
}

@media (max-width:690px) {
	.integration-cards>div>div {
		height: 100%;
	}

	.integration-cards p {
		font-size: 12px;
	}
}

/* integration section */
/* story-section */
.stories-section {
	background-color: #F6F9FF;
}

.stories-section .section-heading {
	max-width: 491px;
	width: 100%;
	margin-bottom: unset;
}

.stories-section .btn-wrapper {
	margin-left: auto;
	gap: var(--gap-s);
}


.stories-video {
	position: relative;
	margin-top: clamp(40px, 3vw, 64px);

	overflow: hidden;
	z-index: 0;
}

.stories-video img {
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
}

.video-content {
	position: absolute;
	max-width: 552px;
	width: 100%;
	z-index: 1;
	bottom: 42px;
	left: 34px;
	pointer-events: none;
}

.video-content>p {
	font-family: var(--cals-sans);
	font-weight: 700;
	font-size: clamp(18px, 3vw, 24px);
	letter-spacing: -0.2%;
	color: white;
	margin-bottom: clamp(24px, 3vw, 48px);
}

.video-content>div>p {
	font-family: var(--cals-sans);
	font-weight: 500;
	font-size: clamp(16px, 3vw, 18px);
	letter-spacing: -0.2%;
	color: white;
}

.video-content>div>span {
	font-family: var(--cals-sans);
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0%;
	color: white;
	margin-top: clamp(6px, 3vw, 10px);
	display: inline-block;

}

.stories-video {
	position: relative;
	cursor: pointer;
	overflow: hidden;
	max-height: 562px;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
}

.stories-video::before {
	position: absolute;
	content: '';
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 54.98%, rgba(0, 0, 0, 0.7) 100%);
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
	z-index: 1;
}

.video-container {
	position: relative;
	max-height: 562px;
}


.video-container {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	min-width: 100%;
}

.video-container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.play-btn {
	position: absolute;
	bottom: 42px;
	right: 24px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	cursor: pointer;
	transition: transform 0.25s ease, background 0.25s ease;
	backdrop-filter: blur(12.696000099182129px);
	background-color: #FFFFFF2E;
	z-index: 1;
}

.play-btn svg {
	margin-left: 2px;
}

.video-container:hover .play-btn {
	transform: scale(1.08);
}

/* ===== Video modal ===== */
.video-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
}

.video-modal.open {
	display: flex;
}

.video-modal-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.85);
}

.video-modal-inner {
	position: relative;
	width: min(900px, 92vw);
	aspect-ratio: 16 / 9;
	z-index: 1;
}

.video-modal-frame {
	width: 100%;
	height: 100%;
	background: #000;
}

.video-modal-frame iframe,
.video-modal-frame video {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

.video-modal-close {
	position: absolute;
	top: -42px;
	right: 0;
	background: none;
	border: none;
	color: #fff;
	font-size: 32px;
	line-height: 1;
	cursor: pointer;
}

/* ===== Tabs ===== */
.stories-tab-wrapper {
	border-top: 1px solid #e6e6ec;
	margin: 40px auto 0;
}

.stories-tab {
	padding-top: 18px;
	max-width: 836px;
	margin: 0 auto;
	width: 100%;
}

.stories-tab>div {
	gap: 10px;
}

.tab {
	position: relative;
	cursor: pointer;
	padding-bottom: 16px;
	opacity: 0.45;
	transition: opacity 0.25s ease;
	-webkit-transition: opacity 0.25s ease;
	-moz-transition: opacity 0.25s ease;
	-ms-transition: opacity 0.25s ease;
	-o-transition: opacity 0.25s ease;
}

.tab:hover {
	opacity: 0.75;
}

.tab.active {
	opacity: 1;
}

.tab img {
	height: 20px;
	width: auto;
	object-fit: contain;
}

.stories-section #tabsWrap {
	position: relative;
}

.stories-section #tabsWrap .tab-progress {
	position: absolute;
	top: -19px;
	left: 0;
	width: 0;
	height: 2px;
	background: #6c4ef5;
	transform: translateX(0);
	transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
	pointer-events: none;
	z-index: 10;
	-webkit-transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
	-moz-transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
	-ms-transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
	-o-transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}


/* testimonial-container */
.testimonial-container {
	position: relative;
	z-index: 0;
}

.testimonial-container::before {
	position: absolute;
	content: '';
	background: linear-gradient(180deg, rgba(246, 249, 255, 0) 0%, #F6F9FF 100%);
	bottom: 0;
	height: 188px;
	width: 100%;
	z-index: 1;
	pointer-events: none;
}

.testimonial-card {
	padding: 24px;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	position: relative;
	z-index: 0;
	transition: box-shadow .35s ease-in-out;
	-webkit-transition: box-shadow .35s ease-in-out;
	-moz-transition: box-shadow .35s ease-in-out;
	-ms-transition: box-shadow .35s ease-in-out;
	-o-transition: box-shadow .35s ease-in-out;
	background-color: white;
}

.testimonial-card:hover {
	box-shadow: 0px 1px 6px 0px #0526662E;

}

.testimonial-slider .slick-initialized .slick-slide {
	margin: 0 10px !important;
}

.testimonial-slider .slick-list {
	margin: 0 -10px !important;

}

.user-info {
	display: flex;
	gap: 10px;
	margin-top: clamp(3px, 3vw, 40px);
	align-items: center;
}

.user-info>img {
	width: 38px;
	min-height: 38px;
	min-width: 38px;
	border: 3px solid #E4EDFF;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	object-fit: cover;
}

.user-info>div>h3 {
	margin-bottom: 2px;
}


.stories-tab .tab img {
	filter: grayscale(100%);
	transition: filter 0.3s ease;
	height: 36px;
	-webkit-transition: filter 0.3s ease;
	-moz-transition: filter 0.3s ease;
	-ms-transition: filter 0.3s ease;
	-o-transition: filter 0.3s ease;
}



.stories-tab img:hover {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}


.testimonial-container {
	column-count: 3;
	column-gap: 20px;
}

.testimonial-container>div {
	break-inside: avoid;
	margin-bottom: 20px;
}

@media (max-width: 959px) {
	.testimonial-container {
		column-count: 2;
	}
}

@media (max-width: 1024px) {

	.testimonial-slider {
		display: block;
		margin-bottom: 20px !important;

	}

	.testimonial-slider .slick-slide {
		padding: 0 10px;
	}

	.testimonial-slider .slick-list {
		margin: 0 -10px;
	}

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

	.testimonial-slider .slick-slide {
		height: auto;
	}

	.testimonial-slider .slick-slide>div {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		row-gap: 20px;
	}

	.testimonial-slider .testimonial-card {
		height: 100%;
	}

	.testimonial-container::before {
		display: none;
	}

	.testimonial-slider .slick-dots {

		bottom: -38px;
	}

	.testimonial-container .slick-dots li {
		margin: 0;
	}

	.testimonial-container .slick-dots li {
		position: relative;
		display: inline-block;
		width: 15px;
	}

	/* Dots */
	.testimonial-slider .slick-dots {
		position: absolute;
		bottom: -43px;
		left: 0;
		right: 0;
		display: flex !important;
		justify-content: center;
		align-items: center;
		gap: 6px;
		z-index: 3;
		padding: 0;
		margin: 0;
	}

	.slick-dots li {
		width: 14px;
		height: 8px;
		margin: 0;
		padding: 0;
		display: inline-block;
		transition: width 0.3s ease;
	}



	/* Remove Slick's default dot */
	.slick-dots li button::before {
		display: none;
	}

	/* Hover */
	.slick-dots li button:hover {
		background: rgba(255, 255, 255, 0.85);
	}

	/* Active dot */
	.slick-dots li.slick-active {
		width: 22px;
	}

	/* .slick-dots li.slick-active button {
		width: 22px !important;
		height: 8px !important;
		border-radius: 5px !important;
		background: linear-gradient(0deg, #098ED5, #098ED5);
		-webkit-border-radius: 5px !important;
		-moz-border-radius: 5px !important;
		-ms-border-radius: 5px !important;
		-o-border-radius: 5px !important;
		border: 0 !important;
	} */

	.testimonial-container {
		column-count: 1;
	}

}



@media (max-width: 780px) {
	.video-content {
		position: unset;
		padding: 20px 0;
		pointer-events: auto;
	}

	.stories-video {
		max-height: unset;
	}

	.video-content p {
		color: var(--primary);
	}

	.video-content {
		max-width: 100%;
	}

	.video-content>div>p,
	.video-content>div>span {
		color: var(--primary);
	}

	.stories-video::before {
		display: none;
	}

	.stories-section .btn-wrapper {
		margin-left: unset;
		margin-top: 17px;
	}
}

@media (max-width: 639px) {
	.testimonial-container {
		column-count: 1;
	}

	.stories-tab .tab img {
		min-height: 28px;
		min-width: 100px;
	}

	.stories-tab-wrapper {
		overflow-x: scroll;
		overflow-y: hidden;
	}
}

/* story-section */
/* pricing section */
.pricing-section {
	background-color: #212B4A
}

.pricing-section>.uk-container {
	max-width: 1220px;
}

.pricing-section p {
	max-width: 526px;
	width: 100%;
	margin: 0 auto;
}

.pricing-card {
	border: 1px solid #FFFFFF1A;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	background-color: #2B3962;
	padding: 24px;
	position: relative;
	overflow: hidden;
	transition: transform .3s ease-in-out;
	-webkit-transition: transform .3s ease-in-out;
	-moz-transition: transform .3s ease-in-out;
	-ms-transition: transform .3s ease-in-out;
	-o-transition: transform .3s ease-in-out;
}

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

.pricing-cards>div:nth-child(2n)>.pricing-card {
	background: linear-gradient(180deg, #3C5DB9 0%, #4063C2 50%, #95ACED 100%) 0% 60%;
	background-size: 100% 200%;
	transition: background-position .8s ease, transform .3s ease-in-out;
	-webkit-transition: background-position .8s ease, transform .3s ease-in-out;
	-moz-transition: background-position .8s ease, transform .3s ease-in-out;
	-ms-transition: background-position .8s ease, transform .3s ease-in-out;
	-o-transition: background-position .8s ease, transform .3s ease-in-out;
}

.pricing-cards>div:nth-child(2n)>.pricing-card:hover {
	background-position: 0 100%;
}

.pricing-card>.badge-img {
	position: absolute;
	top: 24px;
	right: 12px;
	width: 61px;
	height: auto;
	object-fit: cover;

}

/* .pricing-cards>div:nth-child(2n)>.pricing-card {
	transition: transform .3s ease, box-shadow .3s ease;
}

.pricing-cards>div:nth-child(2n)>.pricing-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 45px rgba(60, 93, 185, .35);
}

.pricing-cards>div:nth-child(2n)>.pricing-card {
	transition: transform .3s ease, box-shadow .3s ease;
}

.pricing-cards>div:nth-child(2n)>.pricing-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 45px rgba(60, 93, 185, .35);
} */

.pricing-top>span {
	font-family: var(--cal-sans);
	font-weight: 500;
	font-size: clamp(16px, 3vw, 18px);
	letter-spacing: -0.2%;
	color: white;
	margin-bottom: clamp(25px, 3vw, 32px);
	display: inline-block;

}

.pricing-top>h2 {
	font-family: var(--cal-sans);
	font-weight: 600;
	font-size: 36px;
	letter-spacing: -0.2%;
	color: white;
	margin-bottom: 10px;
}

.pricing-top>h2>span {
	color: var(--para-white);
	font-size: 18px;
	font-weight: 400;

}

.pricing-top p {
	color: var(--para-white);
	font-weight: 300;
	margin-bottom: 42px;

}

.pricing-top {
	border-bottom: 1px solid rgba(246, 249, 255, .1);
	margin-bottom: 40px;
}

.pricing-card .vr-btn {
	width: 100%;
	justify-content: center;
	margin-top: clamp(30px, 3vw, 48px);
}

.pricing-cards>div {
	display: flex;
}

.pricing-cards>div:nth-child(odd)>.pricing-card .vr-btn {
	background: linear-gradient(360deg, rgba(255, 255, 255, 0) -2.78%, rgba(255, 255, 255, 0.1) 98.61%);
	transition: background .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-ms-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	color: rgba(255, 255, 255, 0.7) !important;
}

.pricing-cards>div:nth-child(odd)>.pricing-card .vr-btn:hover {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) -2.78%, rgba(255, 255, 255, 0.1) 98.61%);

}

.pricing-cards>div:nth-child(odd)>.pricing-card .vr-btn::before {
	background: #FFFFFF33;

}

.pricing-cards>div:nth-child(odd)>.pricing-card .vr-btn .arrow {
	background: transparent;
}


.pricing-cards>div>.pricing-card .pricing-bottom h3 {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: white;
}

.pricing-bottom ul li {
	color: white;
}

.pricing-bottom ul li::before {
	background-image: url(./assets/img/bullet-tick-white.svg);
}

.pricing-tab-wrapper {
	border: 1px solid #FFFFFF33;
	color: #FFFFFF1A;
	width: fit-content;
	border-radius: var(--radius-m);
	-webkit-border-radius: var(--radius-m);
	-moz-border-radius: var(--radius-m);
	-ms-border-radius: var(--radius-m);
	-o-border-radius: var(--radius-m);
	padding: 3px;
	background-color: #37405C;
	margin: 0 auto 32px;
}

.pricing-tab-wrapper>div {
	color: rgba(255, 255, 255, 0.60);
	padding: 10px 12px;
	border-radius: var(--radius-s);
	-webkit-border-radius: var(--radius-s);
	-moz-border-radius: var(--radius-s);
	-ms-border-radius: var(--radius-s);
	-o-border-radius: var(--radius-s);
	position: relative;
	z-index: 0;
	border: none;
	background: none;

}

.pricing-tab-wrapper>div.active {
	color: #FFFFFF;

}


.pricing-tabs .tab-pill::before {

	background: linear-gradient(113.38deg, rgba(255, 255, 255, 0.5) 6.42%, rgba(255, 255, 255, 0) 40.09%),
		linear-gradient(301.6deg, rgba(255, 255, 255, 0.5) 6.04%, rgba(255, 255, 255, 0) 37.83%);


}

.pricing-tab-wrapper {
	position: relative;
	display: inline-flex;
	padding: 3px;
	background: #37405C;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 14px;
	overflow: hidden;
}

.pricing-tabs .tab-btn {
	position: relative;
	z-index: 2;
	min-width: 130px;
	text-align: center;
	padding: 12px 20px;
	cursor: pointer;
	color: rgba(255, 255, 255, .6);
	transition: .35s;
	min-width: unset;
}

.pricing-tabs .tab-btn.active {
	color: #fff;
}

.pricing-tabs .tab-pill {
	position: absolute;
	top: 3px;
	left: 3px;
	width: calc(50% - 3px);
	height: calc(100% - 6px);
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(153, 153, 153, 0.2) 100%);
	transition: transform .35s ease;
}

.pricing-tab-wrapper.annual .tab-pill {
	transform: translateX(100%);
}

/* Content */

.pricing-content {
	display: none;
	animation: fade .45s ease;
	-webkit-animation: fade .45s ease;
}

.pricing-content.active {
	display: block;

}

@keyframes fade {
	from {
		opacity: 0;
		transform: translateY(8px);
		-webkit-transform: translateY(8px);
		-moz-transform: translateY(8px);
		-ms-transform: translateY(8px);
		-o-transform: translateY(8px);
	}

	to {
		opacity: 1;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
	}
}



/* pricing section */
/* faq-seciton */
.faq-accordion {
	margin: 0;
	padding: 0;
}

.faq-accordion li {
	list-style: none;
	margin-bottom: 12px;
	border-radius: 14px;
	overflow: hidden;
	/*background: #fff;
	*/
	position: relative;
	transition: background .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-ms-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
}

.faq-accordion li.uk-open {
	background: #fff;
}

.faq-accordion .uk-accordion-title {
	position: relative;
	display: flex;
	align-items: center;
	padding: 16px 14px;
	font-size: 18px;
	font-weight: 500;
	color: var(--primary);
	text-decoration: none;
	justify-content: space-between;
}

.faq-accordion li:hover,
.faq-accordion li.active:hover {
	background-color: rgba(68, 125, 252, 0.07);
}

.accordion-icon {
	position: relative;
	width: 32px;
	height: 32px;
	border: 1px solid #d9e8ff;
	border-radius: 10px;
	background: #fff;
	flex-shrink: 0;
	transition: background .3s ease;
	margin-left: 10px;
}

/* Horizontal line */
.accordion-icon span {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #16375B;
	transition: all .3s ease;
}

.accordion-icon span:first-child {
	width: 14px;
	height: 2.1px;
	transform: translate(-50%, -50%);
}


.accordion-icon span:last-child {
	width: 2px;
	height: 14px;
	transform: translate(-50%, -50%);
}


.uk-open .accordion-icon {
	background: #f5f7fb;
}

.uk-open .accordion-icon span:last-child {
	transform: translate(-50%, -50%) scaleY(0);
}

.faq-accordion .uk-accordion-content {
	padding: 0 16px 20px;
	color: #6b7280;
	line-height: 1.7;
	margin: 0;
}


.faq-accordion .uk-accordion-title::before {
	display: none;
}

/* .faq-accordion .uk-accordion-title::after {
	content: "+";
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	border: 1px solid #d9e8ff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	font-weight: 300;
	color: #16375B;
	background: #fff;
	transition: .3s;
}

.faq-accordion .uk-open .uk-accordion-title::after {
	content: "−";
	background: #f5f7fb;
} */

.faq-section .btn-container>p {
	margin-bottom: 16px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: -0.2%;
	color: var(--primary);

}

/* faq-section */
/* resource section */
.resource-section .section-heading p {
	max-width: 548px;
	width: 100%;
	margin: 0 auto;
}

.resource-img {
	height: 223px;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	overflow: hidden;
	margin-bottom: 20px;
}

.resource-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.resource-cards {
	row-gap: 16px;
}

.resource-card:hover .resource-img img {
	transform: scale(1.04);
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	-o-transform: scale(1.04);
}

.resource-card .entry-content>div:first-child>span,
.single-blog-heading .section-heading>span:first-of-type {
	font-family: var(--cal-sans);
	font-weight: 300;
	font-size: 12px;
	color: rgba(68, 125, 252, .9);
	display: inline-block;
	background: rgba(225, 237, 254, 1);
	border-radius: 43px;
	-webkit-border-radius: 43px;
	-moz-border-radius: 43px;
	-ms-border-radius: 43px;
	-o-border-radius: 43px;
	padding: 8px 10px;
}

.resource-card .entry-content>div:first-child p {
	color: rgba(107, 107, 107, 1);
	font-weight: 400;
	font-size: 12px;
}

.resource-card .entry-content>.uk-flex {
	gap: var(--gap-s);
	margin-bottom: 16px;
}

/* resource section */
/* cta-section */
.cta-section .section-heading p {
	max-width: 655px;
	width: 100%;
	margin: 0 auto 40px;
	color: white;

}

.cta-section .section-heading h2 {
	color: white;
}

.cta-section {
	position: relative;
	background-image: url(./assets/img/cta-bg.jpg);
	background-size: cover;
	width: 100%;
	height: 100%;
	background-position: center;
}

.cta-section .vr-btn.no-outline {
	background: linear-gradient(360deg, rgba(255, 255, 255, 0) -2.78%, rgba(255, 255, 255, 0.1) 98.61%), linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)) !important;
}

.cta-section .vr-btn.outline-btn::before {
	background: #FFFFFF33 !important;
}

/* cta-section */

@media (max-width:780px) {

	#previewCard.is-inline {
		position: static;
		/* override any absolute/overlay positioning from #previewPanel */
		width: 100%;
		overflow: hidden;
		max-height: 0;
		opacity: 0;
		margin-top: 0;
		transition: max-height 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease;
	}

	div.preview-panel {
		min-height: unset !important;
		margin-top: 10px;
	}

	#previewPanel.is-inline.is-visible {
		opacity: 1;
		transform: translateY(0);
		transition: max-height 0.7s ease, opacity 0.35s ease, transform 0.35s ease;
		-webkit-transition: max-height 0.7s ease, opacity 0.35s ease, transform 0.35s ease;
		-moz-transition: max-height 0.7s ease, opacity 0.35s ease, transform 0.35s ease;
		-ms-transition: max-height 0.7s ease, opacity 0.35s ease, transform 0.35s ease;
		-o-transition: max-height 0.7s ease, opacity 0.35s ease, transform 0.35s ease;
	}

	#previewPanel.is-inline #dotsWrap {
		display: none;
		/* belt-and-braces alongside the JS toggle */
	}
}


/* single-blog */
.single-blog-heading .section-heading h1 {
	max-width: 755px;
}

.single-blog-heading .section-heading>span {
	-webkit-text-fill-color: unset;
	color: rgba(107, 107, 107, 1);
	font-weight: 400;
	font-size: 12px;
	background: none;
	letter-spacing: 0;
}

.single-blog-heading .section-heading>span:first-of-type {
	-webkit-text-fill-color: unset;
	letter-spacing: 0;
	margin-right: 10px;
	text-transform: capitalize;
}


.blog-content>.img-container>img {
	width: 100%;
	max-height: 650px;
	object-fit: cover;
	border-radius: var(--radius-m);
	-webkit-border-radius: var(--radius-m);
	-moz-border-radius: var(--radius-m);
	-ms-border-radius: var(--radius-m);
	-o-border-radius: var(--radius-m);
}

.blog-content>.img-container {
	margin: clamp(20px, 3vw, 30px) auto clamp(40px, 4vw, 76px);

}

.author-info img {
	width: 24px;
	height: 24px;
	object-fit: cover;
	min-width: 24px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.author-info {
	gap: 10px;
	margin-bottom: 20px;
}

/* contact us */


/* Submit button */
.contact-form input[type="submit"] {
	width: auto;
	padding: 13px 28px;
	background: #304378;
	color: #fff;
	cursor: pointer;
	min-width: 115px;
}


/* Submit active */
.contact-form input[type="submit"]:active {
	transform: translateY(0);
}

/* Submit loading */
.contact-form input[type="submit"]:disabled {
	opacity: 0.65;
	cursor: not-allowed;
	transform: none;
}

/* CF7 spinner */
.contact-form .wpcf7-spinner {
	margin: 0 0 0 10px;
}

/* Validation messages */
.contact-form .wpcf7-not-valid-tip {
	margin-top: 6px;
	color: #dc3545;
	font-size: 13px;
}

/* Invalid fields */
.contact-form input.wpcf7-not-valid,
.contact-form textarea.wpcf7-not-valid {
	border-color: #dc3545;
}

/* Response message */
.contact-form .wpcf7-response-output {
	margin: 5px 0 0;
	padding: 12px 15px;
	border-radius: 7px;
	font-size: 14px;
	line-height: 1.5;
}

/* Success */
.contact-form .wpcf7 form.sent .wpcf7-response-output {
	border-color: #28a745;
	background: #f0fff4;
	color: #176b2c;
}

/* Error */
.contact-form .wpcf7 form.invalid .wpcf7-response-output,
.contact-form .wpcf7 form.failed .wpcf7-response-output {
	border-color: #dc3545;
	background: #fff5f5;
	color: #b42318;
}

.contact-form .wpcf7-spinner {
	display: none;
}

.contact-form textarea[name="your-message"] {
	height: 160px !important;
	min-height: 160px !important;
	max-height: 160px !important;
	resize: none;
}

.contact-form>div {
	width: 100%;
	padding: 0 25px;
}

/* Mobile */
@media (max-width: 767px) {

	.contact-form .wpcf7-form {
		gap: 16px;
	}

	.contact-form .wpcf7-form label {
		font-size: 14px;
	}

	.contact-form input[type="text"],
	.contact-form input[type="email"],
	.contact-form input[type="tel"],
	.contact-form textarea {
		font-size: 14px;
		padding: 13px 14px;
	}

	.contact-form input[type="text"],
	.contact-form input[type="email"],
	.contact-form input[type="tel"] {
		min-height: 48px;
	}

	.contact-form textarea {
		min-height: 120px;
	}

	.contact-form input[type="submit"] {
		width: 100%;
	}
}

.contact-us .pricing-cards>div {
	height: 100%;
}

.contact-us .section-heading {
	width: 100%;
	max-width: 515px;
}

.contact-us .pricing-cards>div>div {
	display: flex;
	height: 100%;
}

.contact-us .pricing-cards div>img {
	width: 100%;
	/* height: 100%; */
	object-fit: cover;
	height: 568px;
}

.contact-us .pricing-cards>div.uk-first-column>div {
	background-color: #3B54A4;
	padding: 55px;
}

.office-content .section-heading h3 {
	font-size: 28px;
}

.our-offices-section .section-heading p {
	max-width: 680px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.our-offices-section .pricing-cards>div>div,
.our-offices-section .pricing-cards iframe {
	width: 100%;
	border-radius: var(--radius);
}

.our-offices-section .pricing-tabs .tab-btn {
	min-width: 100px !important;
}

.contact-us div.uk-grid>.uk-first-column {
	align-self: start;
	position: sticky;
	top: 100px;
}


.contact-btn {
	min-width: 150px;
	width: auto;
	justify-content: center;
}


.our-offices-section {
	background: white;
}

/* contact form */

.wpcf7-form label {
	position: relative;
	display: block;
	margin-bottom: 18px;
}



.wpcf7-form .contact-label {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 5px;
	background: #fff;
	color: #777;
	font-size: 16px;
	line-height: 1;
	pointer-events: none;
	z-index: 2;
	transition: top 0.25s ease, transform 0.25s ease, font-size 0.25s ease, color 0.25s ease;
	-webkit-transition: top 0.25s ease, transform 0.25s ease, font-size 0.25s ease, color 0.25s ease;
	-moz-transition: top 0.25s ease, transform 0.25s ease, font-size 0.25s ease, color 0.25s ease;
	-ms-transition: top 0.25s ease, transform 0.25s ease, font-size 0.25s ease, color 0.25s ease;
	-o-transition: top 0.25s ease, transform 0.25s ease, font-size 0.25s ease, color 0.25s ease;
}



.wpcf7-form label.has-value .contact-label {
	top: 0;
	transform: translateY(-50%);
	font-size: 12px;
	color: #3b54a4;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	/* background: rgb(246, 249, 255); */
	background: linear-gradient(to bottom,
			#f6f9ff 50%,
			#fff 50%);
}


.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
	width: 100%;
	box-sizing: border-box;
	padding: 16px 15px;
	border: 1px solid #ccc;
	border-radius: var(--radius-s);
	background: #fff;
	font-size: 16px;
	outline: none;
	transition: border-color 0.25s ease;
	-webkit-transition: border-color 0.25s ease;
	-moz-transition: border-color 0.25s ease;
	-ms-transition: border-color 0.25s ease;
	-o-transition: border-color 0.25s ease;
	-webkit-border-radius: var(--radius-s);
	-moz-border-radius: var(--radius-s);
	-ms-border-radius: var(--radius-s);
	-o-border-radius: var(--radius-s);
}




.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
	border-color: #3b54a4;
	outline: none;
}


.wpcf7-form input:focus::placeholder,
.wpcf7-form textarea:focus::placeholder {
	color: transparent;
}


.wpcf7-form textarea {
	min-height: 150px;
	resize: vertical;
}

.wpcf7-form label:has(textarea) .contact-label {
	top: 25px;
}

.wpcf7-form label:has(textarea).has-value .contact-label {
	top: 0;
}

.wpcf7-form label>br {
	display: none;
}


.wpcf7-form .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}



.wpcf7-form .wpcf7-not-valid {
	border-color: #dc3232;
}

.wpcf7-form .wpcf7-not-valid-tip {
	margin-top: 5px;
	font-size: 13px;
	position: absolute;
	right: 15px;
	top: 15px;
}

.related-blogs .section-heading {
	margin-bottom: clamp(27px, 3vw, 37px);
}


@media (max-width:640px) {
	.contact-us div.uk-grid>.uk-first-column {
		position: unset;
	}

	.contact-form>div {
		padding: 0;
	}
}

/* stories single */
.stories-single .testimonial-container::before {
	display: none;
}

.main-navigation>div>ul>li.has-mega-menu {
	position: static;
}

.main-navigation>div>ul>li.has-mega-menu>.sub-menu {
	display: none;
}

/* ==============================
   MEGA MENU
================================= */

.mega-menu {
	position: absolute !important;
	left: 50%;
	top: 100%;
	max-width: 879px;
	/* width: 100%; */
	width: fit-content;
	margin: 0;
	padding: 20px 4px;
	background: #FFFFFF7D;
	z-index: 9999;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	border: 1px solid #FFFFFF8A;
	box-shadow: 0px 1px 4px 0px #2F5FDB1F;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	backdrop-filter: blur(52.20000076293945px)
}

.mega-menu-0.mega-menu {
	max-width: 879px;
	width: 100%;
}

/* ==============================
   SHOW MEGA MENU ON HOVER
================================= */

.main-navigation>div>ul>li.has-mega-menu:hover>.mega-menu,
.main-navigation>div>ul>li.has-mega-menu:hover>.mega-menu1,
.main-navigation>div>ul>li.has-mega-menu.open>.mega-menu1 {
	visibility: visible;
	opacity: 1;
}

.mega-menu-wrapper {
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	box-sizing: border-box;
}

.mega-menutabs {
	display: flex;
	align-items: flex-start;
	gap: 90px;
}



.mega-menu-content span {
	display: block;
	/* margin: 0 0 10px; */
	font-size: 12px;
	font-weight: 400;
	line-height: 1.3;
	color: rgb(0, 0, 0, .6);
}

.mega-menu-content p {
	font-size: 18px;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0px;
	margin-bottom: 6px;
	color: rgb(0, 0, 0, .8);
}

.mega-menu-content .menu-column:first-of-type ul {
	margin: 0;
	padding: 0;
	list-style: none;

}

.mega-menu-content .menu-column:first-of-type {
	column-count: 2;
	column-gap: 32;
	-webkit-column-count: 2;
	-webkit-column-gap: 32px;
	-moz-column-count: 2;
	-moz-column-gap: 32px;

}

.mega-menu-content ul li {
	margin: 0;
	padding: 0;

	break-inside: avoid;
	-webkit-column-break-inside: avoid;
}

/* .mega-menu-content ul li a {
	display: inline-block;
	color: var(--dark);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.9;
	letter-spacing: 0.01em;
	text-transform: capitalize;
	text-decoration: none;
	transition: color 0.2s ease;
	align-items: start;
} */


.mobile-mega-menu {
	display: none;
}

.mega-menu-content>ul {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 !important;
}




.menu-column>p {
	width: 100%;
	font-family: var(--cal-sans);
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 4%;
	text-transform: uppercase;
	color: 1px solid rgb(0, 0, 0, .1);
	padding-bottom: 10px;
	margin-bottom: 24px !important;
	border-bottom: 1px solid rgb(0, 0, 0, .1);
	column-span: all;
	width: 100%;
}

.menu-column>ul>li>a>div:first-of-type {
	width: 33px;
	min-width: 33px;
	height: 33px;
	background-color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 1px 2px 0px #3B54A429;
	border-radius: var(--radius-s);
	-webkit-border-radius: var(--radius-s);
	-moz-border-radius: var(--radius-s);
	-ms-border-radius: var(--radius-s);
	-o-border-radius: var(--radius-s);
	padding: 8px;
}

.mega-menu-content .menu-column ul li {
	margin-bottom: 6px;
}

.menu-column>ul>li>a {
	display: flex;
	gap: 12px;
	padding: 8px;
	border-radius: var(--radius-m);
	-webkit-border-radius: var(--radius-m);
	-moz-border-radius: var(--radius-m);
	-ms-border-radius: var(--radius-m);
	-o-border-radius: var(--radius-m);
	transition: background .3s ease-in-out, transform .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out, transform .3s ease-in-out;
	-moz-transition: background .3s ease-in-out, transform .3s ease-in-out;
	-ms-transition: background .3s ease-in-out, transform .3s ease-in-out;
	-o-transition: background .3s ease-in-out, transform .3s ease-in-out;
}

.menu-column ul>li:hover>a {
	/* background: #3B54A414; */
	transform: translateX(3px);
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
	-ms-transform: translateX(3px);
	-o-transform: translateX(3px);
	background: #F1F4FAD4;
	width: 100%;
}

.menu-column>ul>li>a>div>p {
	font-size: 14px;

}

.menu-column>ul {
	display: block !important;
	gap: 5px !important;
}

.menu-column>ul>li {
	max-width: 243px;
}

.menu-column>ul>li>p {
	margin-bottom: 12px;
}

.mega-menu-0 .mega-menu-content {
	display: grid;
	grid-template-columns: 2fr 1fr;
	width: 100%;
}

.menu-column:first-of-type {
	position: relative;
}

.mega-menu-0 .menu-column:first-of-type::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	height: 80%;
	transform: translateY(-50%);
	/* border-right: 1px solid #00000017; */
	border-right: 1px solid rgb(0, 0, 0, .1);

}

.menu-column {
	padding: 0 10px;

}

@media (min-width:1100px) {

	.mega-menu-overlay {
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.2);
		/* backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px); */
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition:
			opacity 0.3s ease,
			visibility 0.3s ease;
		z-index: 1;
	}

	/* Show overlay when mega menu is open/hovered */
	.main-navigation:has(.has-mega-menu:hover)~.mega-menu-overlay {
		opacity: 1;
		visibility: visible;
	}

}


@media (min-width: 992px) {

	.main-navigation>div>ul>li.has-mega-menu:hover>.mega-menu {
		visibility: visible;
		opacity: 1;
	}

	.side-img>img {
		max-width: unset;
	}

}


/* =========================================================
   MOBILE MEGA MENU OFFCANVAS
========================================================= */
/* 
.mega-offcanvas {
	position: fixed;
	top: 0;
	right: 0;
	width: min(420px, 90vw);
	height: 100dvh;
	background: #fff;
	z-index: 100002;

	transform: translateX(100%);
	-webkit-transform: translateX(100%);

	transition: transform 0.35s cubic-bezier(.4, 0, .2, 1);
	-webkit-transition: transform 0.35s cubic-bezier(.4, 0, .2, 1);

	visibility: hidden;
	box-shadow: -10px 0 40px rgba(0, 0, 0, 0.12);

	overflow-y: auto;
	overscroll-behavior: contain;
}

.mega-offcanvas.is-open {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	visibility: visible;
}

.mega-offcanvas-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.35);

	z-index: 100001;

	opacity: 0;
	visibility: hidden;
	pointer-events: none;

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

.mega-offcanvas-overlay.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.mega-offcanvas-header {
	display: flex;
	align-items: center;
	justify-content: flex-end;

	padding: 18px 20px;

	border-bottom: 1px solid rgba(0, 0, 0, 0.08);

	position: sticky;
	top: 0;

	background: #fff;
	z-index: 2;
}

.mega-offcanvas-close {
	width: 40px;
	height: 40px;

	border: 0;
	background: #f1f4fa;

	border-radius: 50%;

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

	cursor: pointer;

	font-size: 18px;
	color: #111;

	transition:
		background 0.2s ease,
		transform 0.2s ease;
}

.mega-offcanvas-close:hover {
	background: #e5eaf3;
	transform: rotate(90deg);
}

.mega-offcanvas-content {
	padding: 20px;
}

.mobile-mega-menu {
	display: none;
}

.mega-offcanvas-content .mobile-mega-menu {
	display: block !important;

	position: static !important;
	width: 100% !important;
	max-width: none !important;

	transform: none !important;
	-webkit-transform: none !important;

	visibility: visible !important;
	opacity: 1 !important;

	padding: 0 !important;

	background: transparent !important;

	border: 0 !important;
	box-shadow: none !important;

	backdrop-filter: none !important;
}

.mega-offcanvas-content .mega-menutabs {
	display: block;
}

.mega-offcanvas-content .mega-menu-content {
	display: block !important;
	width: 100%;
}

.mega-offcanvas-content .menu-column {
	padding: 0;
	width: 100%;
}

.mega-offcanvas-content .menu-column+.menu-column {
	margin-top: 35px;
}

.mega-offcanvas-content .menu-column>p {
	font-size: 11px;
	letter-spacing: 0.08em;

	margin-bottom: 18px !important;
}

.mega-offcanvas-content .menu-column>ul {
	display: block !important;

	margin: 0;
	padding: 0;

	list-style: none;
	column-count: 1 !important;
}

.mega-offcanvas-content .menu-column>ul>li {
	max-width: none;
	width: 100%;
	margin-bottom: 8px;
}

.mega-offcanvas-content .menu-column>ul>li>a {
	width: 100%;
	box-sizing: border-box;
	padding: 12px 8px;

	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.mega-offcanvas-content .menu-column>ul>li>a>div:first-of-type {
	flex: 0 0 33px;
}

.mega-offcanvas-content .menu-column>ul>li>a>div:last-of-type {
	flex: 1;
}

.mega-offcanvas-content .menu-column>ul>li>a>div>p {
	font-size: 14px;
	line-height: 1.3;
	margin: 0 0 4px;
}

.mega-offcanvas-content .mega-menu-content span {
	font-size: 12px;
	line-height: 1.4;
} */


@media (max-width: 1100px) {

	.mobile-mega-menu {
		display: none !important;
	}

	.mega-menu-mobile-item {
		position: relative;
	}

	.mega-menu-mobile-item>.mega-menu-toggle {
		display: flex;
		align-items: center;
		justify-content: center;

		width: 36px;
		height: 36px;

		position: absolute;
		right: 10px;
		top: 50%;

		transform: translateY(-50%);

		border: 0;
		background: transparent;

		cursor: pointer;

		z-index: 5;
	}

	.mega-menu-toggle i {
		font-size: 13px;

		transition: transform 0.25s ease;
	}

	.mega-menu-mobile-item.is-active>.mega-menu-toggle i {
		transform: rotate(180deg);
	}

}


@media (min-width: 1101px) {

	.mega-offcanvas,
	.mega-offcanvas-overlay {
		display: none !important;
	}

	.mega-menu-toggle {
		display: none;
	}

}



.mega-menu {
	position: relative;
	z-index: 1000;
}

body:has(.main-navigation > div > ul > li.has-mega-menu:hover) .mega-menu-overlay {
	opacity: 1;
	visibility: visible;
}

.menu-column>ul>li>a>div:first-of-type {
	margin-bottom: 0;
}

@media (max-width: 991px) {

	.main-navigation li {
		height: unset !important;
	}

	.menu-primary-menu-container {
		width: 100%;
	}
}

/* ==============================
   MOBILE MEGA MENU (ACCORDION)
================================= */

/* @media (max-width: 991px) {

	.mega-menu-mobile-item {
		position: relative;
	}

	.mega-menu-toggle {
		position: absolute;
		right: 0;
		top: 0;
		width: 38px;
		height: 38px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: none;
		border: none;
		cursor: pointer;
		color: inherit;
		transition: transform 0.3s ease;
		-webkit-transition: transform 0.3s ease;
	}

	.mega-menu-mobile-item.active>.mega-menu-toggle {
		transform: rotate(180deg);
	}

	.mobile-mega-menu {
		display: block;
		position: static !important;
		visibility: visible !important;
		opacity: 1 !important;
		transform: none !important;
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
		background: transparent;
		border: none;
		box-shadow: none;
		backdrop-filter: none;

		max-height: 0;
		overflow: hidden;
		transition: max-height 0.35s ease;
		-webkit-transition: max-height 0.35s ease;
	}

	.mega-menu-mobile-item.active>.mobile-mega-menu {
		max-height: 2000px;
	}

	.mobile-mega-menu .mega-menu-wrapper,
	.mobile-mega-menu .mega-menutabs {
		display: block;
		width: 100%;
		max-width: 100%;
		gap: 0;
	}

	.mobile-mega-menu .mega-menu-content {
		display: block !important;
		grid-template-columns: none !important;
	}

	.mobile-mega-menu .menu-column {
		padding: 0 0 0 12px;
	}

	.mobile-mega-menu .menu-column:first-of-type::before {
		display: none;
	}

	.mobile-mega-menu .menu-column {
		column-count: 1 !important;
		-webkit-column-count: 1 !important;
		display: block !important;
	}

	.mobile-mega-menu .menu-column>ul>li {
		max-width: 100%;
	}

	.mobile-mega-menu .menu-column>p {
		position: relative;
		cursor: pointer;
		padding: 12px 24px 12px 0;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}

	.mobile-mega-menu .menu-column>p::after {
		content: "\f078";
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		font-size: 11px;
		position: absolute;
		right: 4px;
		top: 50%;
		transform: translateY(-50%);
		transition: transform 0.3s ease;
	}

	.mobile-mega-menu .menu-column.active>p::after {
		transform: translateY(-50%) rotate(180deg);
	}

	.mobile-mega-menu .menu-column>ul {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.35s ease;
	}

	.mobile-mega-menu .menu-column.active>ul {
		max-height: 1000px;
		padding-top: 8px;
	}

	.mobile-mega-menu .menu-column:not(:has(> p))>ul {
		max-height: 1000px;
	}

} */

/* ---------------------------- 
        lead mgt page
 --------------------------- */
.value-strip-cards {
	margin-block: 20px;
}

.value-strip-card::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
}

.value-strip-cards>div:nth-child(2) .value-strip-card:after {
	background-image: url(./assets/img/Connector-line-1.png);
	top: 55%;
	left: -29%;
	width: 184px;
}

.value-strip-cards>div:nth-child(3) .value-strip-card:after {
	background-image: url(./assets/img/Connector-line-2.png);
	top: 50%;
	width: 75px;
	height: 42px;
	left: -29%;
}

.value-strip-cards>div:nth-child(4) .value-strip-card:after {
	background-image: url(./assets/img/Connector-line-3.png);
	top: -30%;
	left: -29%;
	width: 184px;
}

.value-strip-cards>div:nth-child(5) .value-strip-card:after {
	background-image: url(./assets/img/Connector-line-4.png);
	top: -61%;
	left: 43%;
	width: 802px;
}

.value-strip-cards>div:nth-child(6) .value-strip-card:after {
	background-image: url(./assets/img/Connector-line-5.png);
	top: 100%;
	left: -70%;
	width: 336px;
}

.value-strip-cards>div:nth-child(7) .value-strip-card:after {
	background-image: url(./assets/img/Connector-line-6.png);
	top: 50%;
	width: 34px;
	left: -12%;
}

/* .value-strip-cards>div:nth-last-of-type(-n + 3) { */
.value-strip-cards>div:nth-child(5),
.value-strip-cards>div:nth-child(6),
.value-strip-cards>div:nth-child(7) {
	padding-left: 34px;
	margin-top: 82px;
}

.lead-pipeline-section .section-heading p {
	max-width: 770px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.lead-pipeline-wrapper {
	background-color: #304378;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	padding: 24px !important;
}

.lead-pipeline-cards h3 {
	font-size: 12px;
	letter-spacing: 6%;
	text-transform: uppercase;
	color: white;
	padding: 8px;
	border-bottom: 1px solid rgb(255, 255, 255, .1);
	margin-bottom: 12px;
}

.lead-pipeline-card>div:not(:first-child) {
	margin-top: 8px;
}

.lead-pipeline-card>div>p {
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 6%;
	text-transform: uppercase;
	color: white;
}

.lead-pipeline-card>div>div>p {
	font-size: 16px;
	color: white;
}

.lead-pipeline-card>div {
	background-color: rgb(255, 255, 255, .08);
	position: relative;
	padding-left: 4px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 15px 0 15px 8px;
	min-width: 234px;
	min-height: 109px;
	margin-left: 6px;


}

.lead-pipeline-card>div::before {
	content: '';
	position: absolute;
	border-right: 2px solid white;
	left: 0;
	z-index: 0;
	height: 100%;
	top: 0;
	left: -6px;
}


.lead-pipeline-card>div>div>span {
	color: var(--para-white);
	font-family: var(--cal-sans);
	font-weight: 400;
	font-size: 14px;

}

.core-features-section .section-heading p {
	max-width: 549px;
	width: 100%;
	margin: 0 auto;
}

.core-features-wrapper {
	background-color: white;
	padding: clamp(21px, 3vw, 31px) 21px !important;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	position: relative;
}

.core-features-cards>div>div>div:not(:nth-child(3n)) {
	border-bottom: 1px dashed rgb(0, 0, 0, .2);
	padding-bottom: 30px;
	margin-bottom: 30px;
	padding-top: 15px;
}

.core-features-column {
	height: 100%;
}

.core-features-cards>div:nth-child(2)>.core-features-column {
	background: #e3e8f1 url(./assets/img/grid-bg.png);
	border-radius: var(--radius-m);
	-webkit-border-radius: var(--radius-m);
	-moz-border-radius: var(--radius-m);
	-ms-border-radius: var(--radius-m);
	-o-border-radius: var(--radius-m);
}

.core-features-column>img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.core-features-column>div>img {
	margin-bottom: 20px;
}


.side-img {

	max-width: 635px;
	width: 100%;
	position: relative;
	height: auto;
	display: inline-block;
}

.side-img>img {
	width: 100%;
	max-width: 635px;
	max-height: 439px;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	display: block;
}

.side-img>div {
	position: absolute;
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
}

.side-img>div>img {
	position: absolute;
	width: 100%;
	height: 100%;
	inset: 0;
	border-radius: var(--radius-m);
	-webkit-border-radius: var(--radius-m);
	-moz-border-radius: var(--radius-m);
	-ms-border-radius: var(--radius-m);
	-o-border-radius: var(--radius-m);
	text-align: center;
	object-fit: cover;

}

.management-section .section-heading {
	max-width: 463px;
	width: 100%;
	margin-bottom: 20px;
}

.management-section .management-wrapper {
	column-gap: 15px;
	align-items: center;

}

.management-section .management-wrapper:not(:first-child) {
	margin-top: 35px;
}

.management-section>div>div:not(:last-of-type) {
	padding-bottom: clamp(30px, 5vw, 75px);
}

.management-section {
	position: relative;
}

.management-section::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 582px;
	background: linear-gradient(360deg, #E4E8F2 0%, #F6F9FF 100%);
	z-index: -1;
	bottom: 0;
}


.featured-img-container {
	position: relative;
	display: inline-block;
	width: 100%;


}

.featured-img-container>img {

	width: 100%;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	max-height: 620px;
}

.featured-img-container .feature-img {
	position: absolute;
	top: clamp(15px, 4vw, 34px);
	right: clamp(15px, 4vw, 34px);
	bottom: clamp(15px, 4vw, 34px);
	left: clamp(15px, 4vw, 34px);
}

.featured-img-container .feature-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: var(--radius-s);
	-webkit-border-radius: var(--radius-s);
	-moz-border-radius: var(--radius-s);
	-ms-border-radius: var(--radius-s);
	-o-border-radius: var(--radius-s);
}

/* work smarter section */
.work-smarter-section>div>div {
	background: #304378;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
}

.work-smarter-section .section-heading p {
	max-width: 605px;
	width: 100%;
	margin: 0 auto;
}

.pros-cons-div {
	background: rgba(255, 255, 255, .1);
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	width: 100%;
	padding: clamp(10px, 5vw, 38px) clamp(10px, 4vw, 28px);
	max-width: 888px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.pros-cons-div>div ul li,
.pros-cons-div>div h3 {
	border-bottom: 1px solid rgb(255, 255, 255, .2);
	margin-bottom: clamp(10px, 3vw, 20px);
	padding-bottom: clamp(10px, 3vw, 20px);
}

.pros-cons-div>div h3 {
	font-size: 18px;
}

.pros-cons-div>div ul li {
	font-size: 16px;
}

.pros-cons-div>div ul {
	padding-left: 0;
}

.pros-cons-div>div h3,
.pros-cons-div>div li {
	color: white;
}

.pros-cons-div>div ul {
	list-style: none;
	padding-left: 0;
}

.pros-cons-div>div ul li {
	position: relative;
	padding-left: 30px;
	font-size: 16px;
}

.pros-cons-div>div ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 18px;
	height: 18px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


.pros-cons-div .pros ul li::before {
	background-image: url("./assets/img/tick-bullet.png");
}

.pros-cons-div .cons ul li::before {
	background-image: url("./assets/img/cross-bullet.png");
}


/* how-automation */
.how-automation-section .uk-container {
	max-width: 931px;
}

.how-automation-section .section-heading p {
	max-width: 549px;
	width: 100%;
}

.how-automation-section .challenges-card.uk-flex span {
	color: var(--para);
	font-size: 12px;
	font-weight: 500;
}

.how-automation-section .challenges-card.uk-flex p {
	color: var(--primary);
	font-size: 16px;

}

.how-automation-section .challenges-card.uk-flex .icon-div {
	margin-bottom: 0;
}

.how-automation-section .challenges-card.uk-flex {
	padding: 12px;
	align-items: center;
	gap: 20px;
	background: linear-gradient(#fff 0 0) padding-box, linear-gradient(111.25deg, rgba(132, 148, 245, 0.25) 0.61%, rgba(72, 144, 227, 0.25) 50.3%, rgba(12, 139, 209, 0.25) 100%) border-box;
	border: 1px dashed white;

}

.how-automation-section .challenges-card.uk-flex::before {
	display: none;
}

.how-automation-section .challenges-card p {
	padding-right: 0;
}

.how-automation-section>.uk-container>.uk-grid>div:nth-child(2)>div {
	margin-bottom: 25px;
	position: relative;
	z-index: 0;

}

.how-automation-section>.uk-container>.uk-grid>div:nth-child(2)>div:not(:last-child)::after {
	content: '';
	position: absolute;
	background-image: url(./assets/img/down-arrow.png);
	height: 25px;
	width: 34px;
	bottom: -25px;
	z-index: 2;
	left: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	transform: translateX(-50%);
}

.how-automation-section .section-heading {
	margin-bottom: clamp(40px, 3vw, 64px) !important;
}

.work-smarter-section>div>div {
	padding-inline: 10px;
}

@media (max-width: 1190px) {
	.lead-pipeline-card>div {
		min-width: unset;
	}

}


.value-strip-card::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: inherit;
	background: linear-gradient(111.25deg, rgba(132, 148, 245, 0.65) 0.61%, rgba(72, 144, 227, 0.65) 50.3%, rgba(12, 139, 209, 0.65) 100%);
	background-size: 250% 100%;
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
	animation: movingBorder 3s linear infinite;
	-webkit-animation: movingBorder 3s linear infinite;
}

.student-journey-section.bg-dark .value-strip-card h3,
.student-journey-section.bg-dark .value-strip-card p {
	color: white;

}

.student-journey-section.value-strip-cards>div:nth-child(2) .value-strip-card::after {
	background-image: url(./assets/img/white-Connector-line-1.png);
}

.student-journey-section.bg-dark span {
	color: #59C4FF;
}

@keyframes borderMove {
	from {
		background-position: 200% 0;
	}

	to {
		background-position: -50% 0;
	}
}


@keyframes movingBorder {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}




@media (max-width:1080px) {
	.value-strip-cards>div:nth-child(5) .value-strip-card::after {
		top: -53%;
		left: 44%;
		width: 714px;
	}
}


.for-team-section .challenges-card {
	position: relative;
	overflow: hidden;
}

.for-team-section .challenges-card>div:first-child::before {
	content: '';
	position: absolute;
	background: url(./assets/img/folder-tab.png) no-repeat;
	background-size: auto;
	width: 144px;
	height: 30px;
	background-size: contain;
	top: -29px;
	left: 0;
}

.hover-image {
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.5s ease;
	z-index: 2;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
}

.hover-image img {
	width: 100%;
	height: 60%;
	object-fit: cover;
	display: block;
}

.for-team-section .challenges-card:hover .hover-image {
	bottom: 0;
	opacity: 1;
}



.for-team-section .challenges-card {
	width: 100%;
	min-height: 320px;
	height: 100%;
	background: url(./assets/img/teams-bg.png);
	padding: 0;
}

.for-team-section .challenges-card>div:first-child {
	background: white;
	min-height: 160px;
	position: absolute;
	bottom: 0;
	z-index: 4;
	padding-inline: 16px;
	left: 4px;
	right: 4px;
	bottom: 4px;
	border-radius: 0 16px 16px 16px;
	padding-inline: 16px;
}

.for-team-section .challenges-card .icon-div {
	background: unset;
	margin-bottom: 0;
	margin-top: -15px;
	width: 24px;
	height: 24px;
	min-width: 24px;
}

.for-team-section .challenges-card .icon-div::before {
	display: none;
}

.for-team-section .challenges-card::before {
	padding: 5px;
	z-index: 4;
}

.for-team-section .challenges-card p {
	padding-inline: 0;
}

.for-team-section .challenges-card h3 {
	margin-top: 30px;
}

.built-with-security .section-heading p {
	max-width: 642px;
	width: 100%;
	margin: 0 auto;
}

.built-with-security .security-img {
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	height: 100%;
	max-height: 451px;
	overflow: hidden;
}

.built-with-security .security-img>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.built-with-security .with-security-wrapper>div:nth-child(2)>div>div>div {
	border-bottom: 0.8px dashed #00000033;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.built-with-security .icon-img {
	margin-bottom: 20px;
}

.student-journey-section.bg-dark {
	background: #304378;
}

.student-journey-section.bg-dark .value-strip-card {
	background-color: #FFFFFF1A;
}



@media (max-width: 1080px) {
	.value-strip-cards>div:nth-child(2) .value-strip-card::after {
		background-image: url(./assets/img/Connector-line-1.png);
		top: 65%;
		left: -29%;
		width: 168px;
	}
}

@media (max-width: 960px) {
	.side-img>div>img {
		object-fit: contain;
	}

	.side-img {
		max-width: 100%;
	}

	.value-strip-cards>div:nth-child(even) .value-strip-card::after {
		background-image: url(./assets/img/Connector-line-2.png);
		top: 38%;
		left: -14%;
		width: 6vw;
	}

	.management-section .management-wrapper {
		align-items: start;
	}

	.value-strip-cards>div:nth-child(3) .value-strip-card::after,
	.value-strip-cards>div:nth-child(5) .value-strip-card::after,
	.value-strip-cards>div:nth-child(7) .value-strip-card::after {
		background-image: url(./assets/img/Connector-line-4.png);
		top: -47%;
		left: 38%;
		width: 62vw;
		height: 10vw;
	}

	.value-strip-cards {
		row-gap: 24px;
	}

	.value-strip-card {
		width: 100%;
	}

	.value-strip-cards>div:nth-last-of-type(-n+3) {
		padding-left: 57px !important;
		margin-top: 40px !important;

	}

	.story-about-section .uk-grid>div:last-child {
		justify-content: left !important;
	}
}

@media (min-width: 640px) and (max-width: 960px) {
	.core-features-cards>div:nth-child(2) {
		position: sticky;
		top: 70px;
	}
}

@media (max-width:811px) {
	.value-strip-cards>div:nth-child(3) .value-strip-card::after {
		top: -37%;
	}

	.value-strip-cards {
		row-gap: 0px;
	}

	.value-strip-cards>div:nth-child(2n) .value-strip-card::after {
		left: -20%;
		width: 8.6vw;
	}

	.value-strip-cards>div:nth-child(3) .value-strip-card::after,
	.value-strip-cards>div:nth-child(5) .value-strip-card::after,
	.value-strip-cards>div:nth-child(7) .value-strip-card::after {
		background-image: url(./assets/img/Connector-line-4.png);
		top: -34%;
		left: 38%;
		width: 62vw;
		height: 10vw;
	}

}

@media (max-width:780px) {
	.pros-cons-div {
		grid-template-columns: 1fr;
	}

	.pros-cons-div .pros h3 {
		margin-top: 15px;
	}
}

@media (max-width: 680px) {
	.value-strip-cards>div:nth-child(2n) .value-strip-card::after {
		top: 38%;
	}

	.value-strip-cards>div:nth-child(3) .value-strip-card::after {
		top: -34%;
		left: 38%;
	}



}

@media (max-width: 640px) {

	.value-strip-cards>div:nth-child(2) .value-strip-card::after,
	.value-strip-cards>div:nth-child(3) .value-strip-card::after,
	.value-strip-cards>div:nth-child(4) .value-strip-card::after,
	.value-strip-cards>div:nth-child(5) .value-strip-card::after,
	.value-strip-cards>div:nth-child(6) .value-strip-card::after,
	.value-strip-cards>div:nth-child(7) .value-strip-card::after,
	.value-strip-cards>div:nth-child(8) .value-strip-card::after {
		background-image: url(./assets/img/Connector-line-2.png);
		top: -34%;
		left: 50%;
		width: 42px;
		transform: translate(-50%) rotate(90deg);
		-webkit-transform: translate(-50%) rotate(90deg);
		-moz-transform: translate(-50%) rotate(90deg);
		-ms-transform: translate(-50%) rotate(90deg);
		-o-transform: translate(-50%) rotate(90deg);
		height: 30px;
		right: unset;
		bottom: unset;
	}

	.for-team-section .challenges-card .hover-image {
		bottom: 0;
		opacity: 1;
	}


}

@media (max-width: 380px) {

	.value-strip-cards>div:nth-child(2) .value-strip-card::after,
	.value-strip-cards>div:nth-child(3) .value-strip-card::after,
	.value-strip-cards>div:nth-child(4) .value-strip-card::after {
		top: -29%;
	}
}


@media (min-width: 960px) {

	/* Normal pairs: Content → Image */
	.management-wrapper:nth-child(even) {
		flex-direction: row-reverse;
		margin: clamp(50px, 7vw, 140px) 0;
	}

	.management-wrapper:last-child {
		margin-bottom: 0;
	}

	.core-features-cards>div:nth-child(2) {
		min-width: 430px;

	}

	.core-features-cards>div:nth-child(1),
	.core-features-cards>div:nth-child(3) {
		max-width: 335px;

	}
}


@media (max-width: 1100px) {
	.core-features-cards>div:nth-child(2) {
		min-width: unset;

	}

	.core-features-cards>div:nth-child(1),
	.core-features-cards>div:nth-child(3) {
		max-width: unset;
	}
}

.folder-wrapper {
	position: relative;
	overflow: visible;
	box-sizing: border-box;
}


.folder {
	max-width: 486px;
	height: 471px;
	position: relative;
	cursor: pointer;
	width: 100%;
	margin-left: auto;
}

/* Back of folder */
.folder-back {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid transparent;

	background:
		linear-gradient(#fff 0 0) padding-box,
		linear-gradient(111.25deg,
			rgba(132, 148, 245, 0.25) 0.61%,
			rgba(72, 144, 227, 0.25) 50.3%,
			rgba(12, 139, 209, 0.25) 100%) border-box;

	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
}

.images {
	position: absolute;
	inset: 0;
	z-index: 2;
	margin-inline: 27px;
	margin-top: 29px;
}

.images img {
	position: absolute;
	width: 100%;
	height: 287px;
	object-fit: cover;
	border-radius: 6px;
	inset: 0;
	opacity: 1;
	/* transition: all 0.5s ease; */

	will-change: transform;

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

@media (min-width:1024px) {
	.images img {
		transition: all .4s ease-in-out;
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
	}
}

.images img:nth-child(1),
.images img:nth-child(2),
.images img:nth-child(3) {
	transform: translate(0, 0px) rotate(0deg) scale(1);
	-webkit-transform: translate(0, 0px) rotate(0deg) scale(1);
	-moz-transform: translate(0, 0px) rotate(0deg) scale(1);
	-ms-transform: translate(0, 0px) rotate(0deg) scale(1);
	-o-transform: translate(0, 0px) rotate(0deg) scale(1);
}


@media (min-width: 1025px) {

	.folder:hover .images img {
		opacity: 1;
	}

	.folder:hover .images img:nth-child(1) {
		transform: translate(0px, -50px) rotate(0) scale(1);
		-webkit-transform: translate(0px, -50px) rotate(0) scale(1);
		-moz-transform: translate(0px, -50px) rotate(0) scale(1);
		-ms-transform: translate(0px, -50px) rotate(0) scale(1);
		-o-transform: translate(0px, -50px) rotate(0) scale(1);

	}

	.folder:hover .images img:nth-child(2) {
		transform: translate(84px, -233px) rotate(10deg) scale(1);
		-webkit-transform: translate(84px, -233px) rotate(10deg) scale(1);
		-moz-transform: translate(84px, -233px) rotate(10deg) scale(1);
		-ms-transform: translate(84px, -233px) rotate(10deg) scale(1);
		-o-transform: translate(84px, -233px) rotate(10deg) scale(1);
		z-index: 3;
	}

	.folder:hover .images img:nth-child(3) {
		transform: translate(200px, -340px) rotate(8deg) scale(1);
		-webkit-transform: translate(200px, -340px) rotate(8deg) scale(1);
		-moz-transform: translate(200px, -340px) rotate(8deg) scale(1);
		-ms-transform: translate(200px, -340px) rotate(8deg) scale(1);
		-o-transform: translate(200px, -340px) rotate(8deg) scale(1);
		z-index: 4;
	}
}

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

	.folder {
		position: relative;
	}

	.folder .images img {
		opacity: 1;
	}

	.folder .images {
		z-index: 2;
	}

	.folder .folder-front {
		z-index: 5;
	}

}

.folder-section {
	width: 100%;
}

/* Front of folder */
.folder-front {
	position: absolute;
	width: 100%;
	height: 289px;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: linear-gradient(180deg, #597CDE 16.2%, #304378 100%);
	border-radius: 0 16px 16px 16px;
	/*clip-path: polygon(0 15%, 30% 15%, 38% 0, 100% 0, 100% 100%, 0 100%);
	*/
	-webkit-border-radius: 0 16px 16px 16px;
	-moz-border-radius: 0 16px 16px 16px;
	-ms-border-radius: 0 16px 16px 16px;
	-o-border-radius: 0 16px 16px 16px;
	border: 5px solid #fff;
	box-shadow: 0px 1px 4px 0px #00000040;

}

.folder-front::before {
	position: absolute;
	content: '';
	background-image: url(./assets/img/dark-folder-tab.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 246px;
	height: 50px;
	top: -47px;
	left: -5px;

}

.folder-front::after {
	position: absolute;
	content: '';
	background-image: url(./assets/img/white-logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 214px;
	height: 63px;
	top: 36%;
	left: 50%;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-o-transform: translate(-50%);
	z-index: 5;
}

.folder-wrapper {
	position: relative;
	overflow: visible;
	/* let scattered imgs render outside, we handle spacing via JS */
}


/* mobile */
@media (max-width: 767px) {

	.images {
		margin-inline: 27px;
		margin-top: 29px;
		/* z-index: 5; */
		/* so scattered images can sit above folder-front */
	}

	.images img {
		opacity: 1;

	}

	.images img:nth-child(1) {
		transform: translate(0px, -50px) rotate(0) scale(1);
		-webkit-transform: translate(0px, -50px) rotate(0) scale(1);
		z-index: 2;
	}

	.images img:nth-child(2) {
		transform: translate(84px, -233px) rotate(10deg) scale(1);
		-webkit-transform: translate(84px, -233px) rotate(10deg) scale(1);
		z-index: 3;
	}

	.images img:nth-child(3) {
		transform: translate(200px, -340px) rotate(8deg) scale(1);
		-webkit-transform: translate(200px, -340px) rotate(8deg) scale(1);
		z-index: 4;
	}

	.folder-front {
		z-index: 10;
	}
}

.mission-vision-card {
	background-color: #FFFFFF1A;
	border: 1px solid #FFFFFF1F;
	padding: 30px;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
}

.mission-vision-card h3 {
	font-weight: 700;
	font-size: clamp(20px, 4vw, 32px);
	letter-spacing: -3%;
	color: white;
	line-height: 1.2;
	margin-bottom: clamp(25px, 3vw, 32px);
}

.mission-vision-card p {
	color: var(--para-white);
	font-size: 16px;
}

.mission-icon {
	margin-bottom: clamp(26px, 5vw, 46px);
	width: 60px;
	height: 60px;
	min-width: 60px;
}

.mission-vision-section.bg-dark span {
	color: #59C4FF;
	font-size: 12px;
	margin-bottom: 20px;
	display: inline-block;

}

.mission-vision-section.bg-dark p:not(last-child) {
	margin-bottom: 20px;
}

.story-about-section .section-heading p:not(last-child) {
	margin-bottom: 10px;

}

.mission-vision-section .uk-grid {
	row-gap: 20px;
}

.mission-vision-section .uk-grid>div {
	display: flex;
}

.story-about-section .uk-grid>div:last-child {
	justify-content: end;
	display: flex;
}

.ourvalues-section .section-heading p {
	max-width: 463px;
	width: 100%;
}

/* values slider */
.values-section {
	width: 100%;
	margin: 0 auto;
	/* overflow: hidden; */
}

.values-slider {
	margin: 0 -8px;
}

/* CARD */
.values-section .value-card {
	margin: 0 8px;
	padding: 30px 18px;
	background: #E0EBFF;
	border-radius: var(--radius);
	box-sizing: border-box;
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
}

.values-section .value-icon {
	width: auto;
	max-height: 100px;
	margin-bottom: 12px;
	color: #6b6cff;
	font-size: 30px;
	margin-bottom: 60px;
}

.values-section .value-card h3 {
	margin: 0 0 18px;
	font-size: 18px;
	font-weight: 5s00;
	color: #0B2D46;
}



/* REMOVE DEFAULT SLICK SPACING */
.values-section .values-slider .slick-list {
	overflow: visible;
}

.values-section .values-slider .slick-track {
	display: flex;
}

.values-section .values-slider .slick-slide {
	height: auto;
}

/* .values-slider .slick-slide>div {
	height: 100%;
} */


/* =========================
   PROGRESS DOTS
   ========================= */

.values-slider .slick-dots {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 100%;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
}

.values-slider .slick-dots li {
	position: relative;
	width: 100%;
	height: 2px;
	margin: 0;
	padding: 0;
	background: rgba(107, 107, 255, 0.12);
}


/* Hide Slick's default button appearance */
.values-slider .slick-dots li button {
	width: 100%;
	height: 2px;

	padding: 0;
	border: 0;

	background: transparent;

	font-size: 0;
	cursor: pointer;
}


/* Remove default Slick pseudo element */
.values-slider .slick-dots li button::before {
	display: none;
}


/* ACTIVE PROGRESS */
.values-slider .slick-dots li.slick-active {
	background: rgba(107, 107, 255, 0.15);
}

.values-slider .slick-dots li.slick-active button {
	position: relative;
}

.values-slider .slick-dots li.slick-active button::after {
	/* content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 2px;
	background: #5d5cff; */
	/* animation: slideProgress 5s linear forwards; */
}

/* Active line */
.values-slider .slick-dots li.slick-active button::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;

	width: 100%;
	height: 2px;

	background: #5d5cff;

	transform: scaleX(1);
	transform-origin: left;

	transition: transform 0.5s ease;
}

/* Start from center */
.values-slider .slick-dots li:not(.slick-active) button::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;

	width: 100%;
	height: 2px;

	background: #5d5cff;

	transform: scaleX(0);
	transform-origin: right;

	transition: transform 0.5s ease;
}



.values-slider {
	position: relative;
	overflow: visible;
}

/* Slick buttons */
.values-slider .slick-prev,
.values-slider .slick-next {
	position: absolute;
	top: -35px;

	width: 26px;
	height: 26px;

	padding: 0;
	margin: 0;

	border: 1px solid #dce1ed;
	border-radius: 50%;

	background: #fff;

	z-index: 10;

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

	opacity: 1;
}

/* Position */
.values-slider .slick-prev {
	left: auto;
	right: 38px;
}

.values-slider .slick-next {
	left: auto;
	right: 5px;
}

/* Remove Slick's default arrow */
.values-slider .slick-prev::before,
.values-slider .slick-next::before {
	content: '';
	display: block;

	width: 7px;
	height: 7px;

	opacity: 1;

	font-family: inherit;
	font-size: 0;
}

/* Previous < */
.values-slider .slick-prev::before {
	border-left: 1.5px solid #636b80;
	border-bottom: 1.5px solid #636b80;
	transform: rotate(45deg);
	margin-left: 3px;
}

/* Next > */
.values-slider .slick-next::before {
	border-top: 1.5px solid #636b80;
	border-right: 1.5px solid #636b80;
	transform: rotate(45deg);
	margin-right: 3px;
}

.leaders-section .section-heading>p {
	width: 100%;
	max-width: 642px;
	margin: 0 auto;
}

.leaders-section .uk-grid {
	row-gap: 15px;
}

/* Member card */
.member-bg {
	position: relative;
	overflow: hidden;
	height: 414px;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	overflow: hidden;
	border: 1px solid transparent;

	background:
		linear-gradient(#fff 0 0) padding-box,
		linear-gradient(111.25deg,
			rgba(132, 148, 245, 0.25) 0.61%,
			rgba(72, 144, 227, 0.25) 50.3%,
			rgba(12, 139, 209, 0.25) 100%) border-box;
}


.member-bg>img:first-child {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.1;
	display: block;
}


/* .member-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.08);
	opacity: 1;
	transition: opacity 0.45s ease;
	z-index: 1;
} */

.member-img {
	position: absolute;
	z-index: 2;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 60px;
}

.member-img>img {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	margin-top: clamp(20px, 3vw, 42px);
	width: 100%;
	height: auto;
}

.member-bg:hover .member-img>img {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	transform: scale(1.04);
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	-o-transform: scale(1.04);
	width: 100%;
	height: auto;
}


.text-container {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 25px;
	z-index: 3;
	transform: translateY(21px);
	transition: transform 0.45s ease;
	-webkit-transform: translateY(21px);
	-moz-transform: translateY(21px);
	-ms-transform: translateY(21px);
	-o-transform: translateY(21px);
	padding-left: 24px;
}

.member-bg .text-container::after {
	position: absolute;
	content: '';
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	height: 135px;
	width: 100%;
	transition: background .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-ms-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	left: 0;
	bottom: -49px;
	z-index: -1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
}

.member-bg:hover .text-container::after {
	position: absolute;
	content: '';
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	transform: translateY(-11px);
}


.text-container p {
	margin: 0;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
}


.hover-designation {
	margin-top: 5px;
	color: rgb(255, 255, 255, .85);
	font-weight: 300;
	font-size: 14px;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.35s ease, transform 0.45s ease;
	-webkit-transition: opacity 0.35s ease, transform 0.45s ease;
	-moz-transition: opacity 0.35s ease, transform 0.45s ease;
	-ms-transition: opacity 0.35s ease, transform 0.45s ease;
	-o-transition: opacity 0.35s ease, transform 0.45s ease;

}

/* Hover */
.member-bg:hover::after {
	opacity: 0;
}

.member-bg:hover .text-container {
	transform: translateY(-1px);
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	-o-transform: translateY(-1px);
}

.member-bg:hover .hover-designation {
	opacity: 1;
	transform: translateY(0);
}

/* slider-btn */
.slider-btns {
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	gap: 12px;
	justify-content: flex-end;
}

.slider-btns>span {
	width: 42px;
	height: 42px;
	border-radius: var(--radius-m);
	border: 1px solid #daddee;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #5a5f77;
	transition: background 0.2s, border-color 0.2s;
}

.slider-btns>span>i {
	color: #4A4AE1;
	font-size: 14px;
}

.slider-btns>span:hover {
	background: var(--new-hover);
}

.ourvalues-section>div>div {
	position: relative;
}

.ourvalues-section>.uk-container>.uk-grid:first-child>.section-heading {
	margin-bottom: 0;
}

.ourvalues-section>.uk-container>.uk-grid:first-child {
	margin-bottom: clamp(40px, 3vw, 64px);
}

/* .slider-container {
	max-width: calc(50% + (1275px / 2) - 40px) !important;
	margin-right: 0 !important;
	padding-right: 0 !important;
} */

.ourvalues-section {
	overflow: hidden;
}

.wpcf7 input[type="checkbox"] {
	width: auto;
}

.wpcf7-list-item-label>a {
	color: var(--primary);
}

.wpcf7-list-item-label {
	font-size: 13px;
}

@media (max-width:980px) {}

@media (max-width:680px) {
	.slider-btns {
		position: unset;
		margin-top: 25px !important;
	}

	.member-bg {
		height: 300px
	}
}


@media (max-width:1470px) {

	.folder-section {
		justify-content: unset;
	}

	.folder {
		max-width: 400px;
		margin: 0 auto;

	}

	.images img {
		position: absolute;
		width: 100%;
		height: 250px;

	}

	.folder:hover .images img:nth-child(3) {
		transform: translate(-55px, -340px) rotate(8deg) scale(1);
		-webkit-transform: translate(-55px, -340px) rotate(8deg) scale(1);
		-moz-transform: translate(-55px, -340px) rotate(8deg) scale(1);
		-ms-transform: translate(-55px, -340px) rotate(8deg) scale(1);
		-o-transform: translate(-55px, -340px) rotate(8deg) scale(1);
	}
}

@media (max-width: 1025px) {
	.member-bg .hover-designation {
		opacity: 1;
		transform: translateY(0);
	}

	.member-bg .text-container::after {
		position: absolute;
		content: '';
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
		transform: translateY(-11px);
	}

	.member-bg .member-img>img {
		filter: grayscale(0);
		-webkit-filter: grayscale(0);
		transform: scale(1.04);
		-webkit-transform: scale(1.04);
		-moz-transform: scale(1.04);
		-ms-transform: scale(1.04);
		-o-transform: scale(1.04);
	}

	.text-container p {
		font-size: 14px;
	}

	.hover-designation {
		font-size: 12px;
	}

	.text-container {
		padding-left: 10px;
	}

	.member-bg .text-container,
	.member-bg:hover .text-container {
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		-ms-transform: translateY(10px);
		-o-transform: translateY(10px);
	}

	.member-bg .text-container::after {
		position: absolute;
		content: '';
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
		transform: translateY(-11px);
		-webkit-transform: translateY(-11px);
		-moz-transform: translateY(-11px);
		-ms-transform: translateY(-11px);
		-o-transform: translateY(-11px);
	}
}

@media (max-width:680px) {
	.folder {
		max-width: 364px;
	}

	.images img {
		height: 171px;
	}

	.folder {
		/* max-width: 486px; */
		height: 327px;
	}

	.folder-front::before {
		width: 213px;
		height: 42px;
		top: -41px;
	}

	.folder-front {
		height: 195px;
	}

	.folder-front::after {
		width: 170px;
	}
}

@media (max-width:480px) {
	.folder {
		max-width: 263px;
	}

	.images img {
		height: 138px;
	}
}


.mega-menu-chevron i,
.mega-menu-toggle i {
	display: inline-block;
	transition: transform 0.3s ease;
	font-size: 12px;
}

.mega-menu-chevron i.rotate,
.mega-menu-toggle i.rotate {
	transform: rotate(180deg);
}


/* -------------- Tenant Page ----------------- */

/* LEFT SIDEBAR */
.tenant-section .form-nav {
	width: 278px;
	flex-shrink: 0;
	padding: 28px 18px;
	border-right: 1px solid var(--border);
	/* background: #fafbfc; */
	min-width: 278px;
}

.form-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.form-nav li {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	border-radius: var(--radius);
	cursor: pointer;
	margin-bottom: 6px;
	transition: background .15s ease;
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
}

.form-nav li:hover {
	background: #f0efef;
}

.tenant-section .step-icon {
	min-width: 34px;
	height: 34px;
	width: 34px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: #eceef2;
	color: #9aa0ac;
	font-size: 16px;
	transition: background .2s ease, color .2s ease;
	background: linear-gradient(#fff 0 0) padding-box, linear-gradient(111.25deg, rgba(132, 148, 245, 0.25) 0.61%, rgba(72, 144, 227, 0.25) 50.3%, rgba(12, 139, 209, 0.25) 100%) border-box;
	border: 1px solid #fff0;
	margin-bottom: 0;
}

.step-icon>img {
	width: 21px;
	height: 21px;
	object-fit: cover;
}

.step-text p {
	font-size: 16px;
	font-weight: 500;
	color: var(--para);
	line-height: 1.3;
}

.step-text span {
	font-size: 14px;
	color: var(--para);
	margin-top: 1px;
	font-weight: 400;
}

/* active state */
.form-nav li.active .step-icon {
	background: #4A4AE1;
	color: #fff;
}

.form-nav li.active .step-icon>img {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}

.form-nav li.active {
	box-shadow: 0px 1px 2px 0px #0B2D461F;
	background-color: white;

}

.form-nav li p {
	color: var(--primary);
}

/* completed state */
.form-nav li.completed .step-icon {
	background: var(--success-light);
	color: var(--success);
}

.form-nav li.completed .step-icon svg {
	width: 16px;
	height: 16px;
}

/* right side form content */
.form-content {
	flex: 1;
	/* padding: 34px 32px 28px 44px; */
	min-width: 0;
	background: linear-gradient(#fff 0 0) padding-box, linear-gradient(111.25deg, rgba(132, 148, 245, 0.25) 0.61%, rgba(72, 144, 227, 0.25) 50.3%, rgba(12, 139, 209, 0.25) 100%) border-box;
	border: 1px solid #fff0;
	border-radius: var(--radius);
	-webkit-border-radius: var(--radius);
	-moz-border-radius: var(--radius);
	-ms-border-radius: var(--radius);
	-o-border-radius: var(--radius);
	overflow: hidden;
}

.form-grid-wrapper {
	padding: 38px 32px 28px 44px;
}


.form-step>.section-heading>h2 {
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: -3%;

}

.form-step>.section-heading {
	padding: 38px 28px 32px;

}

.step-label {
	font-size: 12px;
	font-weight: 700;
	color: var(--primary);
	letter-spacing: .02em;
}

.step-heading {
	font-size: 20px;
	font-weight: 700;
	margin: 4px 0 4px;
}

.step-desc {
	font-size: 13px;
	color: var(--muted);
	margin-bottom: 18px;
}

hr {
	border: none;
	border-top: 1px solid var(--border);
	margin: 18px 0;
}

.section-title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 700;
	margin: 20px 0 14px;
}

.section-title:first-of-type {
	margin-top: 0;
}

.section-title img {
	width: 21px;
	height: 21px;

}

.section-title {
	display: flex;
	align-items: center;
	justify-content: start;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-bottom: 18px;
	margin: 32px 0 40px;
}

.section-title>p {
	color: var(--primary);
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -0.2%;
}

.form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 14px 16px;
	margin-bottom: 6px;
}

.form-grid.cols-2 {
	grid-template-columns: 1fr 1fr;
}

.field {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.field label {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2;
	color: rgba(11, 45, 70, 1);
}

.field label .req {
	color: #e0455a;
}

.field input,
.field select {
	font-size: 13px;
	padding: 9px 11px;
	border-radius: var(--radius-s);
	color: var(--text);
	outline: none;
	font-family: inherit;
	background: linear-gradient(#fff 0 0) padding-box, linear-gradient(111.25deg, rgba(132, 148, 245, 0.25) 0.61%, rgba(72, 144, 227, 0.25) 50.3%, rgba(12, 139, 209, 0.25) 100%) border-box;
	border: 1px solid transparent;
	-webkit-border-radius: var(--radius-s);
	-moz-border-radius: var(--radius-s);
	-ms-border-radius: var(--radius-s);
	-o-border-radius: var(--radius-s);
}

.field input::placeholder {
	color: #b7bcc6;
}


.field input:focus,
.field select:focus {
	border-color: #5BB7FB;
	box-shadow: 0 0 0 2px rgba(112, 135, 255, 0.12);
}

.placeholder-panel {
	border: 1px dashed var(--border);
	border-radius: 10px;
	padding: 40px 20px;
	text-align: center;
	color: var(--muted);
	font-size: 13px;
	background: #fafbfc;
}

.review-list {
	border: 1px solid var(--border);
	border-radius: 10px;
	overflow: hidden;
}

.review-row {
	display: flex;
	justify-content: space-between;
	padding: 11px 14px;
	font-size: 13px;
	border-bottom: 1px solid var(--border);
}

.review-row:last-child {
	border-bottom: none;
}

.review-row span:first-child {
	color: var(--muted);
}

.review-row span:last-child {
	font-weight: 600;
}

.actions {
	display: flex;
	justify-content: space-between;
	margin-top: 26px;
	background: #f6f9ff;
	padding: 29px 27px;
}



.btn {
	font-size: 13px;
	font-weight: 600;
	padding: 9px 18px;
	border-radius: 8px;
	cursor: pointer;
	border: 1px solid var(--border);
	background: #fff;
	color: var(--text);
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.btn.primary {
	background: var(--primary);
	border-color: var(--primary);
	color: #fff;
}

.btn:disabled {
	opacity: .45;
	cursor: not-allowed;
}

.btn.primary:hover {
	background: #2f4bdc;
}

.btn:not(.primary):hover {
	background: #f4f5f7;
}

.form-step {
	display: none;
}

.form-step.visible {
	display: block;
}

@media (max-width:680px) {

	.form-nav {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid var(--border);
	}

	.form-nav ul {
		display: flex;
		gap: 8px;
		overflow-x: auto;
	}

	.form-nav li {
		flex-direction: column;
		text-align: center;
		min-width: 90px;
	}

	.step-text span {
		display: none;
	}

	.form-grid {
		grid-template-columns: 1fr;
	}
}