body {
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}

.col-red {
	color: var(--e-global-color-secondary);
}

.col-blu {
	color: var(--e-global-color-primary);
}

/* common star */
.animated-sec {
	position: relative;
	width: 100%;
	height: 700px;
	overflow: hidden;
}

.animated-sec.new {
	height: 300px;
}

.star {
	position: absolute;
	width: 120px;
	height: 120px;
	background: url('https://newyorkexamhelp.com/wp-content/uploads/2026/01/light.png') no-repeat center;
	background-size: contain;
	opacity: 0;
	animation: blink 1s infinite ease-in-out;
}

/* star positions */
.star.one {
	left: 0%;
	top: 40%;
	animation-delay: 0s;
}

.star.two {
	right: 0%;
	top: 0%;
	animation-delay: 0.8s;
}

.star.three {
	left: 45%;
	bottom: 5%;
	transform: translateX(-50%);
	animation-delay: 1.6s;
}

.star.one.new {
	left: 5%;
	top: 0%;
}

.star.two.new {
	right: 10%;
	top: 5%;
}

.star.three.new {
	left: 20%;
	bottom: 15%;
}

/* blink animation */
@keyframes blink {
	0% {
		opacity: 0;
		transform: scale(0.6);
	}

	40% {
		opacity: 1;
		transform: scale(1);
	}

	70% {
		opacity: 0.8;
		transform: scale(0.9);
	}

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

.header-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
	width: 100%;
	color: #000;
	border: none !important;
	border-radius: 10px;
	background-color: #f1b82d;
	padding: 10px;
}

.header-form span.wpcf7-spinner {
	position: absolute;
	right: 0;
}

.header-form input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
	background-color: var(--e-global-color-primary);
	color: #fff !important;
}

.elementor-accordion-item {
	margin-bottom: 10px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
}

.elementor-accordion-item .elementor-tab-title,
.elementor-accordion-item .elementor-tab-content {
	border-radius: 10px;
}

/* slider css  */
.relative.max-w-4xl {
	gap: 60px;
	align-items: center;
}

/* ===== LEFT : IMAGE CARD ===== */
.relative.overflow-hidden.rounded-2xl {

	position: relative;
}

/* IMAGE AREA */
.relative.h-96 {
	height: 560px;
	overflow: hidden;
}

.relative.h-96 img {
	object-fit: cover;
}

/* ===== ARROWS LEFT ===== */
button[aria-label="Previous slide"],
button[aria-label="Next slide"] {
	position: absolute;
	top: 5%;
	padding: 0;
	left: 0;
	width: 35px;
	background: #fff;
	height: 35px;
	border-radius: 50%;
	border: none;
	cursor: pointer;
}

button[aria-label="Previous slide"] {
	left: 20px;
}

button[aria-label="Next slide"] {
	left: 70px;
}

button svg {
	width: 20px;
	height: 20px;
}

/* ===== RIGHT SIDE ===== */
.flex {
	display: flex;
	gap: 5px;
}

.flex.justify-center,
.mt-8 {
	width: 630px;
	position: absolute;
	right: 0;
	bottom: 15%;
}

/* ===== TEXT BOX ===== */
.flex.justify-center {
	justify-content: flex-start;
	margin-bottom: 20px;
}

/* ===== COUNTER ===== */
.numbers-count {
	/*position: static;*/
	display: inline-block;
	margin: 20px 0;
	padding: 5px 20px;
	border: 1px solid #0b3c88;
	color: #333333;
	background: transparent;
	font-weight: 600;
	border-radius: 50px;
	/*width: 80px;*/
	text-align: center;
}

button.slide-btns {
	display: flex;
	width: 14%;
	align-items: center;
	padding: 8px;
	border: 1px solid transparent;
	/* object-fit: cover; */
	background: transparent;
	/*     height: 80px; */
}

.slide-img {
	width: 70px;
	height: 70px;
	border-radius: 5px;
	/*object-fit:cover;*/
}

.flex.justify-center button {
	display: none;
}

/* ===== THUMBNAILS ===== */
/* .mt-8 .flex{
  gap:14px;
} */

/* ACTIVE THUMB */
.border-blue-600 {
	border-color: #0b3c88 !important;
}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px) {
	.relative.max-w-4xl {
		flex-direction: column;
	}

	.flex.justify-center,
	.mt-8 {
		width: 100%;
		width: 580px;
	}

}

@media (max-width:767px) {

	.review .elementor-image-box-wrapper {
		display: flex;
		align-items: center;
	}

	.relative.h-96 {
		height: 100%;
		/*     overflow: hidden; */
	}

	.flex.justify-center,
	.mt-8 {
		width: 100%;
		/* 		bottom:0; */
		position: relative;
	}

	button[aria-label="Previous slide"],
	button[aria-label="Next slide"] {
		position: absolute;
		top: -5%;
	}

	button.slide-btns {
		padding: 5px;
		width: 20%;
	}

	.flex {
		display: flex;
		flex-wrap: wrap;
		gap: 0px !important;
	}

	button[aria-label="Previous slide"] {
		left: 35%;
	}

	button[aria-label="Next slide"] {
		left: 55%;
	}
}