body {
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}
/* .u-list ul>li,
.u-list ul>ol{
    margin-bottom: 15px;
} */
.sticky-sec{
	position:sticky;
    top:85px;
}
/* Animation section backgeround */
.animated-sec {
	position: relative;
	width: 100%;
	height: 700px;
	overflow: hidden;
}

/* Common drop styles */
.animated-sec .drop {
	position: absolute;
	border-radius: 50%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	/* constant speed */
	transform-origin: center;
	/* rotate around center */
}

/* Individual drops: size, position, color, duration */
.drop1 {
	left: 2%;
	width: 30px;
	height: 30px;
	background-color: #ff7f246e;
	animation: drop1Move 20s infinite linear;
}

.drop2 {
	left: 20%;
	width: 20px;
	height: 20px;
	background-color: rgba(255, 255, 255, 0.4);
	animation: drop2Move 20s infinite linear;
}

.drop3 {
	left: 35%;
	width: 15px;
	height: 15px;
	background-color: #ff7f246e;
	animation: drop3Move 20s infinite linear;
}

.drop4 {
	left: 55%;
	width: 130px;
	height: 130px;
	background-color: #ff7f246e;
	animation: drop4Move 10s infinite linear;
}

.drop5 {
	right: 2%;
	width: 30px;
	height: 30px;
	background-color: rgba(255, 255, 255, 0.4);
	animation: drop5Move 20s infinite linear;
}

/* Keyframes for synchronized up-down + shape + rotation */

/* Drop1: top 20% → 40% */
@keyframes drop1Move {
	0% {
		top: 20%;
		transform: rotate(0deg);
		border-radius: 50%;
	}

	25% {
		top: 40%;
		transform: rotate(90deg);
		border-radius: 0%;
	}

	50% {
		top: 20%;
		transform: rotate(180deg);
		border-radius: 50%;
	}

	75% {
		top: 40%;
		transform: rotate(270deg);
		border-radius: 0%;
	}

	100% {
		top: 20%;
		transform: rotate(360deg);
		border-radius: 50%;
	}
}

/* Drop2: 5% → 20% */
@keyframes drop2Move {
	0% {
		bottom: 5%;
		transform: rotate(0deg);
		border-radius: 50%;
	}

	25% {
		bottom: 20%;
		transform: rotate(90deg);
		border-radius: 0%;
	}

	50% {
		bottom: 5%;
		transform: rotate(180deg);
		border-radius: 50%;
	}

	75% {
		bottom: 20%;
		transform: rotate(270deg);
		border-radius: 0%;
	}

	100% {
		bottom: 5%;
		transform: rotate(360deg);
		border-radius: 50%;
	}
}

/* Drop3: 30% → 40% → 30% */
@keyframes drop3Move {
	0% {
		bottom: 30%;
		transform: rotate(0deg);
		border-radius: 50%;
	}

	25% {
		bottom: 40%;
		transform: rotate(90deg);
		border-radius: 0%;
	}

	50% {
		bottom: 30%;
		transform: rotate(180deg);
		border-radius: 50%;
	}

	75% {
		bottom: 40%;
		transform: rotate(270deg);
		border-radius: 0%;
	}

	100% {
		bottom: 30%;
		transform: rotate(360deg);
		border-radius: 50%;
	}
}


/* Drop4: 0% → 100% full */
@keyframes drop4Move {
	0% {
		top: 0%;
		transform: rotate(0deg);
		border-radius: 50%;
	}

	25% {
		top: 50%;
		transform: rotate(90deg);
		border-radius: 25%;
	}

	50% {
		top: 85%;
		transform: rotate(180deg);
		border-radius: 0%;
	}

	75% {
		top: 50%;
		transform: rotate(270deg);
		border-radius: 25%;
	}

	100% {
		top: 0%;
		transform: rotate(360deg);
		border-radius: 50%;
	}
}

/* Drop5: 30% → 50% */
@keyframes drop5Move {
	0% {
		top: 30%;
		transform: rotate(0deg);
		border-radius: 50%;
	}

	25% {
		top: 50%;
		transform: rotate(90deg);
		border-radius: 0%;
	}

	50% {
		top: 30%;
		transform: rotate(180deg);
		border-radius: 50%;
	}

	75% {
		top: 50%;
		transform: rotate(270deg);
		border-radius: 0%;
	}

	100% {
		top: 30%;
		transform: rotate(360deg);
		border-radius: 50%;
	}
}

.step-sec {
	position: relative;
	/* required for ::before positioning */
	overflow: hidden;
	/* drop background se bahar na jaye */
}

/* Background drop using ::before */
.step-sec::before {
	right: 2%;
}

.step-sec1::before {
	left: 2%;
}

.step-sec::before,
.step-sec1::before {
	content: '';
	position: absolute;
	top: 30%;
	width: 30px;
	height: 30px;
	background-color: #ff7f246e;
	border-radius: 50%;
	z-index: 0;
	/* background pe rahe */
	animation: stepDropMove 20s infinite linear;
}

.step-sec1::after {
	content: '';
	position: absolute;
	right: 2%;
	/* thoda different position for variety */
	/*bottom: 30%;*/
	width: 30px;
	height: 30px;
	background-color: #ff7f246e;
	border-radius: 50%;
	z-index: 0;
	animation: stepDropMove2 15s infinite linear;
}

.step-sec2::before {
	content: '';
	position: absolute;
	left: 2%;
	width: 30px;
	height: 30px;
	background-color: #ff7f246e;
	border-radius: 50%;
	z-index: 0;
	/* background pe rahe */
	animation: stepDropMove 8s infinite linear;
}

/* Animation */
@keyframes stepDropMove {
	0% {
		top: 15%;
		transform: rotate(0deg);
		border-radius: 50%;
	}

	25% {
		top: 30%;
		transform: rotate(90deg);
		border-radius: 0%;
	}

	50% {
		top: 15%;
		transform: rotate(180deg);
		border-radius: 50%;
	}

	75% {
		top: 30%;
		transform: rotate(270deg);
		border-radius: 0%;
	}

	100% {
		top: 15%;
		transform: rotate(360deg);
		border-radius: 50%;
	}
}

@keyframes stepDropMove2 {
	0% {
		bottom: 15%;
		transform: rotate(0deg);
		border-radius: 50%;
	}

	25% {
		bottom: 30%;
		transform: rotate(90deg);
		border-radius: 0%;
	}

	50% {
		bottom: 15%;
		transform: rotate(180deg);
		border-radius: 50%;
	}

	75% {
		bottom: 30%;
		transform: rotate(270deg);
		border-radius: 0%;
	}

	100% {
		bottom: 15%;
		transform: rotate(360deg);
		border-radius: 50%;
	}
}

/* Animation sec back */
.hor-col:hover {
	transform: scale(1.1);
}

.hor-col:hover img {
	filter: brightness(0) invert(1);

}

.hor-col:hover .hor-img,
.hor-col1:hover .hor-img {
	background-color: #223A5E;
}

.hor-col1:hover img {
	filter: invert(16%) sepia(98%) saturate(6000%) hue-rotate(355deg) brightness(95%) contrast(105%);
}

.border {
	border-right: 1px dashed var(--e-global-color-secondary);
}

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

li#menu-item-1470:before,
.hover-btn:before {
	background: #ff0000;
}

.hover-btn1:before {
	background: #EDF6FF;
}

li#menu-item-1470:before,
.hover-btn:before,
.hover-btn1:before {
	content: "";
	/*     background: #ff0000; */
	width: 0px;
	height: 0px;
	border-radius: 5px;
	position: absolute;
	top: 0;
	right: 0;
	transition: .6s;
}

li#menu-item-1470,
.hover-btn,
.hover-btn1 {
	overflow: hidden;
	/*     border-radius:5px; */
}

li#menu-item-1470:hover:before,
.hover-btn:hover:before,
.hover-btn1:hover:before {
	width: 100%;
	height: 100%;
	z-index: 0;
}

li#menu-item-1470:hover:before,
.hover-btn:hover:before {
	background-color: var(--e-global-color-secondary);
}

.hover-btn1:hover:before {
	background: #EDF6FF;
}

.hover-btn:hover span,
.hover-btn1:hover span {
	position: relative;
	z-index: 2;
	color: #333;
}
li#menu-item-1470 {
	background-color:#223A5E;
}
li#menu-item-1470:hover a{
	position: relative;
	z-index: 2;
/* 	color: #333; */
}

.header-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
	width: 100%;
	color: #fff;
	border: none;
	background-color: transparent;
	font-weight: 500;
}

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

.custom-submit-wrapper p:before {
	content: "";
	background: #ff0000;
	width: 0px;
	height: 0px;
	border-radius: 5px;
	position: absolute;
	top: 0;
	right: 0;
	transition: .6s;
}

.custom-submit-wrapper p {
	position: relative;
	overflow: hidden;
	background-color: var(--e-global-color-primary);
	border-radius: 5px;
}

.custom-submit-wrapper p:hover:before {
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: var(--e-global-color-secondary);
}

.header-form input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
	position: relative;
	z-index: 2;
	color: #333;
}

.header-form input,
.header-form select,
.header-form textarea {
	border: 1px solid #333333 !important;
}

.elementor-accordion-item .elementor-tab-title,
.elementor-accordion-item .elementor-tab-content {
	/* margin-bottom: 10px; */
	border-radius: 5px;
}

.elementor-accordion-item {
	margin-bottom: 10px;
}

.step-col {
	overflow: hidden;
}

@media (max-width:767px) {

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

/* Order Form Css */
.lead-form-wrap {
	box-shadow: 0px 4px 13px 0px #e3e3e3;
	padding: 40px 30px;
}

.lead-form-wrap .col-lg-6 {
	width: 50%;
}

.lead-form-wrap .left-Col {
	padding-right: 10px;
}

.lead-form-wrap .right-Col {
	padding-left: 10px;
}

.lead-form-wrap .inpt-label {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}

.lead-form-wrap .row1 {
	display: flex;
	flex-wrap: wrap;
}

.lead-form-wrap input,
select {
	font-size: 15px;
}

.lead-form-wrap textarea {
	font-size: 15px;
	height: 155px;
	margin-top: -10px;
}

.lead-form-wrap small {
	font-size: 12px;
}

.lead-form-wrap legend {
	font-size: 36px;
	font-weight: 700;
	text-align: center;
}

.lead-form-wrap fieldset {
	padding: 30px 25px 20px 25px;
}

.lead-form-wrap .col-lg-5 fieldset {
	margin-bottom: 30px;
}

.lead-form-wrap .order-now {
	margin-top: 15px;
}

.lead-form-wrap .order-now .Submit-Btn {
	background-color: transparent;
	border: none;
	/*font-size: 18px;*/
	width: 100%;
	/*background: #111111;*/
	/*border: #111111;*/
	/*padding: 12px 0px;*/
	/*border-radius: 15px;*/
	color: #fff;
}

.order-now {
	position: relative;
	overflow: hidden;
	background-color: var(--e-global-color-primary);
	border-radius: 5px;
	width: 100%;
}

.order-now:before {
	content: "";
	background: #ff0000;
	width: 0px;
	height: 0px;
	border-radius: 5px;
	position: absolute;
	top: 0;
	right: 0;
	transition: .6s;
}

.order-now:hover:before {
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: var(--e-global-color-secondary);
}

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

.order-now p {
	padding: 0 !important;
	margin: 0;

}

.Submit-Btn:hover {
	position: relative;
	z-index: 2;
	color: #333;
}

/* form css end */
#star-wrapper {
	display: block;
	margin-bottom: 30px;
	margin-top: 10px;
}

#star-wrapper i {
	color: #ECB600;
	margin-right: 3px;
}
/* carosul css */
.carousel-wrapper {
    width: 100%;
    position: relative;
}

.owl-dots {
    display: flex !important;
    justify-content: center;
    margin-top: 30px !important;
    gap: 10px;
    position: relative;
    z-index: 10;
}

.owl-dot span {
    width: 14px !important;
    height: 14px !important;
    border-radius: 50%;
    background: #223a5e40 !important;
    /*border: 1px solid #ccc !important;*/
    display: block;
    transition: 0.3s;
}

.owl-dot.active span {
   background-color: var(--e-global-color-secondary) !important;
}
.image-box-para p{ 
    height: 130px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 5px; /* scroll ke liye thodi padding optional */
}

/* Webkit Browsers (Chrome, Edge, Safari) */
.image-box-para p::-webkit-scrollbar {
    width: 6px;  /* scrollbar ki width */
}

.image-box-para p::-webkit-scrollbar-track {
    background: #f1f1f1; /* track background */
    border-radius: 3px;
}

.image-box-para p::-webkit-scrollbar-thumb {
    background-color: #888; /* scrollbar thumb color */
    border-radius: 3px;
}

.image-box-para p::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* hover effect */
}

/* Firefox */
.image-box-para p {
    scrollbar-width: thin; /* thin scrollbar */
    scrollbar-color: #888 #f1f1f1; /* thumb color | track color */
}
.height-sec{
	height:290px;
}
.u-list li,
.u-list ol{
	margin-bottom:15px;
}


/* Nav wrapper bottom center */
#myCarousel1 .owl-nav {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 20px;
    z-index: 10;
}

/* Hide default text arrows */
#myCarousel1 .owl-nav button span {
    display: none;
}

/* Arrow button common */
#myCarousel1 .owl-nav button {
    width: 42px;
    height: 42px;
    background-color: transparent !important;
    border: none !important;
    cursor: pointer;
    transition: 0.3s;
}

/* Left arrow */
#myCarousel1 .owl-nav .owl-prev {
    background-image: url("https://onlineexamhelp.la/wp-content/uploads/2026/01/up-arrow.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Right arrow */
#myCarousel1 .owl-nav .owl-next {
    background-image: url("https://onlineexamhelp.la/wp-content/uploads/2026/01/left-a.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Hover effect */
#myCarousel1 .owl-nav button:hover {
    opacity: 0.7;
}
.sticky-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, 0.14) 1px 1px 10px;
}

.flex > div:first-child {
    display: flex;
    flex-direction: row-reverse;
}
.service-col{
	height:335px;
}
.service-col1{
	height:310px;
}
@media (max-width:767px){
    .service-col,
	.service-col1{
		height:335px;
	}
}

/* mobile slider box css start */
/* ===== VIEWPORT ===== */
.slider-viewport {
    overflow: hidden;
    width: 100%;
}

/* ===== MOBILE SLIDER ===== */
@media (max-width: 767px) {
    .services-wrapper {
        display: flex;
        transition: transform 0.4s ease;
        will-change: transform;
    }

    .service-item {
        flex: 0 0 100%;
        box-sizing: border-box;
    }

    /* Arrows as images */
    .slider-nav {
        display: flex;
        justify-content: center;
        margin-top: 10px;
                column-gap: 30px;
    }

    .slider-nav img {
        width: 40px;
        height: 40px;
        cursor: pointer;
        display: block;
    }
}

/* ===== GRID MODE ===== */
@media (min-width: 768px) {
    .services-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        transform: none !important;
    }

    .slider-nav {
        display: none;
    }
}

@media (min-width: 992px) {
    .services-wrapper {
        grid-template-columns: repeat(3, 1fr);
                padding: 20px;
    }
}
/* mobile slider box css end */