@charset "utf-8";
/* CSS Document */
@font-face {font-family:Metropolis-Black;src:url(../fonts/Metropolis-Black.otf);}
@font-face {font-family:Metropolis-BlackItalic;src:url(../fonts/Metropolis-BlackItalic.otf);}
@font-face {font-family:Metropolis-Bold;src:url(../fonts/Metropolis-Bold.otf);}
@font-face {font-family:Metropolis-BoldItalic;src:url(../fonts/Metropolis-BoldItalic.otf);}
@font-face {font-family:Metropolis-ExtraBold;src:url(../fonts/Metropolis-ExtraBold.otf);}
@font-face {font-family:Metropolis-ExtraBoldItalic;src:url(../fonts/Metropolis-ExtraBoldItalic.otf);}
@font-face {font-family:Metropolis-ExtraLight;src:url(../fonts/Metropolis-ExtraLight.otf);}
@font-face {font-family:Metropolis-ExtraLightItalic;src:url(../fonts/Metropolis-ExtraLightItalic.otf);}
@font-face {font-family:Metropolis-Light;src:url(../fonts/Metropolis-Light.otf);}
@font-face {font-family:Metropolis-LightItalic;src:url(../fonts/Metropolis-LightItalic.otf);}
@font-face {font-family:Metropolis-Medium;src:url(../fonts/Metropolis-Medium.otf);}
@font-face {font-family:Metropolis-MediumItalic;src:url(../fonts/Metropolis-MediumItalic.otf);}
@font-face {font-family:Metropolis-Regular;src:url(../fonts/Metropolis-Regular.otf);}
@font-face {font-family:Metropolis-RegularItalic;src:url(../fonts/Metropolis-RegularItalic.otf);}
@font-face {font-family:Metropolis-SemiBold;src:url(../fonts/Metropolis-SemiBold.otf);}
@font-face {font-family:Metropolis-SemiBoldItalic;src:url(../fonts/Metropolis-SemiBoldItalic.otf);}
@font-face {font-family:Metropolis-Thin;src: url(../fonts/Metropolis-Thin.otf);}
@font-face {font-family:Metropolis-ThinItalic;src: url(../fonts/Metropolis-ThinItalic.otf);}
@font-face {font-family:montserrat-black;src: url(../fonts/montserrat-black.otf);}
@font-face {font-family:montserrat-semibold;src: url(../fonts/montserrat-semibold.ttf);}
@font-face {font-family:swis721-cn-bt-bold-roman;src: url(../fonts/swis721-cn-bt-bold-roman.ttf);}
@font-face {font-family:swis721-cn-bt-bold;src: url(../fonts/swis721-cn-bt-bold.ttf);}
@font-face {font-family:roboto-regular;src: url(../fonts/roboto-regular.ttf);}
@font-face {font-family:roboto-bold;src: url(../fonts/roboto-bold.ttf);}
@font-face {font-family:swis721;src: url(../fonts/swis721.ttf);}
@font-face {font-family:poppinsregular;src: url(../fonts/poppinsregular.ttf);}
@font-face {font-family:poppins-semibold;src: url(../fonts/poppins-semibold.ttf);}

:root{
	 --theme-gradient: linear-gradient(to right, #773269 0%, #2e1b37 100%);
	 --theme-button:linear-gradient(to right, #e5833a 0%, #c30060 100%);
	 --purple-button: linear-gradient(to right, #773269 0%, #2e1b37 100%);
	 --white: #ffffff;
	 --orange:#e27a3c;
	 --purple:#773269;
}
body{margin:0px; padding:0px;}
/**==========Banner-Start=============**/

.award-nominate-now-btn {position: absolute;right: 1%;top: 40%;width:350px;height: 90px;}
.awards-banner img {width: 100%;height: auto;margin: -10px 0px 0px 0px;}
/**==========Header-Start=============**/
header {float: left;width: 100%;height: auto;position: fixed;top:0px;height:128px;background: var(--theme-gradient);
box-shadow: none;z-index: 9 !important;/*border-bottom: 1px solid #ac4e2a;*/
border-radius:0px 0px 0px 0px;}
.headeractive {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fee080+0,ba8428+100 */
 /* Old browsers */z-index:9;top: 0px;}
.logo{position: absolute;left:0px;width:275px;top:0px;}
.logo img{width:100%;}
header .logo{top:0px;}
.headeractive .logo{top:0px;}
.mobile-nav-button {display:none;width: 35px;position: absolute;margin: 10px;right: 0;top: 20px;z-index: 9999;cursor: pointer;width: 35px;height: 18px;}
.mobile-nav-button .mobile-nav-button__line {width: 100%;height: 4px;background: #fff;position: relative;transition: 1s ease;}
.mobile-nav-button .mobile-nav-button__line:nth-of-type(2) {margin: 0.5rem 0;}
.mobile-nav-button .mobile-nav-button__line--1 {transform: rotate(45deg);top: 13px;position: absolute;width:20px;}
.mobile-nav-button .mobile-nav-button__line--2 {display: none;}
.mobile-nav-button .mobile-nav-button__line--3 {transform: rotate(135deg);top: 13px;position: absolute;width:20px;}
.mobile-menu {display: contents;max-width: 80%;width: 100%;right: -100%;height: 84px;/* background:rgb(78 46 145 / 65%); */position: absolute;z-index: 9998;transition: 0.6s ease;top: 0;opacity: 0;padding:0px 20px;}
.mobile-menu ul {position: relative;top: 0%;transform: translateY(0%); padding: 45px 0px 45px 0px;float: right;margin-right: 45px;margin:0px 0px;}
.mobile-menu ul li {float: left;list-style: none;margin:1px 7px;/*border-style: solid;border-width: 1px;-webkit-border-image: -webkit-linear-gradient(left, rgb(255 255 255 / 0%) 1%, rgb(255 255 255) 50%, rgb(255 255 255 / 0%) 100% ) 0 0 100% 0/0 0 1px 0 stretch;-moz-border-image: -moz-linear-gradient( left, rgb(255 255 255 / 0%) 1%, rgb(255 255 255) 50%, rgb(255 255 255 / 0%) 100% ) 0 0 100% 0/0 0 1px 0 stretch;-o-border-image: -o-linear-gradient(left, rgb(255 255 255 / 0%) 1%, rgb(255 255 255) 50%, rgb(255 255 255 / 0%) 100% ) 0 0 100% 0/0 0 1px 0 stretch;border-image: linear-gradient( to left, rgb(255 255 255 / 0%) 1%, rgb(255 255 255) 50%, rgb(255 255 255 / 0%) 100% ) 0 0 100% 0/0 0 1px 0 stretch;*/}
.mobile-menu ul li a {width: 100%;/* margin: 0 auto; */display: block;text-align: center;text-decoration: none;color: var(--white) !important;font-size: 18px;padding: 5px 5px;font-family:poppinsregular;letter-spacing:0.5px;font-weight:normal;overflow: hidden;position: relative;margin: 0px 6px;}
.mobile-menu ul li a:after{content: ""; background: var(--theme-button);width: 100%;height: 100%;position: absolute;right: -100%;top: 0;z-index: -1;transition: 0.4s ease;border-radius:8px;border:none;}
.mobile-menu ul li a:hover{color: #fff !important;}
.mobile-menu ul li a:hover:after{right: 0;}
.mobile-menu img {position: absolute;width: 150px;display: block;left: 50%;top: 3rem;transform: translatex(-50%);padding: 0;text-align: center;}
.mobile-menu--open {right: 0;opacity: 1;}
.headeractive .mobile-menu ul li a{color:#fff !important;}
.headeractive .mobile-menu ul li:last-child a{color:#fff !important;/*border-bottom: 2px solid #361409;*/background:var(--theme-button);}
.headeractive .mobile-menu ul li a:after{content: ""; background: var(--theme-button);width: 100%;height: 100%;position: absolute;right: -100%;top: 0;z-index: -1;transition: 0.4s ease;border-radius:8px;border:none;}
.headeractive .mobile-menu ul li:hover a{color:var(--theme-button);background:#1b5151;transition: 0.4s ease;border-radius:8px;}
.headeractive .mobile-menu ul li:hover a{color:#fff !important;}
.headeractive .mobile-menu ul li:last-child a.button-rainbow{animation: rainbow 3s infinite, heartbeat 0.6s infinite;background: #623629 !important;
background: -moz-radial-gradient(center, ellipse cover, #623629 1%, #331107 65%, #331107 100%) !important;background: -webkit-radial-gradient(center, ellipse cover, #623629 1%,#331107 65%,#331107 100%) !important;
background: radial-gradient(ellipse at center, #623629 1%,#331107 65%,#331107 100%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#623629', endColorstr='#331107',GradientType=1 ) !important;}

.button-rainbow {animation: rainbow 3s infinite, heartbeat 0.6s infinite;background: #af6a00; /* Old browsers */
background: -moz-linear-gradient(left,  #af6a00 0%, #f7d87d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #af6a00 0%,#f7d87d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #af6a00 0%,#f7d87d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af6a00', endColorstr='#f7d87d',GradientType=1 ); /* IE6-9 */}
.button-rainbow .rainbow {width: 120px;height: 120px;border-radius: 50%;position: absolute;left: 0;right: 0;margin: auto;top: -40px;transition: 0.5s ease;opacity: 0;transform: rotate(0);color:#000 !important;}
.mobile-menu ul li:last-child a {border-radius: 0px;/*border: 3px solid #000;*/padding: 3px 0px;color: #fff !important;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fbe06f+0,44e0c9+100 */
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.mobile-menu ul li:last-child{margin-right:30px;}
.mobile-menu ul li:last-child a{font-size: 20px;border-radius:10px;padding: 3px 15px;}  
.mobile-menu ul li:last-child a span{color: #fff;animation: blink 1s linear infinite;font-weight: bold;padding: 10px 20px;}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}
.headeractive .mobile-menu ul li:last-child a span{color:#fff;}
@keyframes rainbow {
0% {background:#fee080;background: -moz-linear-gradient(top, #fee080 0%, #ba8428 100%);background: -webkit-linear-gradient(top, #fee080 0%,#ba8428 100%);
background: linear-gradient(to bottom, #fee080 0%,#ba8428 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee080', endColorstr='#ba8428',GradientType=0 );}
25% {background: #fee080;background: -moz-linear-gradient(top, #fee080 0%, #ba8428 100%);background: -webkit-linear-gradient(top, #fee080 0%,#ba8428 100%);
background: linear-gradient(to bottom, #fee080 0%,#ba8428 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee080', endColorstr='#ba8428',GradientType=0 );}
50% {background: #fee080;background: -moz-linear-gradient(top, #fee080 0%, #ba8428 100%);background: -webkit-linear-gradient(top, #fee080 0%,#ba8428 100%);
background: linear-gradient(to bottom, #fee080 0%,#ba8428 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee080', endColorstr='#ba8428',GradientType=0 );}
75% {background: #fee080;background: -moz-linear-gradient(top, #fee080 0%, #ba8428 100%);background: -webkit-linear-gradient(top, #fee080 0%,#ba8428 100%);
background: linear-gradient(to bottom, #fee080 0%,#ba8428 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee080', endColorstr='#ba8428',GradientType=0 );}
100% {background: #fee080;background: -moz-linear-gradient(top, #fee080 0%,236 #ba8428 100%);background: -webkit-linear-gradient(top, #fee080 0%,#ba8428 100%);
background: linear-gradient(to bottom, #fee080 0%,#ba8428 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee080', endColorstr='#ba8428',GradientType=0 );}
}
/**==========Header-End=============**/
/**==============Banner-start=================**/
.banner{float:left; width:100%; height:auto;position:relative;margin:120px 0px 0px 0px;}
.banner img{width:100%;}
/**==========Banner-End=============**/

/**=================Container-Content====================**/
.signup-container {width: 100%;height: auto;box-shadow: 2px 2px 2px 2px #ccc;border: 1px solid #eee;padding: 50px;
border-radius: 10px;text-align: center;display: inline-block;margin:50px 0px;background-color:#fff;}
.signup-container {width: 100%;height: auto;box-shadow: 2px 2px 2px 2px #ccc;border: 1px solid #eee;padding: 50px;
border-radius: 10px;text-align: center;display: inline-block;margin:50px 0px;background-color:#fff;}
.educationsubmit-left-logo {float: left;width: 100%;height: auto;margin: 0 0 0 0;}
.educationsubmit-left-logo img {width: 75% !important;}
.signup-container h1 {font-size:20px;color:#000;margin: 60px 0px 15px 0px;padding: 0px 60px;text-align: center;line-height: 30px;}
.form-control {height: 40px !important;color: #8e8e8e !important;font-size: 17px;border-color: #babcbd !important;border-radius: 10px 10px 10px 10px!important;}
.control-btn {background: #fee080;background: -moz-linear-gradient(top, #fee080 0%, #ba8428 100%);background: -webkit-linear-gradient(top, #fee080 0%,#ba8428 100%);
background: linear-gradient(to bottom, #fee080 0%,#ba8428 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee080', endColorstr='#ba8428',GradientType=0 );overflow: hidden;border-radius: 25px;
max-width: 200px;width:100%;margin: 10px 10px;text-align: center;display: inline-block;line-height: 20px;height: 40px;font-size: 24px;color: #000; border: 1px solid #c49134;cursor: pointer;}
/* registration new layout */
.signup-intcontainer {margin: 40px 0px 40px 0px;width: 100%;height: auto;box-shadow: 2px 2px 2px 2px #ccc;border: 1px solid #eee;padding: 50px;border-radius: 10px;overflow: hidden;float: left;background-color:#fff;}
.radio-displayflex{display:flex;align-items:center;justify-content:center;}
.signup-intcontainer .form-con
trol {border-left: none;height:40px !important;color: #8e8e8e !important;font-size: 17px;border: 1px solid #babcbd !important;border-radius: 10px 10px !important;}
.way-participation label {margin:10px 30px;display:block;position: relative;padding-left: 40px;cursor: pointer;text-align:left;}
.way-participation input {height: 1px;width: 1px;opacity: 0;}
.way-participation .outside {display: inline-block;position: absolute;left: 0;top: 50%;margin-top: -13px;width: 26px;height: 26px;border: 2px solid #67328e;border-radius: 25%;-webkit-box-sizing: border-box;box-sizing: border-box;background: none;}

.way-participation .inside {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);   transform: translate(-50%, -50%);display: inline-block;border-radius: 20%;width: 23px;height: 23px;background: 67328e;left: 0px;top: 0px;-webkit-transform: scale(0, 0);transform: scale(0, 0);display: inline-block;text-align: center;}
.way-participation .no-transforms .inside {left: auto;top: auto;width: 0;height: 0;}
.way-participation .inside:after{content: "\2713";transform: scale(0);border-radius: 8px;font-family: "Font Awesome 5 Free";font-size: 17px;font-weight: bold;color: #FFF;transition: all 0.1s ease-in;}
.way-participation input {/*&:focus, &:active {+ .outside { border-color: $almost-black;}}*/}
.way-participation input:checked + .outside .inside {-webkit-animation: radio-select 0.1s linear;animation: radio-select 0.1s linear;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.way-participation .no-transforms input:checked + .outside .inside {width: 10px;height: 10px;}
.select-location label {margin:10px 30px;display: inline-block;position: relative;padding-left: 40px;cursor: pointer;}
.select-location input {height: 1px;width: 1px;opacity: 0;}
.select-location .outside {display: inline-block;position: absolute;left: 0;top: 50%;margin-top: -13px;width: 26px; height: 26px;border: 2px solid #67328e;border-radius: 25%;-webkit-box-sizing: border-box;box-sizing: border-box;background: none;}
.select-location .inside {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);display: inline-block;border-radius: 20%;width: 23px;height: 23px;background: #67328e;left: 0px;top: 0px;-webkit-transform: scale(0, 0);transform: scale(0, 0);}
.select-location .no-transforms .inside {left: auto;top: auto;width: 0;height: 0;}
.select-location .inside:after{content: "\2713";transform: scale(0);border-radius: 8px;font-family: "Font Awesome 5 Free";font-size: 17px;font-weight: bold;color: #FFF;transition: all 0.1s ease-in;}
.select-location input {/*  &:focus, &:active {+ .outside {border-color: $almost-black;}}*/}
.select-location input:checked + .outside .inside {-webkit-animation: radio-select 0.1s linear;animation: radio-select 0.1s linear;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.select-location .no-transforms input:checked + .outside .inside {width: 10px;height: 10px;}
.select-location{float: left;padding: 0px;width:100%;margin: 0px;}
.select-location label:nth-child(1){margin:10px 100px 10px 10px;}
.select-location label:nth-child(2){margin:10px 100px 10px 0px;}
.select-location label:nth-child(3){margin:10px 0px 10px 30px;}
.signup-intcontainer .submitbtn {width: 100%;height: auto;border-radius: 25px;color: #000;border: 2px solid #ba8428;background: #fee080;background: -moz-linear-gradient(top, #fee080 0%, #ba8428 100%);background: -webkit-linear-gradient(top, #fee080 0%,#ba8428 100%);background: linear-gradient(to bottom, #fee080 0%,#ba8428 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee080', endColorstr='#ba8428',GradientType=0 );padding: 2px 10px;font-size: 20px;text-align: center;margin: 50px 0px 20px 0px;max-width: 175px;display: inline-block;}
.hcontainer{margin-top:30px;}
.signup-intcontainer .submitbtn a{color:#e31e25; text-decoration:none;}
.signup-intcontainer .submitbtn:hover{background-color:#e31e25;color:#fff;border: 2px solid #e31e25;cursor:pointer;}
.signup-intcontainer .submitbtn:hover a{color:#fff;}
.resgister-success-container {float: left;width: 100%;height: auto;box-shadow: 2px 2px 2px 2px #ccc;border: 1px solid #eee;padding:0px;border-radius: 5px;position: relative;margin: 75px 0px 20px 0px;padding: 30px 0px;}
.resgister-success-container-left{float:left;width:75%; height:auto;padding:20px;}
.resgister-success-container-right{float:left;width:25%; height:auto;padding:0px;}
.check-success-icon {float:left; text-align:center; width:100%;display:block;height:60px;margin: 0px 0px 20px 0px;}
.check-success-icon  img{width:100%;text-align:center;max-width: 60px;}
.resgister-success-container h1 {text-align: center;font-size: 30px;font-weight: bold;color: #692f87;margin: 0px 0px 10px 0px;padding: 0px 0px;font-family: Metropolis-Bold;}
.resgister-success-container h2 {text-align: center;font-size: 25px;font-weight: bold;color: #01477a;margin: 0px 0px 10px 0px;font-family:Metropolis-Bold;padding: 0px 0px;}
.resgister-success-container p {text-align: center;margin: 30px 0px 25px 0px;padding: 0px 0px;line-height: 24px;  font-size: 18px;}
.resgister-success-container hr{border-top:1px solid #2a2a2a !important;max-width:70%;margin-top: 0px !important;
margin-bottom: 20px !important;}
.resgister-success-container span {text-align:center;margin: 0px 0px;padding: 0px 5px 0px 0px;line-height:30px;
line-height:30px;font-size: 18px;color: #01477a;font-weight: bold;text-transform: uppercase;font-family:Metropolis-Medium;}
.resgister-success-container a {color: #000;text-decoration: none;background-color: transparent;font-size: 18px;padding: 0px 0px 0px 5px;}
.register-success-boldtxt {overflow: hidden;padding: 5px 30px 3px 30px;color:#212529;border-radius: 5px;width: 100%;margin: 40px 10px 10px 0px;text-align: center;display: inline-block;}
.register-success-boldtxt a {text-decoration: none;color: #212529;font-size: 20px;letter-spacing: 0.5px;}
.register-success-boldtxt a strong{font-family:Metropolis-Medium;color: #212529;}
.register-success-boldtxt a span{color:#692f87;font-family:Metropolis-Bold;text-transform:unset;font-size:24px;}
.thank-register{text-align:center;}
.thank-register img{text-align:center; max-width:200px;margin: 10px 0px;}
.regis-heading h1 br{display:none;}
.signup-intcontainer .submitbtn a{color:#ba8428; text-decoration:none;}
.signup-intcontainer .submitbtn:hover{background-color:#ba8428;color:#fff;border: 2px solid #ba8428;cursor:pointer;}
.signup-intcontainer .submitbtn:hover a{color:#fff;}
.resgister-success-container {float: left;width: 100%;height: auto;box-shadow: 2px 2px 2px 2px #ccc;border: 1px solid #eee;padding: 50px;border-radius: 5px;position: relative;margin: 75px 0px 20px 0px;}
.check-success-icon {float:left; text-align:center; width:100%;display:block;height: 60px;margin: 0px 0px 20px 0px;}
.check-success-icon img{width:100%;text-align:center;max-width: 60px;}
.resgister-success-container h1 {text-align: center;font-size: 20px;font-weight: bold;color: #692f87;margin: 0px 0px 10px 0px;padding: 0px 0px;}
.resgister-success-container h2 {text-align: center;font-size: 25px;font-weight: bold;color: #01477a;margin: 0px 0px 10px 0px;font-family:Metropolis-Bold;padding: 0px 0px;}
.resgister-success-container p {text-align: center;margin: 30px 0px 25px 0px;padding: 0px 0px;line-height: 24px;
font-size: 18px;}
.resgister-success-container hr{border-top:1px solid #2a2a2a !important;max-width:70%;margin-top: 0px !important;
margin-bottom: 20px !important;}
.resgister-success-container span {text-align: center;margin: 0px 0px;padding: 0px 5px 0px 0px;line-height:30px;
line-height:30px;font-size: 18px;color: #01477a;font-weight: bold;text-transform: uppercase;font-family:Metropolis-Medium;}
.resgister-success-container a {color: #000;text-decoration: none;background-color: transparent;font-size: 18px;padding: 0px 0px 0px 5px;}
.register-success-boldtxt {overflow: hidden;padding: 5px 30px 3px 30px;color:#212529;border-radius: 5px;width: 100%;margin: 40px 10px 10px 0px;text-align: center;display: inline-block;}
.register-success-boldtxt a {text-decoration: none;color: #212529;font-size: 20px;letter-spacing: 0.5px;}
.register-success-boldtxt a strong{font-family:Metropolis-Medium;color: #212529;}
.register-success-boldtxt a span{color:#e31e25;font-family:Metropolis-Bold;text-transform:unset;font-size:24px;}
.educationsubmit-left-logo{float:left; width:100%; height:auto; margin:0 0 0 0;}
.educationsubmit-left-logo img{width:100%;}
.education-submit-radio{float:left; width:100%; height:auto;margin:0px 0px 20px 0px;}
.education-submit-radio h1{font-size: 20px;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 15px;font-weight: bold;text-align:center;}
.education-submit-radio label {margin:8px 15px;display: inline-block;position: relative;padding-left: 40px;cursor: pointer;color: #000 !important;font-size: 18px;}
.education-submit-radio input {height: 1px;width:1px;opacity: 0;}
.education-submit-radio .outside {display:inline-block;position: absolute;left:0;top: 50%;margin-top: -10px;width: 21px;height: 21px;border:2px solid var(--purple);border-radius: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;background: none;}	
.education-submit-radio .inside {position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);display: inline-block;border-radius: 50%;width: 9px;height:9px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fbe06f+0,76f0f1+100 */
background:var(--theme-button); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
left: 4px;top: 4px;-webkit-transform: scale(0, 0);transform: scale(0, 0);}
.education-submit-radio .no-transforms .inside {left: auto;top: auto;width: 0;height: 0;}
.education-submit-radio input {/*  &:focus, &:active {+ .outside {border-color: $almost-black;}}*/}
.education-submit-radio input:checked + .outside .inside {-webkit-animation: radio-select 0.1s linear;
 animation: radio-select 0.1s linear;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.education-submit-radio .no-transforms input:checked + .outside .inside {width: 10px;height: 10px;float: left;    width: 100%;}
.joinus-as-container{float: left;width: 100%;display:inline-block;text-align: center;margin:20px 0px 0px 0px;}
.hcontainer {position: relative;overflow: hidden;text-align: center;}
.hcontainer span {display: inline-block;}
.hline {border: 0px;border-top: 2px solid;border-image: linear-gradient(to right, rgb(241 241 241 / 0%), rgb(0 0 0/ 90%), rgb(241 241 241 / 0%));border-image-slice: 1;width: 100%;margin-bottom: 4px;}
.htext {background: #fff;padding: 0 15px;position:absolute;left:28%;margin-left: -26px;text-transform: uppercase;font-family:Metropolis-Bold;font-weight: bold;font-size: 22px;}
/* for pen testing only */
.hcontainer {width: 100%;background: #fff;margin: 0 auto;padding: 6px 30px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif}
.o-list {list-style: none;padding: 0;margin: 8px 0 0 0px;float: left;width: 100%;}
.o-list li:first-child label.fancy-checkbox{border-radius:15px 0px 0px 15px;border-right: 1px solid #ffffffb0;
border-left: 1px solid #c10309;}
.o-list li:last-child label.fancy-checkbox{border-radius:0px 15px 15px 0px;border-right:none;}
.o-list li {padding:0;margin:0;margin-right:-6px;display: inline-block;border-right:1px solid #fff;}
/*
.fancy-checkbox:hover {
	background-color: #3D9970;
	opacity:.5;
}
*/
.fancy-checkbox input[type="checkbox"] {display: none;}
.fancy-checkbox {display:block;padding: 5px 28px;transition: all .3s;cursor: pointer;color: #ffffff;background-image: linear-gradient(to bottom, #ff3037, #ab0409);border-top: 3px solid #cd0707;border-bottom: 3px solid #fb262c;border-right: 1px solid #ffffffb0;border-left: 1px solid #c10309;}
.fancy-checkbox:hover {background-color: #0074D9;}
.fancy-checkbox span:before {font-family: "FontAwesome";font-style: normal;width: 1em;height: 1em;content: '\f10c';margin-right:10px;}
.fancy-checkbox input[type="checkbox"]:checked ~ span:before {content: '\f111';}
.padding-left145{padding-left:145px;}
.success-partner-main{float:left;width:100%;height:auto;margin:40px 0px;text-align:center;}
.checkbox-display {displ
ay: inline-block;text-align: center;width: 100%;}
.register-heading {display: inline-block;text-align: center;}
.register-heading h1 {background: linear-gradient(to right, #6c2b7b, #613d9f);border-radius: 50px;padding: 15px 40px;margin: 0px;text-align: center;
font-size: 16px;color: #fff;line-height: 20px;max-width: 100%;font-family: Metropolis-Regular;}
.checkbx-regis ul {list-style: none;padding: 0px;margin: 10px 0px;text-align: center;display: inline-block;}
.checkbx-regis ul li {background:linear-gradient(to right, #6c2b7b, #613d9f);margin: 15px 0px;padding: 7px 20px 0px 20px;border-radius: 5px;text-align: left;}
input[type="checkbox"]{display: none;}
input[type="checkbox"] + label {color: #f2f2f2;font-family: Metropolis-Regular;}
input[type="checkbox"] + label span {display: inline-block;width: 19px;height: 19px;margin: -2px 10px 0 0;vertical-align: middle;
background: url(https://www.time2growmedia.com/assets/images/check_radio_sheet.png) left top no-repeat;cursor: pointer;}
.resend-otp p a{color:#000;}
/**********************Content-Section-End*******************************/

/****==================Footer-Start================**/
footer {float: left;width: 100%;height: auto;font-weight: bold;padding: 40px 20px;background: var(--theme-gradient);margin: 0px 0px 0px 0px;position:relative;}
.footer-listing {float: left;width: 100%;height: auto;}
.footer-listing h1 {margin: 0px 0px 10px 0px;padding: 0px 30px;float:left;color: #fff;font-size: 20px;text-align: center;background: var(--theme-button);line-height: 34px;letter-spacing: 0.3px;position: relative;border-radius: 5px;font-weight:bold;}
.footer-listing h1:hover{background:#fff;color:#000;}
.footer-listing ul {margin: 20px 0px;padding: 0px 0px;float:left;width:100%;}
.footer-listing ul li {float: left;font-size: 18px;color: #fff;list-style: none;border-right:2px solid var(--white);padding:0px 20px;}
.footer-listing ul li a:hover{color:var(--orange);text-decoration:none;}
.footer-listing ul li a{font-weight:normal;color:var(--white)}
.footer-listing ul li:hover a{color:var(--orange);}
.footer-listing ul li:first-child{padding-left:0px;}
.footer-listing ul li:last-child{padding-right:0px;border-right:none;}
.padding-left60{padding-left: 60px;}
.footer-icon-listing{}
.footer-icon-listing ul{list-style:none;padding:0px 0px;}
.footer-icon-listing ul li{float:left;margin:10px 10px 0px 0px;width:35px; height:34px;}
.footer-icon-listing ul li:nth-child(5){padding: 0px 0px;}
.footer-icon-listing ul li img{vertical-align:middle;width:100%}
.footer-icon-listing ul li:nth-child(2){float:left;width:35px; height:34px;padding:0px 0px 0px 0px;}
html{scroll-behavior: smooth;}
.borderleft{border-left:2px solid #000;}
.scroll-to-top {display: -webkit-box;display: -ms-flexbox;display: flex;position: fixed;left: 25px;bottom: 25px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;width: 50px;height: 50px;float: right;border-bottom: 2px solid var(--white);background:var(--theme-button);z-index: 213212;}
.scroll-to-top:hover {background: #f8e072;border-bottom: 2px solid #09597c;color: #000 !important;}
svg:not(:root) {overflow: hidden;}
.scroll-to-top-icon {color: var(--white);}
.scroll-to-top:hover .scroll-to-top-icon {color: #000 !important
;}
.scroll-to-top:hover .scroll-to-top-icon{color:#000;}
.caret-icon {display: inline-block;width: 1em;fill:currentColor;}
/****==================Footer-End================**/

.gradient-border-white{float:left;width:100%;height:10px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fee080+0,ba8428+100 */
background: #fff; /* Old browsers */
/*background: -moz-linear-gradient(top,  #fee080 0%, #ba8428 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #fee080 0%,#ba8428 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #fee080 0%,#ba8428 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee080', endColorstr='#ba8428',GradientType=0 ); /* IE6-9 */
}

.gradient-border-golden{float:left;width:100%;height:20px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fee080+0,ba8428+100 */
background: #fee080; /* Old browsers */
background: -moz-linear-gradient(top,  #fee080 0%, #ba8428 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fee080 0%,#ba8428 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fee080 0%,#ba8428 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee080', endColorstr='#ba8428',GradientType=0 ); /* IE6-9 */}

.btn-10 {color: #fff;border: none;transition: all 0.3s ease;overflow: hidden;}
.btn-10:after {position: absolute;content: " ";top: 0;left: 0;z-index: -1;width: 100%;height: 100%;transition: all 0.3s ease;
 -webkit-transform: scale(.1);transform: scale(.1);}
.btn-10:hover {color: #fff;border: none;background: transparent;}
.btn-10:hover:after {background: rgb(78,0,183);background: linear-gradient(0deg, rgb(78 0 183) 0%,  rgb(186 148 243)100%);
-webkit-transform: scale(1);transform: scale(1);}

/* hover effect */
.hover-effect { position: relative;z-index: 1;overflow: hidden;transition: all .4s;}
.hover-effect:before, .hover-effect:after {position: absolute;top: 50%;content: '';width: 20px;height: 20px;background-color: #3e0097;
border-radius: 50%;z-index: -1;transition: all .4s;}
.hover-effect:before {left: -20px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.hover-effect:after {right: -20px;-webkit-transform: translate(50%, -50%);transform: translate(50%, -50%);}
.hover-effect:hover {color: #e5e3ec;transition: all .3s;}
.hover-effect:hover:before {-webkit-animation: criss-cross-left 0.8s both;animation: criss-cross-left 0.8s both;-webkit-animation-direction: alternate;
animation-direction: alternate;transition: all .3s;}
.hover-effect:hover:after {-webkit-animation: criss-cross-right 0.8s both;animation: criss-cross-right 0.8s both;-webkit-animation-direction: alternate;
animation-direction: alternate;transition: all .3s;}
@keyframes criss-cross-left {
    0% {left: -20px;transition: all .3s;}
    50% {left:50%;width:
	20px;height:20px;transition:all .3s;}
	100% {left:50%;width:500px;height:500px;transition:all .3s;}
}

@keyframes criss-cross-right {
    0% {right: -20px; transition: all .3s;}
    50% {right: 50%;width: 20px;height: 20px;transition: all .3s;}
    100% {right: 50%;width: 500px;height: 500px;transition: all .3s;}
}

/* hover effect1 */
.hover-effect1 {position:relative;z-index:1;overflow:hidden;transition: all .4s;}
.hover-effect1:before, .hover-effect1:after {position: absolute;top: 50%;content: '';width: 20px;height: 20px;background-color: #5b006c;
 border-radius: 50%;z-index: -1;transition: all .4s;}
.hover-effect1:before {left: -20px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.hover-effect1:after {right: -20px;-webkit-transform: translate(50%, -50%);transform: translate(50%, -50%);}
.hover-effect1:hover {color: #e5e3ec;transition: all .3s;}
.hover-effect1:hover:before {-webkit-animation: criss-cross-left1 0.8s both;animation: criss-cross-left1 0.8s both;-webkit-animation-direction: alternate;
animation-direction: alternate;transition: all .3s;}
.hover-effect1:hover:after {-webkit-animation: criss-cross-right1 0.8s both;animation: criss-cross-right1 0.8s both;-webkit-animation-direction: alternate;
animation-direction: alternate;transition: all .3s;}
@keyframes criss-cross-left1 {	
0% {left: -20px;transition: all .3s;}
50% {left: 50%;width: 20px;height: 20px;transition: all .3s;}
100% {left: 50%;width: 500px;height: 500px;transition:all .3s;}
}

@keyframes criss-cross-right1 {
0% {right: -20px;transition: all .3s;}
50% {right: 50%;width: 20px;height: 20px;transition: all .3s;}
100% {right: 50%;width: 500px;height: 500px;transition: all .3s;}
}

.btn.hover-filled-slide-up::before {top: 0; left: 0; right: 0;height: 100%; width: 100%;}
.btn.hover-filled-slide-up:hover::before {height: 0%;}
.btn {position: relative;display: inline-block;width: auto; height: auto;border: 2px solid #000;background:var(--theme-button);color:#fff !important;border: none;
cursor: pointer;margin: 20px 25px 15px 0px;border-radius:50px;min-width: 200px;}
.btn::before, .btn::after {position: absolute;content: "";}
.btn-1 span::before, .btn-1 span::after {position: absolute;content: "";}
.btn span {position:relative;display: inline-block;font-size:20px;font-weight: 400;top: 0; left: 0;width: 100%;transition: 0.3s;}
/*--- btn-1 ---*/
.btn-1::before {
background: var(--purple-button);
color: var(--white);border-radius: 60px;transition: 0.3s ease-out;}
.btn-1 span {color: var(--white);font-size:20px;transition: 0.2s 0.1s;padding:0px !important;border-radius:50px;}
.btn-1 span:hover{color:#fff;transition:0.2s 0.1s;}
.btn-1 span:hover a{color:#fff;}
.caret-icon {display: inline-block;width: 1em;fill: currentColor;}
.borderleft {border-left: 2px solid var(--white);}
.blink {
    background-color: #ccc;
    -webkit-animation: blink 800ms step-end infinite;
            animation: blink 800ms step-end infinite;border-radius:10px;
}
@-webkit-keyframes blink { 50% { background: var(--theme-button);border-radius:10px;  }}
        @keyframes blink { 50% { background:var(--theme-button);border-radius:10px; }}

#singnup button:hover span{color:#fff;}
.signup-container button:hover span{color:#fff;}
.registerbtn{animation: blinki 3s infinite;background:var(--theme-button);padding: 1rem 2rem;margin-top:2rem;}

@keyframes blinki {
  0% {box-shadow: 0 0 1px 10px rgba(255,255,255,0.5);}
  50% {box-shadow: 0px 0px 1px 0 transparent;}
  100% {box-shadow: 0 0 1px 10px rgba(255,255,255,0.5);}
}