@charset "utf-8";
*{margin:0;font-family:Arial, Helvetica, sans-serif;box-sizing:border-box;}
ul li{list-style:none}
.buy-smile-site-header{width:100%;min-height:76px;padding:16px 32px;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #edf2f7;}
.buy-smile-site-logo{display:inline-flex;align-items:center;justify-content:center;}
.buy-smile-site-logo img{display:block;max-width:260px;max-height:44px;width:auto;height:auto;}
.buy-smile-site-footer{clear:both;width:100%;padding:14px 24px;background:#f7fbff;border-top:1px solid #edf2f7;text-align:center;color:#607086;font-size:13px;}
.buy-smile-site-footer p{margin:0;}
.main-div{width: 100%;float: left;text-align: right;min-height:calc(100vh - 126px);background:#fff;overflow:hidden;position:relative;padding:24px;display:flex;align-items:center;justify-content:center;}
.main-div:before{content:none;}
.main-div:after{content:none;}
.image-div{width:448px;max-width:50%;float:left;height:560px;min-height:560px;background:#07599f;background-image:none;background-size:cover;background-position:center;position:relative;z-index:1;border:0;border-radius:24px 0 0 24px;overflow:hidden;text-align:left;padding:40px;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 24px 60px rgba(16,54,101,.18);}
.image-div:before{content:'\f004  CHANGE A LIFE';font-family:FontAwesome, Arial, Helvetica, sans-serif;color:#acd3ff;font-size:14px;font-weight:700;letter-spacing:4px;line-height:1;white-space:pre;}
.image-div:after{content:'Make a\A Difference\A Today';white-space:pre;color:#fff;font-family:Georgia, 'Times New Roman', serif;font-size:35px;font-style:italic;line-height:1.15;margin-top:72px;}
.logo{width:35%;float:left}
.form-buy-smile{width:448px;max-width:50%;padding:40px;display: inline-block;background-color:#fff;height:560px;min-height:560px;float:right;overflow:hidden;position:relative;z-index:1;border:0;border-radius:0 24px 24px 0;text-align:left;box-shadow:0 24px 60px rgba(16,54,101,.18);}
.steps{position:absolute;left:40px;right:40px;bottom:40px;width:auto;z-index:4;}
.steps:before{content:'Your generosity transforms communities and brings hope to those who need it most.';white-space:normal;color:#b9d8ff;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.6;position:absolute;left:0;right:0;bottom:142px;text-align:left;}
.steps:after{content:'Step 1 of 2 — Choose your donation amount';display:block;color:#9bc8fb;font-size:12px;font-weight:400;margin-top:24px;}
.steps ul{width:100%;margin:0px auto;display:flex;align-items:center;counter-reset:step;list-style-type:none;padding: 0;}
.steps ul li{width:100%;float:left;text-align:center;position:relative;}
.steps ul li:before{content: counter(step);counter-increment:step;font-size:14px;font-weight:700;border-radius:100%;background-color:#4b90d5;color:#b7d5fb;width:40px;height:40px;justify-content:center;display:flex;margin:0 auto;align-items: center;position:relative;z-index:2;border:2px solid rgba(181,213,251,.55);}
.steps ul li:after{content:'';width:100%;height:1px;background-color:rgba(157,202,255,.34);z-index:1;position:absolute;top:20px;left:0;transform: translateY(-50%);}
.steps ul li:before{box-shadow:0 0 0 0 rgba(8,127,255,.15);}
.steps ul li span:after{content:'Details';position:absolute;top:32px;left:0;right:0;color:#94bdec;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:400;}
.steps ul li:first-child span:after{content:'Amount';color:#fff;}
.step-complete i{font-size:20px;color:#fff;font-weight:500;visibility:hidden;}
.step-complete{position: absolute;left: 0;right: 0; top: 50%; transform: translateY(-50%);z-index:3;}
.steps ul li.next-step .step-complete i{visibility:visible;}
.steps ul li.next-step:before{background-color:#087fff;color: #087fff;}
.buy-smile{display: inline-block;width: 100%;}
.step-1{text-align:center;width:100%;margin: 0;}
.step-2{display:none;margin:0;}
.amounts{display:flex;justify-content:space-between;gap:12px;width:100%;}
.amounts .amount-div:first-child{margin-left:0 !important;}
.steps ul li.next-step:after{background-color:#087fff;}
.amount-div{float:left;margin-left:0;position:relative;flex:1;}
.amount{background-color: #fff;border: 2px solid #c4e1ff;color: #087fff;width:100%;display: inline-block;text-align: center;line-height: 44px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;padding:0;appearance:none;-webkit-appearance:none;}
.amount.active{color:#fff;border-color:#087fff;background:#087fff;box-shadow:0 18px 28px rgba(8,127,255,.22);}
#form-smile .form-control{border:0;border-radius:0;padding: 5px;border-bottom: 2px solid #a0a0a0; box-shadow: none;height: 45px;width: 100%;}
#form-smile .form-control:focus{border-color:#087fff!important;border-radius:0;outline:none;}
#form-smile .step-1>.form-input .form-control{border:2px solid #cbe6ff;border-radius:12px;padding: 5px 16px 5px 36px;height: 56px;background:#f1f8ff;color:#003f7b;font-size:18px;font-weight:700;}
#form-smile .step-1>.form-input .form-control:focus{border-color:#087fff!important;border-radius:12px;}
#amount-input::placeholder{color:#c9ced7;font-weight:700;}
button:focus{border-color:#087fff!important;border-radius:26px;outline:#087fff;}
#form-smile .form-input{text-align: left;margin-top: 24px;flex: 1;padding-right: 0;position:relative;}
#form-smile .step-1>.form-input:before{content:'$';position:absolute;left:16px;top:206px;color:#087fff;font-size:18px;font-weight:700;z-index:2;}
#form-smile .form-input label{font-size: 18px;color: #009ee3;width: 100%;float: left;}
#form-smile .step-1>.form-input label{position:absolute;opacity:0;pointer-events:none;}
#form-smile .step-2 .form-header{margin:0 0 22px;}
#form-smile .step-2 .form-header h2{font-size:30px;margin:0;}
#form-smile .step-2 .field-row{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;width:100%;}
#form-smile .step-2 .field-row:has(.email),
#form-smile .step-2 .field-row:last-of-type{grid-template-columns:1fr;}
#form-smile .step-2 .form-input{margin:0 0 18px;padding:0;min-width:0;}
#form-smile.custom-field-scope .step-2 .custom-field{position:relative;border:0 !important;border-radius:0 !important;box-shadow:none !important;outline:0 !important;}
#form-smile.custom-field-scope .step-2 .custom-field label:not(.error-msg){position:absolute;top:50% !important;left:14px;width:auto;max-width:calc(100% - 28px);padding:0;margin:0;background:transparent;color:#8f98a6;font-size:15px;font-weight:500;line-height:1.2;z-index:2;transform:translateY(-50%) !important;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:top .15s ease, transform .15s ease, color .15s ease, font-size .15s ease, background-color .15s ease, padding .15s ease;}
#form-smile.custom-field-scope .step-2 .custom-field .form-control{height:48px;border:2px solid #cbd2dc;border-radius:8px;padding:12px 14px;background:#fff;box-shadow:none;color:#3f4651;font-size:15px;font-weight:500;}
#form-smile.custom-field-scope .step-2 .custom-field .form-control:focus{border-color:#087fff !important;box-shadow:none;outline:none;}
#form-smile.custom-field-scope .step-2 .custom-field:focus-within label:not(.error-msg),
#form-smile.custom-field-scope .step-2 .custom-field.has-value label:not(.error-msg){top:-8px !important;padding:0 7px;background:#fff;font-size:14px;transform:none !important;}
#form-smile.custom-field-scope .step-2 .custom-field:focus-within label:not(.error-msg){color:#087fff;}
#form-smile.custom-field-scope .step-2 .custom-field.has-value label:not(.error-msg){color:#6f7885;}
#form-smile.custom-field-scope .step-2 .custom-field select.form-control{appearance:auto;padding-right:28px;}
#form-smile.custom-field-scope .step-2 .custom-field .select-option-field{width:100%;float:none;}
#form-smile.custom-field-scope .step-2 .custom-field .error-msg{position:absolute;left:0;top:50px;font-size:11px;line-height:1.1;margin:0;}
.star{color:red}
.buttons{width:100%;float:left;text-align:left;margin-top:18px;}
.button{padding:15px 16px;background-color:#087fff;color:#fff;box-shadow:0 8px 25px rgba(0,127,255,.4);border:0;float:left;font-size:16px;font-weight:700;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.button svg{width:18px;height:18px;flex:0 0 auto;}
.buttons .prev{width:48%;}
.buttons .next{float:right}
.buttons .next{width:38%;}
.steps ul li.active:before{background-color:#087fff !important;color:#fff;border-color:#087fff;}
.steps ul li.active:after{background-color:#087fff;}
.field-row{display:flex; flex-wrap:wrap;width:100%;}
.step-1 .field-row{align-items:center;justify-content:space-between;background:#f0f7ff;border-radius:12px;padding:12px 16px;margin-top:24px;}
.step-1 .field-row label{font-size:14px;color:#707b8f;font-weight:400;margin:0;}
.step-1 .field-row strong{font-family:Georgia, 'Times New Roman', serif;font-size:18px;color:#003f7b;font-weight:400;}
.error-msg{font-size:14px;color:red;width:100%;float:left;text-align:left;display:none;}
.error-msg.show{display: block;}
.or{position:relative;top: 0;width:100%;float:left;margin-top:24px;}
.or hr{width: 80%;margin: 50px auto 50px;}
.text-or{background-color: #fff;width:auto;text-transform: none; color: #9ba3b2;font-weight: 400;border-radius:0;height:20px;justify-content: center;display: flex;margin: 0 auto;align-items: center;position: relative;z-index: 2;font-size:12px;padding:0 12px;}
.form-header{width:100%;float:left;text-align:left;color:#003f7b;font-size:18px;font-style: italic;margin:0 0 32px;}
.form-header h2{font-family:Georgia, 'Times New Roman', serif;font-size:29px;font-style:italic;font-weight:400;color:#003f7b;margin:0 0 4px;}
.form-header p{font-size:14px;font-style:normal;font-weight:400;color:#9ba3b2;margin:0;}
.head-amount{padding: 0;background-color: transparent;width:100%;float:left;}
label{font-weight:700;}
.or:after{content:'';width:100%;height:2px;background-color:#d4eaff;z-index:1;position:absolute;top:50%;left:0;transform: translateY(-50%);right: 0;margin: 0 auto;}

.select-option-input{border:0;padding: 5px;border-bottom: 2px solid #a0a0a0; box-shadow: none;height: 45px;width: 100%;}
.select-option-input:focus{border-color:#ffb100 !important;border-radius:0;outline:none;}
.select-option-field{width:100%;float:left;position:relative}
.select-option-wrapper{width: 100%;float: left;border:1px solid #e6e6e6;position: absolute;left: 0;top:100%;background: #fff;z-index: 2;border-bottom:0;border-top:0;display: none;max-height: 300px;overflow-y: auto;box-shadow: 2px 1px 5px 1px rgba(117, 114, 114, 0.2);margin:0;padding:0;}
.select-option-wrapper .option{width: 100%;float: left;padding:12px 12px 12px 19px; border-bottom:1px solid #e6e6e6;cursor: pointer;word-break: break-all;line-height: 20px;}
.select-option-wrapper .option:hover{background: #f5f2f2;}

/*Responsive*/
@media only screen and (max-width: 800px){
	.buy-smile-site-header{min-height:68px;padding:14px 20px;}
	.buy-smile-site-logo img{max-width:220px;max-height:40px;}
	.main-div{display:block;padding:16px;overflow:auto;}
	.image-div{height:auto;min-height:420px;background-size: cover;background-position: top;width:100%;border-radius:28px 28px 0 0;border-right:0;padding:48px 32px;}
	.image-div:after{font-size:48px;margin-top:56px;}
	.steps:before{position:relative;bottom:auto;display:block;font-size:18px;margin-bottom:28px;}
	.form-buy-smile{width: 100%;height:auto;min-height:0;border-radius:0 0 28px 28px;border-left:0;padding:48px 32px;}
	.steps{position:relative;left:auto;bottom:auto;width:100%;margin-top:34px;}
}
@media only screen and (max-width: 480px){
	.buy-smile-site-header{min-height:62px;}
	.buy-smile-site-logo img{max-width:190px;max-height:36px;}
	.buy-smile-site-footer{font-size:12px;padding:12px 16px;}
	.form-buy-smile{height: auto;overflow: visible;}	
	.form-input{flex: inherit;width: 100%;}
	.image-div{height: auto;}
	.image-div:before{font-size:20px;letter-spacing:5px;}
	.image-div:after{font-size:38px;}
	.steps:before{font-size:16px;}
	.form-header h2{font-size:42px;}
	.form-header p{font-size:20px;}
	.amounts{gap:12px;}
	.amount{line-height:62px;font-size:20px;border-radius:18px;}
	#form-smile .step-1>.form-input .form-control{height:82px;font-size:24px;border-radius:18px;padding-left:54px;}
	#form-smile .step-1>.form-input:before{top:35px;left:24px;font-size:30px;}
	.text-or{font-size:18px;}
	.step-1 .field-row{padding:24px 22px;margin-top:40px;}
	.step-1 .field-row label{font-size:20px;}
	.step-1 .field-row strong{font-size:28px;}
	.button{font-size:24px;border-radius:18px;}
	.or{margin-bottom:15px;}
}
@media only screen and (max-width: 400px){
	.image-div{height:auto}
	.form-buy-smile{padding:20px;}
	.head-amount {padding:0;width:100%;float:left}
	.amounts{display:flex;flex-wrap:wrap;justify-content:space-between;width: 100%;}
	.amount-div{margin-left:0;margin-bottom:12px;flex:0 0 calc(50% - 6px);}
	
}
/*Responsive*/
.text-right{text-align: right;}
/* payment option css */
.payment-opiton-modal{overflow-x:hidden;}
.payment-opiton-modal .modal-lg{width: 85% !important;max-width: 100%;margin: 2rem auto;top:0 !important;}
.payment-opiton-modal .modal-header{display:block !important;}
.payment-option-modal .modal-content .modal-body{margin-top:0 !important;position:relative;padding:15px !important;}
.full{width: 100%;display: inline-block;position: relative;}
.section-heading{font-size: 26px;font-weight: 700;margin-bottom: 15px;padding-bottom: 6px;position: relative;display: inline-block;color:#090909 !important}
.section-heading:before{content: '';position: absolute;left: 0;top: 100%;width: 25%;height: 5px;background: var(--pc)}
.section-heading:after{content: '';position: absolute;right: 0px;top: 100%;width: 70%;height: 5px;background: var(--pc)}
.payment-option-wrapper{width:100%;display: flex; flex-wrap: wrap;/* margin: 45px auto; padding: 30px;box-shadow: 0 0 5px 4px rgba(240, 240, 240, 0.3)*/}


.tab-wrapper{width: 100%;display: flex;flex-wrap: wrap;margin-top: 20px;}

@media(max-width: 480px){
	.section-heading{font-size: 20px;}
} 


/* include common css here */
.checkbox input[type=checkbox]:checked + .checkbox-material .check{background-color: #9c27b0;}
.checkbox{padding-left:5px;margin-top:2px;margin-bottom:2px !important;}
.bdr-rgt {border-right: solid 4px #cfcfcf;}
.form-control:invalid {
    background-image: linear-gradient(to top, #9c27b0 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

.sidebar{ background:url(../../static/img/sidebar-1.jpg); background-attachment:fixed;}

.sidebar-wrapper li:before{
  position: relative;
  top:15px;
  font-weight: bold;
  float:right;
}
.sidebar-wrapper li.tick:before {
  content: "\2713";
  color: #ab47bc;
}
.sidebar-wrapper li.cross:before {
  content: "\2717";
  color: crimson;
}
a.disabled {
   pointer-events: none;
   cursor: default;
}

.uploaded-lab{top:-40px !important;}
/*  */
.sucess{color:#fff !important;}

/*================= Status active inactive Auditor =================*/
.status-ac{color:#090;}
.status-in{color:#F00;}
/*================= Status active inactive Auditor =================*/

/*Star*/
.cont {width: 93%;max-width: 350px; text-align: center;margin: 4% auto;padding: 30px 0; background: #111;color: #EEE; border-radius: 5px; border: thin solid #444; overflow: hidden;}
div.stars { width: 270px; display: inline-block;float:right;}
input.star { display: none; }
label.star {float: right; padding: 10px; font-size: 20px; color: #444; transition: all .2s;}
input.star:checked ~ label.star:before { content: '\f005'; color: #F62; transition: all .25s;}
input.star-5:checked ~ label.star:before { color: #F62; text-shadow: 0 0 20px #952;}
input.star-1:checked ~ label.star:before { color: #F62; }
label.star:hover { transform: rotate(-15deg) scale(1.3); }
label.star:before { content: '\f006'; font-family: FontAwesome;}
label.star.active, input.star.active{ color:#F62}
.main-panel>.content {margin-top:10px; !important;}
.label-error{background:red !important;height:1px;margin-top:-9px;}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 2px;
    color: #fff;
    text-align: center;
    background-color: green;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    margin-top:-9px !important;
}
.progress-bar{overflow:hidden;color:green}

.wrapper { height:auto;}

#statusMessage.modal-body{
	margin: 0 auto;
	padding-top: 10px;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	margin-top:0 !important;
}

.cookies {
	position: fixed;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	height: auto;
	text-align: center;
	z-index: 99999 !important;
	bottom: 0;
	padding:10px 0;
}

.cookies p {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 15px 0;
	margin: 0 auto;
	display:inline-block;
}

.cookies p strong {
	font-size: 16px;
	font-weight: normal;
	line-height: 24px
}

.cookies p a {
	background: var(--pc);
	padding: 10px;
	transition: all 0.3s;
	border: solid 1px #fff;
	border-radius:50px;
	color:#fff;
	display:inline-block;
}

.cookies p a:hover {
	background: #fff;
	padding: 10px;
	color: var(--pc);
	border: solid 1px #077fff
}

.cookies .cks-cls {
	float: right;
	position: absolute;
	right: 80px;
	text-decoration: none;
	color: #000;
	top: 15px;
	border: solid 1px #cfcfcf;
	padding: 3px 7px;
	border-radius: 50%;
	background: #cfcfcf;
	cursor: pointer;
	transition: all 0.3s;
}

.cookies .cks-cls:hover {
	background: purple;
	color: #fff;
}



/* LOADER */
.loader-bg{ background:rgba(0,0,0,0.5); width:100%; height:100%; min-height:100%; z-index: 9999; left: 0; top: 0; position: fixed;}
.loader{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 150px;height: 150px;background: transparent;border: 3px solid #fff;border-radius: 50%;text-align: center;line-height: 150px;font-family: sans-serif;font-size: 20px;color: #fff;letter-spacing:4px;text-transform: uppercase;box-shadow: 0 0 10px rgba(0,159,255,0.3);}
.loader:before {content: '';position: absolute;top: -3px;left: -3px;width: 100%;height: 100%;border: 3px solid transparent;border-top: 3px solid #009fff;border-right: 3px solid #009fff;border-radius: 50%;animation: animateCircle 2s linear infinite;}
.loader span {display: block;position: absolute;top: calc(50% - 2px);left: 50%;width: 50%;height: 4px;background: transparent;transform-origin:left;animation: animate 2s linear infinite;}
.loader span:before {content:'';position: absolute;width: 16px;height: 16px;border-radius: 50%;background-color: #009fff;top: -6px;right: -8px;box-shadow: 0 0 20px #009fff;}

@keyframes animateCircle
{
	0%
	{
		transform: rotate(0deg);
	}
	100%
	{
		transform: rotate(360deg);
	}
}
@keyframes animate
{
	0%
	{
		transform: rotate(45deg);
	}
	100%
	{
		transform: rotate(405deg);
	}
}

.loader-style.hide-loader{display: none !important;}
.loader-style{height: 100svh;width: 100vw;position: fixed;top: 0;right: 0;background-color: #00000055;display: flex;align-items: center;justify-content: center;z-index: 99999999;}
.loader-style:after{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index:-1}
.loader-style .ball-rotate>div:before, .loader-style .ball-rotate>div:after{background: #fff !important}
.loader-style p{color:#fff;font-size: 20px;letter-spacing: 0.5px;position: absolute;top:52%;transform: translateY(-52%);left:0;right: 0;margin:25px 0;text-align: center;}
.new-loader-2024{max-width:200px;width: 100%;}

.stu-upload{background:var(--pc); padding:5px 6px; color:#fff; border-radius:20px; overflow:hidden;float:left;margin-right:5px;width:30px;}
.stu-upload input{opacity:0; background:none; width:15px; z-index:1; position:absolute; overflow:hidden;}
.stu-view{background:green;padding:5px 6px;color:#fff;border-radius:25px;width:30px;float:left;margin-right:5px;padding:4px;}
.stu-delete{background:red;padding:5px 6px;color:#fff;border-radius:20px;float:left;width:30px;padding:4px;}

.tooltip{ font-size:14px;}


/* .btn-finish{
		animation: blinkingText 1s infinite;
	} */
.btn-blink{
		animation: blinkingText 1s infinite;
	}
	@keyframes blinkingText{
		0%		{ background: #10c018;}
		25%		{ background: #1056c0;}
		50%		{ background: #ef0a1a;}
		75%		{ background: #254878;}
		100%	{ background: #04a1d5;}
	}


/* .table-responsive{ display:block; width:100%;}
@media only screen and (max-width: 800px){
		.table-responsive{ display:block}
} */

.ck-editor__editable {
    min-height: 200px;
    max-height: 200px;
    min-width: 260px;
}
.ck-editor__top {
    min-width: 260px;
}
/* Modal CSS */
.primary-bg{background-color: var(--pc);}
.white-txt-color{color:#fff}
/* .modal-content{margin-top: 70px !important;}
.modal-header{width: 97% !important; margin: 0 auto !important; border-radius: 0 !important;position:relative !important;top:-25px !important;background-color:#337ab7 !important}
.modal-body{padding-bottom:10px !important;margin-top: -26px !important;}
.modal-header .modal-title{color:#fff !important;} */
.modal-body.delete-modal{margin-top:0 !important;}
/*Scroll Down Style*/
@-webkit-keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@-moz-keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@-ms-keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}

.scroll-down {
  margin: 0;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  position: fixed;
  left: 88%;
  width: 100px;
  height: 100px !important;
  margin-left: -50px;
  margin-top: 0px;
  background: rgba(0, 119, 255, 0.6);}
.scroll-down a {
  display: block;
  opacity: 0;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  line-height: 0;
  font-size: 0;
  color: transparent;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  -moz-background-size: 0 auto;
  -o-background-size: 0 auto;
  -webkit-background-size: 0 auto;
  background-size: 0 auto;
  -webkit-animation: pulse 1.5s 0s infinite normal ease forwards;
  -moz-animation: pulse 1.5s 0s infinite normal ease forwards;
  -o-animation: pulse 1.5s 0s infinite normal ease forwards;
  animation: pulse 1.5s 0s infinite normal ease forwards;
  background-image: url(../img/arrow-down.svg);
  background-repeat: no-repeat;
  cursor:default !important;
}
.scroll-down a:before, .scroll-down a:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/arrow-down.svg) no-repeat center top;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.scroll-down a:before {
  -webkit-animation: pulse 1.5s 0.20s infinite normal ease forwards;
  -moz-animation: pulse 1.5s 0.20s infinite normal ease forwards;
  -o-animation: pulse 1.5s 0.20s infinite normal ease forwards;
  animation: pulse 1.5s 0.20s infinite normal ease forwards;
}
.scroll-down a:after {
  -webkit-animation: pulse 1.5s 0.5s infinite normal ease forwards;
  -moz-animation: pulse 1.5s 0.5s infinite normal ease forwards;
  -o-animation: pulse 1.5s 0.5s infinite normal ease forwards;
  animation: pulse 1.5s 0.5s infinite normal ease forwards;
}
/*Scroll Down Style*/
/* .greenDiv{background:#62ce66 !important;color:#fff!important} */
.greenDiv {
	background: green !important;
	color: #fff !important;
	border-right:solid 1px #fff;
}
/* .greenDiv {
	background: green !important;
	color: #fff !important
}
.greenDiv {
	background: green !important;
	color: #fff !important;
	border-right:solid 1px #fff;
} */

#lms-button::after{content:none !important;}}