@keyframes bounce {
	0%, 50%, 100% {
		filter: blur(0px);
        -ms-filter: blur(0px);
        -webkit-filter: blur(0px);
		transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
	}
	25% {
		filter: blur(3px);
        -ms-filter: blur(3px);
        -webkit-filter: blur(3px);
		transform: scale(.6);
		-o-transform: scale(.6);
		-ms-transform: scale(.6);
		-moz-transform: scale(.6);
		-webkit-transform: scale(.6);
	}
	75% {
		filter: blur(3px);
        -ms-filter: blur(3px);
        -webkit-filter: blur(3px);
		transform: scale(1.3);
		-o-transform: scale(1.3);
		-ms-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-webkit-transform: scale(1.3);
	}
}
@keyframes grow {
    0%, 100% {
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    50% {
        transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -webkit-transform: scale(1.3);
    }
}
@keyframes slideAndScaleIn {
    0% {
        opacity: 0;
        padding: 5rem 0;
        transform: translateY(1rem);
        -o-transform: translateY(1rem);
        -ms-transform: translateY(1rem);
        -moz-transform: translateY(1rem);
        -webkit-transform: translateY(1rem);
    }
    100% {
        opacity: 1;
        padding: 0rem;
        transform: translateY(0rem);
        -o-transform: translateY(0rem);
        -ms-transform: translateY(0rem);
        -moz-transform: translateY(0rem);
        -webkit-transform: translateY(0rem);
    }
}
:root {
	--white: #ffffff;
	--bone: #f9f9f9;
    --bone2: #efefef;
	--main: #843384;
	--main2: #7D2984;
	--main3: #95469A;
	--main4: #AA64A7;
	--main5: #A962A8;
	--main4_op20: rgba(170, 100, 167, 0.2);
	--main4_op50: rgba(170, 100, 167, 0.5);
    --black1: #231F20;
    --sky: #E3EEF9;
    --sky2: #D3DEEB;
    --sky3: #9DABC2;
    --sky4: #7C8EAB;
    --gray: #aaaaaa;
    --gray2: #dddddd;
    --black2:rgb(97, 97, 97);
}
body{
    height: 100%;
    font-size: 12px;
    overflow-y: auto;
    line-height: 1.25;
    overflow-x: hidden;
}
.grecaptcha-badge {
    right: -300px !important;
}
.all-transition-300ms{
    transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    -ms-transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
    -webkit-transition: all .3s ease-in-out !important;
}
.dtnd-animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
.dtnd-slide-in {
    animation-name: slideAndScaleIn;
    -webkit-animation-name: slideAndScaleIn;
}
#loader{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    position: fixed;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,1);
}
#loader .circle {
	width: 30px;
	height: 30px;
	margin: 0 25px;
	border-radius: 100%;
	animation: bounce 1.5s 0.5s linear infinite;
	background-image: linear-gradient(145deg, rgba(255,255,255,0.5) 0%, rgba(0,0,0,0) 100%);
}
#loader .circle:first-child {
	background-color: var(--main);
}
#loader .circle:nth-child(2) {
	animation-delay: 0.1s;
	background-color: var(--main2);
}
#loader .circle:nth-child(3) {
	animation-delay: 0.2s;
	background-color: var(--main3);
}
#loader .circle:last-child {
	animation-delay: 0.3s;
	background-color: var(--main4);
}