/*****Font Family*******/
/* @font-face {
    font-family: 'Montserrat-Regular';
    src: url("../fonts/Montserrat-Regular.ttf"),
        url("../fonts/Montserrat-Regular.woff"),
        url("../fonts/Montserrat-Regular.woff2");
}

@font-face {
    font-family: "Montserrat-Bold";
    src: url("../fonts/Montserrat-Bold.ttf"),
        url("../fonts/Montserrat-Bold.woff"),
        url("../fonts/Montserrat-Bold.woff2");
}

@font-face {
    font-family: "Montserrat-Medium";
    src: url("../fonts/Montserrat-Medium.ttf"),
        url("../fonts/Montserrat-Medium.woff"),
        url("../fonts/Montserrat-Medium.woff2");
} */


/**********Custom ICONS********************/
@font-face {
    font-family: "icomoon";
    src: url("../fonts/icomoon.woff"),
        url("../fonts/icomoon.ttf"),
        url("../fonts/icomoon.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-chat:before {
    content: "\e925";
}

.icon-clipboard:before {
    content: "\e926";
}

.icon-delete:before {
    content: "\e923";
}

.icon-repeat:before {
    content: "\e912";
}

.icon-chart:before {
    content: "\e908";
}

.icon-gift:before {
    content: "\e91c";
}

.icon-award:before {
    content: "\e924";
}

.icon-clipboard-tick .path1:before {
    content: "\e910";
    color: rgb(255, 255, 255);
    opacity: 0.5;
}

.icon-clipboard-tick .path2:before {
    content: "\e914";
    margin-left: -0.87109375em;
    color: rgb(255, 255, 255);
}

.icon-timer .path1:before {
    content: "\e915";
    color: rgb(255, 255, 255);
}

.icon-timer .path2:before {
    content: "\e916";
    margin-left: -0.8671875em;
    color: rgb(255, 255, 255);
    opacity: 0.5;
}

.icon-profile-user .path1:before {
    content: "\e917";
    color: rgb(255, 255, 255);
}

.icon-profile-user .path2:before {
    content: "\e918";
    margin-left: -1.001953125em;
    color: rgb(255, 255, 255);
}

.icon-profile-user .path3:before {
    content: "\e919";
    margin-left: -1.001953125em;
    color: rgb(255, 255, 255);
    opacity: 0.5;
}

.icon-profile-user .path4:before {
    content: "\e91a";
    margin-left: -1.001953125em;
    color: rgb(255, 255, 255);
    opacity: 0.5;
}

.icon-login:before {
    content: "\e91b";
    color: #fff;
}

.icon-close:before {
    content: "\e911";
}

.icon-notification:before {
    content: "\e913";
    color: #fff;
}

.icon-msg:before {
    content: "\e900";
}

.icon-profile:before {
    content: "\e901";
}

.icon-right-arrow:before {
    content: "\e902";
    color: #fff;
}

.icon-arrow-left:before {
    content: "\e903";
}

.icon-arrow-right:before {
    content: "\e904";
}

.icon-down-arrow:before {
    content: "\e905";
}

.icon-key:before {
    content: "\e906";
}

.icon-left-arrow:before {
    content: "\e907";
    color: #fff;
}

.icon-help:before {
    content: "\e909";
}

.icon-home:before {
    content: "\e90a";
}

.icon-logout:before {
    content: "\e90b";
}

.icon-question-mark:before {
    content: "\e90c";
}

.icon-right-circle-arrow:before {
    content: "\e90d";
    color: #fff;
}

.icon-setting:before {
    content: "\e90e";
    color: #fff;
}

.icon-Vector:before {
    content: "\e90f";
    color: #fff;
}

.icon-menu:before {
    content: "\e91f";
    color: rgb(38, 39, 43);
}

.icon-lock:before {
    content: "\e935";
}

.icon-gender:before {
    content: "\e91d";
}

.icon-globe:before {
    content: "\e91e";
}

.icon-calendar:before {
    content: "\e920";
}

.icon-card-tick:before {
    content: "\e921";
}

.icon-clock:before {
    content: "\e922";
}

.icon-right-circle:before {
    content: "\e92c";
}

.icon-play:before {
    content: "\e94b";
    color: #fff;
}

.icon-question-circle:before {
    content: "\e94c";
}

.icon-volume-high:before {
    content: "\e94d";
}

.icon-pause:before {
    content: "\e94f";
    color: #D93707;
}

/**********Custom ICONS END************/
/**********Globel CSS************/
body {
    font-family: 'Montserrat-Regular';
    background: #faf8f6;
}

.bg-orange {
    background: linear-gradient(168.64deg, #ff7b54 47.79%, #ff9254 102.97%);
    padding: 0;
}

.bg-gray {
    background-color: #faf8f6 !important;
}

h1 {
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    margin: 0;
    font-family: "Montserrat-Medium";
}

p {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    margin: 0;
}

img {
    object-fit: cover;
}

h2 {
    margin: 0;
    font-size: 26px;
    line-height: 28px;
    color: #fff;
}

.bg-lightgray {
    background-color: #faf8f6;
}

.btn {
    align-items: center;
    display: flex;
    justify-content: center;
}

.btn.next {
    padding: 17px 23px;
}

.btn-primary {
    width: auto;
    /* background: linear-gradient(168.64deg, #ff7b54 47.79%, #ff9254 102.97%); */
    border-radius: 16px;
    border: 0;
    padding: 8px 10px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    background: #D93707;
    box-shadow: 0px 2px 8px rgba(133, 60, 38, 0.2);
    border-radius: 8px;
    font-family: "Montserrat-SemiBold";
    text-transform: capitalize;
    /* background: #D93707; */
    /* box-shadow: 0px 2px 8px rgba(133, 60, 38, 0.2); */
}

.btn-secondrary {
    width: auto;
    padding: 16px;
    font-size: 16px;
    display: inline-block;
    min-width: 155px;
    background: linear-gradient(180deg, #4E4E55 0%, #0e0e12 100%);
    box-shadow: 0px 2px 8px rgba(133, 60, 38, 0.2);
    border-radius: 8px;
    color: #fff;
    width: auto;
    display: inline-block;
    font-family: 'Montserrat-SemiBold';
    border: 0;
}

.btn-secondrary img {
    width: 14px;
    margin-left: 10px;
}

.btn-secondrary.btn-large {
    padding: 15px 10px;
}


.btn-secondrary:hover {
    background: rgb(255 255 255);
    color: #0e0e12;
}



.btn-white {
    background: #fff;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Montserrat-Medium';
    vertical-align: middle;
    padding: 18px 24px;
    min-width: unset;
}

.btn-white:hover {
    color: white !important;
    background: #26272B;
    transition: 0.5s;
}


.btn.btn-green {
    background-color: #4caf50;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Montserrat-Medium';
    vertical-align: middle;
    padding: 19px 20px;
    display: inline-flex;
    align-items: center;
    border-radius: 14px;
}

.btn.btn-green:hover {
    color: white !important;
    background: #26272B;
    transition: 0.5s;
}

.btn.btn-large {
    padding: 16px 21px !important;
}


label {
    color: #26272b80;
    font-size: 14px;
}

b {
    text-align: center;
    margin: 0 auto;
    display: table;
    font-weight: normal;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
}

b a {
    color: #ff8b54;
}

a {
    cursor: pointer;
    text-decoration: none !important;
    font-weight: normal;
}

h3 {
    margin: 0;
}

:focus-visible {
    outline: none !important;
}

h6 {
    margin: 0;
    font-family: "Montserrat-Medium";
    font-size: 16px;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

h1.heading {
    font-size: 40px;
    line-height: 44px;
    color: #26272b;
    text-align: left;
    padding: 20px 0 20px 0;
}

.card p.highlight-text,
.highlight-text,
span.highlight-text {
    color: #D93707;
    font-size: 14px;
    font-family: 'Montserrat-SemiBold';
}

.btn-primary i {
    padding-left: 15px;
    font-size: 19px;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}


.bottom-line {
    position: relative;
    padding-top: 30px;
    margin-top: 0;
}

.bottom-line::before {
    content: '';
    position: absolute;
    border-top: 1px solid #ededed;
    left: -30px;
    width: 113%;
    top: 0px;
}

/***********Hover Effect*************/
.btn-primary:hover {
    transition: 0.9s ease-in;
    background: linear-gradient(168.64deg, #ff9254 47.79%, #ff7b54 102.97%);
}

.note span a:hover,
.form-section p a:hover,
a:hover {
    color: #000;
}

.button-group .btn:hover {
    background-color: #fff;
    border: 1px solid #fff;
}

.form-control:focus {
    border-color: #fff;
    box-shadow: none;
}

.input-icon:focus-within i:before {
    opacity: 1;
}

/***********Hover Effect END*************/
/**********Globel CSS END************/
/**********Form CSS******************/
.form-control {
    font-size: 14px;
    padding: 16px 15px 16px 45px;
    border-radius: 16px;
    background-color: #fff;
    border: 0;
}

.input-icon i::before {
    color: #26272b;
    opacity: 0.3;
}

.input-icon span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    display: flex;
}

.input-icon {
    margin-bottom: 16px;
    position: relative;
}

.select-box {
    padding: 30px 0;
}

.select-box select {
    font-size: 14px;
    padding: 17px 15px;
    border-radius: 16px;
    background-color: #fff;
    border: 0;
    min-width: 146px;
}

.select-box label {
    padding-right: 18px;
}

/*******Button Group**********/
.button-group {
    padding: 30px 0;
}

.button-group .btn {
    border: 1px solid #1c1d211a;
    border-radius: 16px;
    width: 125px;
    padding: 15px;
    max-height: 56px;
    display: inline-block;
}

.button-group .btn {
    margin-right: 8px;
}

.button-group .btn:last-child {
    margin-right: 0;
}

.button-group .btn img {
    width: 21px;
    object-fit: contain;
}

/*******Button Group END**********/
/**********Form CSS END******************/
/**********Select 2******************/
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: normal;
    padding-left: 0;
}

.select2-container--default .select2-selection--single {
    font-size: 14px;
    padding: 17px 15px;
    border-radius: 16px;
    background-color: #fff;
    border: 0;
    min-width: 146px;
    height: auto;
}

.select2-dropdown {
    border: 0;
    box-shadow: -1px 12px 11px 0px #00000024;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.select2-results__option {
    padding: 10px 15px;
    font-size: 14px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ff8454;
    color: white;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: auto;
    width: auto;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    margin-bottom: 5px;
    border: 1px solid #e4e2e0;
    border-radius: 8px;
}

.select2-results .select2-results__option:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b::after {
    content: "\e905";
    position: absolute;
    font-family: "icomoon" !important;
    line-height: normal;
    top: -6px;
    display: inline-block;
    right: -2px;
    color: #b7b8b7;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
    margin: 0;
    top: 0;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::after {
    transform: rotate(180deg);
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ff8454;
}

.input-wrapper .input-icon .select2-container {
    width: 100% !important;
    top: 0;
    left: 0;
    transform: unset;
    position: relative;
    display: block;
    z-index: 0;
}


.input-wrapper .select2-container--default .select2-selection--single {
    min-width: unset;
    background-color: #faf8f6;
    width: 100%;
}

.input-wrapper .select2-container--default .select2-selection--single .select2-selection__placeholder,
.input-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
.input-wrapper span.selection,
.input-wrapper .select2-container--default .select2-selection--single {
    position: relative;
    top: 0;
    transform: translateY(0%);
    left: 0;
    display: block;
}

.input-wrapper .select2-container--default .select2-selection--single {
    padding-left: 48px;
}


.input-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: unset;
    display: none;
}

/**********Select 2 CSS END******************/
/********Custom Check box**********/
.custom-checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.custom-checkbox label {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    color: #000;
}

.custom-checkbox label:before {
    border-radius: 6px;
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #D93707;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
        inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    margin-top: -2px;
}

.custom-checkbox input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 7px;
    width: 6px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.custom-checkbox input:checked+label:before {
    background: linear-gradient(168.64deg, #ff7b54 47.79%, #ff9254 102.97%);
    border: 2px solid #fe7b54;
}

/********Custom Check box END**********/
/*******Sldier Section*************/
.slider-section {
    text-align: center;
}

.slider-wrapper img {
    width: 290px;
}

.slider-section {
    padding-top: 45px;
    display: block;
    width: 100%;
    position: relative;
}

.slider-section .slider-wrapper {
    display: block;
    width: 100%;
}

.slider-section .slider-wrapper h2 {
    max-width: 320px;
    margin: 0 auto;
    padding: 25px 0px 20px 0;
    font-family: "Montserrat-Medium";
}

.slider-section .slider-wrapper p {
    padding: 0;
    max-width: 480px;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-prev:before {
    content: "\e902";
    font-family: "icomoon" !important;
    opacity: 1;
    font-size: 16px;
}

.slick-next:before {
    content: "\e907";
    font-family: "icomoon" !important;
    opacity: 1;
    font-size: 16px;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-initialized .slick-slide {
    display: block;
}

.slider-section .slick-dots {
    position: relative;
    max-width: 350px;
    margin: 0 auto;
}

.slider-section .slick-dots li button:before {
    color: #fff;
    opacity: 0.5;
    width: auto;
    height: auto;
    font-size: 25px;
    line-height: 9px;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
}

.slick-next,
.slick-prev {
    bottom: -32px;
    top: unset;
    z-index: 1;
}

.slick-next {
    right: 35%;
}

.slick-prev {
    left: 35%;
}

.slider-section .slick-dots li {
    margin: -3px 2px;
}

.custom-arrows {
    display: flex;
    align-items: center;
    justify-content: end;
    padding-top: 20px;
}

.custom-arrows i:before {
    color: #000000;
    font-size: 16px;
}


.custom-arrows .next,
.custom-arrows .prev {
    padding-left: 20px;
}



/*******Sldier Section END*************/
/********Text with Line***********/
.line-group {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.line-group span::after {
    content: "";
    position: absolute;
    width: 175px;
    left: 0;
    background: #1c1d211a;
    height: 1px;
    top: 50%;
}

.line-group span::before {
    content: "";
    position: absolute;
    width: 175px;
    right: 0;
    background: #1c1d211a;
    height: 1px;
    top: 50%;
}

.line-group span {
    color: #26272b80;
}

/********END***********/
/*******Warning CSS************/
.note {
    background: linear-gradient(0deg,
            rgba(105, 181, 120, 0.2),
            rgba(105, 181, 120, 0.2)),
        #ffffff;
    padding: 15px 18px;
    border-radius: 16px;
    margin-bottom: 30px;
}

.note p {
    padding: 0;
    font-size: 14px;
    text-align: left !important;
    color: #000000 !important;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 0 !important;
}

.note span {
    font-size: 12px;
    line-height: 18px;
    color: #909091;
    display: block;
}

.note span a {
    color: #D93707;
}

.note p img {
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
}

/*******Warning END************/
/*******Authecation Section(login/Resigster)***************/
.auth-section {
    height: 100vh;
}

.main-logo img {
    width: 89px;
}

.auth-section .row {
    height: 100%;
}

.auth-section {
    overflow-x: hidden;
}

.auth-section.sign-in-section .info-section h1 {
    font-size: 64px;
    line-height: 64px;
}

.info-section {
    padding: 50px 55px 0 55px;
}

.info-section h1 {
    max-width: 625px;
    margin: 0 auto;
    font-family: "Montserrat-Medium";
    font-size: 36px;
    line-height: 40px;
    text-align: center;
}

.info-section p {
    max-width: 315px;
    margin: 0 auto;
    padding: 20px 0;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}

.form-section .btn-primary {
    margin-bottom: 20px;
    width: 100%;
}

.form-section p a {
    color: #ff8954;
    text-decoration: none;
}

.forget-pass {
    padding-bottom: 25px;
    padding-top: 10px;
}

.forget-pass a {
    font-size: 14px;
    color: #D93707;
}

.main-logo {
    padding: 25px 25px;
    text-align: center;
    border-bottom: 1px solid #fff;
}

.form-section {
    max-width: 400px;
    margin: 0 auto;
    height: 100vh;
    padding: 55px 0;
}

.form-section h1 {
    color: #26272b;
    padding-bottom: 16px;
    font-size: 40px;
    text-align: center;
    line-height: 35px;
}

.form-section p {
    color: #26272b80;
    padding-bottom: 30px;
    text-align: center;
    font-size: 14px;
}

/***********END**************/
.current-status {
    display: inline-block;
    max-width: 100%;
    width: calc(100% - 401px);
    position: relative;
    /* height: auto; */
    height: calc(100vh - 95px);
}

/* // ADD NEW 05 APRIL */
.left-section {
    position: relative;
    height: 100vh;
    background-color: #fff;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 245px;
    z-index: 1;
    display: none;
    box-shadow: 0px 4px 24px #E7EAF2;
}

/* // ADD NEW 05 APRIL */
.logged-in .left-section {
    display: block;
}

section.dashboard {
    padding: 0;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.dashboard .container-fluid {
    padding: 0;
    height: 100%;
}

.right-section.col-lg-9 {
    padding: 0 50px 50px 50px;
}

.right-section {
    padding: 0 25px 0 275px;
    min-height: 100vh;
}

/*******Uer Profile**************/
.user-profile {
    /* background: linear-gradient(168.64deg, #ff7b54 47.79%, #ff9254 102.97%); */
}

.user-profile .main-logo {
    padding: 25px;
    text-align: center;
}


.user-profile .profile {
    padding: 35px 25px 155px 25px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}

.user-profile .profile .image-wrapper {
    /* height: 90px; */
    /* width: 90px; */
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-profile .profile .image-wrapper img {
    width: 48px;
    height: 48px;
    outline: 5px solid transparent;
    border-radius: 100px;
}

.user-profile .profile h3 {
    font-family: "Montserrat-Medium";
    color: #fff;
    padding-top: 22px;
    font-size: 20px;
    word-break: break-word;
}

.user-profile .profile p {
    color: #fff;
    opacity: 0.7;
    font-family: 'Montserrat-Regular';
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    word-spacing: normal;
    word-break: break-word;
}

.profile-bar .profile {
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.profile-bar .profile .content-wrapper {
    text-align: left;
    padding-left: 15px;
}

.profile-bar .profile .content-wrapper h3 {
    padding-top: 0;
    font-size: 16px;
    line-height: normal;
    color: #2B2D40;
    padding-bottom: 3px;
}

.profile-bar .profile .content-wrapper p {
    text-align: left;
    color: #6772A9;
    opacity: 1;
    line-height: normal;
}

.profile-bar {
    padding: 15px 10px 15px 0px;
}

.profile-bar .btn {
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}


.profile-bar .btn .cutom-icons i:before {
    color: #2B2D40;
}


.profile-bar .btn.account {
    background-color: #E84515;
}

.profile-bar .menu-bar {
    display: none;
}

.profile-bar .btn .cutom-icons {
    /* width: auto; */
    /* height: auto; */
    background-color: transparent;
}

.profile-bar .btn.account i:before {
    color: #fff;
}

.profile-bar .trp_language_switcher_shortcode .trp-language-switcher {
    margin-left: 0;

}

.profile-bar .trp_language_switcher_shortcode .trp-language-switcher .trp-ls-shortcode-current-language {
    background-color: #ffffff;
    border: 0;
    padding: 3px 8px;
    min-width: 75px;
    background-position: 81% 53%;
}

.profile-bar .trp-language-switcher>div>a.trp-ls-shortcode-disabled-language {
    text-align: left !important;
}



.profile-bar .trp-language-switcher:focus .trp-ls-shortcode-language,
.trp-language-switcher:hover .trp-ls-shortcode-language {
    background-color: #fff !important;
    border: 0;
    min-width: 75px;
    padding: 3px 8px;
    box-shadow: 0px 10px 20px 2px #00000024;
}

.profile-bar .trp-language-switcher>div>a {
    padding: 5px 0;
    text-align: left;
}

.profile-bar .trp-language-switcher>div>a>img {
    width: 36px;
    height: 24px;
    object-fit: cover;
    border-radius: 4px;
}


.profile-bar .trp-language-switcher>div>a:hover {
    border-radius: 0;
    background-color: transparent;
}

.profile-bar .trp_language_switcher_shortcode .trp-language-switcher .trp-ls-shortcode-language a {
    text-align: center;
}

/*******Dashboard Menu************/
.menu-section {
    background-color: #fff;
    padding: 40px 24px 40px 24px;
}


.menu-section nav ul li a {
    font-size: 16px;
    color: #424449;
    display: flex;
    align-items: center;
    font-family: 'Montserrat-SemiBold';
}

.menu-section .logout {
    /* color: #5C6374; */
}

.menu-section .logout:hover,
.menu-section nav ul li a:hover {
    color: #E84515;
}

.menu-section .logout:hover i::before,
.menu-section .logout a:hover i::before,
.menu-section nav ul li a:hover i::before {
    color: #E84515;
    opacity: 1;
}

.menu-section .logout i,
.menu-section nav ul li a i {
    margin-right: 20px;
    opacity: 0.8;
}

.menu-section .logout img,
.menu-section nav ul li a img {
    margin-right: 14px;
    /* opacity: 0.8; */
    width: 18px;
}

.menu-section .logout i::before,
.menu-section nav ul li a i::before {
    color: #424449;
    /* opacity: 0.5; */
    font-size: 18px;
}

.menu-section nav ul li {
    padding: 16px 24px;
    display: flex;
    border-radius: 8px;
}

.menu-section .logout {
    position: absolute;
    bottom: 0;
    padding: 27px 50px;
    /* border-top: 1px solid lightgray; */
    width: 100%;
    left: 0;
    z-index: 6;
    color: 5C6374;
    color: rgb(92 99 116 / 70%);
    font-family: 'Montserrat-SemiBold';
    font-weight: normal;
    /* opacity: 0.7; */
}

.menu-section nav ul li.active a {
    color: #424449;
}

.menu-section nav ul li.active i:before {
    /* color: #ff7b54; */
    /* opacity: 1; */
}

.menu-section nav ul li.active {
    background-color: #FFF5F4;
}

.menu-section nav .dropdown-menu {
    border: 0;
    box-shadow: none;
    padding: 5px 0 5px 0;
    position: relative !important;
    transform: unset !important;
}

.menu-section nav .dropdown-menu li a {
    padding: 0;
    color: #E84515;
}

.menu-section nav .dropdown-menu li a:hover {
    background-color: transparent;
    color: #2B2D40;
}

.menu-section nav ul li.dropdown-toggle {
    justify-content: space-between;
    position: relative;
}

.menu-section nav ul li.dropdown-toggle::after {
    content: "\e907";
    border: 0;
    font-family: 'icomoon';
    transform: rotate(90deg);
    font-size: 12px;
    color: #424449;
    position: absolute;
    font-weight: bold;
    transition: 0.5s;
    right: 25px;
    top: 19px;
}

.menu-section nav ul li.dropdown-toggle.show::after {
    transform: rotate(-90deg);
}

/**********Mobile Menu**************/
header.mobile-menu {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1;
    align-items: center;
    justify-content: space-between;
    padding: 25px;
    display: none;
}

header.mobile-menu .main-logo {
    padding: 0;
    border: 0;
}

/******Custom Icons********/
.cutom-icons {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 100px;
    justify-content: center;
    position: relative;
}

.cutom-icons .dot {
    font-size: 12px;
    background-color: #cf2d4c;
    height: 18px;
    width: 18px;
    border-radius: 100px;
    color: #fff;
    position: absolute;
    right: -8px;
    top: -6px;
}

.cutom-icons a {
    display: flex;
}

.cutom-icons:hover i:before {
    color: #D93707;
}

.cutom-icons:hover {
    background-color: #fff;
    transition: 0.5s;
    cursor: pointer;
}


/********Card Section***********/
.card.progress-chart {
    width: 70%;
    margin-right: 30px;
}

.card.point-chart {
    width: 30%;
}

.card {
    border: 0;
    background-color: rgb(255 255 255 / 60%);
    padding: 27px 26px 15px 26px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: auto;
    display: block;
    margin-bottom: 15px;
}


.card h5 {
    font-size: 20px;
    line-height: 28px;
    font-family: 'Montserrat-Bold';
    padding-bottom: 20px;
    z-index: 0;
}

.card h4 {
    font-size: 24px;
    line-height: 31px;
    color: rgba(38, 39, 43, 1);
    font-family: 'Montserrat-Medium';
    margin-bottom: 0px;
}


.card {
    overflow: hidden;
}


.card.today-work {
    padding: 20px 20px;
    background-position: bottom right;
    background: linear-gradient(272.53deg, #FF7D56 24.79%, #D63101 100%);
    /* background-size: contain; */
    /* z-index: 0; */
    background-repeat: no-repeat;
    margin-bottom: 0;
}

.card h2 {
    font-size: 40px;
    line-height: 44px;
    color: #000;
    font-family: "Montserrat-Bold";
    max-width: 500px;
    padding: 15px 0 20px 0;
}

.card p {
    font-size: 16px;
    line-height: 21px;
    color: #2B2D40;
    text-align: left;
    padding-bottom: 30px;
}

.card p img {
    margin-right: 10px;
    width: 20px;
}

.card .btn-primary {
    min-width: 123px;
    display: inline-block;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
}

.card .card-head {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 20px;
}

.card .card-head h3 {
    font-size: 16px;
    line-height: 28px;
    font-family: 'Montserrat-Bold';
    position: relative;
}

.card .card-head a {
    color: #E84515;
    font-size: 16px;
    font-family: 'Montserrat-SemiBold';
}


.card h6 {
    font-family: 'Montserrat-Bold';
    line-height: normal;
    font-size: 20px;
    /* margin-bottom: 20px; */
}

.card p a {
    color: #ff8b54;
}

.card p strong {
    font-weight: normal;
    font-family: 'Montserrat-Bold';
}

.card p em {
    font-style: normal;
    font-family: 'Montserrat-Medium';
}

.card.today-work::after {
    /* content: ''; */
    /* position: absolute; */
    /* width: 100%; */
    /* height: 100%; */
    /* border-radius: 8px; */
    /* top: 0; */
    /* left: 0; */
    /* z-index: 0; */
    /* background-image: url(https://dev.iqbooster.org/wp-content/themes/iq-quest/images/mind-logic.svg); */
    /* background-repeat: no-repeat; */
    /* background-position: right bottom; */
}


.card.today-work h2,
.card.today-work p,
.card.today-work ul,
.card.today-work .btn {
    position: relative;
    z-index: 2;
}

.card.today-work ul {

    width: calc(100% - 198px);
}

.card.today-work h2 {
    color: #fff;
    padding-top: 0;
    padding-bottom: 23px;
}

.card.today-work p {
    color: #fff;
    padding-bottom: 18px;
    font-size: 14px;
}

.card.today-work .btn-secondrary {
    position: absolute;
    right: 20px;
    bottom: 20px;
}



.card.today-work .btn-secondrary i:before {
    color: #FF7850;
}

.points .badge {
    background-color: #AA2E09;
    margin-bottom: 5px;
}

.card.today-work .bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    top: 0;
    left: 0;
    z-index: 0;
    background-position: bottom right !important;
    background-repeat: no-repeat !important;
    background-size: contain;
}

.card.today-work .text-wrapper {
    max-width: 485px;
}



.quiz-card {
    background: linear-gradient(90.9deg, rgba(255, 162, 130, 0.2) 0%, rgba(255, 120, 80, 0.2) 100%);
    box-shadow: 0px 4px 20px #EAEDF6;
    border-radius: 8px;
    /* background-position: center; */
    /* background-size: contain; */
    padding: 20px 20px;
    height: 100%;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.quiz-card img {
    position: absolute;
    width: 75%;
    z-index: 0;
    object-fit: contain;
    left: 50%;
    right: 0;
    top: 50%;
    margin: 0 auto;
    transform: translate(-50%, -50%);
}

.quiz-card .badge {
    color: #BA2B00;
    background-color: rgb(213 139 117 / 20%);
}

.quick-quiz-slider .slick-list {
    overflow: visible;
    /* display: flex; */
    /* align-items: stretch; */
}

.quick-quiz-slider .slick-slide {
    padding: 0 14px;
}

.quick-quiz-slider .slick-list .slick-track {
    display: flex;
    align-items: stretch;
    height: 100%;
}


/*********Calender Section******************/
.calender-section {
    display: inline-block;
    vertical-align: top;
    width: 384px;
    /* height: calc(100vh - 95px); */
    margin-left: 10px;
    position: sticky;
    top: 0;
    /* overflow: auto; */
}

.calender-section .card {
    /* border-radius: 0; */
    /* height: 100%; */
    /* padding: 0; */
    margin-bottom: 0;
    padding-top: 10px;
}

.calender-section .card-head {
    padding: 20px 0px 20px 0;
    border-bottom: 1px solid #E7EAF2;
    margin-bottom: 0;
}

.card-head i {
    opacity: 0.5;
    font-size: 20px;
}

.calender-section .calender-wrapper {
    border-bottom: 1px solid #E7EAF2;
    margin-bottom: 15px;
}

.calender-section .upcoming-training {
    border-top: 1px solid #E7EAF2;
    margin-top: 14px;
    padding-bottom: 0px;
}

.calender-section .upcoming-training .card-head {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 16px;
    /* font-family: 'Montserrat-Regular'; */
}

.calender-section .upcoming-training .card-head h3 {
    font-family: 'Montserrat-Regular';
    font-weight: normal;
}


.calender-section .card-head a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.calender-section .card-head a img {
    width: 12px;
}

.calender-section .card-head a h3 {
    display: inline-block;
}

.calender-section .card-head a h3 {
    color: rgba(22, 24, 62, 1);
}

.calender-section .card-head a h3 i:before {
    color: #e84515;
    top: 3px;
    position: relative;
    margin-left: 5px;
    /* content: ''; */
}

.card .icon-question-mark:before {
    background-image: url('../images/icons/icon-info.svg');
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    content: '';
    position: relative;
    display: inline-block;
    background-size: cover;
    background-position: center;
}

.calender-section .card-head a h3 i {
    opacity: 1;
}

.upcoming-training li:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    background-image: url(../images/icons/icon-arrow-narrow-up-right.svg);
    background-position: center;
    background-size: 12px;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
}

.current-stock {
    padding: 0 2px;
}

.current-stock span img {
    margin-right: 8px;
    margin-top: -4px;
    width: 16px;
}

.current-stock h6 {
    font-size: 14px;
    font-family: 'Montserrat-Bold';
    padding-bottom: 0;
}

.current-stock span.highlight-text {
    font-family: 'Montserrat-SemiBold';
}

.upcoming-training li {
    /* background: #faf8f6; */
    padding: 18px 20px;
    /* border-radius: 16px; */
    margin-bottom: 10px;
    background: #FFFFFF;
    box-shadow: 0px 4px 40px #F3F5FA;
    border-radius: 8px;
    /* box-shadow: 0px 4px 40px #F3F5FA; */
    /* border-radius: 8px; */
    /* background-image: url(../images/icons/icon-arrow-narrow-up-right.svg); */
    /* background-position: right; */
    /* background-size: 12px; */
    /* background-repeat: no-repeat; */
    position: relative;
}

.upcoming-training li:last-child {
    margin-bottom: 0;
}

.upcoming-training li img {
    width: 28px;
    height: 28px;
}

.upcoming-training li p {
    padding: 0;
    font-family: 'Montserrat-Bold';
}

.upcoming-training li p.date {
    font-size: 12px;
    line-height: 14px;
    color: #2B2D40;
    opacity: 0.5;
    font-family: 'Montserrat-Regular';
    padding-top: 5px;
}

.upcoming-training ul {
    padding: 0 0px;
    /* overflow-y: auto; */
    max-height: 300px;
}

.upcoming-training .image-wrapper {
    height: 44px;
    width: 44px;
    background-color: #fff;
    border-radius: 12px;
    padding: 11px 0;
    text-align: center;
    margin-right: 15px;
}

.upcoming-training li span>p:before {
    content: '';
    position: relative;
    width: 8px;
    height: 8px;
    background: #E84515;
    display: inline-block;
    border-radius: 100%;
    top: -2px;
    margin-right: 8px;
}

.upcoming-training li p.date::before {
    display: none;
}

/********Calender CSS*************/
.datepicker {
    position: relative;
    padding: 25px;
}

.datepicker-days {
    position: relative;
}

.datepicker thead {
    position: relative;
}

.datepicker thead .picker-switch {
    width: auto !important;
    position: absolute;
    left: 0;
    font-size: 16px;
    bottom: 22px;
}

.bootstrap-datetimepicker-widget table th.prev::after {
    content: "\e902";
    color: lightgray;
    font-family: "icomoon" !important;
    font-size: 15px;
    height: auto;
    width: auto;
    clip: unset;
    right: 50px;
    top: -3px;
}

.bootstrap-datetimepicker-widget table thead tr th.next,
.bootstrap-datetimepicker-widget table thead tr th.prev {
    position: absolute;
}

.bootstrap-datetimepicker-widget table thead tr th.next {
    right: 0;
}

.bootstrap-datetimepicker-widget table thead tr th.prev {
    right: 0;
}

.bootstrap-datetimepicker-widget .datepicker-decades table thead tr:first-child th,
.bootstrap-datetimepicker-widget .datepicker-years table thead tr:first-child th,
.bootstrap-datetimepicker-widget .datepicker-months table thead tr:first-child th {
    padding-top: 2px;
    padding-left: 0px;
    left: 35px;
}

.bootstrap-datetimepicker-widget table td span:empty {
    display: none;
}

.bootstrap-datetimepicker-widget table th.next::after {
    content: "\e907";
    color: lightgray;
    font-family: "icomoon" !important;
    font-size: 15px;
    height: auto;
    width: auto;
    clip: unset;
    right: 15px;
    top: -3px;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    padding-bottom: 7px;
    background-color: transparent;
    font-family: "Montserrat-Medium";
    text-align: left;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    position: relative;
    padding: 0;
    transform: translate(-42px, 15px);
}

.bootstrap-datetimepicker-widget table th {
    background-color: #faf8f6;
    border-radius: 0;
    height: auto;
    width: auto;
    line-height: normal;
    border-radius: 0;
    font-size: 14px;
    font-weight: normal;
}

.bootstrap-datetimepicker-widget table th.dow {
    padding: 10px;
}

.bootstrap-datetimepicker-widget table th.dow:first-child {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.bootstrap-datetimepicker-widget table th.dow:last-child {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.datepicker-days .table-condensed {
    caption-side: bottom;
    border-collapse: collapse;
    border-spacing: 0;
}

.datepicker-days .table-condensed tbody td {
    z-index: 20;
    position: relative;
    font-size: 14px;
    line-height: normal;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    padding: 0;
    margin: 0;
    border: 0px solid white;
    max-width: 40px;
    max-height: 40px;
    color: #26272b;
    min-width: 22px;
    display: table-cell;
    text-shadow: none;
}

.datepicker-days .table-condensed tbody td.today {
    border-radius: 100%;
}

.datepicker-days .table-condensed tbody td.old,
.datepicker-days .table-condensed tbody td.day.new,
.datepicker-days .table-condensed tbody td.old.disabled {
    color: #26272b;
    opacity: 0.3;
}

.bootstrap-datetimepicker-widget table td.today:before {
    display: none;
}

.datepicker-days .table-condensed tbody td.day.active::after {
    border-radius: 100%;
    height: 45px;
    width: 45px;
    background: linear-gradient(168.64deg, #ff7b54 47.79%, #ff9254 102.97%);
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    z-index: -1;
    margin: 0 auto;
    display: table;
    right: 0;
}

.datepicker-days .table-condensed tbody td.day.active {
    color: #fff;
    background-color: transparent;
    z-index: 0;
}

.datepicker-days .table-condensed tbody td:hover:after {
    box-shadow: 0px 0px 0px 1px #ff7c54;
    border-radius: 100px;
    height: 45px;
    width: 45px;
    background: #fff;
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    border-radius: 100%;
    z-index: -1;
    margin: 0 auto;
    display: table;
    right: 0;
}

.datepicker-days .table-condensed tbody td:hover {
    background-color: transparent;
    text-shadow: none !important;
}

.datepicker-days .table-condensed tbody td.day.active:hover::after {
    outline: none;
    box-shadow: none;
}

.bootstrap-datetimepicker-widget table td span.active {
    background: linear-gradient(168.64deg, #ff7b54 47.79%, #ff9254 102.97%);
    border: 1px solid #D93707;
}

.bootstrap-datetimepicker-widget table td span {
    border-radius: 15px;
    width: auto;
    height: auto;
    line-height: 40px;
    vertical-align: middle;
    padding: 2px 20px;
    min-width: 70px;
    border: 1px solid white;
}

.bootstrap-datetimepicker-widget table td span:hover {
    border: 1px solid #D93707;
    background-color: #fff;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background-color: transparent;
    color: #ff7f54;
}

.bootstrap-datetimepicker-widget table td span.decade {
    min-width: 150px;
    text-align: center;
    padding: 4px;
    line-height: 55px !important;
    margin: 0;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 40px !important;
}

.bootstrap-datetimepicker-widget table th.next:hover::after,
.bootstrap-datetimepicker-widget table th.prev:hover::after {
    color: #ff7f54;
}


.bootstrap-datetimepicker-widget table thead tr th.next,
.bootstrap-datetimepicker-widget table thead tr th.prev {
    position: absolute;
    z-index: 0;
    padding-bottom: 0;
}

/*******Date picker in inputbox***********/
.input-wrapper .datepicker {
    padding: 25px 8px 8px 8px;
}

.input-wrapper .bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 0;
    padding: 0;
}

.input-wrapper .bootstrap-datetimepicker-widget.dropdown-menu {
    border: 0;
    box-shadow: 1px 1px 7px 0px #00000026;
    border-radius: 12px;
    margin-top: 10px;
}

.input-wrapper .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border: 0;
}

.input-wrapper .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border: 0;
}

.input-wrapper .datepicker-days .table-condensed tbody td {
    height: 40px;
}

.input-wrapper .datepicker-days .table-condensed tbody td.day.active::after,
.input-wrapper .datepicker-days .table-condensed tbody td:hover:after {
    width: 30px;
    height: 30px;
    top: 5px;
}


.input-wrapper .bootstrap-datetimepicker-widget table th.dow {
    padding: 5px 0;
}

.input-wrapper .bootstrap-datetimepicker-widget table thead tr:first-child th {
    padding-left: 5px;
}

.input-wrapper .bootstrap-datetimepicker-widget table td span {
    position: relative;
    left: 0;
    top: 0;
    transform: translateY(0%);
    font-size: 14px;
    padding: 0;
    line-height: 38px;
    text-shadow: none;
}

.input-wrapper .bootstrap-datetimepicker-widget table td {
    height: auto;
    line-height: normal;
    width: auto;
}

.input-wrapper .bootstrap-datetimepicker-widget .datepicker-decades table thead tr:first-child th,
.input-wrapper .bootstrap-datetimepicker-widget .datepicker-years table thead tr:first-child th,
.input-wrapper .bootstrap-datetimepicker-widget .datepicker-months table thead tr:first-child th {
    padding-left: 10px;
}


.input-wrapper .bootstrap-datetimepicker-widget table thead th span {
    position: relative;
    top: 0%;
    transform: translateY(0%);
    left: 0px;
    display: flex;
    z-index: 9999;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    color: #000;
}


.input-wrapper .bootstrap-datetimepicker-widget .datepicker-decades .decade {
    margin: 5px 5px;
    line-height: 28px !important;
    min-width: 100px;
    font-size: 14px;
    padding: 6px 10px;
}

/************Calender END*********************/
.footer-link nav ul li a {
    color: #26272b;
    opacity: 0.4;
    font-size: 14px;
}

.footer-link nav ul li a:hover {
    color: #D93707;
    opacity: 1;
}

.footer-link nav ul li {
    display: inline-block;
    padding-right: 40px;
}

.footer-link nav ul li:last-child {
    padding-right: 0px;
}

.footer-link nav ul {
    text-align: center;
    padding: 0;
}

.footer-link {
    padding: 15px 0;
    position: absolute;
    left: 0;
    bottom: 15px;
    right: 0;
    background: transparent;
}

canvas {
    margin-top: 35px;
    max-height: 260px;
}

.card.progress-chart,
.card.point-chart {
    min-height: 260px;
    margin-bottom: 0;
}

.card.progress-chart .chart-container {
    height: 290px;
}

.upcoming-training ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.upcoming-training ul::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
}

.upcoming-training ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #D93707;
}

.dashboard .container-fluid .row {
    height: 100%;
}


/*****Custom Switch Toggle***********/
.custom-switch-checkbox .toggle {
    cursor: pointer;
    display: inline-block;
    display: flex;
    margin-bottom: 25px;
    width: 100%;

}

.custom-switch-checkbox {
    position: relative;
}

.custom-switch-checkbox .toggle-checkbox {
    position: absolute;
    visibility: hidden;
}

.custom-switch-checkbox .toggle-checkbox:checked+.toggle-switch {
    background: #D93707;
}

.custom-switch-checkbox .toggle-switch {
    display: inline-block;
    background: rgba(38, 39, 43, 0.2);
    border-radius: 16px;
    width: 32px;
    height: 20px;
    position: relative;
    vertical-align: middle;
    transition: background 0.25s;
}

.custom-switch-checkbox .toggle-checkbox:checked+.toggle-switch:before {
    left: 16px;
}

.custom-switch-checkbox .toggle-switch:before {
    display: block;
    background: linear-gradient(to bottom, #fff 0%, #eee 100%);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 4px;
    left: 4px;
    transition: left 0.25s;
}

.custom-switch-checkbox .toggle-switch:before,
.toggle-switch:after {
    content: "";
}

.custom-switch-checkbox .toggle-label {
    padding-left: 35px;
    width: 100%;
}


.custom-switch-checkbox .toggle-label h6 {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    padding-bottom: 10px;
    user-select: none;
}

.custom-switch-checkbox .toggle-label p {
    color: #26272B;
    opacity: 0.4;
    font-size: 16px;
    padding-bottom: 0;
    user-select: none;
}


/*********Account Page**************/


.input-wrapper label {
    color: #26272B;
    padding-bottom: 5px;
}

.input-wrapper {
    margin-bottom: 25px;
}

.input-wrapper .input-icon {
    display: table;
    width: 100%;
}

.input-wrapper .input-icon i {
    font-size: 20px;
}

.input-wrapper .input-icon span {
    z-index: 2;
}

.input-wrapper .highlight-text {
    color: #D93707;
    font-size: 14px;
    font-family: 'Montserrat-Medium';
}


.login-info {
    position: relative;
    padding: 30px 0 10px 0;
    margin: 30px 0;
}

.login-info {
    margin-bottom: 0px;
}

.login-info::after {
    width: 111%;
    height: 1px;
    background-color: lightgrey;
    top: 0;
    content: '';
    position: absolute;
    left: -26px;
    right: 0;
}


.social-login .button-group {
    padding: 0;
}

.social-login .button-group .btn {
    width: 100%;
    font-size: 14px;
}

.login-info::before {
    width: 111%;
    height: 1px;
    background-color: lightgrey;
    bottom: 0;
    content: '';
    position: absolute;
    left: -26px;
    right: 0;
}

.login-info::before {
    width: 111%;
    height: 0px;
    background-color: lightgrey;
    bottom: 0;
    content: '';
    position: absolute;
    left: -26px;
    right: 0;
}


.input-icon .text-label {
    right: 20px;
    left: unset;
    font-size: 14px;
    font-family: 'Montserrat-Medium';
}

.form-control:disabled {
    background-color: #faf8f6;
}

.input-plan.form-control:disabled {
    /*color: #26272B;*/
    /*cursor: not-allowed;*/
}


.email-subscribe h5 {
    padding-bottom: 5px;
}

.email-subscribe p {
    padding-bottom: 35px;
}


.account-page {
    overflow: hidden;
}


.social-login .button-group .btn:hover {
    background-color: #faf8f6;
}

.form-control:disabled {
    color: rgb(38 39 43 / 50%);
}

.card.email-subscribe .btn-secondrary .card.email-subscribe .btn-primary,
.card .profile-form .btn-primary {
    padding: 17px 25px;
    margin-top: 10px;
}

.profile-plan,
.profile-section {
    max-width: 600px;
    display: inline-block;
    vertical-align: text-top;
    width: 100%;
}

.profile-section {
    margin-right: 26px;
}

.card.email-subscribe {
    max-width: 1230px;
}


.social-login .button-group .btn img {
    margin-right: 8px;
    vertical-align: middle;
}


.card.email-subscribe .btn-primary {
    margin-right: 15px;
}

.custom-switch-checkbox .highlight-text {
    font-family: 'Montserrat-Medium';
    padding-bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.custom-switch-checkbox .highlight-text:hover {
    color: #000;
}

.custom-switch-checkbox .toggle-label .select-days p {
    opacity: 1;
    font-family: 'Montserrat-Medium';
}

.select-days .custom-checkbox {
    display: inline-block;
    margin-right: 20px;
    margin-top: 14px;
}

.change-password .btn-change,
.change-email .btn-change {
    cursor: pointer;
}


.change-password .btn-change:hover,
.change-email .btn-change:hover {
    color: #212529;
}

.card.common-card p {
    padding-bottom: 0;
}

.common-card h5 {
    padding-bottom: 0;
}

.common-card .input-wrapper {
    width: 41%;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    margin-bottom: 0;
    margin-top: 0px;
}

.common-card form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 28px;
}

.common-card form .btn-secondrary {
    margin-top: 25px;
}

.common-card ul {
    padding-top: 20px;
}

.common-card ul li {
    border-bottom: 1px solid #efefef;
    padding: 15px 0;
}

.common-card ul li p {
    width: calc(100% / 4 - 10px);
    display: inline-block;
    text-align: left;
}

.common-card ul li:last-child {
    border: 0;
    padding-bottom: 0;
}

.payment-list {
    padding-top: 20px;
}

.payment-list .payment-details {
    display: flex;
    font-size: 14px;
    padding: 16px 15px 16px 15px;
    border-radius: 16px;
    border: 0;
    background-color: #faf8f6 !important;
    margin-bottom: 15px;
    position: relative;
}

.payment-list .payment-details img {
    width: 36px;
    height: 24px;
}

.payment-list .payment-details p,
.payment-list .payment-details span {
    font-size: 14px;
    line-height: 18px;
}

.payment-list .payment-details span {
    opacity: 0.5;
}

.payment-list .payment-details p {
    padding: 0 0px 0 20px;
}

.payment-list .payment-details.woocommerce-PaymentMethod span {
    padding-left: 20px;
    line-height: normal;
}

.payment-list .payment-details label {
    color: #000;
    padding-left: 30px;
    text-transform: capitalize;
}

.payment-list a {
    color: #ff7d54;
    font-weight: 500;
    font-family: 'Montserrat-Medium';
    margin-top: 15px;
    display: inline-block;
}

.payment-list .payment-details label.active {
    color: #D93707;
    line-height: normal;
    vertical-align: middle;
    display: inline-block;
}

.payment-list .payment-details label i {
    font-size: 15px;
    top: 2px;
    display: inline-block;
    position: relative;
    margin-left: 3px;
}

.payment-list .payment-details .btn-delete {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.3;
    padding: 0;
}

.payment-list .payment-details .btn-delete:hover i:before {
    color: #FF5836;
}

.payment-list .payment-details .btn-delete:hover {
    opacity: 1;
    border: 0;
}

/*********Account Page END**************/


/*********Training Program Page Start**************/
.training-program {
    background-image: url('..//images/training-program.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: 100px;
}

.training-program ul {
    max-width: 606px;
}

.training-program ul li {
    padding: 11px 0;
}

.training-program ul li .content h6 {
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 10px;
}

.training-program ul li .content p {
    font-size: 18px;
    line-height: 23px;
    color: #26272B;
    opacity: 0.6;
    text-align: left;
}

.training-program ul li .icon-box {
    padding: 50px 55px;
}

.training-program ul li .icon-box img {
    width: 32px;
    height: 32px;
}

.try-program {
    display: table;
    width: 100%;
    max-width: 506px;
    margin: 10px 0 50px 0;
    clear: both;
}

.try-program .bg-orange {
    border-radius: 24px;
    padding: 25px;
}


.try-program .content h6 {
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 4px;
    color: #fff;
}

.try-program .content p {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    opacity: 0.7;
    text-align: left;
}

.try-program .content {
    padding-left: 30px;
}

.try-program .content b {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Montserrat-Medium';
    max-width: 150px;
    text-align: center;
    vertical-align: middle;
    margin-left: 10px;
    text-align: left;
}


.card-details .card-date .expire-date-year {
    width: calc(100% - 185px);
    display: inline-block;
    flex-wrap: wrap;
    padding-right: 0;
    margin-bottom: 10px;
}

.card-details .card-date .input-wrapper .input-icon {
    width: 139px;
    display: inline-flex;
}

.card-details .card-date .input-wrapper label {
    display: table;
    width: 100%;
}

.card-details .card-date .input-wrapper.security-code {
    width: 180px;
    display: inline-block;
    margin-bottom: 10px;
}

.card-details .card-date .input-wrapper .input-icon {
    margin-right: 5px;
}

.card-details .card-date .input-wrapper.security-code .input-icon {
    width: 100%;
}

.card-details .card-date .input-wrapper label i::before {
    color: #26272B;
    opacity: 0.5;
    vertical-align: middle;
    margin-left: 8px;
    font-size: 18px;
}


/*********Training Program Page END**************/


/**********Test Page Start*************************/
.test-design-page.test-flow-parent {
    padding-top: 40px;
}

.test-design-page {
    padding-top: 40px;
}

.custom-radio input[type="radio"] {
    visibility: hidden;
    display: none;
}

.test-design-page .card p {
    opacity: 0.5;
    padding-bottom: 40px;
}

.test-design-page .card .form-container h2 {
    max-width: 100%;
    font-size: 32px;
    line-height: normal;
    padding-bottom: 0;
    padding-top: 0;
}

.test-design-page .progress-numbers {
    display: inline-block;
    width: auto;
}

.test-design-page .step-section {

    position: relative;

    bottom: 0px;

    left: 0;

    right: 0;

    background: #faf8f6;

    z-index: 0;

    padding: 20px 0;

    margin: 0 auto;

    border-top: 1px solid rgba(28, 29, 33, 0.1);
}

.test-design-page .step-section.card {
    background-color: #fff;
    padding: 20px 25px;
    border: 0;
}

.test-design-page .step-section .container {
    display: flex;
    align-items: center;
    padding: 0;
    flex-direction: row;
    justify-content: space-between;
}

.test-design-page .step-section .progress-numbers .steps li {
    height: 40px;
    width: 40px;
    background-color: #FAF8F6;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    margin-right: 5px;
    cursor: pointer;
    border: 1px solid lightgray;
}

.test-design-page .timer-section {
    display: flex;
    width: auto;
    position: relative;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
}


.test-design-page .timer-section .base-timer {
    position: relative;
    width: 121px;
    height: 56px;
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, #FF7B54 0%, #FF7B54 37.5%, rgba(255, 123, 84, 0) 37.51%), rgba(255, 123, 84, 0.1);
    border-radius: 100px;
    justify-content: space-between;
    margin-right: 15px;
}

.test-design-page .timer-section .base-timer img.timer-img {
    width: 31px;
    position: relative;
    left: 0;
    top: 0;
    transform: unset;
    margin-left: 9px;
}

.test-design-page .timer-section .base-timer__label {
    position: relative;
    width: auto;
    height: auto;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 26px;
    font-family: 'Montserrat-Medium';
    padding-right: 12px;
}

/*******Step Form Start**************/


.card-questions .form-container {
    display: none;
}

.card-questions .form-container.active {
    display: flex;
    justify-content: space-between;
}

.card-questions .form-container .question {
    width: calc(50% - 16px);
}

.card-questions .form-container .answers {
    width: calc(50% - 20px);
    height: auto;
    height: 100%;
    position: relative;
}

.card-questions .form-container .question h4 {
    font-size: 26px;
    display: inline-block;
    width: calc(33.33% - 10px);
    text-align: center;
    padding-top: 50px;
    font-family: 'Montserrat-Medium';
    color: #D93707;
    vertical-align: text-top;
}

.card-questions h3 {
    font-size: 24px;
    padding-top: 10px;
    border-bottom: 1px solid rgb(255 123 84);
    display: table;
    padding-bottom: 5px;
    font-family: 'Montserrat-Medium';
    margin-bottom: 20px;
}


.step-section {
    position: relative;
}

.step-section .content p {
    opacity: 0.5;
}

.quiz-title.card.top h2,
.step-section h2 {
    font-size: 32px;
    line-height: 35px;
    padding: 0 0 20px 0;
}


.step-section .progress-numbers .steps li {
    height: 64px;
    width: 64px;
    background-color: #FAF8F6;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    margin-right: 5px;
    cursor: pointer;
}

.step-section .progress-numbers .steps li span {
    color: #000;
    font-size: 16px;
    font-family: 'Montserrat-Medium';
    position: relative;
}

.step-section .progress-numbers .steps li.active {
    background: transparent;
    border: 1px solid #D93707;
}

.step-section .progress-numbers .steps li.active span {
    color: #000;
}

.step-section .progress-numbers .steps li.give-answer::after {
    content: '';
    position: absolute;
    background-image: url('../images/correct.png');
    width: 26px;
    height: 25px;
    z-index: 3;
    background-position: center;
    background-repeat: no-repeat;
    display: none;
}

.step-section .progress-numbers .steps li.give-answer {
    background: #fff;
    border: 1px solid #D93707;
    background: linear-gradient(168.64deg, #ff7b54 47.79%, #ff9254 102.97%);
}

.step-section .progress-numbers .steps li.not-answer {
    background: #fff;
    border: 1px solid #D93707;
}

.step-section .progress-numbers .steps li.not-answer::after {
    background-image: url('../images/incorrect.svg');
    content: '';
    position: absolute;
    width: 26px;
    height: 25px;
    z-index: 3;
    background-position: center;
    background-repeat: no-repeat;
}

.step-section .progress-numbers .steps li.not-answer span,
.step-section .progress-numbers .steps li.give-answer span {
    color: #fff;
}

.question-section {
    padding: 0px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    min-height: 225px;
}

.question-section .question-full-image {
    margin-bottom: 10px;
    border-radius: 10px;
    object-fit: contain;
}

.question-section .question-box {
    width: calc(100% / 2 - 19px);
    height: 111px;
    background: #FFFFFF;
    border: 1px solid rgba(28, 29, 33, 0.1);
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
    z-index: 10;
    margin: 0 9px 16px 10px;
    flex-direction: column;
}

.question-section .question-box img {
    width: 62px;
    height: 62px;
    object-fit: contain;
}

.question-section .answer-box {
    border: 2px solid #26272b;
}

.question-section .question-box span {
    color: #26272B;
    font-size: 20px;
    font-family: 'Montserrat-Medium';
    max-width: 210px;
    text-align: center;
    padding: 0px 5px;
}

.question-section .answer-box span {
    color: #26272B;
    font-size: 64px;
}

.question-section .question-box h6 {
    color: rgba(38, 39, 43, 1);
    font-size: 24px;
    font-family: 'Montserrat-Medium';
}

.question-section .question-box label {
    color: rgba(38, 39, 43, 1);
    font-size: 18px;
    position: absolute;
    left: 0;
    z-index: 4;
    line-height: normal;
    width: 23px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat-Medium';
    z-index: 0;
    cursor: pointer;
}

.question-section .question-box label::before {
    content: '';
    width: 108px;
    height: 50px;
    background-color: #faf8f6;
    position: absolute;
    left: -78px;
    border-radius: 100px;
    z-index: -1;
}

.question.language-question .question-section .question-box {
    width: 100%;
    justify-content: center;
    max-width: 100%;
    padding: 18px 10px;
    margin-bottom: 10px;
    height: auto;
}

.question.language-question .question-section .question-box>div {
    max-width: 580px;
    width: 100%;
}

.question-section .question-box .content {
    text-align: center;
    width: 33%;
}

.question-section .question-box .content p {
    padding: 0;
    text-align: center;
    margin-bottom: 6px;
}

.question-section .question-box .content h5 {
    font-size: 22px;
    padding: 0;
    margin: 0;
}

.question-section .question-box .img-wrapper img {
    width: 35px;
    height: auto;
}

.question-section .question-box .img-wrapper {
    width: auto;
    text-align: center;
    padding: 0 20px;
}

.question-section .input-wrapper {
    width: 100%;
}

.question-section .input-wrapper .input-with-button {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.question-section .input-wrapper .input-with-button .form-control {
    font-size: 16px;
    padding: 14px 20px;
    margin-right: 20px;
    /* max-width: 600px; */
    width: calc(100% - 125px);
    border: 1px solid #faf8f6;
}

.question-section .input-wrapper .input-with-button .btn-primary {
    min-width: 99px;
    color: #fff;
    /* position: absolute; */
    /* right: 20px; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
}

.answers .question-section .question-box:hover {
    cursor: pointer;
    border-color: #ff8454;
    border-width: 2px;
}

.question-section .question-box:hover label {
    color: #fff;
}

.question-section .question-box:hover label:before {
    background: linear-gradient(168.64deg, #FF7B54 47.79%, #FF9254 102.97%);
}

.answers .question-section .question-box.select-answer {
    cursor: pointer;
}

.answers .question-section .question-box a {
    color: #000;
    padding-top: 5px;
    display: block;
    font-size: 14px;
    margin-bottom: -2px;
}

.answers .question-section .question-box.select-answer label::before {
    /* background: linear-gradient(168.64deg, #FF7B54 47.79%, #FF9254 102.97%); */

}

.answers .question-section .question-box.select-answer label {
    /* color: #fff; */
}

.answers .question-section {
    padding-bottom: 0;
    margin: 0;
}

/*******Step Form End**************/


/*****Timer*********/

.timer-section {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
}

.timer-section .btn-secondrary {
    border-color: #000;
    min-width: 140px;
}

.timer-section .circle .circle-inner p {
    font-size: 12px !important;
    color: rgba(38, 39, 43, 1);
    padding-bottom: 0;
    font-family: 'Montserrat-Medium';
}

.timer-section .circle .circle-inner .timer-img {
    width: 20px;
    font-family: 'Montserrat-Medium';
}


.timer-section .base-timer {
    position: relative;
    width: 168px;
    height: 168px;
    background-image: url('../images/timer-bg.png');
    background-size: 125px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.timer-section .base-timer-circle {
    fill: none;
    stroke: none;
}

.timer-section .base-timer-path-elapsed {
    stroke-width: 6px;
    stroke: #FAF8F6;
}

.timer-section .base-timer-path-remaining {
    stroke-width: 6px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
}

.timer-section .base-timer-path-remaining.arc {
    color: #D93707;
}

.timer-section .base-timer-label {
    position: absolute;
    width: 168px;
    height: 168px;
    top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-family: 'Montserrat-Medium';
}


.timer-section .base-timer p {
    font-size: 12px !important;
    color: rgba(38, 39, 43, 1);
    position: absolute;
    width: 168px;
    height: 168px;
    top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 15px;
    font-family: 'Montserrat-Regular';
    opacity: 0.5;
}

.timer-section .base-timer img.timer-img {
    width: 20px;
    position: absolute;
    left: 50%;
    top: 34%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    font-family:
        'Montserrat-Medium';
}

.timer-section .timer-section {
    padding-top: 30px;
    padding-bottom: 0px;
}

.timer-section .base-timer-label span {
    min-width: 50px;
    text-align: center;
}


.timer-section .base-timer__circle {
    fill: none;
    stroke: none;
}

.timer-section .base-timer__path-elapsed {
    stroke-width: 7px;
    stroke: rgba(250, 248, 246, 1);
}

.timer-section .base-timer__path-remaining {
    stroke-width: 7px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
}

.timer-section .base-timer__path-remaining.arc {
    color: #ff7f54;
}

.timer-section .base-timer__label {
    position: absolute;
    width: 168px;
    height: 168px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 31px;
    color: rgba(38, 39, 43, 1);
    font-family: 'Montserrat-Medium';
}

@keyframes spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(0.5turn);
    }
}

@keyframes bg {
    0% {
        background: #D93707;
    }

    50% {
        background: #faf8f6;
    }
}

/************Timer End*****************/


/************Test Page End***********************/


/*********Modal*************/

.modal {
    z-index: 11;
}

.modal-backdrop {
    z-index: 4;
}

.modal .modal-dialog {
    max-width: 546px;
    width: 100%;
    overflow: hidden;
}

.modal .modal-dialog .modal-content {
    border: 0;
    border-radius: 24px;
}

.modal .modal-dialog .modal-content .modal-header {
    border: 0;
    padding-bottom: 0;
}

.modal .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 20px;
    line-height: 26px;
    font-family: 'Montserrat-Medium';
}

.modal .modal-body,
.modal .modal-header,
.modal .modal-footer {
    padding: 25px 30px;
}

.modal-body .nav-tabs {
    justify-content: space-between;
    border: 0;
    list-style: none !important;
    padding-bottom: 0 !important;
}

.modal-body .nav-tabs .nav-item {
    max-width: 26;
    max-width: 235px;
    width: 100%;
}

.modal-body .nav-tabs .nav-item .nav-link {
    border: 1px solid rgba(28, 29, 33, 0.1);
    border-radius: 16px;
    padding: 15px 25px;
    width: 100%;
}

.modal-body .nav-tabs .nav-item .nav-link.active {
    border-color: #000;
}


.modal .modal-dialog .modal-content .modal-body p {
    text-align: left;
    font-size: 12px;
    color: #26272B;
    opacity: 0.6;
}

.modal .modal-dialog .modal-content .modal-body .tab-content {
    padding-top: 35px;
    position: relative;
}

.modal .modal-dialog .modal-content .modal-body .price {
    font-family: 'Montserrat-Medium';
    font-size: 18px;
}

.modal .modal-dialog .modal-content .modal-body .tab-content a {
    width: 100%;
    margin: 20px 0;
}

.modal .modal-dialog .modal-content .modal-body .tab-content::before {
    content: '';
    position: absolute;
    border-top: 1px solid #ededed;
    left: -30px;
    width: 113%;
    top: 35px;
    display: none;
}


.modal .modal-dialog .modal-content .modal-body .tab-content #debit-payment .card-details .confirm-btn {
    font-size: 14px;
    line-height: 18px;
    align-items: center;
}

.modal .modal-dialog .modal-content .modal-body .tab-content #debit-payment .card-details .confirm-btn a {
    max-width: 150px;
}

.modal .modal-dialog .modal-content .modal-body .tab-content #debit-payment .card-details .confirm-btn p {
    color: #000;
    opacity: 1;
    padding-left: 20px;
    font-size: 14px;
    line-height: 18px;
}

.modal .modal-dialog .modal-content .modal-body p {
    padding-bottom: 15px;
}

.modal .modal-dialog .modal-content .modal-body p:last-child {
    padding: 0;
}

.modal .input-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: unset;
    display: inline-block;
}

.modal-header .btn-close {
    display: none;
}

.modal-body .nav-tabs .nav-item .nav-link .image-wrapper img {
    margin: 0 2px;
    width: auto;
    display: inline-block;
}

.modal .input-wrapper .input-icon.right-icon span {
    left: unset;
    right: 15px;
}

.modal .input-wrapper .input-icon.right-icon .form-control {
    padding: 17px 45px 17px 15px;
}


.modal .input-wrapper .select2-container--default .select2-selection--single {
    padding-left: 15px;
    padding-right: 15px;
}

.modal-footer .btn {
    width: calc(50% - 10px);
}


.modal .modal-body h5 {
    font-size: 20px;
    line-height: 26px;
    font-family: 'Montserrat-Medium';
}

.modal .modal-body h6 {
    font-family: 'Montserrat-Regular';
    padding: 10px 0 0 0;
}

.modal-body img {
    max-width: 485px;
    margin-bottom: 10px;
}

.modal .modal-body .forget-password .input-wrapper {
    margin-bottom: 15px;
}


.modal .modal-dialog .modal-content .modal-body .input-wrapper p {
    padding-top: 9px;
    display: block;
}

.modal .modal-dialog .modal-content .modal-body .input-wrapper:last-child {
    margin-bottom: 0;
}


.modal .input-wrapper .input-icon .select2-container--default .select2-selection--single {
    padding-left: 48px;
}

.modal .input-wrapper .input-icon.not .select2-container--default .select2-selection--single {
    padding-left: 15px;
}

.modal .modal-body ul {
    list-style: auto;
    list-style-position: inside;
    padding-bottom: 30px;
}

.modal .modal-body ul li {
    width: 100%;
}

.modal .modal-body ul li span {
    font-size: 16px;
}

.modal .modal-body .bottom-line {
    padding-top: 20px;
}

.modal-footer h6 {
    margin: 0;
    padding-bottom: 15px;
    font-weight: normal;
}

.common-modal .modal-body h6 {
    font-family: 'Montserrat-Medium';
    padding-bottom: 10px;
}

.common-modal .modal-body a {
    font-family: 'Montserrat-Regular';
}

.common-modal .modal-dialog .modal-content .modal-header {
    padding-bottom: 20px;
    border-bottom: 1px solid #dee2e6;
}

#add-payment-modal .modal-dialog .modal-content .modal-body .tab-content #debit-payment .card-details .confirm-btn a {
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
}

#add-payment-modal .bottom-line {
    position: relative;
    padding-top: 10px;
    margin-top: 20px;
}

#add-payment-modal #paypal-payment .bottom-line {
    margin-top: 0;
}

/*********Error Message Css Start**************/
.ajs-message {
    border-radius: 16px;
    box-shadow: 0px 1px 12px 0px #00000038;
    color: #fff;
    font-size: 14px;
}

.ajs-message strong {
    font-family: 'Montserrat-Medium';
    font-weight: normal;
}

.alertify-notifier .ajs-message a {
    color: #26272b;
    text-decoration: underline !important;
}

.alertify-notifier .ajs-message.ajs-error {
    background-color: rgb(238, 87, 87);
}

.alertify-notifier .ajs-message.ajs-success {
    background-color: #50C878;
}

.alertify-notifier .ajs-message .ajs-close {
    background-color: transparent;
    width: 25px;
    height: 25px;
    right: 5px;
    top: 2px;
}

.alertify-notifier .ajs-message {
    padding: 20px 15px !important;
    width: 270px;
}

/*********Error Message Css End**************/

#login-info-frm {
    margin-bottom: 15px;
}

#login-info-frm .btn {
    margin-top: 8px;
}


/**********Frond Pages****************/
/**********Globel CSSS************/


section h1 {
    font-size: 86px;
    line-height: 84px;
    text-align: left;
}

section p {
    font-size: 20px;
    line-height: 26px;
    text-align: left;
    color: #26272B;
}

.btn.btn-white {
    background: #fff;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Montserrat-Medium';
    vertical-align: middle;
    padding: 19px 20px;
    display: inline-flex;
    align-items: center;
}

header ul.navbar-nav.auth-links li a:hover {
    color: #000;
}

header ul.navbar-nav.auth-links .underline:hover i:before {
    color: #000;
}


.btn.btn-white:hover {
    color: white !important;
    background: #26272B;
    transition: 0.5s;
}

footer ul.bottom-links li a:hover,
footer ul li a:hover {
    color: #ff8254;
    opacity: 1;
}

.social-links a img:hover {
    opacity: 1;
}

.btn.btn-white i:before {
    color: #ff8254;
}


p {
    color: #26272B;
}

img {
    width: 100%;
}

.wrapper {
    padding-left: 55px;
}

section .btn-secondrary i,
section .btn-primary i {
    padding-left: 15px;
    font-size: 20px;
    vertical-align: middle;
}


.bg-image {
    position: relative;
    background-size: auto;
    background-repeat: no-repeat !important;
    background-position: 100% 77px !important;
}

.bg-red {
    background-color: #E84515;
}

.bg-orange {
    background: linear-gradient(168.64deg, #FF7B54 47.79%, #FF9254 102.97%);
}

.bg-orange {
    background: linear-gradient(168.64deg, #FF7B54 47.79%, #FF9254 102.97%);
}

.bg-lightgray {
    background-color: #faf8f6;
}

/***********Globel End*************/


/**********Header and Footer CSS************/
header {
    position: relative;
    width: 100%;
    left: 0;
    z-index: 4;
    border-bottom: 1px solid #D2D4D7;
    /* padding: 5px 0; */
    transition: 0.9s background;
    background-color: #fff;
}

header ul.navbar-nav.auth-links.mobile-show {
    display: none;
}

header nav ul.header-links li a:hover {
    color: #26272B;
}

header.fixed {
    border: 0;
    background: linear-gradient(168.64deg, #FF7B54 47.79%, #FF9254 102.97%);
    transition: box-shadow 0.9s ease-in;
    box-shadow: 0px 6px 20px 0px #0000004f;
}


header .navbar-collapse {
    width: calc(100% - 170px);
    justify-content: end;
}

header nav ul.header-links li a {
    font-size: 16px;
    margin-left: 50px;
    padding: 0;
    color: #fff;
    font-size: 16px;
    margin-left: 48px;
    /* font-family: 'Montserrat-Regular'; */
    padding: 0;
    color: rgba(22, 24, 62, 1);
    /* font-size: 20px; */
    /* margin-left: 64px; */
    font-family: 'Montserrat-SemiBold';
}

header ul.navbar-nav.auth-links {
    width: 300px;
    justify-content: end;
    align-items: center;
    margin-left: 45px;
}

header ul.navbar-nav.header-links {
    width: calc(100% - 290px);
    justify-content: right;
}

header ul.navbar-nav.auth-links li a {
    color: rgba(22, 24, 62, 1);
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Montserrat-SemiBold';
}

header ul.navbar-nav.auth-links li a.btn {
    padding: 10px 15px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 11px;
    margin-left: 20px;
    background-image: linear-gradient(274.45deg, #FF6234 -2.21%, #FF9548 99.87%);
}

header ul.navbar-nav.auth-links li a i {
    font-size: 20px;
    vertical-align: middle;
    padding-right: 8px;
    color: rgba(22, 24, 62, 1);
}

header ul.navbar-nav.auth-links li a i:before {
    color: rgba(22, 24, 62, 1);
}

header .navbar-brand img {
    width: 110px;
    height: auto;

}

header .profile {
    padding: 0;
    text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    display: flex;
}

header .profile .image-wrapper {
    margin-right: 15px;
}

header .profile .image-wrapper img {
    width: 40px;
    height: 40px;
    outline: 5px solid transparent;
    border-radius: 100px;
}

header .profile h3 {
    font-family: "Montserrat-Medium";
    color: rgba(38, 39, 43, 1);
    font-size: 16px;
    text-align: left;
    line-height: 20px;
}

header .profile p {
    font-family: 'Montserrat-Regular';
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #26272B;
    opacity: 0.5;
}

header .cutom-icons {
    background-color: rgba(38, 39, 43, 0.05);
    display: inline-flex;
    margin: 0 0px 0 40px;
}

header .cutom-icons i:before {
    color: #26272B;
}

header ul.navbar-nav.auth-links {
    display: inline-flex;
    justify-content: space-between;
}


header.fixed .profile h3 {
    color: rgb(255 255 255);

}

header.fixed .profile p {
    color: #ffffff;
}

header.fixed .cutom-icons {
    background-color: rgb(255 255 255 / 17%);
    display: inline-flex;

}

header.fixed .cutom-icons i:before {
    color: #ffffff;
}

/*********Headre Style Two************/

header.header-style-two.fixed nav ul.header-links li a,
header.header-style-two.fixed ul.navbar-nav.auth-links li a i::before,
header.header-style-two.fixed ul.navbar-nav.auth-links li a {
    color: #fff;
}

header.header-style-two.fixed ul.navbar-nav.auth-links li a.btn {
    background-color: #fff;
    color: #000;
}

header.header-style-two.fixed .navbar-brand img {
    display: none;
}

header.header-style-two .navbar-brand img.fixed-logo {
    display: none;
}

header.header-style-two.fixed .navbar-brand img.fixed-logo {
    display: block;
}


header.header-style-two.fixed {
    border-bottom: 0px solid #faf8f6;
}


header.header-style-two {
    border-bottom: 0px solid #faf8f6;
}


header.header-style-two ul.navbar-nav.auth-links li a.btn {
    background: #D93707;
    color: #fff;
}

header.header-style-two nav ul.header-links li a,
header.header-style-two ul.navbar-nav.auth-links li a i::before,
header.header-style-two ul.navbar-nav.auth-links li a {
    color: #26272b;
}

header.header-style-two .navbar-toggler {

    width: 40px;
    height: 40px;
    padding-right: 0;
    margin-right: 15px;
}

header.header-style-two.fixed .navbar-toggler {
    background-color: transparent;
}


/* header.header-style-two ul.navbar-nav.auth-links li a:hover,
header.header-style-two nav ul.header-links li a:hover,
header.header-style-two ul.navbar-nav.auth-links li a:hover i::before {
    color: #ff7b54;
} */

header.header-style-two.fixed ul.navbar-nav.auth-links li a:hover,
header.header-style-two.fixed nav ul.header-links li a:hover,
header.header-style-two.fixed ul.navbar-nav.auth-links li a:hover i::before {
    color: #26272b;
}


header.header-style-two.fixed ul.navbar-nav.auth-links li .btn:hover {
    background: #26272b;
}

footer.bg-gray .select2-container--default .select2-selection--single {
    background-color: transparent;
}

footer {
    padding: 55px 0;
    background-color: #fff;
}


.social-links a img {
    width: 30px;
    opacity: 0.3;
    margin: 0 15px;
}

.social-links {
    text-align: center;
    padding-top: 60px;
}

footer ul li {
    display: inline-block;
    margin: 0 30px;
    padding: 0 !important;
}

footer ul {
    text-align: center;
}

footer ul li a {
    font-size: 24px;
    line-height: 30px;
    color: #26272B;
    font-family: 'Montserrat-Medium';
}

footer ul.bottom-links {
    padding: 10px 0 0 0;
}

footer ul.bottom-links li a,
footer p {
    color: #26272B;
    font-size: 16px;
    opacity: 0.5;
    font-family: 'Montserrat-Regular';
}

footer ul {
    padding: 85px 0;
}

footer .footer-logo {
    width: 200px;
    margin: 0 auto;
}

footer .country-select {
    text-align: center;
    padding-top: 15px;
}


footer .country-select .dropdown img {
    width: 25px;
    margin-right: 8px;
}

footer .country-select .dropdown span.select2-selection.select2-selection--single {
    padding: 0 25px 0 0px;
    min-width: 150px;
    text-align: left;
}

footer ul.bottom-links li {
    margin: 0 15px;
}

footer .country-select .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
    right: -1px;
    right: -25px;
}

/***********Header and Footer End*************/


/***********Hero Section Start*************/


.hero-section {
    height: 100vh;
    max-height: 955px;
    background-size: contain;
    background-repeat: no-repeat !important;
    background-position: 100% 80% !important;
    position: relative;
    z-index: 0;
    min-height: 900px;
}

.hero-section::before {
    content: '';
    background-image: url('../images/bg-curve.png');
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    display: inline-block;
    height: 100%;
    bottom: -1px;
    z-index: 1;
    background-position: bottom;
    background-size: cover;
}

.hero-section .content-wrapper {
    max-width: 500px;
}

.hero-section .content-wrapper h1 {
    padding-bottom: 35px;
}

.hero-section .content-wrapper p {
    padding-bottom: 35px;
    display: block;
    color: #fff;
}

.hero-section .content-wrapper {
    padding-top: 0;
    position: relative;
    z-index: 999;
}

.hero-section .bg-orange {
    height: 100%;
    padding: 55px 0 100px 0;
}

.hero-section .bg-orange .bg-image {
    height: 100%;
}


/***********Hero Section End*************/


/***********Skill Section Start*************/

.skill-section {
    text-align: center;
    padding: 115px 0;
    position: relative;
    background-image: url('../images/bg-curve.png');
    background-repeat: no-repeat;
}

.skill-section h1 {
    font-size: 80px;
    line-height: 76px;
    color: #26272B;
    text-align: center;
    padding: 0 0px 40px 0;
}


.skill-section p {
    text-align: center;
    color: #26272B;
    opacity: 0.5;
}


.skill-section .wrapper {
    max-width: 557px;
    margin: 0 auto;
    padding-left: 0;
}

.skill-section::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 398px;
    background-image: url('../images/skill-bg-right.png');
    background-repeat: no-repeat;
    background-size: 398px;
    background-position: center;
    right: 55px;
    top: 0;
}

.skill-section::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 398px;
    background-image: url('../images/skill-bg-left.png');
    background-repeat: no-repeat;
    background-size: 398px;
    background-position: center;
    left: 55px;
    top: 0;
}


/***********Skill Section End*************/


/***********image and Content Section Start*************/
.image-with-content .content-wrapper p {
    color: #26272B;
    opacity: 0.5;
    padding-bottom: 45px;
}

.image-with-content {
    padding-top: 65px;
    padding-bottom: 100px;
}

.image-with-content .content-wrapper h2 {
    color: #26272B;
    font-size: 80px;
    line-height: 78px;
    padding-bottom: 35px;
    font-family: 'Montserrat-Medium';
}

.image-with-content .content-wrapper {
    max-width: 100%;
}

.image-with-content .image-wrapper {
    background-size: contain;
    background-repeat: no-repeat;
    padding: 55px 0;
    margin-left: 140px;
}

.image-with-content.style-one .image-wrapper img {
    max-width: 458px;
}

.image-with-content.style-two .image-wrapper {
    margin-left: 0;
    margin-right: 55px;
    padding: 33px 0 25px 0;
}

.image-with-content.style-two .image-wrapper img {
    max-width: 390px;
    margin: 0 auto;
    display: table;
    width: 100%;
}


.image-with-content.style-two .content-wrapper {
    padding-left: 49px;
}

.image-with-content.style-one .content-wrapper {
    padding-right: 49px;
}


/***********image and Content Section End*************/


/***********Counter Section Start*************/

.counter-section .imge-wrapper {
    width: 110px;
    height: 110px;
    background: linear-gradient(168.64deg, #FF7B54 47.79%, #FF9254 102.97%);
    border-radius: 100px;
    margin: 0 auto;
    border: 15px solid #faf8f6;
}

.counter-section .imge-wrapper img {
    padding: 23px;
}

.counter-section {
    padding: 100px 0 80px 0;
    position: relative;
}

.counter-section .content-number {
    padding: 15px;
    background-color: #fff;
    border-radius: 48px;
    padding: 75px 25px 60px 25px;
    margin-top: -53px;
    position: relative;
    z-index: -1;
}

.counter-section .box {
    position: relative;
    z-index: 0;
    margin: 0 5px;
}

.counter-section .content-number h3 {
    font-size: 56px;
    text-align: center;
    border-bottom: 1px solid rgba(28, 29, 33, 0.1);
    padding-bottom: 30px;
    margin-bottom: 35px;
    font-family: 'Montserrat-Medium';
}

.counter-section .content-number p {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    color: #26272B;
    opacity: 0.5;
}


.counter-section::after {
    background-image: url(../images/bg-curve-2.png);
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    width: 100%;
    display: inline-block;
    height: 155px;
    bottom: -155px;
    z-index: 0;
    background-position: bottom;
    background-size: cover;
}

/***********Counter Section End*************/


/***********Quotes Section End*************/

.user-quotes-section {
    padding: 250px 0 200px 0;
    background-color: #fff;
}

.user-quotes-section .quotes-wrapper {
    overflow: hidden;
    padding-bottom: 60px;
}

.user-quotes-section .quotes-wrapper .quotes-slider {
    display: inline-block;
    padding-right: 20px;
    transition: 0.5s;
}

.user-quotes-section .quotes-wrapper .quotes-slider .user-box {
    text-align: center;
    background-color: #FAF8F6;
    padding: 55px 50px;
    border-radius: 48px;
    max-width: 435px;
    position: relative;
    display: inline-block;
}

.user-quotes-section .quotes-wrapper .quotes-slider .user-box img {
    width: 96px;
    height: 96px;
    border-radius: 100px;
}

.user-quotes-section .quotes-wrapper .quotes-slider .usre-detail h6 {
    font-size: 20px;
    line-height: 26px;
    padding-top: 30px;
    text-align: center;
}

.user-quotes-section .quotes-wrapper .quotes-slider .usre-detail span img {
    width: 20px;
    height: 20px;
    margin: 8px 4px 0 4px;
}

.user-quotes-section .quotes-wrapper .quotes-slider .usre-detail p {
    font-size: 16px;
    line-height: 20px;
    padding: 35px 0 0 0;
    text-align: left;
}

.user-quotes-section .quotes-wrapper .quotes-slider .usre-detail span {
    margin: 0 auto;
    display: table;
}

.user-quotes-section .quotes-wrapper .quotes-slider .user-box img.quote-img {
    width: 56px;
    position: absolute;
    right: 55px;
    top: 55px;
    opacity: 0.1;
    height: 56px;
    border-radius: 0;
}

.user-quotes-section h2 {
    color: #26272B;
    font-size: 80px;
    line-height: 95px;
    font-family: 'Montserrat-Medium';
}


.user-quotes-section .container-fluid {
    max-width: 1589px;
}

.user-quotes-section .quotes-wrapper .quotes-slider.slick-slide.slick-current.slick-active {
    transform: translateY(60px);
    transition: 0.5s;
}

.user-quotes-section .quotes-wrapper .slick-list.draggable {
    overflow: visible;
}


.user-quotes-section .custom-arrow-buttons {
    position: relative;
    display: flex;
    padding-top: 55px;
}

.user-quotes-section .custom-arrow-buttons button {
    position: relative;
    left: 0;
    right: 0;
    font-size: 38px;
    height: auto;
    width: 100px;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translate(0, 0%);
}

.user-quotes-section .slick-next:before,
.user-quotes-section .slick-prev:before {
    opacity: 0.3;
    font-size: 50px;
    color: #26272B;
}

.user-quotes-section .slick-next:hover:before,
.user-quotes-section .slick-prev:hover:before {
    color: #26272b;
    opacity: 1;
}

/***********Quotes Section End*************/


/***********Training Section End*************/

.training-program-section {
    border-radius: 18px;
    padding: 0 0 155px 0;
    background-color: #fff;
}

.training-program-section .program-wrapper {
    background-image: url(../images/program-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 48px;
    padding: 73px 0 0px 0;
    min-height: 530px;
}

.training-program-section .program-wrapper h2 {
    font-size: 85px;
    line-height: 95px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.training-program-section .program-wrapper a.btn.btn-primary.btn-white {
    margin: 0 auto;
    display: table;
    font-size: 16px;
    padding: 19px 21px;
    vertical-align: middle;
}

.training-program-section .container {
    max-width: 1368px;
}

/***********Training Section End*************/

/***************User Servey Page START***********************/
.main-site .training-program {
    margin: 0;
    background-image: unset;
    padding: 90px 0;
}

.main-site .card h4 {
    font-size: 36px;
    line-height: 39px;
    font-family: 'Montserrat-Medium';
}

.main-site .training-program ul li .content h6,
.main-site .training-program ul li .content p {
    font-size: 20px;
    line-height: 26px;
}


.main-site .training-program ul {
    max-width: 100%;
    padding-top: 35px;
}

.main-site .try-program {
    max-width: 100%;
    margin-top: 0;
}

.main-site .training-program ul li .content p {
    padding-bottom: 0;
    font-size: 20px;
    line-height: 26px;
}

.main-site .training-program ul li {
    padding-bottom: 30px;
    padding-top: 0;
    position: relative;
    padding-left: 45px;
    padding-right: 45px;
}

.main-site .training-program ul li:last-child {
    padding-bottom: 0;
}

.main-site .training-program .card {
    padding: 35px;
    margin-bottom: 25px;
}

.main-site .training-program ul li::before {
    color: #D93707;
    content: '\e92c';
    position: absolute;
    left: 0;
    top: 2px;
    font-family: 'icomoon';
    width: auto;
    height: auto;
    z-index: 13;
    display: inline-block;
    font-size: 24px;
    line-height: normal;
}

.hero-section.user-survey-hero .bg-image {
    background-position: 100% 88px !important;
}

.hero-section.user-survey-hero .content-wrapper {
    max-width: 550px;
}

.hero-section.user-survey-hero .content-wrapper p {
    max-width: 550px;
}

.bg-lightgray .select2-container--default .select2-selection--single {
    background-color: transparent;
}

.main-site .training-program .container {
    padding: 0;
}

/**************User Servey Page END**********************/

/**********************************/
.main-heading {
    padding-bottom: 60px;
}

.main-heading h2 {
    font-size: 55px;
    line-height: 60px;
    padding-bottom: 25px;
    color: #26272B;
    font-family: 'Montserrat-Medium';
}

.main-heading p {
    font-size: 22px;
    line-height: 30px;
    opacity: 0.5;
    text-align: left;
}

/*********Progress Bar******************/

.progress-box .content-wrapper p {
    font-size: 18px;
    line-height: 24px;
    padding: 0;
    opacity: 0.5;
}

.progress-box .content-wrapper h5 {
    font-size: 22px;
    line-height: 29px;
    margin: 0;
    padding: 0 0 8px 0;
}

.progress-box .image-wrapper {
    padding-right: 25px;
}

.progress-box .image-wrapper img {
    width: 80px;
    height: 80px;
}

.progress-section {
    padding-bottom: 60px;
}


/*************************/

.top-curve {
    position: relative;
}

.top-curve::before {
    background-image: url('../images/bg-curve-2.png');
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    width: 100%;
    display: inline-block;
    height: 155px;
    top: 0;
    z-index: 0;
    background-position: bottom;
    background-size: cover;
}


/************Calibration Page **************/

.calibration-page {
    padding-top: 150px;
}

.calibration-page .container {
    padding: 0;
}

.calibration-page .training-program-section .program-wrapper {
    position: relative;
    z-index: 1;
}

.calibration-page .training-program-section .program-wrapper h2 {
    padding-bottom: 25px;
}

.calibration-page .try-program {
    max-width: 100%;
}

.calibration-page .training-program-section {
    position: relative;
    padding-bottom: 110px;
}

.calibration-page .training-program-section::after {
    width: 100%;
    content: '';
    position: absolute;
    height: 350px;
    background-color: #faf8f6;
    bottom: 0;
    z-index: 0;
}

.calibration-page .training-program ul li {
    border-radius: 24px;
    margin-bottom: 20px;
    padding: 21px 20px;
}

.calibration-page .training-program ul li .content {
    padding-right: 0;
    padding-left: 30px;
}

.calibration-page .training-program ul li .icon-box {
    padding: 21px 21px;
    background-color: #fff;
    border-radius: 12px;
}


.calibration-page .training-program-section .program-wrapper p {
    text-align: center;
    color: #fff;
    padding-bottom: 4px;
}

.calibration-page .training-program-section .program-wrapper p span {
    opacity: 0.5;
    font-weight: normal;
}

.calibration-page .training-program-section .program-wrapper a.btn.btn-primary.btn-white {
    margin-bottom: 18px;
}

.calibration-page .training-program {
    background-color: #fff;
    margin: 0;
    padding: 80px 0 80px 0;
    background-position: right bottom;
    background-size: 631px;
    margin-right: 0px !important;
    background-image: unset;
}

.calibration-page .training-program::before {
    display: none;
}

.calibration-page .training-program ul li .icon-box img {
    width: 40px;
    height: 40px;
}

.calibration-page .try-program .button-box {
    min-width: 140px;
    width: 30%;
}

/*********Matrix Questions*****************/
/******Memory Matrix ***********/

.memory-page {
    padding: 170px 0 100px 0;
}

/******Score*******/
.matrxi-score .img-wrapper img {
    width: 72px;
}

.matrxi-score .content {
    padding-left: 20px;
}

.matrxi-score .content h4 {
    font-size: 24px;
    line-height: 31px;
    margin: 0;
    color: rgba(38, 39, 43, 1);
    font-family: 'Montserrat-Medium';
    padding-bottom: 6px;
}

.matrxi-score .content a {
    font-size: 16px;
    line-height: 20px;
    color: rgba(38, 39, 43, 1);
    opacity: 0.5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.matrxi-score .content a:hover,
.matrxi-score .content a:hover i {
    color: #D93707;
    opacity: 1;
}

.matrxi-score .content a i {
    font-size: 13px;
    margin-right: 10px;
    color: #929395;
}


.matrxi-score .timer-section {
    justify-content: center;
}

.timer-actions {
    margin-bottom: 30px;
}

.timer-actions .btn {
    max-width: 128px;
    width: calc(100% / 3 - 13px);
    margin-right: 15px;
    justify-content: center;
    padding: 12px 24px;
    border-radius: 12px;
    max-height: 48px;
}

.timer-actions .btn:hover {
    color: white !important;
    background: #D93707;

}

.timer-actions .btn:hover i:before {
    color: #fff;
}

.timer-actions .btn:last-child {
    margin-right: 0;
}

.timer-actions .btn i {
    font-size: 22px;
}

.timer-actions .btn i::before {
    color: #000;
}

.timer-actions .btn-play {
    display: none;
}

.score-section .custom-row p {
    font-family: 'Montserrat-Medium';
}

.score-section .custom-row span {
    font-family: 'Montserrat-Regular';
}


.score-section .custom-row span,
.score-section .custom-row p {
    font-size: 20px;
    padding: 0;
    line-height: 26px;
}

.score-section {
    padding: 35px 0 20px 0;
    border-bottom: 1px solid #F0EEEC;
    margin-bottom: 25px;
}

.score-section .custom-row {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}

.score-section .custom-row i:before,
.score-section .custom-row i .path1:before,
.score-section .custom-row i .path2:before {
    color: #26272B;
    opacity: 0.3;
    font-size: 22px;
}

.score-section .custom-row i,
.score-section .custom-row i .path1,
.score-section .custom-row i .path2 {
    font-style: normal;
    display: inline-block;
    margin-right: 0;
    width: auto;
}

.score-section .custom-row i {
    display: inline-block;
    margin-right: 15px;
    width: 22px;
    text-align: center;
}

.score-section .custom-row {
    padding-bottom: 15px;
}


.matrix-section .notice p img {
    width: 22px;
    vertical-align: text-top;
    margin-right: 8px;
}

.matrix-section .notice p span {
    padding: 0 4px 0 4px;
}


/*********Matrix Questions*****************/
.matrix-section {
    justify-content: space-between;
    flex-wrap: wrap;
    display: inline-flex;
    width: 100%;
    flex-direction: row;
    overflow: visible;
}

.matrix-section .matrix-box {
    position: relative;
    display: flex;
    margin-bottom: 15px;
}

.matrix-section .matrix-box label {
    min-width: 92px;
    min-height: 92px;
    background: #F0EEEC;
    border-radius: 24px;

    cursor: pointer;
}

.matrix-section .matrix-box input {
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 0;
}

.step-section.matrxi-score {
    position: relative;
    top: 0;
}


.matrix-section .matrix-box input:checked+label {
    background: #D93707;
}

.matrix-section .matrix-box:hover label {
    background: #FAF8F6;
}

.matrix-section .notice {
    background-color: rgba(255, 123, 84, 1);
    position: absolute;
    bottom: -44px;
    left: 0;
    width: 100%;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.matrix-section .notice p {
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 16px;
}

/********Pause Game***************/
.pause-game .timer-actions .btn-pause i:before {
    content: '\e94b';
    color: #fff;
}


.pause-game .timer-actions .btn-pause {
    background: #D93707;
}


.pause-game-section {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    background-color: #fff;
    background: #fff;
    z-index: 1;
    display: none;
    border-radius: 24px;
}

.pause-game-section h3 {
    font-size: 32px;
    line-height: 35px;
    font-family: 'Montserrat-Medium';
    background-color: rgba(250, 248, 246, 1);
    border-radius: 24px;
    padding: 24px 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pause-game-section h3 i {
    font-size: 32px;
    line-height: normal;
    margin-right: 10px;
}

.pause-game .pause-game-section {
    display: flex;
}

.pause-game .timer-actions .btn-pause {
    display: none;
}

.pause-game .timer-actions .btn-play {
    display: inline-block;
}

.pause-game .notice {
    display: none;
}

/********Different Matrix Box******************/

.five-by-six-block,
.six-by-six-block {
    max-width: 715px;
}

.four-by-five-block,
.five-by-five-block {
    max-width: 595px;
}

.three-by-four-block,
.four-by-four-block {
    max-width: 482px;
}

.three-by-three-block {
    max-width: 480px;
}


.four-by-five-block .matrix-box,
.five-by-five-block .matrix-box {
    width: calc(100% / 5 - 15px);
}


.three-by-four-block .matrix-box,
.four-by-four-block .matrix-box {
    width: calc(100% / 4 - 15px);
}


.five-by-six-block .matrix-box,
.six-by-six-block .matrix-box {
    width: auto;
    text-align: center;
}

.three-by-three-block .matrix-box {
    width: calc(100% / 3 - 13px);
    margin-bottom: 13px;
}

.three-by-three-block .matrix-section .matrix-box label {
    min-width: 128px;
    min-height: 128px;
}



/********************************/

/*******Memory Challenge**********/
.memory-challenge .score-section {
    padding: 15px 0 0px 0;
    border-top: 1px solid #F0EEEC;
    margin: 10px 0 0 0;
    border-bottom: 0;
}

.memory-challenge .score-section .custom-row:last-child {
    padding-bottom: 0;
}

.memory-challenge-section {
    position: relative;
    min-height: 364px;
    padding-bottom: 35px;
}


.memory-challenge-section::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/memory-challange-bg.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 672px;
    top: 0;
}

.memory-challenge-section h2 {
    color: #fff;
    position: relative;
    z-index: 1;
    padding-top: 0;
}

.memory-challenge-section p {
    color: #fff;
    max-width: 326px;
    position: relative;
    z-index: 1;
}



.memory-challenge-section a.btn {
    margin-top: 8px;
    min-width: auto;
    position: relative;
    z-index: 1;
    max-width: 165px;
    bottom: 0;
    width: 100%;
}

.memory-challenge-section .image-wrapper {
    position: absolute;
    right: -1px;
    z-index: 1;
    bottom: 0;
}

.memory-challenge-section .image-wrapper img {
    max-width: 385px;
}

.memory-challenge .try-program {
    max-width: 100%;
}

.memory-challenge .try-program h6,
.memory-challenge .try-program p {
    color: #000;
    opacity: 1;
}

.memory-challenge .try-program form .btn {
    display: inline-block;
    margin-right: 15px;
    margin-top: 5px;
}

.memory-challenge .try-program .content {
    padding: 0;
}

.user-score .card {
    text-align: left;
    max-width: 200px;
    width: 100%;
}

.user-score .card img {
    width: 28px;
}

.user-score .card p {
    padding-bottom: 5px;
    padding-top: 15px;
}

.user-score .card b {
    text-align: left;
    display: block;
    font-size: 20px;
    line-height: 26px;
    font-family: 'Montserrat-Medium';
}

.memory-challenge-section .card.step-section {
    margin-bottom: 0;
    border-radius: 24px;
    padding: 20px;
}

.result-section .score-section {
    border: 0;
    padding-top: 0;
    margin: 0;
}

.result-section {
    width: 100%;
    max-width: 350px;
    display: block !important;
}

.result-section .score-section .custom-row span,
.result-section .score-section .custom-row p {
    color: #000;
}

.result-section .repeat-quiz {
    padding: 15px 8px;
}

.result-section .repeat-quiz p {
    padding: 0;
    font-size: 18px;
    line-height: 23px;
    display: flex;
    align-items: center;
}

.result-section .repeat-quiz p i {
    padding-right: 10px;
    font-size: 18px;
}

.result-section .repeat-quiz p span {
    opacity: 0.5;
    padding-left: 10px;
    letter-spacing: 1px;
}

.result-section .results {
    background: rgba(255, 255, 255, 0.1);
    margin-top: 10px;
    margin-bottom: 5px;
}

.result-section .results p {
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 20px;
}

/*.result-section .results li {
	list-style: auto;
	list-style-position: inside;
	color: #fff;
	border-bottom: 1px solid rgb(255 255 255 / 50%);
	margin-bottom: 9px;
	padding-bottom: 10px;
	vertical-align: top;
}*/

.result-section .results li {
    list-style: none;
    list-style-position: inside;
    color: #fff;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
    margin-bottom: 9px;
    padding-bottom: 10px;
    vertical-align: top;
    counter-increment: custom-list-counter;
    position: relative;
}

.result-section .results li::before {
    content: counter(custom-list-counter) ".";
    position: relative;
    left: 0;
    min-width: 13px;
    display: inline-block;
}

.result-section .results li span,
.result-section .results li p {
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    padding: 0;
}

.result-section .results li:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}

.result-section .results li span {
    text-align: left;
    width: 100px;
}

.result-section .results li p {
    text-align: right;
    width: calc(100% - 122px);
}

.result-section .score-section .custom-row i:before,
.result-section .score-section .custom-row i .path1:before,
.result-section .score-section .custom-row i .path2:before {
    opacity: 1;
}

.memory-challenge-result-section::after {
    background-image: url(../images/memory-challange-bg-2.png);
    background-size: 575px;
}

.memory-challenge-result-section .image-wrapper img {
    max-width: 410px;
}

.memory-challenge .step-section .content p {
    padding-bottom: 20px;
    max-width: 285px;
}

.memory-challenge {
    padding: 40px 0 0 0;
}

.mobile-show.mobile-links.login-profile {
    display: none;
}

/****Memoery Game All Pages*****/
.number-sequence.memory-challenge-section::after {
    background-image: url('../images/number-sequence.png');
    background-size: 650px;
    background-position: bottom right;
}

.general-knowledge.memory-challenge-section::after {
    background-image: url('../images/general-knowledge.png');
    background-size: 500px;
    background-position: bottom right;
}

.visual.memory-challenge-section::after,
.visual-challenges.memory-challenge-section::after {
    background-image: url('../images/visual-challenges.png');
    background-size: 700px;
    background-position: bottom right;
}

.symbolic-language.memory-challenge-section::after {
    background-image: url('../images/symbolic-language.png');
    background-size: 655px;
    background-position: bottom right;
}

.logical-reasoning.memory-challenge-section::after {
    background-image: url('../images/logical-reasoning.png');
    background-size: 550px;
    background-position: bottom right;
}

.symbolic-language.memory-challenge-section p,
.logical-reasoning.memory-challenge-section p {
    max-width: 330px;
}

.number-sequence.memory-challenge-section p {
    max-width: 290px;
}

/*********Finish Challenge***********/

.finish-challenge .score-section {
    border: 0;
    margin: 0;
    max-width: 350px;
}

.finish-challenge.memory-challenge-section p {
    max-width: 310px;
    opacity: 1;
}

.finish-challenge.memory-challenge-section {
    padding-bottom: 30px;
}

.finish-challenge .score-section .custom-row i:before,
.finish-challenge .score-section .custom-row i .path1:before,
.finish-challenge .score-section .custom-row i .path2:before,
.finish-challenge .score-section .custom-row i path,
.finish-challenge .score-section .custom-row span,
.finish-challenge .score-section .custom-row span i::before {
    color: #fff;
    opacity: 1;
}


/********All Test Progress**************/
.test-progress-section {
    padding-top: 28px;
}

.test-progress-section .test-progress-box:hover {
    transition: 0.5s;
    border-color: transparent;
    background: linear-gradient(168.64deg, #FF7B54 47.79%, #FF9254 102.97%);
}

.test-progress-section .test-progress-box:hover h5,
.test-progress-section .test-progress-box:hover p {
    color: #fff;
}


.test-progress-section .test-progress-box {
    border: 1px solid rgba(28, 29, 33, 0.1);
    border-radius: 24px;
    padding: 16px;
    margin-bottom: 20px;
    background-color: #fff;
    transition: 0.5s;
    cursor: pointer;
    width: 100%;
    display: block;
}

.test-progress-section .test-progress-box h5 {
    font-size: 18px;
    line-height: 23px;
    padding-bottom: 0px;
    color: rgba(38, 39, 43, 1);
}

.test-progress-section .test-progress-box p {
    padding-bottom: 0 !important;
    opacity: 1;
}

.test-progress-section .test-progress-box img {
    width: 52px;
    height: 52px;
}

.test-progress-section .test-progress-box .content-wrapper {
    padding-left: 20px;
}

.test-progress-section .test-progress-box:last-child {
    margin-bottom: 0;
}

.collapse-text::after {
    content: '\e905';
    position: absolute;
    right: 0;
    top: 0px;
    font-family: 'icomoon';
    transition: 0.5s;
}

.collapse-text {
    position: relative;
}

.collapse-text[aria-expanded="true"]::after {
    transform: rotate(-180deg);
    transition: 0.5s;
}

.memory-challenge.test-design-page .step-section .content p {
    max-width: 100%;
}

/*********Your Stats Start*******************/
.custom-title {
    padding-top: 55px;
    padding-bottom: 50px;
}

.custom-title h3,
.custom-title h3 span {
    font-size: 30px;
    line-height: 33px;
    font-family: 'Montserrat-Medium';
}

.custom-title p {
    color: #26272B;
    opacity: 0.5;
    font-size: 22px;
    line-height: 28px;
    padding-top: 10px;
}

.your-stats .right-section {
    overflow: hidden;
}


.your-stats .training-calender {
    max-width: 400px;
    margin-bottom: 0;
}

.your-stats .training-calender.card p {
    opacity: 0.5;
    padding: 15px 0 5px 0;
    font-size: 18px;
    line-height: 23px;
    max-width: 350px;
}

.your-stats .training-calender .datepicker {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

.your-stats .training-calender .current-stock {
    padding: 0;
}

.your-stats .card.progress-chart {
    height: 100%;
    max-height: 610px;
}

.your-stats canvas {
    max-height: 100%;
    height: calc(100% - 40px) !important;
    max-height: 100%;
    width: 100% !important;
}

.your-stats .chart-container {
    height: calc(100% - 25px);
    display: table;
    width: 100%;
}

/*********Your Stats End ********************/


/************Custom Progress Bar*************************/
.custom-progress-bar {
    padding-top: 60px;
}

.custom-progress-bar .progress {

    border-radius: 100px;
    height: 6px;
    position: relative;
    overflow: visible;
    width: 100%;
}

.custom-progress-bar .progress .progress-circle {
    height: 18px;
    width: 18px;
    border-radius: 0;
    position: absolute;
    top: 0;
    margin: 0 auto;
    display: table;
    clear: both;
    margin-left: 0;
}

.custom-progress-bar .progress .value {
    position: absolute;
    bottom: -26px;
    height: 25px;
    width: auto;
    background-color: #fff;
    border-radius: 100px;
    left: 0;
    display: table;
    margin: 0 auto;
    text-align: center;
    right: unset !important;
    padding: 3px;
    color: #fff;
    padding: 0 8px;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-left: -19px;
}

.custom-progress-bar .progress-date {
    display: flex;
    justify-content: space-between;

    padding-top: 15px;
    margin-top: 30px;
}

.custom-progress-bar .progress-date span {
    font-size: 16px;
}


/**********Custom radio Button*****************/
.custom-radio-button [type="radio"]:checked,
.custom-radio-button [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.custom-radio-button [type="radio"]:checked+label,
.custom-radio-button [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 16px;
    display: inline-block;
    color: rgba(38, 39, 43, 1);
    font-size: 16px;
}

.custom-radio-button [type="radio"]:checked+label:before,
.custom-radio-button [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid rgba(28, 29, 33, 0.1);
    border-radius: 100%;
    background: #fff;
}

.custom-radio-button [type="radio"]:checked+label:before {
    border: 1px solid #D93707;
}

.custom-radio-button [type="radio"]:checked+label:after,
.custom-radio-button [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #D93707;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
}

.custom-radio-button [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.custom-radio-button [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


.custom-radio-button .radio-wrapper {
    padding-bottom: 4px;
}


/******* Tab Radio Button*******************/
.tab-radio-button {
    border-radius: 16px;
    margin-bottom: 25px;
}

.tab-radio-wrapper {
    width: 50%;
    height: 46px;
    position: relative;
    display: inline-block;
}

.tab-radio-button .tab-radio-wrapper label {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    color: #000;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    background-color: #faf8f6;
}


.tab-radio-button .tab-radio-wrapper [type="radio"] {
    opacity: 0;
    visibility: hidden;
    display: none;
    position: relative;
    appearance: none;
}

.tab-radio-button .tab-radio-wrapper [type="radio"]:checked~label {
    background-color: #D93707;
    color: #fff;
}

.tab-radio-button .tab-radio-wrapper [type="radio"]:checked~label[for="female"] {
    border-radius: 0px 16px 16px 0px;
}

.tab-radio-button .tab-radio-wrapper [type="radio"]:checked~label[for="male"] {
    border-radius: 16px 0px 0px 16px;
}

.tab-radio-button label {
    display: block;
    flex-shrink: 0;
    color: #26272B;
    padding-bottom: 5px;
}

.tab-radio-button .tab-radio-wrapper.female label {
    border-radius: 0px 16px 16px 0px;
}

.tab-radio-button .tab-radio-wrapper.male label {
    border-radius: 16px 0px 0px 16px;
}


.tab-radio-button .tab-radio-wrapper label i {
    margin-right: 10px;
    font-size: 13px;
    opacity: 0;
}

.tab-radio-button .tab-radio-wrapper [type="radio"]:checked~label i {
    opacity: 1;
}


/************File Upload form profile****************/
.profile-image-upload {
    margin-bottom: 25px;
}

.profile-image-upload .image-wrapper {
    height: 90px;
    width: 90px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.08696px solid rgba(28, 29, 33, 0.1);
}

.profile-image-upload .image-wrapper img {
    width: 78px;
    height: 78px;
    outline: 5px solid transparent;
    border-radius: 100px;
    object-position: top;
    margin: 0;
}


.profile-image-upload .image-file-input {
    position: relative;
    cursor: pointer;
}

.profile-image-upload input.image-upload {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}


.profile-image-upload .custom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.profile-image-upload .custom-row .btn {
    padding: 17px 20px;
    margin-right: 20px;
}


/*********Badge************/
.badge {

    font-size: 12px;

    border-radius: 4px;

    padding: 5px 12px;

    line-height: normal;

    font-weight: normal;

    margin-right: 10px;

    font-family: 'Montserrat-Bold';

    z-index: 0;
}

.bg-danger {
    background-color: #CF2D4C !important;
}

.bg-success {
    background-color: #69B578 !important;
}

.input-wrapper .input-icon {
    margin-bottom: 0;
}


.modal .input-icon.not.select-day-box {
    width: 124px;
}

.modal .input-icon.not.select-month-box {
    width: 218px;
}

.modal .input-icon.not.select-year-box {
    width: 124px !important;
}


/*********404 and 502 Page*************/

.page-not-available.hero-section::before {
    display: none;
}

.page-not-available.hero-section {
    height: 100vh;
    min-height: 100%;
    max-height: 100%;
}

.page-not-available.hero-section .bg-orange .bg-image {
    background-position: right bottom !important;
}

.page-not-available.hero-section .bg-orange {
    padding-bottom: 0;
}

.page-not-available.hero-section .content-wrapper h5 {
    font-size: 20px;
    line-height: 30px;
    opacity: 0.4;
    color: #fff;
    font-family: 'Montserrat-Medium';
}

.page-not-available.hero-section .content-wrapper h1 {
    font-size: 80px;
    line-height: 76px;
}

.page-not-available.hero-section .content-wrapper {
    max-width: 535px;
}


.hide-desktop-show-mobile {
    display: none;
}

.main-heading.for-mobile {
    display: none;
}

.memory-challenge-result-section .image-wrapper img.mobile-show {
    display: none;
}

.memory-challenge-section .image-wrapper img.mobile-show {
    display: none;
}

.timer-actions.mobile-show {
    display: none;
}

.step-section.matrxi-score.mobile-show {
    display: none;
}


header .left-section.mobile-side-menu {
    left: -1500px;
}


/********Notification ***********/
.dropdown-menu {
    border: 0;
    box-shadow: 1px 3px 11px 0px #0000004d;
    padding: 10px;
}

.notification .dropdown-menu {
    width: 250px;
    margin-top: 13px !important;
    margin-left: -18px !important;
    border-radius: 8px;
    max-height: 300px;
    overflow-y: scroll;
    background-color: #fff;
}

.notification .dropdown-menu li {
    padding-bottom: 10px;
    border-bottom: 1px solid lightgrey;
    margin-bottom: 10px;
    background-color: #fff;
}

.notification .dropdown-menu li p {
    color: #26272B;
    text-align: left;
    font-size: 12px;
    opacity: 1;
    padding-top: 4px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.notification .dropdown-menu li:last-child {
    padding: 0;
    margin: 0;
    border: 0;
}

.notification.show::before {
    position: absolute;
    bottom: -15px;
    left: 18px;
    margin-left: -10px;
    content: "";
    display: block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    z-index: 9999;
}

.notification {
    position: relative;
}

.notification.show {
    background-color: #fff;
}

.notification.show i:before {
    color: #D93707;
}


::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
    border-radius: 10px;
    background-color: #f5f5f5;
}

::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ff8454;
}











/**********On Boarding New*************/

.test-flow-parent.test-design-page .bg-orange {
    border-radius: 100px;
    align-items: center;
}

.test-design-page .quiz-title.card.top .timer-section,
.test-flow-parent.test-design-page .timer-section {
    justify-content: end;
}

.test-design-page .quiz-title.card.top h2,
.test-flow-parent .step-section h2 {
    padding: 0 !important;
    margin: 0;
    color: #fff;
    line-height: normal;
    font-family: 'Montserrat-Regular';
}

.test-design-page .quiz-title.card.top,
.test-flow-parent.test-design-page .step-section {
    background: #D93707;
    border-radius: 100px;
    padding: 8px 0px 8px 30px;
    margin-bottom: 40px;
    border: 0;
}

.test-design-page .quiz-title.card.top .timer-section .base-timer,
.test-flow-parent.test-design-page .timer-section .base-timer {
    background: linear-gradient(90deg, rgb(255 255 255 / 30%) 0%, rgb(255 255 255 / 30%) 37.5%, rgb(255 255 255) 37.51%);
    margin-right: 0;
    height: 44px;
}

.test-design-page .quiz-title.card.top .test-flow-parent .answers .question-section {
    margin: 0 -7px;
}

/*.question-section .question-box:nth-last-of-type(-n+2),
.test-flow-parent .question-section .question-box:nth-last-of-type(-n+2) {
	margin-bottom: 0;
}*/

.test-flow-parent .card-questions .form-container .answers {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.card-questions h3,
.test-flow-parent .card-questions h3 {
    font-family: 'Montserrat-Medium';
    margin-bottom: 30px;
}

.test-flow-parent .question-section .question-box {
    /* width: calc(100% / 3 - 22px); */
    /* height: 154px; */
    /* margin: 0 9px 22px 10px; */
    /* border-radius: 18px; */
}

.test-flow-parent .question-section .question-box span {
    /* font-size: 24px; */
    /* max-width: 160px; */
    /* line-height: 31px; */
}

.test-flow-parent .question-section .question-box label {
    /* font-size: 24px; */
    /* width: 48px; */
}

.test-flow-parent .question-section .question-box label::before {
    /* width: 104px; */
    /* height: 64px; */
    /* left: -46px; */
}

.test-flow-parent .question-section .question-full-image {
    border-radius: 18px;
    margin-bottom: 0;
    object-fit: contain;
}


.test-flow-parent .test-progress-section .card {
    padding: 0;
    background-color: transparent;
}

.test-flow-parent .test-progress-section .test-progress-box {
    display: inline-block;
    max-width: 243px;
    border: 2px solid #fff;
    margin-right: 15px;
    margin-top: 25px;
}

.test-flow-parent .test-progress-section .test-progress-box h5 {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 2px;
}

.test-flow-parent .test-progress-section .test-progress-box p {
    font-size: 13px;
    color: rgba(38, 39, 43, 1);
    opacity: 0.5;
}

.test-flow-parent .test-progress-section .test-progress-box img {
    width: 44px;
    height: 44px;
}

.test-flow-parent .test-progress-section .test-progress-box:last-child {
    margin-right: 0;
}

.test-flow-parent .test-progress-section .test-progress-box .content-wrapper {
    padding-left: 10px;
}

.test-flow-parent .test-progress-section {
    padding-top: 0;
}


.test-flow-parent .test-progress-section .step-section {
    padding: 0;
    background-color: transparent;
    border: 0;
    margin-bottom: 19px;
}

.test-flow-parent.test-design-page .step-section .progress-numbers .steps li {
    width: 62px;
    height: 62px;
    border-color: #faf8f6;
}

.test-flow-parent.test-design-page .step-section .progress-numbers .steps li:last-child {
    margin: 0;
}

.test-flow-parent.test-design-page .progress-numbers {
    border-bottom: 1px solid lightgray;
    padding-bottom: 16px;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}


.test-flow-parent .step-section .progress-numbers .steps li.give-answer::after {
    display: block;
}

.test-flow-parent.test-design-page .step-section .progress-numbers .steps li.give-answer {
    background: #fff;
    border-color: #78bc85;
}

.test-flow-parent .test-progress-section .test-progress-box.current-quiz {
    border-color: #ff8454;
}

.test-flow-parent.test-design-page .step-section .progress-numbers .steps li.active {
    background: linear-gradient(168.64deg, #FF7B54 47.79%, #FF9254 102.97%);
}

.test-flow-parent.test-design-page .step-section .progress-numbers .steps li.active span {
    color: #fff;
}

.test-flow-parent .test-progress-section .test-progress-box:hover {
    background: #fff;
}

.test-flow-parent.test-design-page .test-progress-section .test-progress-box:hover h5 {
    color: rgba(38, 39, 43, 1);
}

.test-flow-parent .test-progress-section .card .btn {
    padding: 12px 25px;
    min-width: unset;
    margin-bottom: 12px;
    width: auto;
}


/***************/
.hero-section.complete-reg-section::before {
    display: none;
}

.hero-section.complete-reg-section .bg-image {
    background-position: bottom center !important;
    background-size: cover !important;
}

.complete-reg-section .form-section h1 {
    color: #fff;
    line-height: 39px;
    font-size: 36px;
    padding: 0px 35px 40px 35px;
}

.complete-reg-section .form-section {
    max-width: 800px;
    padding: 0;
    height: auto;
    width: 100%;
    position: absolute;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%);
}

.complete-reg-section .form-section .card {
    max-width: 492px;
    margin: 0 auto;
    background: #FAF8F6;
    overflow: visible;
}

.hero-section.complete-reg-section .bg-orange {
    padding: 0;
}

.hero-section.complete-reg-section {
    margin-bottom: 150px;
}

.complete-reg-section .form-section .card p {
    text-align: center;
    padding-bottom: 0;
}

.complete-reg-section .form-control:disabled {
    background-color: #fff;
}


.calender-wrapper .ui-widget.ui-widget-content {
    width: 100%;
    box-shadow: none;
    padding: 0;
}

.training-calender .calender-wrapper .ui-widget.ui-widget-content {
    padding: 15px 0px;
}

.calender-wrapper .ui-datepicker .ui-datepicker-prev,
.calender-wrapper .ui-datepicker .ui-datepicker-next {
    top: 6px;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

.calender-wrapper .ui-datepicker .ui-datepicker-next {
    right: 0;
}

.calender-wrapper .ui-datepicker .ui-datepicker-prev {}

/******New Progres bar**********/
.custom-progress-bar .progress ul li.low {

    background: linear-gradient(89.96deg, #FF0043 0.04%, #FF5036 37.82%, #FF7830 75.61%, #FD9834 113.39%, #DDC440 151.18%, #89B742 188.96%, #40BB71 226.75%, #69B578 264.53%, #42A956 302.32%);
}

.custom-progress-bar .progress ul li.medium {
    background: linear-gradient(89.96deg, #FF0043 -99.31%, #FF5036 -61.74%, #FF7830 -24.17%, #FD9834 13.39%, #DDC440 50.96%, #89B742 88.52%, #40BB71 126.09%, #69B578 163.66%, #42A956 201.22%), #FF7B54;
}

.custom-progress-bar .progress ul li.high {
    background: linear-gradient(89.96deg, #FF0043 -200.15%, #FF5036 -162.62%, #FF7830 -125.08%, #FD9834 -87.55%, #DDC440 -50.01%, #89B742 -12.48%, #40BB71 25.06%, #69B578 62.59%, #42A956 100.13%), #FF7B54;
}

.custom-progress-bar .progress ul {
    width: 100%;
    display: flex;
    height: 100%;
}

.custom-progress-bar .progress ul li {
    width: calc(100% / 3);
    background: #F0EEEC;
    border-radius: 0;
    display: inline-block;
    position: relative;
}

.custom-progress-bar .progress ul li span {
    font-size: 16px;
    margin-top: -32px;
    position: absolute;
}

.custom-progress-bar .progress ul li span:nth-child(2) {
    left: 0;
}

.custom-progress-bar .progress ul li span:nth-child(1) {

    right: -8px;
}

.custom-progress-bar .progress ul li::after,
.custom-progress-bar .progress ul li::before {
    content: '';
    position: absolute;
    height: 14px;
    width: 3px;
    border-radius: 100px;
    top: -4px;
}

.custom-progress-bar .progress ul li.low::before {
    background-color: rgba(255, 14, 66, 1);
    left: 0;
}

.custom-progress-bar .progress ul li.low::after {
    background-color: rgba(255, 123, 84, 1);
    right: 0;
}

.custom-progress-bar .progress ul li.medium::before {
    background-color: rgba(255, 123, 84, 1);
    left: 0;
}

.custom-progress-bar .progress ul li.medium::after {
    background-color: rgb(119 184 79);
    right: 0;
}

.custom-progress-bar .progress ul li.high::before {
    background-color: rgba(110, 185, 84, 1);
    left: 0;
}

.custom-progress-bar .progress ul li.high::after {
    background-color: rgba(68, 170, 88, 1);
    right: 0;
}

.custom-progress-bar .progress ul li:last-child span:last-child {
    right: 0;
}



.custom-progress-bar .progress .value .top-arrow {
    content: '';
    position: absolute;
    margin-left: -17px;
    width: 10px;
    height: 4px;
    border-bottom: solid 6px rgb(255, 255, 255);
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    top: -4px;
    left: 0;
    right: 0;
    display: table;
    margin: 0 auto;
}

.custom-progress-bar.low .progress-circle .value::after {
    border-bottom-color: rgb(254, 66, 56);
}

.custom-progress-bar.medium .progress-circle .value::after {
    border-bottom-color: rgb(206 194 65);
}

.custom-progress-bar.high .progress-circle .value::after {
    border-bottom-color: rgb(68 170 88);
}



.custom-progress-bar.\34 0_val .progress .value {
    background-color: rgb(119 184 79);
}

.custom-progress-bar.\34 0_val .progress .value .top-arrow {
    border-bottom-color: #77b84f;
}




.custom-progress-bar.\30 _val .progress .value {
    background-color: rgb(255 4 66);
    margin-left: -10px;
}

.custom-progress-bar.\30 _val .progress .value .top-arrow {
    border-bottom-color: #ff0442;
}

.custom-progress-bar.\32 0_val .progress .value {
    background-color: rgb(255 123 84);
    margin-left: -16px;
}

.custom-progress-bar.\32 0_val .progress .value .top-arrow {
    border-bottom-color: #D93707;
}

.custom-progress-bar.\31 0_val .progress .value {
    background-color: rgb(255 89 53);
}

.custom-progress-bar.\31 0_val .progress .value .top-arrow {
    border-bottom-color: rgb(255 89 53);
}





.custom-progress-bar.\33 0_val .progress .value {
    background-color: rgb(221 195 63);
}

.custom-progress-bar.\33 0_val .progress .value .top-arrow {
    border-bottom-color: rgb(221 195 63);
}




.custom-progress-bar.\35 0_val .progress .value {
    background-color: rgb(91 183 118);
}

.custom-progress-bar.\35 0_val .progress .value .top-arrow {
    border-bottom-color: #5bb776;
}


.custom-progress-bar.\36 0_val .progress .value {
    background-color: rgb(68 170 88);
}

.custom-progress-bar.\36 0_val .progress .value .top-arrow {
    border-bottom-color: rgb(68 170 88);
}





.page-template-user-survey .training-program {
    padding-top: 55px;
}

.user-survey-hero.hero-section {
    max-height: 840px;
    min-height: 840px;
}

.user-survey-hero.hero-section::before {
    background-image: url(../images/bg-curve-two.png);
    bottom: 0;
}

.user-survey-hero.hero-section.user-survey-hero .bg-image {
    background-position: 89% 0px !important;
    background-size: contain;
}


.complete-test {
    display: table;
    margin: 0;
    padding: 13px 28px;
}

.complete-test h3 {
    color: #fff;
    padding-bottom: 5px;
    font-family: 'Montserrat-Medium';
    font-size: 22px;
}

.complete-test p {
    margin: 0;
    color: #fff;
    padding: 0 !important;
}



body.body-show-menu header.mobile-menu a.black-logo {
    display: none;
}

body header.mobile-menu a.white-logo {
    display: none;
}

body.body-show-menu header.mobile-menu a.white-logo {
    display: block;
}

.memory-challenge-section form {
    position: relative;
    z-index: 8;
}

header .left-section.mobile-side-menu {
    left: -1500px;
}

header ul li:before,
footer ul li:before,
.menu-section nav ul.header-links li::before {
    display: none;
}

.menu-section .button-group .btn:hover {
    background-color: rgba(28, 29, 33, 1);
    color: #fff;
}

.menu-section .button-group .btn:hover i:before {
    color: #fff;
}

.scroll-content {
    /* max-height: 720px; */
    /* overflow-y: auto; */
    overflow-x: hidden;
}

.page-template-calibration-result .left-section.mobile-side-menu,
.page-template-quiz .left-section.mobile-side-menu,
.page-template-signup .left-section.mobile-side-menu,
.page-template-signin .left-section.mobile-side-menu {
    display: none;
}

.logged-in .user-profile .profile {
    height: auto;
}



/***Common page mobile menu******/



/*Checkout page*/


.modal-backdrop.show {
    opacity: 0.8;
}


.card .icon-question-mark {
    opacity: 0.5;
    font-size: 20px;
    cursor: pointer;
}

.test-flow-parent .card-questions h3 .icon-question-mark {
    position: relative;
    right: -3px;
    top: 3px;
    z-index: 3;
    cursor: pointer;
}

.card-questions h3,
.test-flow-parent .card-questions h3 {
    position: relative;
}



/*******************/

/**** Custom Datepicker css **/

.ui-widget.ui-widget-content {
    border: 0;
    padding: 10px 8px 8px 8px;
    border: 0;
    box-shadow: 1px 1px 7px 0px #00000026;
    border-radius: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: transparent;
}

.calender-wrapper .ui-datepicker .ui-datepicker-header {
    border: 0;
    background: transparent;
    width: 100%;
}


.ui-datepicker .ui-datepicker-calendar td span,
.ui-datepicker .ui-datepicker-calendar td a {
    border-radius: 100px;
    height: 33px;
    width: 33px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    background: #fff;
    font-weight: normal;
    color: #454545;
    font-family: 'Montserrat-Regular';
}


.calender-wrapper .ui-datepicker .ui-datepicker-calendar td span,
.calender-wrapper .ui-datepicker .ui-datepicker-calendar td a {
    border-radius: 100px;
    height: 48px;
    width: 48px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    background: transparent;
    font-weight: normal;
    color: #454545;
    font-family: 'Montserrat-Medium';
    font-size: 16px;
    line-height: 24px;
    padding: 0;
}

.calender-wrapper .ui-datepicker .ui-datepicker-calendar td {
    padding: 0;
}

.ui-datepicker .ui-datepicker-calendar td a:hover {
    border: 1px solid #ff8954;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a {
    border: 1px solid #ff8954;
    font-weight: normal;
    color: #fff;
    background: linear-gradient(168.64deg, #ff7b54 47.79%, #ff9254 102.97%);
}

.ui-datepicker th {
    font-family: 'Montserrat-Medium';
}

.ui-datepicker .ui-datepicker-title select {
    border: 0;
    padding: 8px 8px;
    border-radius: 8px;
    cursor: pointer;
    margin: 0 5px;
    width: calc(45% - 11px);
    font-size: 14px;
}

.calender-wrapper .ui-datepicker .ui-datepicker-title {
    margin: 3px 0px;
    text-align: left;
    padding-bottom: 6px;
    color: #2B2D40;
    /* line-height: normal; */
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 17px;
}



.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 0;
    background-color: transparent;
}

.ui-datepicker .ui-datepicker-header {
    border: 0;
    border-radius: 100px;
    background: #faf8f6;
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-prev.ui-state-focus {
    left: unset !important;
}

.ui-datepicker .ui-datepicker-next.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-focus {
    right: 2px !important;
}

.ui-datepicker table span {
    position: relative;
    top: 0;
    transform: unset;
    left: 0;
    color: #ABADBA;
}

.calender-wrapper .ui-datepicker table thead tr th {
    /* background: #faf8f6; */
    font-family: 'Montserrat-SemiBold';
    font-weight: normal;
    padding-left: 0;
    padding-right: 0;
}

.calender-wrapper .ui-datepicker table thead tr th:first-child {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    padding-left: 0;
}

.ui-datepicker table thead tr th:last-child {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    padding-right: 0;
}

.ui-datepicker .ui-datepicker-title span {
    font-weight: normal;
    font-family: 'Montserrat-Medium';
    font-size: 16px;
    line-height: 24px;
}

.calender-wrapper .ui-datepicker .ui-datepicker-next::after {
    content: '\e907';
    color: #000000;
    font-family: 'icomoon' !important;
    font-size: 15px;
    height: 100%;
    width: 100%;
    clip: unset;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 0;
    text-indent: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}

.calender-wrapper .ui-widget-header .ui-icon {
    background-image: unset;
    height: 0;
    width: 0;
    display: none;
    /* font-size: 0; */
}

.ui-datepicker .ui-datepicker-prev:hover::after,
.ui-datepicker .ui-datepicker-next:hover::after {
    color: #D93707;
}

.calender-wrapper .ui-datepicker .ui-datepicker-prev::after {
    content: '\e902';
    color: #000000;
    font-family: 'icomoon' !important;
    font-size: 15px;
    height: 100%;
    width: 100%;
    clip: unset;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 0;
    left: unset;
    text-indent: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}

.calender-wrapper .ui-datepicker .ui-datepicker-prev {
    right: 35px;
    left: unset;
}

.ui-widget-header .ui-icon:hover:after {
    color: #D93707;
}

.calender-wrapper .ui-datepicker .ui-datepicker-prev span,
.calender-wrapper .ui-datepicker .ui-datepicker-next span {
    left: unset;
    right: 0;
}

.calender-wrapper .ui-datepicker-calendar tbody td.active a {

    /* background: #FBE4DE; */

    background-image: url('../images/fire.svg');

    background-position: bottom center;

    background-repeat: no-repeat;
}

.calender-wrapper .ui-datepicker-calendar tbody td.active a.ui-state-active {
    background-color: #FBE4DE;
}


.tax-main_qq_category .language-question .icon-question-mark {
    display: none
}

.woocommerce-page.woocommerce-add-payment-method footer.bg-gray {
    display: none;
}


.payment-list .payment-details .payment-action {
    position: absolute;
    right: 15px;
}

.payment-list .payment-details .payment-action a {
    margin: 0 0 0 25px;
}

.payment-list .payment-details .payment-action a:hover {
    color: #26272b;
}

.payment-list .payment-details .payment-action a i {
    margin-right: 5px;
}

.profile-plan .card a.btn {
    margin: 15px 0 0 0;
    display: table;
}

.page-template-dashboard footer {
    bottom: -12px;
    padding: 0;
}

/* .page-template-dashboard {
    overflow: hidden;
} */


.cms-page {
    padding-top: 0px;
}

.cms-page .card h4 {
    padding-bottom: 10px;
}

.cms-page .hero-section {
    max-height: 600px;
    min-height: 600px;
}

.cms-page .card {
    margin-top: 55px;
}

.cms-page .hero-section .content-wrapper {
    max-width: 100%;
}

.cms-page .card ul li u {
    text-decoration: none;
}

.cms-page .card ul li br,
.cms-page .card p br {
    display: none;
}

.cms-page .card p,
.cms-page .card ul li {
    color: #908f90;
    line-height: 28px;
    padding-bottom: 0;
}

.cms-page .card strong {
    font-family: 'Montserrat-Medium';
    font-weight: normal;
}

/******Contact page*********/
.cform-row {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.cform-row .contact-image {
    max-width: 330px;
    margin-right: -180px;
    z-index: 1;
    margin-top: -25px;
}

.cform-row .contact-form {
    padding-left: 180px;
}


.cms-page {
    z-index: 0;
    position: relative;
}

.cform-row .card {
    display: flex;
    align-items: center;
    width: calc(100% - 330px);
}

.cform-row .contact-form .form-control {
    background-color: #faf8f6;
    resize: none;
    padding: 16px;
}

.cform-row .contact-image img {
    border-radius: 25px;
    box-shadow: 5px 5px 20px 0px #0000003b;
}

.cform-row .contact-section-header {
    width: 100%;
    padding-left: 42px;
}

.cform-row .contact-form .btn {
    margin: 0 0 0 auto;
    display: table;
}


.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-radius: 8px;
    margin: 0;
}

.wpcf7-not-valid-tip {
    font-size: 14px;
    margin-top: 5px;
    margin-left: 7px;
}



.right-section .cform-row {
    padding-top: 0px;
}

.page-id-3180 .dashboard {
    height: 100%;
    min-height: 91vh;
}


.right-section .cform-row .contact-section-header {
    padding-left: 12px;
}

.right-section .cform-row .contact-form.card {
    padding-left: 26px;
    width: 100%;
    margin: 0;
}

.right-section .cform-row .contact-form.card .wpcf7 {
    width: 100%;
}









.question-section .question-box.true {
    /*border-color: rgba(64, 187, 113, 1) !important;
    border-width: 2px;*/
    border-color: #ff8454;
    border-width: 2px;
}

.question-section .question-box.true label::before {
    /*background: rgba(64, 187, 113, 1) !important;*/
    background: #ff8454;
    color: #fff;
}

.question-section .question-box.true label {
    color: #fff;
}


.question-section .question-box.false {
    /*border-color: rgba(255, 0, 67, 1) !important;
    border-width: 2px;*/
    border-color: #ff8454;
    border-width: 2px;
}

.question-section .question-box.false label::before {
    /*background: rgba(255, 0, 67, 1) !important;*/
    background: #ff8454;
    color: #fff;
}

.question-section .question-box.false label {
    color: #fff;
}

/*.question-section .question-box.false::before {
    content: '';
    background-image: url('/wp-content/themes/iq-quest/images/tick-wrong.svg');
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    z-index: 5;
}*/


/*.question-section .question-box.true::before {
    content: '';
    background-image: url('/wp-content/themes/iq-quest/images/tick-true.svg');
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    z-index: 5;
}*/



/******Accordation********/


.faq-accordian h1 {
    display: none;
}

.faq-accordian h2 {
    max-width: 100%;
}

.accordion .accordion-item {
    margin-bottom: 20px;
    border: 0px solid lightgray;
    border-radius: 12px;
    background-color: rgba(247, 247, 247, 1);
}

.accordion .accordion-item .accordion-header {
    max-width: 100%;
    padding: 10px 0 10px 0;
    margin-bottom: 0;
    font-family: 'Montserrat-SemiBold';
}

.accordion .accordion-item .accordion-header .accordion-button {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
    box-shadow: none;
    color: #ff8454;
    font-size: 18px;
}

.accordion .accordion-item .accordion-header .accordion-button.collapsed {
    color: #000;
    font-family: 'Montserrat-SemiBold';
}

.accordion .accordion-item .accordion-header .accordion-button::after {
    content: "\e905";
    background-image: unset !important;
    font-family: 'icomoon';
    height: auto;
    width: auto;
    font-size: 16px;
}

.accordion .accordion-item .accordion-body p,
.accordion .accordion-item .accordion-body span {
    color: #908f90 !important;
    line-height: 28px;
    font-size: 16px !important;
    padding-bottom: 25px;
    font-family: 'Montserrat-Regular' !important;
    padding-bottom: 15px;
}

.accordion .accordion-item .accordion-body p a,
.accordion .accordion-item .accordion-body span a {
    text-decoration: underline !important;
    text-underline-offset: 5px;
}


.user-quotes-section .wrapper h2 br {
    display: block;
}

.calibration-result .calibration-page .training-program .main-heading {
    padding-bottom: 0;
}


.calibration-result .calibration-page .try-program {
    margin-bottom: 20px;
}

.calibration-result .calibration-page .try-program .content {
    padding-left: 25px;
}







.suggestion {
    display: flex;
    font-family: 'Montserrat-Medium';
    font-size: 24px;
    line-height: normal;
    align-items: center;
    position: relative;
    margin-top: 25px;
}

.suggestion::after {
    content: '';
    position: relative;
    right: 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 25px;
    top: 1px;
}

.suggestion.true {
    color: #40bb71;
    padding: 10px 10px;
}



.suggestion.true::after {
    content: '';
    background-image: url('/wp-content/themes/iq-quest/images/tick-true.svg');
    background-size: cover;
    display: inline-block;
    right: 10px;
    width: 30px;
    height: 30px;
    z-index: 5;

}

.suggestion.false {
    color: #FF0043;
    padding: 10px 10px;
}


.suggestion.false::after {
    content: '';
    background-image: url('/wp-content/themes/iq-quest/images/tick-wrong.svg');
    background-size: cover;
    display: inline-block;
    right: 10px;
    width: 30px;
    height: 30px;
    z-index: 5;
}

.question-section .input-wrapper.true .form-control {
    /*border: 1px solid #40bb71;*/
}

.question-section .input-wrapper.false .form-control {
    border: 1px solid #FF0043;
}


.hero-section .content-wrapper p:empty {
    display: none;
}





.page-id-165 .left-section.mobile-side-menu {
    display: none;
}

.page-id-288 header ul.navbar-nav.auth-links.desktop-show.mobile-links {
    display: none;
}

.page-id-3436 header ul.navbar-nav.auth-links.desktop-show.mobile-links {
    display: flex;
}

/*.page-id-3436 header ul.navbar-nav.auth-links:last-child .nav-item:last-child {
    display: none;
}*/




.tax-main_qq_category .modal-backdrop {
    display: none;
}



/********Que Hint Popup******/
body.tax-main_qq_category.modal-open {
    overflow-y: scroll !important;
    padding-right: 0 !important;
}

#question_hint .btn-close {
    position: absolute;
    right: 40px;
    opacity: 1;
    top: 0;
    z-index: 4;
    box-shadow: none;
}

#question_hint {
    position: absolute;
    top: 0;
    pointer-events: none;
    background-color: #fff;
}

#question_hint .modal-content {
    padding: 0 0px;
}

#question_hint .modal-dialog {
    max-width: 100%;
    align-items: self-start;
}

#question_hint .modal-body {
    padding: 0 40px;
}

#question_hint .modal-body h3 {
    border: 0;
    font-family: 'Montserrat-Medium';
    margin-bottom: 20px;
    padding-top: 0;
}

#question_hint .modal-body .que_hint_sec {
    padding-bottom: 22px;
}

.question-section .question-box.disabled_lable {
    cursor: not-allowed !important;
    pointer-events: none !important;
    opacity: 0.5;
}

.question-section .question-box.disabled_lable:hover {
    border-color: rgb(237 237 237) !important;
}

.question-section .question-box.disabled_lable label::before {
    background: rgb(250 248 246) !important;
}

.question-section .question-box.disabled_lable label {
    background: rgb(250 248 246) !important;
    color: rgba(38, 39, 43, 1);
}

/****Qustion Hint 25 Aug*****/

.hint_sec_lang .suggestion {

    padding-left: 0;
    margin-top: 0;
    padding-top: 0;
}


.hint_sec_lang .right_ans {
    padding-bottom: 30px;
}

.hint_sec_lang .right_ans p {
    opacity: 1;
    padding: 11px 0;
}

.hint_sec_lang .right_ans b {
    margin: 0;
    font-size: 20px;
    font-family: 'Montserrat-Medium';
    text-align: left;
}

.hint_sec_lang .btn {
    min-width: 145px;
}

.hint_sec_lang {
    padding-top: 30px;
}

.hint_sec_lang .suggestion_hint b {
    margin: 0;
    font-size: 24px;
    font-family: 'Montserrat-Medium';
}

.hint_sec_lang .suggestion_hint p {
    opacity: 1;
    padding: 15px 0 20px 0;
}

.hint_sec_lang .suggestion_hint b small {
    font-size: 20px;
}

.question-section .input-wrapper.not-allow .input-with-button {
    pointer-events: none;
    opacity: 0.5;
}

/*****Payment Error 31 Aug**********/

.woocommerce-error {
    margin: 0;
    border-top-color: #e45c62;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
    left: 0;
    top: 1em;
}

.woocommerce-error::before {
    color: #e45c62;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    padding: 12px 0 0 30px;
    margin: 0;
    background-color: transparent;
    color: #000;
    font-family: 'Montserrat-Medium';
    font-weight: normal;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    padding-top: 35px;
    padding-bottom: 25px;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout .woocommerce-error::before {
    top: 13px;
}


/*****New Mobile Menu*********/
.body-show-mobile-menu {
    overflow: hidden !important;
}

.new-mobile-menu .mobile-nav-section {
    position: fixed;
    bottom: 0;
    z-index: 6;
    width: 100%;
    box-shadow: 1px -2px 20px 0px #00000026;
    padding: 10px 0;
    background-color: #fff;
}

.new-mobile-menu .mobile-nav-section nav ul {
    text-align: center;
    display: flex;
    justify-content: space-evenly;
}

.new-mobile-menu .mobile-nav-section nav ul li {
    border: 0;
    display: inline-block;
    padding: 0 8px;
    width: auto;
}

.new-mobile-menu .mobile-nav-section nav ul li a {
    flex-direction: column;
    text-align: center;
    color: #a8a9aa;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Montserrat-Regular';
    display: flex;
}

.new-mobile-menu .mobile-nav-section nav ul li a i {
    margin: 0;
    padding-bottom: 2px;
}

.new-mobile-menu .mobile-nav-section nav ul li a i {
    margin: 0;
    padding-bottom: 2px;
    opacity: 0.8;
    font-size: 20px;
}

.new-mobile-menu nav ul li i:before {
    color: #a8a9aa;

    opacity: 1;
}

.new-mobile-menu nav ul li.active i:before {
    color: #D93707;
    opacity: 1;
}

.body-show-mobile-menu .new-mobile-menu .mobile-nav-section nav ul li.btn-mobile-menu a {
    color: #D93707;
}

.new-mobile-menu .mobile-nav-section nav ul li.active a {
    color: #D93707;
}

.new-mobile-menu.new-mobile-menu {
    position: fixed;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: auto;
    padding: 0;
    display: none;
}

.new-mobile-menu .menu-section nav {
    flex-direction: column;
}

.new-mobile-menu .user-profile .profile {
    padding-bottom: 35px;
    overflow: hidden;
    background: linear-gradient(168.64deg, #ff7b54 47.79%, #ff9254 102.97%);
}

.new-mobile-menu .user-profile .profile::before {
    height: auto;
    background: unset;
}


.new-mobile-menu .scroll-content.show-menu {
    bottom: 0;
}

.new-mobile-menu.mobile-menu {
    height: auto;
}

.body-show-mobile-menu .new-mobile-menu .mobile-nav-section nav ul li.btn-mobile-menu i::before {
    color: #D93707;
    opacity: 1;
}

.body-show-mobile-menu .new-mobile-menu .mobile-nav-section nav ul li.active i::before {
    color: #a8a9aa;
}

.new-mobile-menu .mobile-nav-section nav ul li {
    color: #a8a9aa;
}

.new-mobile-menu.mobile-menu .user-profile {
    background-color: #fff;
    position: absolute;
    width: 100%;
    transition: 0.9s ease-out;
    left: -1500px;
    top: 0;
}

.new-mobile-menu.mobile-menu .user-profile.show-menu {
    left: 0;
    transition: 0.9s ease-in;
}

.body-show-mobile-menu .new-mobile-menu.mobile-menu {
    height: 100%;
}


.new-mobile-menu .mobile-nav-section nav ul li.btn-mobile-menu i:before,
.new-mobile-menu .mobile-nav-section nav ul li.btn-mobile-menu i:after {
    content: '';
    position: absolute;
}

.new-mobile-menu .mobile-nav-section nav ul li.btn-mobile-menu i,
.new-mobile-menu .mobile-nav-section nav ul li.btn-mobile-menu i::before,
.new-mobile-menu .mobile-nav-section nav ul li.btn-mobile-menu i::after {
    width: 6px;
    height: 6px;
    display: inline-flex;
    background: #b9babb;
    border-radius: 100%;
    top: 0;
    margin: 7px 0 8px 0;
}

.new-mobile-menu .mobile-nav-section nav ul li.btn-mobile-menu i:before {
    right: 0;
    left: 50%;
    transform: translateX(-50%);
}

.new-mobile-menu .mobile-nav-section nav ul li a {
    position: relative;
}

.new-mobile-menu .mobile-nav-section nav ul li.btn-mobile-menu i:after {
    right: 0;
}

.body-show-mobile-menu .new-mobile-menu .mobile-nav-section nav ul li.btn-mobile-menu i,
.body-show-mobile-menu .new-mobile-menu .mobile-nav-section nav ul li.btn-mobile-menu i::before,
.body-show-mobile-menu .new-mobile-menu .mobile-nav-section nav ul li.btn-mobile-menu i::after {
    background: #D93707;
}

.body-show-mobile-menu .new-mobile-menu .mobile-nav-section nav ul li.active a {
    color: #a8a9aa;
}

.account-page .common-card .input-wrapper {
    width: 38%;
}

.account-page .common-card form .btn-secondrary {
    max-width: 245px;
    width: 100%;
}

.card.custom_popup .woocommerce-notices-wrapper .woocommerce-error {
    border-top: 0;
    border-bottom: 2px solid #e45c62;
    padding-top: 0;
    padding-bottom: 11px;
    margin-bottom: 15px;
}

.card.custom_popup .woocommerce-notices-wrapper .woocommerce-error li {
    font-size: 14px;
    padding-right: 25px;
}

.card.custom_popup .woocommerce-notices-wrapper .woocommerce-message {
    border-top: 0;
    border-bottom: 2px solid #8fae1b;
    padding-top: 0;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 14px;
    padding-right: 25px;
    padding-top: 10px;
}

body.modal-open .question-section .question-box {
    pointer-events: none;
    cursor: none;
}

.finish-challenge.memory-challenge-section .d-flex>p {
    padding-bottom: 15px;
}

/* 10-04-2024 */

.page-id-5008 header ul.navbar-nav.auth-links:last-child .nav-item:last-child {
    display: none;
}

/* 10-04-2024 */


/* 17-05-2024 */
/* // Payroll Page */
.page-id-5227 .calibration-page {
    background-color: #fff;
}

.page-id-5227 .calibration-page .try-program .button-box .desktop-show {
    display: block;
}

.page-id-5227 .calibration-page .try-program .button-box .mobile-show {
    display: none;
}

.page-id-5227 .calibration-page .try-program .bg-orange .desktop-show {
    display: block;
}

.page-id-5227 .calibration-page .try-program .bg-orange .mobile-show {
    display: none;
}

.calibration-page .training-program ul li {
    justify-content: start !important;
}

/* //Checkout page without login */
body.page-id-165::before {
    content: '';
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 0%, 0.8);
}

body.page-id-165 .custom-modal-overlay {
    display: none;
}

body.page-id-165 form.checkout.woocommerce-checkout.card {
    z-index: 5;
}




/******AUG 09 Dashborad Moadal*********/

#start-quiz-popup .modal-dialog {
    width: 100%;
    max-width: 100%;
}

#start-quiz-popup .user-survey-hero.hero-section {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    position: relative;
    max-height: 750px;
    min-height: 750px;
}

#start-quiz-popup .btn {
    cursor: pointer;
    pointer-events: auto;
}

#start-quiz-popup .hero-section.user-survey-hero .btn-close {
    position: absolute;
    right: 0;
    padding: 25px;
    font-size: 25px;
    color: #fff;
    opacity: 1;
    filter: invert(1);
    z-index: 4;
    pointer-events: auto;
}

#start-quiz-popup .hero-section.user-survey-hero .content-wrapper {
    margin-top: -100px;
    max-width: 100%;
}

#start-quiz-popup .hero-section.user-survey-hero .content-wrapper h1.user-name {
    padding-bottom: 50px;
    max-width: 100%;
}

#start-quiz-popup .hero-section.user-survey-hero .content-wrapper h1 {
    max-width: 500px;
}

#start-quiz-popup .hero-section.user-survey-hero .content-wrapper p {
    max-width: 500px;
}

#start-quiz-popup .user-survey-hero.hero-section.user-survey-hero .bg-image {
    background-position: 100% 100px !important;
    background-size: 690px;
}

#start-quiz-popup .hero-section.user-survey-hero .content-wrapper h1 {
    font-size: 70px;
    line-height: 75px;
}

.dashboard .right-section .cform-row:after {
    display: none;
}

/***********After Combine Two Site**********************/
body.logged-in .dashboard {
    background: #F3F5FA;
}

.hl-game {
    padding-bottom: 0;
    width: 100%;
}

.hl-game ul {
    display: flex;
    align-items: stretch;
    justify-content: start;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.hl-game ul li {
    width: calc(100% / 4 - 16px);
    background-color: #ffffff;
    margin: 0px 8px 0px 8px;
    border-radius: 11px;
    transition: 0.6s;
    /* border: 2px solid #ff7b54; */
    /* padding: 10px 10px 75px 10px; */
    /* max-width: 329px; */
    position: relative;
    /* background: rgba(255, 255, 255, 0.4); */
    /* backdrop-filter: blur(8px); */
    box-shadow: 0px 4px 40px rgba(121, 135, 184, 0.2);
    border-radius: 8px;
}

.hl-game ul li a {
    display: block;
    overflow: hidden;
    /* border-radius: 11px; */
}

.hl-game ul li img {
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
    border-radius: 8px;
    max-height: 146px;
    aspect-ratio: 1 / 1;
    width: 100%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

/* .hl-game ul li a:hover img {
    transform: scale(1.1);
} */

.hl-game ul li:hover {
    box-shadow: 1px 1px 20px #0000004a;
}

.hl-game ul li h4 {
    /* padding-top: 10px; */
    font-size: 20px;
    /* margin-bottom: 2px; */
    padding: 8px 20px;
    font-size: 14px;
    line-height: 32px;
    font-family: 'Montserrat-SemiBold';
}

.hl-game ul li p {
    /* padding-bottom: 0; */
    font-size: 14px;
    line-height: 32px;
    font-family: 'Montserrat-SemiBold';
    padding: 10px 15px;
}

.hl-game ul li .btn-primary {
    margin-bottom: 5px;
    /* line-height: normal; */
    /* font-size: 18px; */
    /* font-family: "Montserrat-SemiBold"; */
    position: absolute;
    bottom: 5px;
    left: 10px;
    width: calc(100% - 20px);
    display: none;
}

.hl-game li span {
    font-size: 12px;
    line-height: 32px;
    font-family: 'Montserrat-SemiBold';
    color: #FF7850;
    padding: 10px 15px;
}

.hl-game ul li .badge {
    position: absolute;
    right: 16px;
    background-color: #2B2D40;
    top: 16px;
    line-height: 12px;
    color: #fff;
    border-radius: 8px;
    padding: 7px 12px;
    text-transform: uppercase;
    line-height: 12px;
}

.hl-game ul .slick-list {
    width: 100%;
    overflow: visible;
}

.tax-main_qq_category,
.common-page {
    background: #faf8f6;
}

.game_process_chart .card.progress-chart {

    width: 100%;
    margin-right: 0;
}

.game_process_chart .card.progress-chart .card-head {
    flex-direction: column;
}

.game_process_chart .card.progress-chart h3 {
    margin-bottom: 5px;
}

.game_process_chart .card.progress-chart p {
    padding-bottom: 15px;
    display: none;
}

.game_process_chart .card.progress-chart ul li a img {
    height: 120px;
    object-fit: cover;
}

.game_process_btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.game_process_btn .btn-primary {
    background: #fff;
    color: #000;
    min-width: auto;
    padding: 13px 34px;
    font-weight: 600;
}

.result_game_section .mobile_view {
    display: none !important;
}

.chart-wrapper .card {
    /* padding: 30px 26px 0px; */
}

.home-banner-cont {
    text-align: center;
    padding-top: 15px;
}

.order-details-section .pay-method .custom-control img.img-fluid {
    width: auto;
}

@media only screen and (max-width: 1535px) {
    #start-quiz-popup .modal-dialog {
        /* margin: 40px; */
    }

    #start-quiz-popup .user-survey-hero.hero-section {
        max-width: 1101px;
        max-height: 550px;
        min-height: 550px;
    }

    #start-quiz-popup .hero-section.user-survey-hero .content-wrapper {
        padding-left: 60px;
        margin-top: -100px;
    }

    #start-quiz-popup .hero-section.user-survey-hero .content-wrapper p {
        max-width: 400px;
    }

    #start-quiz-popup .hero-section.user-survey-hero .content-wrapper h1.user-name {
        padding-bottom: 35px;
    }

    #start-quiz-popup .user-survey-hero.hero-section.user-survey-hero .bg-image {
        background-position: 100% 65px !important;
        background-size: 490px;
    }

    #start-quiz-popup .hero-section.user-survey-hero .content-wrapper h1 {
        font-size: 50px;
        line-height: 60px;
    }

    #start-quiz-popup .hero-section.user-survey-hero .content-wrapper h1 {
        max-width: 400px;
    }
}

@media only screen and (max-width: 1199px) {
    #start-quiz-popup .user-survey-hero.hero-section {
        max-width: 700px;
        max-height: 900px;
        min-height: 900px;
    }

    #start-quiz-popup .user-survey-hero.hero-section.user-survey-hero .bg-image {
        background-position: 100% 447px !important;
        background-size: 490px;
    }

    #start-quiz-popup .hero-section.user-survey-hero .content-wrapper {
        margin-top: -295px;
        padding-left: 25px;
    }
}


@media only screen and (max-width: 767px) {
    #start-quiz-popup .hero-section.user-survey-hero .content-wrapper {
        margin-top: 20px;
        padding-left: 0;
    }

    .result_game_section .mobile_view {
        display: flex !important;
        gap: 20px;
    }

    .result_game_section .mobile_view .card {
        max-width: 50% !important;
    }

    .result_game_section .desktop_view {
        display: none !important;
    }

    .result_game_section .custom-width-left {
        order: 1;
    }

    .game_process_chart .card.progress-chart ul li a img {
        height: auto;
    }

    #start-quiz-popup .modal-dialog {
        padding: 15px;
        align-items: center;
    }

    #start-quiz-popup .hero-section.user-survey-hero .content-wrapper h1 {
        font-size: 35px;
        line-height: 45px;
    }

    #start-quiz-popup .hero-section.user-survey-hero .content-wrapper h1.user-name {
        padding-bottom: 25px;
    }

    #start-quiz-popup .user-survey-hero.hero-section.user-survey-hero .bg-image {
        background-size: 340px;
        background-position: center bottom !important;
        bottom: -16px;
    }

    #start-quiz-popup .user-survey-hero.hero-section .bg-orange {
        padding-top: 0;
    }

    #start-quiz-popup .user-survey-hero.hero-section::before {
        bottom: 0;
    }

    #start-quiz-popup .user-survey-hero.hero-section {
        max-width: 700px;
        max-height: 100%;
        min-height: 100%;
    }
}


form#signin-frm {}

form#signin-frm .custom-checkbox {
    padding-left: 0;
}

form#signin-frm .custom-checkbox::before {
    display: none;
}

/*** 04-11-2024 ***/

.stripe-cards-icon.stripe-icon {
    display: none;
}

/*.p-Grid.p-BillingAddressForm.u-mt-grid { display:none !important; }

.p-GridCell.p-GridCell--12 .TermsText { display:none !important; }*/