// Mixin itself @mixin clearfix() {
 &::after {
 display: block;
 content: "";
 clear: both;
}
}
 // Usage as a mixin .element {
 @include clearfix;
}
body {
	margin: 0;
	font-family: 'Gugi', cursive;
	background-size: cover;
	background-position: right;
	background-image: url(../images/banner-2.jpg);
	color: white !important;
	height: 100% !important;
	min-height: 100% !important;
}
.row {
	display: flow-root;
}
a {
	color: #000;
}
.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: space;
	background-color: #0000003b;
	height: 100%;
	min-height: 100%;
}
.header {
	background-color: #000000a3;
	box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
	position: fixed;
	width: 100%;
	z-index: 3;
}
.header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.header li a {
	display: block;
	padding: 20px 20px;
	text-decoration: none;
	color: white;
}
.closebtn {
	margin-left: 15px;
	color: white;
	font-weight: bold;
	float: right !important;
	font-size: 17px !important;
	line-height: 13px !important;
	cursor: pointer;
	transition: 0.3s;
}
.header li a:hover, .header .menu-btn:hover {
	background-color: #000000a3;
}
.header .logo {
	display: block;
	float: left;
	font-size: 2em;
	padding: 10px 20px;
	text-decoration: none;
}
.row {
	margin-right: -15px;
	margin-left: -15px;
}
 @media only screen and (max-width:2000px) and (min-width:1500px) {
 .selec_style {
 display: block;
 height: 47px !important;
 width: 99.3% !important;
}
 .video_resp {
 height: 480px;
}
 .logo_img {
 width: 110px;
}
.container-fluid {
 height: 100%;
}
.cernter_image {
 width: 100%;
 border-radius: 50%;
 box-shadow: 7px 8px 11px 5px #0000005e;
 margin: 0px 0px 0px 65px;
}
.cernter_div_right {
 width: 80%;
 padding: 0px;
}
.cernter_ifr_left {
 width: 100%;
 padding: 79px 0px 120px 15px;
}
.cernter_div_left {
 width: 80%;
 padding: 80px 80px 120px 0px;
}
.cernter_text {
 width: 100%;
 padding: 50px 0px 80px 0px;
}
.heading {
 padding: 0px 0px 0px 0px;
 font-size: 30px;
}
.mb-30 {
 margin-bottom: 5px !important;
}
.form-control {
 box-shadow: none;
 height: 45px;
 border: 1px solid #eeeeee;
}
.form-group {
 margin: 15px 0px 15px 0px;
}
.form-control {
 display: block;
 width: 100%;
 height: 34px;
 padding: 6px 12px;
 font-size: 14px;
 line-height: 1.42857143;
 color: #555;
 background-color: #fff;
 background-image: none;
 border: 1px solid #ccc;
 border-radius: 4px;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
button, input, select, textarea {
 font-family: inherit;
 font-size: inherit;
 line-height: inherit;
}
input {
 line-height: normal;
}
button, input, optgroup, select, textarea {
 margin: 0;
 font: inherit;
 color: inherit;
}
.container {
 width: 80%;
 height: auto;
}
.header {
background-color: #0000005e;
 box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
 position: fixed;
 width: 100%;
 z-index: 3;
 margin: -1px 0px 0px -14px;
}
.contain {
 width: calc(100% - 20px);
 height: auto;
}
.container {
width: 90%;
 height: auto;
 margin: 0px auto;
 padding: 85px 0px 0px 0px;
}
.row {
 margin-right: -15px;
 margin-left: -15px;
 width: 100%;
 height: auto;
 margin: 0px auto;
}
.col-md-6 {
 width: 50%;
}
.text_style {
 display: block;
 width: 96% !important;
 height: 34px;
}
.cap_style {
 display: block;
 width: 40% !important;
 height: 34px;
 float: left;
}
 .cap_form-group {
 margin: 49px 0px 15px 0px;
}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
 float: left;
}
.rr {
 width: 25px !important;
 border-radius: 22px !important;
}
.ss {
 float: left !important;
 margin-top: 5px !important;
 margin-left: 3px !important;
}
.texy {
 color: white;
 font-size: 24px;

}
}
 @media only screen and (max-width:1500px) and (min-width:1024px) {
.texy {
 color: white;
 font-size: 24px;

}
 .logo_img {
 width: 110px;
}
.video_resp {
 height: 356px;
}
.cernter_image {
 width: 100%;
 border-radius: 50%;
 box-shadow: 7px 8px 11px 5px #0000005e;
 margin: 0px 0px 0px 65px;
}
.container-fluid {
 height: 100%;
}
.cernter_div_right {
 width: 80%;
 padding: 0px;
}
.cernter_ifr_left {
 width: 100%;
 padding: 79px 0px 120px 15px;
}
.cernter_div_left {
 width: 80%;
 padding: 80px 80px 120px 0px;
}
.cernter_text {
 width: 100%;
 padding: 50px 0px 80px 0px;
}
.heading {
 padding: 0px 0px 0px 0px;
 font-size: 30px;
}
.mb-30 {
 margin-bottom: 5px !important;
}
.form-control {
 box-shadow: none;
 height: 45px;
 border: 1px solid #eeeeee;
}
.form-group {
 margin: 15px 0px 15px 0px;
}
.captcha_img {
 width: 112px !important;
 border: 1px solid #ddd !important;
 padding: 6px 6px!important;
 margin: 0px 0px 4px 14px !important;
 float: left !important;
}
.form-control {
 display: block;
 width: 100%;
 height: 34px;
 padding: 6px 12px;
 font-size: 14px;
 line-height: 1.42857143;
 color: #555;
 background-color: #fff;
 background-image: none;
 border: 1px solid #ccc;
 border-radius: 4px;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
button, input, select, textarea {
 font-family: inherit;
 font-size: inherit;
 line-height: inherit;
}
input {
 line-height: normal;
}
button, input, optgroup, select, textarea {
 margin: 0;
 font: inherit;
 color: inherit;
}
.container {
 width: 80%;
 height: auto;
}
.header {
 background-color: #0000005e;
 box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
 position: fixed;
 width: 100%;
 z-index: 3;
 margin: -1px 0px 0px -14px;
}
.contain {
 width: calc(100% - 20px);
 height: auto;
}
.container {
width: 90%;
 height: auto;
 margin: 0px auto;
 padding: 85px 0px 0px 0px;
}
.row {
 margin-right: -15px;
 margin-left: -15px;
 width: 100%;
 height: auto;
 margin: 0px auto;
}
.col-md-6 {
 width: 50%;
}
.selec_style {
 display: block;
 height: 47px !important;
 width: 99.3% !important;
}
.text_style {
 display: block;
 width: 94% !important;
 height: 34px;
}
.cap_style {
 display: block;
 width: 45% !important;
 height: 34px;
 float: left;
}
 .cap_form-group {
 margin: 49px 0px 15px 0px;
}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
 float: left;
}
.rr {
 width: 25px !important;
 border-radius: 22px !important;
}
.ss {
 float: left !important;
 margin-top: 5px !important;
 margin-left: 3px !important;
}
}
 @media only screen and (max-width:1024px) and (min-width:767px) {
 .logo_img {
 width: 110px;
}
.texy {
 color: white;
 font-size: 24px;

}
.video_resp {
 height: 253px;
}
.cernter_image {
 width: 100%;
 border-radius: 50%;
 box-shadow: 7px 8px 11px 5px #0000005e;
 margin: 0px 0px 0px 65px;
}
.cernter_div_right {
 width: 80%;
 padding: 0px 6px 31px 59px;
}
.cernter_ifr_left {
 width: 100%;
 padding: 79px 0px 120px 15px;
}
.container-fluid {
 height: 100%;
}
 .cernter_div_left {
 width: 80%;
 padding: 19px 80px 74px 0px;
}
.cernter_text {
 width: 100%;
 padding: 80px 0px 80px 0px;
}
.heading {
 padding: 0px 0px 0px 0px;
 font-size: 22px;
}
 .captcha_img {
 width: 103px !important;
 border: 1px solid #ddd !important;
 padding: 5px 6px!important;
 margin: 1px 0px 4px 14px !important;
 float: left !important;
}
.mb-30 {
 margin-bottom: 5px !important;
}
.form-control {
 box-shadow: none;
 height: 45px;
 border: 1px solid #eeeeee;
}
.form-group {
 margin: 15px 0px 15px 0px;
}
.form-control {
 display: block;
 width: 100%;
 height: 34px;
 padding: 6px 12px;
 font-size: 14px;
 line-height: 1.42857143;
 color: #555;
 background-color: #fff;
 background-image: none;
 border: 1px solid #ccc;
 border-radius: 4px;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
button, input, select, textarea {
 font-family: inherit;
 font-size: inherit;
 line-height: inherit;
}
input {
 line-height: normal;
}
button, input, optgroup, select, textarea {
 margin: 0;
 font: inherit;
 color: inherit;
}
.container {
 width: 80%;
 height: auto;
}
.header {
 background-color: #000000a3;
 box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
 position: fixed;
 width: 100%;
 z-index: 3;
 margin: -1px 0px 0px -14px;
}
.contain {
 width: calc(100% - 20px);
 height: auto;
}
.container {
width: 90%;
 height: auto;
 margin: 0px auto;
 padding: 85px 0px 0px 0px;
}
.row {
 margin-right: -15px;
 margin-left: -15px;
 width: 100%;
 height: auto;
 margin: 0px auto;
}
.col-md-6 {
 width: 50%;
}
.text_style {
 display: block;
 width: 91% !important;
 height: 34px;
}
.selec_style {
 display: block;
 height: 47px !important;
 width: 99.3% !important;
}
.cap_style {
 display: block;
 width: 40% !important;
 height: 34px;
 float: left;
}
 .cap_form-group {
 margin: 49px 0px 15px 0px;
}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
 float: left;
}
.rr {
 width: 20px !important;
 border-radius: 22px !important;
}
.ss {
 float: left !important;
 margin-top: 5px !important;
 margin-left: 3px !important;
}
}
 @media only screen and (max-width:767px) and (min-width:480px) {
 .video_resp {
 height: 178px;
}
 .logo_img {
 width: 110px;
}
.cernter_image {
 width: 100%;
 border-radius: 50%;
 box-shadow: 7px 8px 11px 5px #0000005e;
 margin: 0px 0px 0px 20px;
}
.selec_style {
 display: block;
 height: 47px !important;
 width: 99.3% !important;
}
.cernter_div_right {
width: 90%;
 padding: 0px 20px 0px 3px;
}
.cernter_ifr_left {
 width: 100%;
 padding: 30px 0px 120px 15px;
}
.cernter_div_left {
 width: 80%;
 padding: 19px 80px 74px 0px;
}
.cernter_text {
 width: 100%;
 padding: 30px 0px 80px 0px;
}
.heading {
padding: 0px 0px 0px 0px;
 font-size: 17px;
}
.container-fluid {
 height: 100%;
}
.btn-3 {
 background: #df5703 !important;
 border: none !important;
 border-radius: 50px !important;
 color: white !important;
 float: right !important;
 font-size: 11px !important;
 font-weight: 500 !important;
 margin: 0px auto !important;
 padding: 10px 13px !important;
 position: relative !important;
 font-family: 'Gugi', cursive !important;
}
 .btn-3::before, .btn-3::after {
 background: #fff;
 content: '';
 position: absolute;
 z-index: -1;
}
.btn-3:hover {
 background: #df5703 !important;
 border: none !important;
 border-radius: 50px !important;
 color: white !important;
 font-size: 10px !important;
 font-weight: 500 !important;
 margin: 0px auto !important;
 padding: 12px 15px !important;
 position: relative !important;
 font-family: 'Gugi', cursive !important;
}
.mb-30 {
 margin-bottom: 5px !important;
}
.form-control {
 box-shadow: none;
 height: 45px;
 border: 1px solid #eeeeee;
}
.form-group {
 margin: 15px 0px 15px 0px;
}
.form-control {
 display: block;
 width: 100%;
 height: 34px;
 padding: 6px 12px;
 font-size: 14px;
 line-height: 1.42857143;
 color: #555;
 background-color: #fff;
 background-image: none;
 border: 1px solid #ccc;
 border-radius: 4px;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
button, input, select, textarea {
 font-family: inherit;
 font-size: inherit;
 line-height: inherit;
}
input {
 line-height: normal;
}
button, input, optgroup, select, textarea {
 margin: 0;
 font: inherit;
 color: inherit;
}
.container {
 width: 80%;
 height: auto;
}
.header {
 background-color: #000000a3;
 box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
 position: fixed;
 width: 100%;
 z-index: 3;
 margin: -1px 0px 0px -14px;
}
.contain {
 width: calc(100% - 20px);
 height: auto;
}
.container {
width: 90%;
 height: auto;
 margin: 0px auto;
 padding: 85px 0px 0px 0px;
}
.row {
 margin-right: -15px;
 margin-left: -15px;
 width: 100%;
 height: auto;
 margin: 0px auto;
}
.col-md-6 {
 width: 50%;
}
.text_style {
 display: block;
 width: 90% !important;
 height: 34px;
}
.cap_style {
 display: block;
 width: 36% !important;
 height: 34px;
 float: left;
}
.captcha_img {
width: 65px !important;
 border: 1px solid #ddd !important;
 padding: 5px 0px!important;
 margin: 0px 0px 3px 5px !important;
 float: left !important;
}
 .cap_form-group {
 margin: 0px 0px 15px 0px;
}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
 float: left;
}
.button {
 padding: 8px 99px;
 border: none;
 background: #491f96;
 background-image: linear-gradient(to bottom right, #c51cf1, #e63f64);
 width: 100%;
 color: white;
 border-radius: 3px;
}
.rr {
 width: 20px !important;
 border-radius: 22px !important;
}
.ss {
 float: left !important;
 margin-top: 5px !important;
 margin-left: 3px !important;
}
}
 @media only screen and (max-width:480px) and (min-width:320px) {
 .alert {
 padding: 9px !important;
 background-color: #f44336;
 color: white !important;
 font-size: 10px;
}
.button {
 padding: 8px 99px;
 border: none;
 background: #491f96;
 background-image: linear-gradient(to bottom right, #c51cf1, #e63f64);
 width: 100%;
 color: white;
 border-radius: 3px;
}
 .logo_img {
 width: 110px;
}
.simple_font {
 font-size: 12px;
}
 .selec_style {
 display: block;
 height: 47px !important;
 width: 99.3% !important;
}
.cernter_image {
 width: 100%;
 border-radius: 50%;
 box-shadow: 3px 3px 11px 1px #0000005e;
 margin: 0px 0px 0px 10px;
}
.container-fluid {
 height: 100%;
}
.cernter_div_right {
width: 90%;
 padding: 0px 20px 0px 3px;
}
.cernter_ifr_left {
 width: 100%;
 padding: 3px 0px 151px 0px;
}
.video_resp {
 height: 225px;
}
.cernter_div_left {
 width: 90%;
 padding: 19px 25px 74px 0px;
}
.cernter_text {
 width: 100%;
 padding: 30px 0px 30px 0px;
}
.heading {
padding: 0px 0px 0px 0px;
font-size: 20px;
}
.btn-3 {
 background: #df5703 !important;
 border: none !important;
 border-radius: 50px !important;
 color: white !important;
 float: right !important;
 font-size: 8px !important;
 font-weight: 500 !important;
 margin: 0px auto !important;
 padding: 8px 11px !important;
 position: relative !important;
 font-family: 'Gugi', cursive !important;
}
 .btn-3::before, .btn-3::after {
 background: #fff;
 content: '';
 position: absolute;
 z-index: -1;
}
.btn-3:hover {
 background: #df5703 !important;
border: none !important;
 border-radius: 50px !important;
 color: white !important;
 float: right !important;
 font-size: 9px !important;
 font-weight: 500 !important;
 margin: 0px auto !important;
 padding: 8px 11px !important;
 position: relative !important;
 font-family: 'Gugi', cursive !important;
}
.mb-30 {
 margin-bottom: 5px !important;
}
.form-control {
 box-shadow: none;
 height: 45px;
 border: 1px solid #eeeeee;
}
.form-group {
 margin: 15px 0px 15px 0px;
}
.form-control {
 display: block;
 width: 100%;
 height: 34px;
 padding: 6px 12px;
 font-size: 14px;
 line-height: 1.42857143;
 color: #555;
 background-color: #fff;
 background-image: none;
 border: 1px solid #ccc;
 border-radius: 4px;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
button, input, select, textarea {
 font-family: inherit;
 font-size: inherit;
 line-height: inherit;
}
input {
 line-height: normal;
}
button, input, optgroup, select, textarea {
 margin: 0;
 font: inherit;
 color: inherit;
}
.container {
 width: 80%;
 height: auto;
}
.header {
 background-color: #000000a3;
 box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
 position: fixed;
 width: 100%;
 z-index: 3;
 margin: -1px 0px 0px -14px;
}
.contain {
 width: calc(100% - 20px);
 height: auto;
}
.container {
width: 90%;
 height: auto;
 margin: 0px auto;
 padding: 85px 0px 0px 0px;
}
.row {
 margin-right: -15px;
 margin-left: -15px;
 width: 100%;
 height: auto;
 margin: 0px auto;
}
.col-md-6 {
width: 100%;
}
.text_style {
 display: block;
 width: 91% !important;
 height: 34px;
}
.cap_style {
 display: block;
 width: 40% !important;
 height: 34px;
 float: left;
}
.rr {
 width: 20px !important;
 border-radius: 22px !important;
}
.ss {
 float: left !important;
 margin-top: 5px !important;
 margin-left: 4px !important;
}
.captcha_img {
 width: 74px !important;
 border: 1px solid #ddd !important;
 padding: 6px 0px!important;
 margin: 0px 0px 4px 14px !important;
 float: left !important;
}
 .cap_form-group {
 margin: 49px 0px 15px 0px;
}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
 float: left;
}
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
}
/* menu */

.header .menu {
	clear: both;
	max-height: 0;
 transition: max-height .2s ease-out;
}
/* menu icon */

.header .menu-icon {
	cursor: pointer;
	display: inline-block;
	float: right;
	padding: 28px 20px;
	position: relative;
	user-select: none;
}
.header .menu-icon .navicon {
	background: #fff;
	display: block;
	height: 2px;
	position: relative;
 transition: background .2s ease-out;
	width: 18px;
}
.header .menu-icon .navicon:before, .header .menu-icon .navicon:after {
	background: #fffbfb;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
 transition: all .2s ease-out;
	width: 100%;
}
.header .menu-icon .navicon:before {
	top: 5px;
}
.header .menu-icon .navicon:after {
	top: -5px;
}
/* menu btn */

.header .menu-btn {
	display: none;
}
 .header .menu-btn:checked ~ .menu {
 max-height: 240px;
}
 .header .menu-btn:checked ~ .menu-icon .navicon {
 background: transparent;
}
 .header .menu-btn:checked ~ .menu-icon .navicon:before {
 transform: rotate(-45deg);
}
 .header .menu-btn:checked ~ .menu-icon .navicon:after {
 transform: rotate(45deg);
}
 .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
 top: 0;
}

/* 48em = 768px */

@media (min-width: 48em) {
 .header li {
 float: left;
}
 .header li a {
 padding: 20px 30px;
 color: white;
}
 .header .menu {
 clear: none;
 float: right;
 max-height: none;
}
 .header .menu-icon {
 display: none;
}
}
/* GENERAL BUTTON STYLING */
button, button::after {
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
}
.btn-3 {
	background: linear-gradient(to right, #E63F64, #C118FF 100%);
	border: none;
	text-decoration: none;
	border-radius: 50px;
	color: white;
	float: right;
	font-size: 15px;
	font-weight: 500;
	margin: 0px auto;
	padding: 13px 17px;
	position: relative;
	font-family: 'Gugi', cursive;
}
 .btn-3::before, .btn-3::after {
 background: #fff;
 content: '';
 position: absolute;
 z-index: -1;
}
.btn-3:hover {
	background: linear-gradient(to right, #C118FF, #E63F64 100%);
	border: none;
	border-radius: 50px;
	color: white;
	font-size: 17px;
	font-weight: 500;
	margin: 0px auto;
	padding: 15px 19px;
	position: relative;
	font-family: 'Gugi', cursive;
}


/* BUTTON 3 */
.btn-3::after {
 height: 0;
 left: 50%;
 top: 50%;
 width: 0;
 border-radius: 50px;
}
.btn-3:hover:after {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}
.button {
	padding: 8px 99px;
	border: none;
	background: #491f96;
	background-image: linear-gradient(to bottom right, #c51cf1, #e63f64);
	width: 100%;
	color: white;
	border-radius: 3px;
}
.alert {
	padding: 20px;
	background-color: #f44336;
	color: white;
}
.closebtn {
	margin-left: 15px;
	color: white;
	font-weight: bold;
	float: right;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
}
.closebtn:hover {
	color: black;
}
.alert.success {
	background-color: #4CAF50;
}
.alert.info {
	background-color: #2196F3;
}
.alert.warning {
	background-color: #ff9800;
}