/* amb user side styles start*/

body {
    background-color: #e7f9fa;
    font-family: "Poppins", sans-serif !important;
}
.navbar-brand {
    color: #0d5e62;
    font-weight: 900;
    font-family: "Poppins", sans-serif;
    max-width: 33%;
    overflow: auto;
}
.login {
    background: #1ba2a8;
    background: linear-gradient(90deg, #1ba2a8 0%, #0d5e62 60%);
    width: 114px;
    border-radius: 31px;
    color: #fff;
    font-weight: 600;
    border-left: 0px;
}
.heroSection {
    background: linear-gradient(90deg, #0d5e62 55%, #1ba2a8 95%);
}
.heroSection .heroHeading {
    font-size: 24px;
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    color: #fff;
}
@media screen and (max-width: 826px) {
    .heroSection .heroHeading {
        font-size: 20px;
    }
}
@media screen and (max-width: 575px) {
    .heroSection .heroHeading {
        font-size: 16px;
    }
}
@media screen and (max-width: 390px) {
    .heroSection .heroHeading {
        font-size: 13px;
    }
}
.heroSection .heroaccess {
    font-size: 12px;
    color: #fff;
}
@media screen and (max-width: 390px) {
    .heroSection .heroaccess {
        font-size: 10px;
    }
}
.heroSection img {
    width: 100%;
}
@media screen and (max-width: 767px) {
    .heroSection img {
        width: 100%;
    }
}
.color {
    color: #0d5e62;
}
#form .box {
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 14px -2px rgba(0, 0, 0, 0.35);
}
#form .box .box-heading {
    color: #868181;
    font-weight: 700;
}
#form .box .input-group {
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 4px 14px -2px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    padding: 4px;
}
#form .box .input-group .input-group-text {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#form .box .input-group .form-control {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 12px;
}
#form .box .verificationCode {
    font-size: 14px;
    font-weight: 600;
}
#form .box .otpCode {
    font-size: 14px;
    color: #aab0ba;
}
#form .box .otpField {
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 4px 14px -2px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    padding: 10px;
    width: 15%;
    font-size: 14px;
    text-align: center;
    margin: 10px;
}
#form .box .otpField:focus {
    border: 0px;
}
#form .box .button .login {
    width: 180px;
    align-items: center;
    border-left: 0px;
}
#form .box .button .anchor {
    font-size: 12px;
    color: #868181;
}
#form .box .button .anchor:hover {
    text-decoration: none;
    color: #000;
}
#form .box .button .sendCode {
    color: #0d5e62;
}
#form .input_label {
    font-size: 12px;
    color: black;
    font-weight: 600;
}
.help-center::after {
    position: absolute;
    background: url(../images/Path25.png) no-repeat center;
    border: none !important;
    content: "";
    background-size: 20px 12px;
    width: 19px;
    height: 12px;
    display: inline-block;
    top: 14px;
    margin-left: 10px;
}
.help-center:focus {
    box-shadow: none;
}
.dropdown-menu.show {
    display: block;
    border-radius: 20px;
}
.avatar {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-left: 20px;
}
.accountCenterDropDown .dropdown-menu.show {
    left: -100px;
    top: 41px;
}
.accountCenterDropDown .dropdown-menu.show .headingAccount {
    font-size: 14px;
    color: #1ba2a8;
}
.accountCenterDropDown .dropdown-menu.show .borderBottom {
    border-bottom: 1px solid #ebe5e5;
    margin: 0px 20px;
}
.accountCenterDropDown .dropdown-menu.show .dropdown-item {
    font-size: 14px;
    color: #868181;
}
.accountCenterDropDown .dropdown-menu.show .dropdown-item:hover {
    background-color: transparent;
}
.helpCenterDropDown .dropdown-menu.show {
    left: -100px;
    top: 41px;
}
.helpCenterDropDown .dropdown-menu.show .headingAccount {
    font-size: 14px;
    color: #1ba2a8;
}
.helpCenterDropDown .dropdown-menu.show .borderBottom {
    border-bottom: 1px solid #ebe5e5;
    margin: 0px 20px;
}
.helpCenterDropDown .dropdown-menu.show .dropdown-item {
    font-size: 14px;
    color: #d6d4d4;
}
.helpCenterDropDown .dropdown-menu.show .dropdown-item:hover {
    background-color: transparent;
}
#bg-Sec {
    background: linear-gradient(90deg, #0d5e62 25%, #1ba2a8 95%);
    border-radius: 20px;
}
#bg-Sec .helloUser {
    font-weight: 900;
    font-size: 32px;
}
@media screen and (max-width: 767px) {
    #bg-Sec .helloUser {
        font-size: 22px;
    }
}
#bg-Sec .welcome {
    font-size: 10px;
}
.card {
    border-radius: 20px;
    box-shadow: 1px 4px 25px -10px #313131;
}
.total {
    font-size: 68px;
    color: #0d5e62;
}
@media screen and (max-width: 991px) {
    .total {
        font-size: 40px;
    }
}
.canvas-wrap {
    position: relative;
    width: 300px;
    height: 300px;
}
.canvas-wrap .procent {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 50px;
    transform: translate(-50%, -50%);
    color: #3949ab;
}
.canvas-wrap .procent::after {
    content: "%";
}
.carditem {
    align-self: flex-end;
}
.carditem span {
    font-size: 30px;
    color: #0d5e62;
    font-weight: 700;
}
@media screen and (max-width: 991px) {
    .carditem span {
        font-size: 22px;
    }
}
@media screen and (max-width: 575px) {
    .carditem span {
        font-size: 35px;
    }
}
@media screen and (max-width: 400px) {
    .carditem span {
        font-size: 20px;
    }
}
#progress #clockColumn p {
    width: 120%;
}
@media screen and (max-width: 991px) {
    #progress #clockColumn p {
        width: 146%;
    }
}
#quiz .card .card {
    height: 80%;
    margin: 13px auto;
}
@media screen and (max-width: 575px) {
    #quiz .card .card {
        width: 200px;
        margin: 10px auto;
    }
}
#quiz .card .card span {
    position: relative;
    top: 0px;
}
#quiz .card .card .circleUnattemptBg {
    background-color: #e5e7e8;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    position: absolute;
    top: 62px;
    left: 65px;
}
@media screen and (max-width: 1200px) {
    #quiz .card .card .circleUnattemptBg {
        left: 48px;
    }
}
@media screen and (max-width: 992px) {
    #quiz .card .card .circleUnattemptBg {
        left: 46px;
    }
}
@media screen and (max-width: 767px) {
    #quiz .card .card .circleUnattemptBg {
        left: 87px;
    }
}
@media screen and (max-width: 575px) {
    #quiz .card .card .circleUnattemptBg {
        left: 78px;
        top: 70px;
    }
}
#quiz .card .card .circleUnattemptBg span {
    font-size: 9px;
    font-weight: 600;
    color: black;
    position: relative;
    top: 17%;
}
#quiz .card .card .circleActiveBg {
    background: #1ba2a8;
    background: linear-gradient(130deg, #17d067 30%, #1ba3a7 80%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    position: absolute;
    top: 62px;
    left: 64px;
    cursor: pointer;
}
@media screen and (max-width: 1200px) {
    #quiz .card .card .circleActiveBg {
        left: 48px;
    }
}
@media screen and (max-width: 992px) {
    #quiz .card .card .circleActiveBg {
        left: 46px;
    }
}
@media screen and (max-width: 767px) {
    #quiz .card .card .circleActiveBg {
        left: 87px;
    }
}
@media screen and (max-width: 575px) {
    #quiz .card .card .circleActiveBg {
        left: 78px;
        top: 70px;
    }
}
#quiz .card .card .circleActiveBg span {
    font-size: 9px;
    font-weight: 600;
    color: white;
    position: relative;
    top: 17%;
}
#quiz .card .card .card-heading {
    height: 40px;
}
#quiz .card .card .canvasq {
    position: relative;
    top: 0px;
}
#quiz .card .card .canvasQuizFail {
    position: relative;
}
#quiz .card .card p {
    position: relative;
    top: -10px;
    font-size: 10px;
}
@media screen and (max-width: 767px) {
    #quiz .card .card p {
        left: 1px;
        top: -5px;
    }
}
@media screen and (max-width: 575px) {
    #quiz .card .card p {
        left: 1px;
        top: -10px;
    }
}
@media screen and (max-width: 991px) {
    #quiz .canvasFinal {
        position: relative;
        right: 8px;
    }
}
.cardText {
    font-size: 20px;
    font-weight: 600;
}
@media screen and (max-width: 1200px) {
    .cardText {
        font-size: 16px;
    }
}
@media screen and (max-width: 991px) {
    .cardText {
        font-size: 13px;
        width: 155%;
    }
}
@media screen and (max-width: 767px) {
    .cardText {
        font-size: 12px;
    }
}
@media screen and (max-width: 575px) {
    .cardText {
        font-size: 16px;
    }
}
@media screen and (max-width: 500px) {
    .cardText {
        font-size: 16px;
    }
}
@media screen and (max-width: 400px) {
    .cardText {
        font-size: 12px;
    }
}
.canvasColumn {
    position: relative;
    right: 55px;
}
@media screen and (max-width: 1200px) {
    .canvasColumn {
        right: 70px;
    }
}
@media screen and (max-width: 991px) {
    .canvasColumn {
        right: 42px;
    }
}
@media screen and (max-width: 767px) {
    .canvasColumn {
        right: 22px;
        top: 6px;
    }
}
@media screen and (max-width: 575px) {
    .canvasColumn {
        right: 0px;
    }
}
.canvasColumn .canvasText {
    position: absolute;
    top: 38%;
    left: 50%;
    font-size: 40px;
    font-weight: 600;
}
@media screen and (max-width: 1200px) {
    .canvasColumn .canvasText {
        left: 60%;
    }
}
@media screen and (max-width: 991px) {
    .canvasColumn .canvasText {
        font-size: 27px;
    }
}
@media screen and (max-width: 767px) {
    .canvasColumn .canvasText {
        font-size: 17px;
    }
}
@media screen and (max-width: 575px) {
    .canvasColumn .canvasText {
        font-size: 40px;
        left: 40%;
        top: 33%;
    }
}
@media screen and (max-width: 500px) {
    .canvasColumn .canvasText {
        font-size: 28px;
        left: 44%;
        top: 37%;
    }
}
@media screen and (max-width: 420px) {
    .canvasColumn .canvasText {
        font-size: 16px;
    }
}
@media screen and (max-width: 991px) {
    .canvasColumn .canvasp {
        width: 150%;
    }
}
@media screen and (max-width: 575px) {
    .canvasColumn .canvasp {
        width: 90%;
    }
}
#clock {
    font-size: 56px;
    text-align: center;
    font-weight: 600;
    position: absolute;
    top: 43%;
    left: 14%;
    font-size: 26px;
    font-weight: 600;
    width: 100%;
}
@media screen and (max-width: 1200px) {
    #clock {
        left: 30%;
    }
}
@media screen and (max-width: 991px) {
    #clock {
        font-size: 20px;
        left: 25%;
    }
}
@media screen and (max-width: 767px) {
    #clock {
        font-size: 14px;
        left: 25%;
    }
}
@media screen and (max-width: 575px) {
    #clock {
        font-size: 22px;
        left: 5%;
    }
}
@media screen and (max-width: 500px) {
    #clock {
        font-size: 16px;
        left: 5%;
    }
}
@media screen and (max-width: 420px) {
    #clock {
        font-size: 12px;
    }
}
.module {
    font-size: 10px;
}
#course .courseHead {
    font-size: 48px;
    color: #0d5e62;
    text-align: center;
}
#course .card {
    height: 300px;
    margin: 13px auto;
}
@media screen and (max-width: 991px) {
    #course .card {
        height: 250px;
    }
}
@media screen and (max-width: 575px) {
    #course .card {
        width: 220px;
    }
}
#course .card .courseHeading {
    font-size: 14px;
    color: white;
}
@media screen and (max-width: 991px) {
    #course .card .courseHeading {
        font-size: 12px;
    }
}
#course .card .card-footer {
    background: linear-gradient(90deg, #1ba2a8 25%, #0d5e62 95%);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 75px;
}
#course .card .card-footer .module {
    font-size: 12px;
    color: white;
}
@media screen and (max-width: 1200px) {
    #course .card .card-footer .module {
        font-size: 10px;
    }
}
@media screen and (max-width: 991px) {
    #course .card .card-footer .module {
        font-size: 8px;
    }
}
#course .card .card-footer .icon {
    position: relative;
}
#course .card .card-footer .icon .right-arrow {
    font-size: 30px;
    position: absolute;
    top: -40px;
    right: -8px;
}
#continue .continue-bg {
    background: linear-gradient(90deg, #8e8c8c 25%, #050505 105%);
}
#continue .continue-bg .continue-text {
    font-size: 22px;
}
#continue .continue-bg .attempt-text {
    font-size: 16px;
}
@media screen and (max-width: 767px) {
    #continue .continue-bg .attempt-text {
        font-size: 12px;
    }
}
#continue .continue-bg .continueBtn {
    background: #1ba2a8;
    background: linear-gradient(90deg, #1ba2a8 0%, #0d5e62 60%);
    border-left: 0px;
    border-right: 0px;
    width: 250px;
    border-radius: 31px;
    color: #fff;
    font-weight: 600;
}
@media screen and (max-width: 390px) {
    #continue .continue-bg .continueBtn {
        font-size: 10px;
        width: 200px;
    }
}
#continue .continue-bg .attemptBtn {
    background: #1ba2a8;
    background: linear-gradient(90deg, #1ba2a8 0%, #0d5e62 60%);
    border-left: 0px;
    width: 200px;
    border-radius: 31px;
    color: #fff;
    font-weight: 600;
}
@media screen and (max-width: 390px) {
    #continue .continue-bg .attemptBtn {
        font-size: 10px;
        width: 179px;
    }
}
.bg-theme-color{
   background-color:  #0d5e62 !important;
    color: white;
}
#homeWork .card {
    margin: 13px auto;
}
#homeWork .completed {
    background: linear-gradient(90deg, #17a99c 15%, #00ce57 105%);
    border-left: 0px;
}
#homeWork .inProcess {
    background: linear-gradient(90deg, #8e8c8c 25%, #050505 105%);
    border-left: 0px;
}
#homeWork .card-body .heading {
    font-size: 12px;
    color: white;
    font-weight: 600;
}
#homeWork .card-body .rules {
    font-size: 10px;
    color: white;
    margin-bottom: 0px;
    line-height: 9px;
}
#homeWork .card-body .status {
    font-size: 8px;
    color: white;
    margin-bottom: 0px;
    line-height: 19px;
}
#homeWork .card-body .icon {
    position: relative;
}
#homeWork .card-body .icon .right-arrow {
    font-size: 30px;
    position: absolute;
    top: -40px;
    right: -8px;
}
#videoSec .path {
    font-size: 14px;
}
#videoSec .path a {
    text-decoration: none;
    color: #8e8c8c;
}
#videoSec .path span {
    color: #50b9be;
}
#videoSec .moduleNo {
    font-size: 18px;
    font-weight: 800;
}
#videoSec .moduleName {
    font-size: 16px;
    font-weight: 600;
}
#videoSec .moduleHelp {
    font-size: 14px;
}
#contactForm .input-group {
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 4px 14px -2px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    padding: 4px;
}
#contactForm .input-group .input-group-text {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#contactForm .input-group .form-control {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 12px;
}
#contactForm .button .login {
    width: 180px;
    align-items: center;
    border-left: 0px;
}
#contactForm .input_label {
    font-size: 12px;
    color: black;
    font-weight: 600;
}
#contactForm .input_label .optional {
    color: #1ba2a8;
}
#contactForm .custom-select {
    font-size: 14px;
}
#contactForm .custom-select option {
    font-size: 14px;
}
#profile .path {
    font-size: 14px;
}
#profile .path a {
    text-decoration: none;
    color: #8e8c8c;
}
#profile .path span {
    color: #50b9be;
}
#profile .profileImg {
    width: 200px;
    /*height: 200px;*/
    border-radius: 20px;
    background-color: white;
}
#profile .profileImg h5 {
    line-height: 0;
}
#profile p {
    color: #c1bebe;
    font-size: 14px;
    text-align: left;
    display: flex;
}
#profile .input-group {
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 4px 14px -2px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    padding: 4px;
}
#profile .input-group .input-group-text {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#profile .input-group .form-control {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 12px;
}
#profile .button .login {
    width: 180px;
    align-items: center;
    border-left: 0px;
}
#profile .input_label {
    font-size: 12px;
    color: black;
    font-weight: 600;
}
#profile .input_label .optional {
    color: #1ba2a8;
}
#profile .custom-select {
    font-size: 14px;
}
#profile .custom-select option {
    font-size: 14px;
}
@media screen and (max-width: 1200px) {
    #profile .profileCol {
        height: 84%;
    }
}
@media screen and (max-width: 1200px) {
    #profile .profileCol .aboutMe p {
        height: 75%;
        overflow: hidden;
    }
}
@media screen and (max-width: 575px) {
    #profile .profileCol .aboutMe p {
        height: 50%;
    }
}
input[type="radio"]:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #fff;
    content: "";
    display: inline-block;
    visibility: visible;
    border: 1px solid #aab0ba;
}
input[type="radio"]:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #fff;
    content: "";
    display: inline-block;
    visibility: visible;
    border: 5px solid #0d5e62;
}
#quizSec .path {
    font-size: 14px;
}
#quizSec .path a {
    text-decoration: none;
    color: #8e8c8c;
}
#quizSec .path span {
    color: #50b9be;
}
#quizSec .remainingQes span {
    color: #0d5e62;
    font-size: 71px;
    font-weight: 700;
}
#quizSec .totalQes span {
    font-size: 71px;
    font-weight: 700;
}
#quizSec #clock {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    position: absolute;
    top: 47%;
    left: 0%;
    font-weight: 600;
    width: 100%;
}
#quizQuestion .card .card-body p {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
}
#quizQuestion .card .card-body .correct-answer {
    font-size: 14px;
    color: #00ce57;
    font-weight: 600;
}
#quizQuestion .card .card-body .answer {
    font-size: 12px;
    color: #9f9b9b;
}
#quizQuestion .totalscore {
    font-size: 70px;
    font-weight: 800;
    color: #0d5e62;
}
footer {
    background: linear-gradient(90deg, #1ba2a8 15%, #0d5e62 105%);
}
footer p {
    margin: 0px;
    font-size: 16px;
    text-align: center;
    color: white;
    font-weight: 600;
}
/* amb user side styles end*/


/* amb admin side styles start*/
.headingLight {
    color: #0d5e62 !important;
}
.branchName {
    color: black;
    font-weight: 600;
    padding: 1.5rem!important;
    margin-bottom: 0;
    text-align: center;
}
.cardTopGradiant{
    background: linear-gradient(
            90deg
            , #0d5e62 25%, #1ba2a8 95%);
    border-radius: 21px 21px 0px 0px;
    padding: 23px 0 36px;
    color: white;
}
.w-100p{
    width: 100% !important;
}

 .input-group {
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 4px 14px -2px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    padding: 4px;
}
  .input-group .input-group-text {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.input-group .form-control {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 12px;
}
.verificationCode {
    font-size: 14px;
    font-weight: 600;
}
 .otpCode {
    font-size: 14px;
    color: #aab0ba;
}
 .otpFieldAdmin {
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 4px 14px -2px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    padding: 12px 16px;
    width: 95%;
    font-size: 14px;
    text-align: center;
    margin: 10px;
}
.otpFieldAdmin:focus {
    border: 0px;
    outline: none;
}
.bgGradient{
    background: linear-gradient(  90deg  , #0d5e62 25%, #1ba2a8 95%);
}
.pageColor{
    color: #1ba2a8;
}
.pageNextBtn{
    width: 114px;
    margin-top: 10px;
}
.signupPhonNo{
    width: 74px;
    border-radius: 11px 0px 0px 11px;
    padding: 11px;
    color: white;
}
.cardData{
    font-size: 14px;
    padding-top: 28px !important;
    text-align: center;
    font-weight: normal;
}
 .toggle-position:after {


     position: relative;

}
 .card-inner-text{
      color: #1ba2a8;
     font-weight: bold;
 }
.card-inner-heading{
    font-size: 13px !important;
    font-weight: 700;
    color: #1ba2a8;
 }
#sq table b{
    font-size: 13px !important;
}
#sq table td {
    font-size: 13px !important;
}
.font-16{
    font-size: 16px !important;

}
.font-15{
    font-size: 15px !important;

}
.font-14{
    font-size: 14px !important;

}
 .font-12{
     font-size: 12px !important;

 }
.font-13{
    font-size: 12px !important;

}
.font-11{
    font-size: 11px !important;

}
.font-9{
    font-size: 9px !important;

}
 .borderRadius-5{
     border-radius: 5px !important;
 }
.borderRadius-13{
    border-radius: 13px !important;
}

.cardTopGradiant > h6{
    font-size: 10px !important;
}
.w-165px{
    width: 165px !important;
}
.maxWidth41p{
    max-width: 41% !important;
}
.pagination-margin-selected{
    margin-top: 26px;
    margin-left: 24px;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
#sq_container  table  h3{
    font-weight: 700;
    color: #1ba2a8;
    font-size: 15px !important;
}
.card-inner-heading-quiz {
    font-size: 13px !important;
    font-weight: 700;
    color: #1ba2a8;
}
@media (max-width: 978px) {

    .pr-5 {
        padding:0 !important;
    }
    .w-100pnt{
        width: 100% !important;
    }
    .col-2 {
        -ms-flex: 0 0 15.666667%;
        flex: 0 0 15.666667%;
        max-width: 15.666667%;
    }
}
/*for big screen*/

@media (min-width: 1900px) {


}

/*for laptop screen*/
@media (min-width: 1200px) {


    .width-23p{
        width: 23% !important;
        max-width: 23% !important;
    }
    .width-77p{
        flex: 0 0 77%; !important;
        max-width: 100% !important;
    }
}
/*for tab landscap*/
@media  ( max-width: 1100px ) {
    .card-inner-text {
     font-size: 10px;
    }
    .input_label{
        font-size: 9px !important;
    }
    .font-16 {
        font-size: 16px !important;
    }
    .material-icons {

        font-size: 15px !important;
    }
    .card .bg-white img{
        width: 15px !important;
    }
    .font-11 {
        font-size: 8px !important;
    }
    .font-sm-9 {
        font-size: 9px !important;
    }
    .font-sm-13 {
        font-size: 13px !important;
    }
    .font-12 {
        font-size: 9px !important;
    }
  .col-1   img  {
    width: 15px !important;
}
    .col-2 {
        -ms-flex: 0 0 15.666667%;
        flex: 0 0 15.666667%;
        max-width: 15.666667%;
    }
}


/*for tab portrait*/
@media only screen and (max-width: 768px)   {

    .material-icons {

        font-size: 13px !important;
    }
    .card-inner-heading-quiz {
        font-size: 13px !important;
        font-weight: 700;
        color: #1ba2a8;
    }
    .card-inner-heading {
        font-size: 6px !important;

    }
    #profile .profileImg h5 {
        line-height: initial;
    }
    #profile .profileImg {
        height: auto;
    }
    #profile .profileCol {
        height: auto;
    }
    .card-inner-text {
         font-size: 10px !important;
    }
    #profile .input_label{
        font-size: 9px  ;

    }
    #profile span{
        font-size: 12px !important;

    }
    .cardTopGradiant h4{
        font-size: 12px !important;

    }
    .font-11 {
        font-size: 8px !important;
    }
    .font-12 {
        font-size: 7px !important;
    }
    .font-9 {
        font-size: 6px !important;
    }
    .input_label{
        font-size: 9px !important;

    }
    .card .bg-white img{
        width: 12px !important;
    }

    .col-1   img  {
        width: 12px !important;
    }
    .col-2 {
        -ms-flex: 0 0 15.666667%;
        flex: 0 0 15.666667%;
        max-width: 15.666667%;
    }
}
/*for small mob*/
@media only screen and (max-width: 600px) {
    table b {
        font-size: 10px;
    }
    .otpFieldAdmin {
        font-size: 7px;
        box-shadow: 2px 4px 14px -2px rgb(0 0 0 / 35%);
        border-radius: 10px;

        text-align: center;
        margin: 10px;
        padding: .375rem .75rem;
    }
    .card .bg-white img {
        width: 9px !important;
    }
    .material-icons {
        font-size: 9px !important;
    }
    .cardData{
        font-size: 6px;
        padding-top: 28px !important;
        text-align: center;
        font-weight: normal;
    }
    .font-14 {
        font-size: 6px !important;
    }
    .cardTopGradiant   h6{
        font-size: 6px;
    }
    .help-center::after {
        background-size: 12px 8px;
        top: 0;
    }
    .font-11 {
        font-size: 6px !important;
    }
}
@media only screen and (max-width: 320px) {
    .card .bg-white img {
        width: 7px !important;
    }
    .font-11 {
        font-size: 5px !important;
    }
}

/* amb admin side styles end*/