html {
scroll-behavior: smooth;
}
@font-face {
font-family: 'Quicksand', sans-serif;
}
/* NAVBAR */
.topRibbon {background:#6e54a7;position:fixed;top:0px;z-index:998;}
.topRibbon span {padding:0px 12px;}
.mainMenu .nav-item {
font-family: 'Quicksand', sans-serif;
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
padding: 0px 10px 0px 10px;
}
.navbar-light .navbar-nav .nav-link {
color: #492f92;
line-height: 18px;
}
.navbar {z-index: 999;padding: 0 1rem;background-color:#ffffff;box-shadow: 0px 0px 8px #0000001c;}
.navbar-brand img {max-width: 260px;}
.navbar-brand {font-size: inherit;}
#NavID {
transition: 0.5s;
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='12' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-toggler {
border-color: rgb(0, 0, 0);
border:none;
}
.textHeader h1 {position: absolute;left:40px;}
#hb1 {top:130px;padding: 0px 30px; background:#492f92; border-radius: 40px 30px 40px 30px;z-index: 9;}
#hb2 {top:190px;padding: 0px 30px; background:#492f92; border-radius: 40px 30px 40px 30px;z-index: 9;}
.copyforTerms p {font-size:12px;line-height: 18px;}
.copyforTerms ul {font-size:12px;line-height: 18px;}
.scaleForm h3 {border-radius: 5px;font-size: 24px;padding: 10px 5px;}
.scaleForm p {font-size: 14px;line-height: 20px;}
.orangeH3 {color:#f36f21; border:3px solid #f36f21;}
.greenH3 {color:#50b848; border:3px solid #50b848;}
.yellowH3 {color:#fdcd0d; border:3px solid #fdcd0d;}
a {
color:inherit;
}
a:hover {color:inherit; }
body {
font-family: 'Quicksand', sans-serif;
font-size: 16px;
font-weight: 600;
color:#492f92;
line-height: 24px;
}
h1 {
font-size: 58px;
font-family: 'Quicksand', sans-serif;
font-weight: 400;
}
h2 {
font-size: 54px;
font-family: 'Quicksand', sans-serif;
font-weight: 600;
color: #f4686a;
}
h3 {
font-size: 32px;
font-family: 'Quicksand', sans-serif;
font-weight: 600;
}
h4 {
font-family: 'Quicksand', sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
.lead {
font-size: 20px;
font-weight: 400;
}
.w-copyright {font-size:12px;font-weight: 400;
}
.footerBG p {font-size: 14px;font-weight: 400; line-height: 24px; margin-bottom: 0px;}
.profileNav {box-shadow: rgba(0, 0, 0, 0.4) 5px 0px 15px;}
/* COLORS */
.bg-primary {
background-color: #00c0f3 !important;
}
.bg-secondary {
background-color: #6e54a7 !important;
}
.scoreRadios {border:2px solid #6e54a7; border-radius:10px;}
.scoreRadios .card-header {
padding: 5px 10px;
background: #6e54a7;
}
.scoreRadios:hover {border:2px solid #f36f21;}
.scoreRadios:hover > .card-header {background: #f36f21;}
.scoreRadios2 {border:2px solid #666; border-radius:10px;}
.scoreRadios2 .card-header {
padding: 5px 10px;
background: #666;
}
.scoreRadios2:hover {border:2px solid #007bff;}
.scoreRadios2:hover > .card-header {background: #007bff;}
.btn-outline-info {border-radius: 50px;}
.rowQuestionBg {background:#f5f3fb; border-radius: 15px;}
.oneTo7 {

top: 100px;
padding: 30px 20px;
height: 450px;
background:#00c0f3;
border-radius: 40px 30px 50px 30px;
}
.oneTo7 ol {
list-style: none;
counter-reset: item;
padding-left: 10px;
}
.oneTo7 li {
counter-increment: item;
margin-bottom: 5px;
}
.oneTo7 li:before {
margin-right: 10px;
content: counter(item);
background: #4cd6fb;
border-radius: 100%;
color: white;
width: 25px;
text-align: center;
display: inline-block;
height: 25px;
}
.scaleForm .form-label-group select:not(:placeholder-shown) {
padding-top: 5px;
padding-bottom: 5px;
font-size: 16px;
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #6e54a7;
border-color: #6e54a7;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #f36f21;
background-color: #f36f21;
}
.custom-control-label::before {top: .5rem;}
.custom-control-label::after {top: .5rem;}
.form-control {background-color:#ffffff; border:2px solid #492f92;border-radius: 5px;height: auto;color:#492f92;font-size: 14px;
font-weight: 600;
line-height: 14px;}
.custom-control-label::before {border: #f36f21 solid 2px;}
.prefill {border:2px solid #E9ECEF;}
.form-control[type=date]::-webkit-inner-spin-button,
.form-control[type=date]::-webkit-clear-button,
.form-control[type=date]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.form-control[type=date]::-webkit-calendar-picker-indicator {
color: rgba(0,0,0,0);
background-color: rgba(0,0,0,0);
position: relative;
z-index: 1;
transform: translateX(16px);
cursor: pointer;
}
.z-index-1 {
position: relative;
z-index: -1;
}
.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.fa {color:#492f92;}
.form-control:-moz-focusring {text-shadow: none;}
.form-control:focus {background-color:#ffffff;box-shadow: 0 0 0 .1rem rgba(0, 0, 0, 0.1);color:#f36f21;border:2px solid #f36f21;font-weight: 600;font-size:14px;}
:root {
--input-padding-x: .75rem;
--input-padding-y: .55rem;
}
.form-signin {
width: 100%;
margin: auto;
}
.form-label-group {
position: relative;
margin-bottom: 10px;
}
.form-label-group > input,
.form-label-group > textarea,
.form-label-group > label,
.form-label-group > select {
padding: var(--input-padding-y) var(--input-padding-x);
}
.dropD > label {
pointer-events: none;
}
.form-label-group > label {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
margin-bottom: 0; /* Override default `<label>` margin */
line-height: 15px;
font-size: 14px;
border: 1px solid transparent;
border-radius: .25rem;
transition: all .1s ease-in-out;
padding-left:15px;
}
.form-label-group input::-webkit-input-placeholder {
color: transparent;
}
.form-label-group input:-ms-input-placeholder {
color: transparent;
}
.form-label-group input::-ms-input-placeholder {
color: transparent;
}
.form-label-group input::-moz-placeholder {
color: transparent;
}
.form-label-group input::placeholder {
color: transparent;
}
.form-label-group input:not(:placeholder-shown) {
padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
padding-bottom: calc(var(--input-padding-y) / 3);
}
.form-label-group input:not(:placeholder-shown) ~ label {
padding-top: calc(var(--input-padding-y) / 3);
padding-bottom: calc(var(--input-padding-y) / 3);
font-size: 12px;
color: #f36f21;
}
.form-label-group textarea::-webkit-input-placeholder {
color: transparent;
}
.form-label-group textarea:-ms-input-placeholder {
color: transparent;
}
.form-label-group textarea::-ms-input-placeholder {
color: transparent;
}
.form-label-group textarea::-moz-placeholder {
color: transparent;
}
.form-label-group textarea::placeholder {
color: transparent;
}
.form-label-group textarea:not(:placeholder-shown) {
padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
padding-bottom: calc(var(--input-padding-y) / 3);
font-size: 11pt;
}
.form-label-group textarea:not(:placeholder-shown) ~ label {
padding-top: calc(var(--input-padding-y) / 3);
padding-bottom: calc(var(--input-padding-y) / 3);
font-size: 12px;
color: #f36f21;
}

/* select */
.form-label-group select::-webkit-input-placeholder {
color: transparent;
}

.form-label-group select:-ms-input-placeholder {
color: transparent;
}

.form-label-group select::-ms-input-placeholder {
color: transparent;
}

.form-label-group select::-moz-placeholder {
color: transparent;
}

.form-label-group select::placeholder {
color: transparent;
}

.form-label-group select:not(:placeholder-shown) {
padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
padding-bottom: calc(var(--input-padding-y) / 3);
font-size: 12px;
}

.form-label-group select:not(:placeholder-shown) ~ label {
padding-top: calc(var(--input-padding-y) / 3);
padding-bottom: calc(var(--input-padding-y) / 3);
font-size: 12px;
color: #f36f21;
}

/* CONTACT END */

/* BLOCKY RADIO BUTTONS */
#testa {
margin-top:100px;
}
.giantRadio {
width: 100%;
text-align: center;
/* Made by */
}

.giantRadio input[type=radio] {
display: none;
}
.giantRadio input[type=radio]:checked + .box {
background-color: #f36f21;
border: 3px solid #fff;
border-radius: 80px 110px 90px 100px;
}
.accentYellow input[type=radio]:checked + .box {background:#fdcc0d;}
.accentGreen input[type=radio]:checked + .box {background:#50b849;}

.giantRadio input[type=radio]:checked + .box ul {
color: #f36f21;
transform: translateY(0px);
}
.accentYellow input[type=radio]:checked + .box ul {color: #fdcc0d;}
.accentGreen input[type=radio]:checked + .box ul {color: #50b849;}
.giantRadio input[type=radio]:checked + .box ul:before {
transform: translateY(90px);
opacity: 1;
}
.giantRadio .box {
height: 240px;
width: 300px;
background-color: #fff;
transition: all 250ms ease;
will-change: transition;
display: inline-flex;
text-align: left;
cursor: pointer;
position: relative;

border: 3px solid #492f92;
border-radius: 10px;
}
.giantRadio .box:hover
{background:#f5f5f5;}
.giantRadio .box:active {
transform: translateY(0px);
}
.giantRadio .box ul {
/* position: absolute;
transform: translate(0, 0px);
left: 0;
right: 0;
transition: all 300ms ease; */
/* font-size: 16px;
user-select: none; */
color: #492f92;
padding-right: 20px;
width: 100%;
}
.giantRadio .box li {
line-height: 22px;
padding: 5px 0px;
}
.giantRadio .box ul:before {
font-size: 14px;
display: block;
transform: translateY(0px);
opacity: 0;
transition: all 300ms ease-in-out;
font-weight: normal;
color: white;
}
.giantRadio .front-end ul:before {
content: "I'm Group A";
text-align: center;
font-size: 24px;
padding-right: 40px;
}
.giantRadio .back-end ul:before {
content: "I'm Group B";
text-align: center;
font-size: 24px;
padding-right: 40px;
}
.giantRadio p {
color: #fff;

font-weight: 400;
}
.giantRadio p a {
text-decoration: underline;
font-weight: bold;
color: #fff;
}
.giantRadio p ul:after {
content: "yes";
font-family: FontAwesome;
color: yellow;
}
.whichBox {position: absolute;
color: #fff;
font-size: 29px;
left: 45%;
background: #492F92;
padding: 3px 12px 7px;
border-radius: 50px;
top: -20px;
}
.evalH4 {
padding: 10px 30px;
background: #6e54a7;
border-radius: 40px 30px 40px 30px;
font-size: 24px;
font-weight: 600;
color: #fff;
width: max-content;
margin: 5px auto 20px;
}
.zindex3 {z-index: 3;}
/* TYPOGRAPHY END*/
/* COLORS */
.pageBg {background:#f5f3fb;}
hr {border-top: 2px solid #492f92;}

.btn-primary {
color: #fff;
background-color: #00c0f3;
border-color: #00c0f3;
border-radius: 5px;
font-weight: 600;
padding-left:30px;
padding-right:30px;

font-family: 'Quicksand', sans-serif;

}
.btn-primary:hover {background-color: #24aed2;border-color: #24aed2;}
.btn-primary.focus, .btn-primary:focus {

background-color: #24aed2;
border-color: #24aed2;
box-shadow: 0 0 0 .2rem rgba(0,0,0,.2);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #24aed2;
border-color: #24aed2;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(0,0,0,.2);
}

.btn-secondary {
color: #fff;
background-color: #492f92;
border-color: #492f92;
border-radius: 5px;
font-weight: 600;
padding-left:10px;
padding-right:10px;

font-family: 'Quicksand', sans-serif;

}
.btn-secondary:hover {background-color: #3b2775;border-color: #3b2775;}
.btn-secondary.focus, .btn-secondary:focus {

background-color: #3b2775;
border-color: #3b2775;
box-shadow: 0 0 0 .2rem rgba(0,0,0,.2);
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #3b2775;
border-color: #3b2775;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(0,0,0,.2);
}

.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #492f92;
border-color: #492f92;
}
.btn-outline-info {
color: #492f92;
border-color: #492f92;
}
.btn-outline-info:hover {
color: #fff;
background-color: #3b2775;
border-color: #3b2775;
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(59,39,117,.5);
}
.btn-outline-info.focus, .btn-outline-info:focus {
box-shadow: 0 0 0 .2rem rgba(59,39,117,.5);
}
.btn {font-weight: 600;}

.w70 {width: 70% !important;}
.minwidth {min-width: 180px;}



.vheight100 {height: 100vh;}
.vheight80 {height: 80vh;}

.footerBG {
background:#6E54A7;
/* box-shadow: #F5F3FB 0px -5px, #ede9f7 0px -10px, #e9e5f5 0px -15px, #f1edf9 0px -20px, #F5F3FB 0px -25px; */
}



/* ABOUT PAGE */
	.character1 {
	position: absolute;
	top:10%;
	right:0px;
}
.character2 {
	position:absolute;
	bottom:10%;
	left:0px;
}
.character3 {
	position:absolute; bottom:10%;right:0px;
}
.textBanner {
	height:100vh;

}
#characterBanner {position: absolute;
bottom: 0;}
/* #aboutBanner { margin-top:-80px;} */
.bigFonts h2 {font-size: 120px;
font-weight: 200;
color: #fff;
line-height: 130px;}
.bigFonts h3 {
padding: 0px 30px 10px 30px;
/* background: #492f92; */

border-radius: 40px 30px 40px 30px;

font-size: 72px;
margin-bottom: -5px;
width: max-content;
}
.bigFonts h4 {
padding: 10px 30px;
background: #6e54a7;
border-radius: 40px 30px 40px 30px;
font-size: 24px;
font-weight: 600;
color: #fff;
width: max-content;
margin:2px auto;
}

.cyanFont {background: #00c0f3;}
.greenFont {background: #50b848;}
.yellowFont {background: #fdcd0d;margin-left: 35%;}
.purpleFont {background: #492f92;color:#fff;}
.bigFonts p {font-size:24px;font-weight: 400;line-height: 32px;}
ul.aboutUL {font-size:24px;font-weight: 600;list-style-type: none;padding: 0px 80px;line-height: 32px;}
li.aboutLI {
background: url('../img/listIcon.svg') no-repeat left top;
min-height: 63px;
padding-left: 60px;
margin-bottom: 40px;
}
@keyframes bounce
{ 0%
{ transform: translateY(0); } 100%
{ transform: translateY(-10px); }
}
#mouseBounce { animation: bounce 0.8s alternate;
animation-iteration-count: infinite;; }
/* APP BUTTONS END*/

/* FOOTER */

.textOnDesktop p {line-height: 18px;font-size: 14px;}
.textOnDesktop {padding: 0px 20px 0px 20px;}
/* RESPONSIVE */

@media only screen and (min-width: 1600px) {

.textOnDesktop {padding: 0px 100px 0px 40px;}

}
@media only screen and (max-width: 1600px) {
	.character1 img {max-width:550px;}
	.character2 img {max-width:550px;}
	.character3 img {max-width:350px;}
}
@media only screen and (max-width: 1366px) {
	.textBanner {
		height:60vh;
	}
	.character1 img {max-width:450px;}
	.character2 img {max-width:250px;}
	.character3 img {display: none;}
ul.aboutUL {padding:0 20px;font-size: 16px;line-height: 1.3;}
	.bigFonts h2 {font-size: 80px;
		line-height: 1.2;}
.bigFonts h3 {font-size: 40px;}

#hb1 {top:90px;}
#hb2 {top:140px;}
#characterBanner {max-width: 450px;}
h1, h2 {font-size: 42px;}

}
@media only screen and (max-width: 1200px) {
	.bigFonts h3 {font-size: 36px;}
	.bigFonts h2 {font-size: 60px;}
	.bigFonts p {font-size: 18px;}
.dropMobile > label {position: relative !important;}
.w70 {width: 100% !important;}
}
@media only screen and (max-width: 992px) {
.mainMenu .nav-item {padding: 0px 20px 0px 20px;}
h1 {
font-size: 34px;
}
h3 {font-size: 24px;}
/* .navbar-brand img {width:80px;} */
.logoTagline {font-size:24px;}
}
@media only screen and (max-width: 767px) {
	.yellowFont {
    background: #fdcd0d;
    margin-left: 15%;
}
li.aboutLI {
	background-size: 20px;
padding-left: 30px;
}
		.character1 img {max-width:350px;}
		.character1 {top: 40%;}
		.character2 img {max-width:150px;}
	ul.aboutUL {padding:0 20px;font-size: 12px;line-height: 1.3;}
	.bigFonts h2 {font-size: 36px;}
	.bigFonts h3 {font-size: 22px;}
	.bigFonts p {font-size:14px; line-height: 1.3;}
	#mouseBounce {max-width: 20px;}
#hb1 {top:30px;}
#hb2 {top:60px;}
.navbar-brand img {
max-width: 160px;
}
#characterBanner {max-width: 300px;}
.navbar-collapse {
background: #fff;
box-shadow: 0px 5px 10px 0px #00000075;
}
.navbar-collapse ul {
padding: 0px 0px 10px 15px;
}
.minwidthPhone {min-width: 160px;}
.pbHJ {margin-top:0px; background:#000;padding-top:40px;}
.mainMenu .nav-item {padding-top:5px;padding-bottom:5px;}
.navbar {padding-left: 0px; padding-right: 0px;}
.navbar-brand {padding-left: 15px;}
.navbar-toggler {margin-right:25px;}
.vheight100 {height:90vh;}
.aboutPhoneImg {position:relative;max-width: 260px;margin-bottom: 0;}
h1, h2 {
font-size: 26px;
}
.lead {font-size:16px;}
body {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 24px;
}
.mainMenu {margin-top:30px;}
.mainMenu .nav-item {font-size:16px;}
.homeLi {display:none !important;}
}
@media only screen and (max-width: 520px) {
		.character1 img {max-width:200px;}
			.character1 {top: 55%;}
	}
input::placeholder {
	color: #9381c7 !important;
}