/* Coded by https://beproblemsolver.com  Visit for more such code */
 * { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --coregreen: #62b247;
}

html,body{height:100%; }
body {font-size: 16px; font-family:calibri; background-color: #84d469;/* #f8f9fd */;}
body.dark{ background-color: var(--coregreen);}
.main-section { padding: 0;}
.navbar {background: var(--coregreen) !important; padding:2px 8px !important;}
.navbar img {max-width:200px;margin-right:20px;}
.box { width: 100%; overflow: hidden; background: #fff; border-radius: 5px; box-shadow: 0px 10px 34px -15px rgb(0 0 0 / 24%);}
.img { background-image: url(../img/bg-1.webp); background-size:cover; height: 200px; }
.img-2 {  background-image: url(../img/signup.webp); background-size:cover; height: 200px; }
.form-control {height:48px; background: #fff; color: #000; font-size: 16px; border-radius: 5px; box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.1); }
.btn.btn-primary {  background: #01d28e !important;  border: 1px solid #01d28e !important;  color: #fff !important; }
.btn.btn-primary-1 {  background: #029161 !important;  border: 1px solid #029161 !important;  color: #fff !important; }
.whitetext {color:#fff;}
h1 {font-weight:700;}
footer {position: sticky; width:100%; height: 100px; top: calc( 100vh - 100px ); float:left; background:var(--coregreen) !important;}
footer .small {color:#fff; font-size:0.6em; margin:20px;}

span.blue {background:#def; padding:8px; border-radius:5px;}
span.result-red {background:#f00; padding:8px; color:#fff; border-radius:5px;}
span.result-green {background:#1c1; padding:8px; color:#fff; border-radius:5px;}

.qnum {float:left; position:absolute; top:-5px; left:-5px; border-radius:50%; border:3px dashed #ccc;var(--coregreen); background:var(--coregreen); aspect-ratio: 1 / 1; padding:5px 8px; min-width:40px; color:#fff; font-weight:700;box-shadow:3px 3px 10px rgba(0,0,0,0.3); text-align:center;}

.module-list-item {padding:8px; border-radius:5px; margin:6px;background:rgba(255,255,255,0.3)}
.module-list-item.active {border:2px solid #fff;background:rgba(255,255,255,0.5)}
.module-list-item span{float:right;}

.cert-download {background:#cfc; border-radius:5px; text-align:center; margin:30px 6px 6px 6px; padding:10px;}