.cssload-loading {
	position: absolute;
	left: 50%;
	width: 19px;
	height: 19px;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	top: 50%;
}
.loader_wrapper2 {
    position: absolute;
    /* top: 50%; */
    /* left: 50%; */
    width: 100%;
    height: 100%;
    background: #ffffff73;
    z-index: 999;
    display: flex;
    place-content: center;
    align-items: center;
    top: 0;
    left: 0;
}
.loader_wrapper3 {
    position: absolute;
    /* left: 50%; */
    /* width: 19px; */
    /* height: 19px; */
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    top: 5%;
}
.input_box_loader {
    background: transparent !important;
    /* width: 20px !important; */
    /* height: 20px !important; */
    transform: scale(.2) !important;
    right: 8px !important;
    left: initial !important;
    float: right;
    width: 20px;
    height: 30px;
}
@keyframes global_lighting {
    from{
        opacity: 0;
        }
    to{
        opacity: 1;
       }
}

.global_lighting_animation {
    animation-name: global_lighting;
    animation-duration: .5s;
    opacity: 0;
}
.loader_wrapper {
    z-index: 99999;
    background: #1A2035;
    width: 100%;
    height: 100vh;
    display: flex;
    place-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
}
.cssload-loading .cssload-dot {
	position: absolute;
	border-radius: 50%;
	left: 1px;
	top: 1px;
	width: 18px;
	height: 18px;
	background: var(--success);
	animation: cssload-spin 2.88s 0s infinite both;
		-o-animation: cssload-spin 2.88s 0s infinite both;
		-ms-animation: cssload-spin 2.88s 0s infinite both;
		-webkit-animation: cssload-spin 2.88s 0s infinite both;
		-moz-animation: cssload-spin 2.88s 0s infinite both;
}
.cssload-loading .cssload-dot2 {
	position: absolute;
	border-radius: 50%;
	width: 19px;
	height: 19px;
	background: var(--success);
	animation: cssload-spin2 2.88s 0s infinite both;
	-o-animation: cssload-spin2 2.88s 0s infinite both;
	-ms-animation: cssload-spin2 2.88s 0s infinite both;
	-webkit-animation: cssload-spin2 2.88s 0s infinite both;
	-moz-animation: cssload-spin2 2.88s 0s infinite both;
}




@keyframes cssload-spin {
	0%, 100% {
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 rgb(2,138,115), 0 0 0 rgb(2,138,115), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
	50% {
		transform: rotate(180deg);
	}
	25%, 75% {
		box-shadow: 27px 0 0 var(--success), -27px 0 0 var(--success), 0 27px 0 var(--success), 0 -27px 0 var(--success), 19px -19px 0 var(--success), 19px 19px 0 var(--success), -19px -19px 0 var(--success), -19px 19px 0 var(--success);
	}
	100% {
		transform: rotate(360deg);
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
}

@-o-keyframes cssload-spin {
	0%, 100% {
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 rgb(2,138,115), 0 0 0 rgb(2,138,115), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
	50% {
		-o-transform: rotate(180deg);
	}
	25%, 75% {
		box-shadow: 27px 0 0 var(--success), -27px 0 0 var(--success), 0 27px 0 var(--success), 0 -27px 0 var(--success), 19px -19px 0 var(--success), 19px 19px 0 var(--success), -19px -19px 0 var(--success), -19px 19px 0 var(--success);
	}
	100% {
		-o-transform: rotate(360deg);
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
}

@-ms-keyframes cssload-spin {
	0%, 100% {
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 rgb(2,138,115), 0 0 0 rgb(2,138,115), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
	50% {
		-ms-transform: rotate(180deg);
	}
	25%, 75% {
		box-shadow: 27px 0 0 var(--success), -27px 0 0 var(--success), 0 27px 0 var(--success), 0 -27px 0 var(--success), 19px -19px 0 var(--success), 19px 19px 0 var(--success), -19px -19px 0 var(--success), -19px 19px 0 var(--success);
	}
	100% {
		-ms-transform: rotate(360deg);
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
}

@-webkit-keyframes cssload-spin {
	0%, 100% {
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 rgb(2,138,115), 0 0 0 rgb(2,138,115), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
	50% {
		-webkit-transform: rotate(180deg);
	}
	25%, 75% {
		box-shadow: 27px 0 0 var(--success), -27px 0 0 var(--success), 0 27px 0 var(--success), 0 -27px 0 var(--success), 19px -19px 0 var(--success), 19px 19px 0 var(--success), -19px -19px 0 var(--success), -19px 19px 0 var(--success);
	}
	100% {
		-webkit-transform: rotate(360deg);
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
}

@-moz-keyframes cssload-spin {
	0%, 100% {
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 rgb(2,138,115), 0 0 0 rgb(2,138,115), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
	50% {
		-moz-transform: rotate(180deg);
	}
	25%, 75% {
		box-shadow: 27px 0 0 var(--success), -27px 0 0 var(--success), 0 27px 0 var(--success), 0 -27px 0 var(--success), 19px -19px 0 var(--success), 19px 19px 0 var(--success), -19px -19px 0 var(--success), -19px 19px 0 var(--success);
	}
	100% {
		-moz-transform: rotate(360deg);
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
}

@keyframes cssload-spin2 {
	0%, 100% {
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
	50% {
		transform: rotate(-180deg);
	}
	25%, 75% {
		box-shadow: 51px 0 0 var(--success), -51px 0 0 var(--success), 0 51px 0 var(--success), 0 -51px 0 var(--success), 37px -37px 0 var(--success), 37px 37px 0 var(--success), -37px -37px 0 var(--success), -37px 37px 0 var(--success);
		background: transparent;
	}
	100% {
		transform: rotate(-360deg);
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
}

@-o-keyframes cssload-spin2 {
	0%, 100% {
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
	50% {
		-o-transform: rotate(-180deg);
	}
	25%, 75% {
		box-shadow: 51px 0 0 var(--success), -51px 0 0 var(--success), 0 51px 0 var(--success), 0 -51px 0 var(--success), 37px -37px 0 var(--success), 37px 37px 0 var(--success), -37px -37px 0 var(--success), -37px 37px 0 var(--success);
		background: transparent;
	}
	100% {
		-o-transform: rotate(-360deg);
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
}

@-ms-keyframes cssload-spin2 {
	0%, 100% {
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
	50% {
		-ms-transform: rotate(-180deg);
	}
	25%, 75% {
		box-shadow: 51px 0 0 var(--success), -51px 0 0 var(--success), 0 51px 0 var(--success), 0 -51px 0 var(--success), 37px -37px 0 var(--success), 37px 37px 0 var(--success), -37px -37px 0 var(--success), -37px 37px 0 var(--success);
		background: transparent;
	}
	100% {
		-ms-transform: rotate(-360deg);
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
}

@-webkit-keyframes cssload-spin2 {
	0%, 100% {
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
	50% {
		-webkit-transform: rotate(-180deg);
	}
	25%, 75% {
		box-shadow: 51px 0 0 var(--success), -51px 0 0 var(--success), 0 51px 0 var(--success), 0 -51px 0 var(--success), 37px -37px 0 var(--success), 37px 37px 0 var(--success), -37px -37px 0 var(--success), -37px 37px 0 var(--success);
		background: transparent;
	}
	100% {
		-webkit-transform: rotate(-360deg);
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
}

@-moz-keyframes cssload-spin2 {
	0%, 100% {
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
	50% {
		-moz-transform: rotate(-180deg);
	}
	25%, 75% {
		box-shadow: 51px 0 0 var(--success), -51px 0 0 var(--success), 0 51px 0 var(--success), 0 -51px 0 var(--success), 37px -37px 0 var(--success), 37px 37px 0 var(--success), -37px -37px 0 var(--success), -37px 37px 0 var(--success);
		background: transparent;
	}
	100% {
		-moz-transform: rotate(-360deg);
		box-shadow: 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success), 0 0 0 var(--success);
	}
}