/*
Theme Name: Skillwy Theme
Theme URI: 
Description: Skillwy Theme
Version: 1.01
Tags: Skillwy Theme
*/

@import url(fonts.css);

body {
    font-size:16px !important;
    font-family: "Figtree", sans-serif !important;
    overflow-x: hidden;
}
.banner {
    position: relative;
    background: #f1f5fa url(images/banner-bg.jpg) top center no-repeat;
    background-size: cover;
}
header {
    position: relative;
    padding-bottom: 20px;
}
.h-top {
    position: relative;
    padding: 15px 0px;
    background: #f1f5fa;
}
.h-top ul {
    padding: 0px;
    margin: 0px;
}
.h-top ul li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
}
.h-top ul li a {
    color: #46607d;
    text-decoration: none !important;
    display: block;
    padding-left: 30px;
    transition: 0.3s all;
}
.h-top ul li a:hover {
    color: #f37800;
}
.h-top ul li:first-child a {
    background: url(images/email-icon.png) center left no-repeat;
}
.top-right {
    text-align: right;
}
.top-right ul li:first-child a {
    background: url(images/about-icon.png) center left no-repeat;
}
/*.top-right ul li:nth-child(2) a {
    background: url(images/about-icon.png) center left no-repeat;
}*/
.h-top ul li:last-child {
    margin-right: 0px;
}
.h-bottom {
    position: relative;
    margin-top: 20px;
}
.menu {
    position: relative;
    text-align: right;
    z-index: 999;
}
.menu ul {
    padding: 0px;
    margin: 0px;
}
.menu ul li {
    list-style: none;
    display: inline-block;
    margin: 0px 15px;
    position: relative;
}
.menu ul li:last-child {
    margin-right: 0px;
}
.menu ul li a {
    font-size: 17px;
    color: #253546;
    display: block;
    text-decoration: none !important;
    transition: 0.3s all;
}
.menu ul li a:hover {
    color: #f37800;
}
.menu ul li#menu-item-27:first-child:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 10px;
    background: url(images/arr-down.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    right: -18px;
    top: 7px;
}
/* Parent menu item */
.menu ul li {
    position: relative;
}

/* First-level submenu */
.menu ul li .sub-menu {
    display: none;
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    min-width: 260px;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    background: #ffffff;
    border: 1px solid #e7ebf0;
    border-radius: 14px;
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.08);
    z-index: 999;
    text-align: left;
}

/* Show first-level submenu */
.menu ul li.show > .sub-menu {
    display: block;
}

/* First-level items */
.menu ul li .sub-menu li {
    display: block;
    position: relative;
    margin: 0;
}

/* First-level links */
.menu ul li .sub-menu li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    color: #1f2937;
    text-decoration: none;
    border-bottom: 1px solid #f1f5f9;
    transition: all 0.22s ease;
}

/* Remove border from last item */
.menu ul li .sub-menu li:last-child > a {
    border-bottom: none;
}

/* Premium hover */
.menu ul li .sub-menu li a:hover {
    background: #fff7f0;
    color: #f37800;
    padding-left: 22px;
}

/* Arrow for items with children */
.menu ul li .sub-menu li.menu-item-has-children > a::after {
    content: '›';
    font-size: 16px;
    font-weight: 700;
    color: #94a3b8;
    margin-left: 12px;
    line-height: 1;
    transition: all 0.22s ease;
}

.menu ul li .sub-menu li.menu-item-has-children > a:hover::after {
    color: #f37800;
}

/* Second-level submenu, aligned with top of first dropdown */
.menu ul li .sub-menu li .sub-menu {
    display: none;
    position: absolute;
    top: -10px;
    left: calc(100% + 12px);
    min-width: 250px;
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    background: #ffffff;
    border: 1px solid #e7ebf0;
    border-radius: 14px;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.10);
    z-index: 1000;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f8fafc;
}

/* Show second-level submenu */
.menu ul li .sub-menu li.show > .sub-menu {
    display: block;
}

/* Second-level links */
.menu ul li .sub-menu li .sub-menu a {
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: #334155;
    border-bottom: 1px solid #f1f5f9;
}

/* Remove border from last item in second level */
.menu ul li .sub-menu li .sub-menu li:last-child > a {
    border-bottom: none;
}

/* Second-level hover */
.menu ul li .sub-menu li .sub-menu a:hover {
    background: #fff7f0;
    color: #f37800;
    padding-left: 20px;
}

/* Remove arrow from inner submenu links */
.menu ul li .sub-menu li .sub-menu a::after {
    display: none !important;
}

/* Premium scrollbar for second level only */
.menu ul li .sub-menu li .sub-menu::-webkit-scrollbar {
    width: 8px;
}

.menu ul li .sub-menu li .sub-menu::-webkit-scrollbar-track {
    background: #f8fafc;
    border-radius: 10px;
}

.menu ul li .sub-menu li .sub-menu::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

.menu ul li .sub-menu li .sub-menu::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}
.top-btn {
    position: relative;
}
.top-btn a {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    background: #f37800;
    display: block;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
    text-decoration: none !important;
    transition: 0.3s all;
}
.top-btn a:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(images/btn-icon.png) center center no-repeat;
    vertical-align: sub;
    margin-left: 10px;
}
.top-btn a:hover {
    color: #fff;
    background: #0f3156;
}
.ban-txt {
    position: relative;
    padding: 20px 0px 30px;
}
.ban-txt span {
    font-size: 24px;
    display: block;
    color: #0f3156;
}
.ban-txt h1 {
    font-size: 45px;
    font-weight: 600;
    color: #f37800;
    margin: 10px 0px 15px;
}
.ban-txt p {
    font-size: 19px;
    color: #46607d;
    margin: 0px;
    width: 87%;
}
.ban-form {
    position: relative;
    background: #fff;
    margin: 30px 0px 0px;
    border-radius: 10px;
    padding: 5px 5px 5px 20px;
    width: 85%;
}
@property --snakeAngle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}
/* base border so your button still looks normal */
.ban-form::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 5px !important;
    pointer-events: none !important;
}
/* snake on border only */
.ban-form::before {
    content: "" !important;
    position: absolute !important;
    inset: -1px !important;
    border-radius: calc(5px + 3px) !important;
    pointer-events: none !important;
    border: 1px solid transparent !important;
    --snakeAngle: 0deg;
    background: conic-gradient(from var(--snakeAngle), transparent 0deg, rgb(243 120 0) 28deg, transparent 70deg, transparent 360deg) border-box !important;
    -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0) border-box !important;
    -webkit-mask-composite: xor !important;
    animation: snakeAngleMove 3.5s linear infinite !important;
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.35)) !important;
}
@keyframes snakeAngleMove{
    to { --snakeAngle: 360deg; }
}
.ban-form input[type="text"] {
    width: 100%;
    padding: 10px;
    border: none;
    outline: none !important;
}
.ban-form input[type="submit"] {
    padding: 10px;
    background: #f37800 url(images/search-icon.png) center center no-repeat;
    border: none !important;
    border-radius: 5px;
    width: 50px;
}
.ban-form input[type="submit"]:hover {
    background: #0f3156 url(images/search-icon.png) center center no-repeat;
}
.cat-section {
    position: relative;
    padding: 70px 0px 80px;
}
.cat-section h2 {
    font-size: 42px;
    font-weight: 700;
    color: #091b2f;
    margin: 0px;
}
a.view-all {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    background: #f37800;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 6px;
    text-align: center;
    text-decoration: none !important;
    transition: 0.3s all;
}
a.view-all:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(images/btn-icon.png) center center no-repeat;
    vertical-align: sub;
    margin-left: 10px;
}
a.view-all:hover {
    color: #fff;
    background: #0f3156;
}
.cat-box {
    position: relative;
    margin-top: 40px;
    box-shadow: 0px 0px 30px 0px #e3e3e3;
    padding: 30px 20px;
    border-radius: 10px;
    transition: 0.3s all;
}
.cat-box a {
    display: block;
    text-decoration: none !important;
}
.cat-icon {
    position: relative;
    background: #f1f5fa;
    padding: 10px 0px;
    display: inline-block;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    text-align: center;
}
.cat-box h3 {
    font-size: 20px;
    font-weight: 500;
    color: #0f3156;
    margin: 20px 0px;
}
.cat-box p {
    font-size: 16px;
    color: #46607d;
    margin: 0px;
}
.cat-box:hover {
    background: #f37800;
}
.cat-box:hover .cat-icon {
    background: #0f3156;
}
.cat-box:hover .cat-icon img {
    filter: brightness(0) invert(1);
}
.cat-box:hover h3, .cat-box:hover p {
    color: #fff;
}
.courses-section {
    position: relative;
    padding: 70px 0px;
    background: #0f3156;
}
.courses-section span {
    font-size: 24px;
    display: block;
    color: #f37800;
}
.courses-section h2 {
    font-size: 42px;
    color: #fff;
    font-weight: 700;
    margin: 10px 0px 0px;
}
.courses-section p {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    margin: 10px 0px 0px;
}
.course-box {
    position: relative;
    margin-top: 55px;
    text-align: center;
    padding: 0px 30px;
}
.course-box a {
    display: block;
    text-decoration: none !important;
}
.course-box img {
    
}
.course-box h3 {
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    margin: 20px 0px 0px;
}
.course-box p {
    font-size: 16px;
    color: #fff;
    margin: 15px 0px 0px;
}
.course-box:hover h3 {
    color: #f37800;
}
/*.course-box a {
    color: #fff !important;
    display: block;
    padding: 10px 35px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none !important;
    transition: 0.3s all;
    margin-top: 20px;
    background: #01155a;
    transition: 0.3s all;
}*/
.about-section {
    position: relative;
    padding: 70px 0px;
}
.about-section span {
    font-size: 24px;
    display: block;
    color: #f37800;
}
.about-section h2 {
    font-size: 42px;
    color: #222222;
    font-weight: 700;
    margin: 0px;
}
.about-section p {
    font-size: 18px;
    color: #46607d;
    margin: 20px 0px 0px;
}
.about-section p a {
    color: #f37800;
}
.focus-section {
    position: relative;
    padding: 70px 0px;
    background: #f1f5fa;
}
.focus-section h2 {
    font-size: 42px;
    font-weight: 700;
    color: #091b2f;
    margin: 0px;
    text-align: center;
}
.focus-section p {
    font-size: 18px;
    color: #46607d;
    margin: 15px 0px 0px;
    text-align: center;
}
.focus-section p a {
    color: #f37800;
}
.foc-box {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 30px 20px 70px 20px;
    margin-top: 50px;
    min-height: 285px;
}
.foc-box:after {
    content: '';
    width: 35px;
    height: 35px;
    display: block;
    background: url(images/right-icon.png) center center no-repeat;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.foc-box h3 {
    font-size: 20px;
    font-weight: 500;
    color: #0f3156;
    margin: 0px;
}
.foc-box p {
    font-size: 16px;
    color: #46607d;
    text-align: left;
}
.faq-section {
    position: relative;
    padding: 70px 0px;
}
.faq-section h2 {
    font-size: 42px;
    color: #222222;
    font-weight: 700;
    margin: 0px;
}
.faq-section div#accordion {
    position: relative;
    margin-top: 30px;
}
.faq-section div#accordion .card {
    border: none;
    background: none;
    border-radius: 0;
    border-bottom: 1px solid #e2eefd;
    margin-top: 10px;
    padding-bottom: 10px;
}
.faq-section div#accordion .card .card-header {
    padding: 0;
    border-radius: 0;
    background: none;
    border: none
}
.faq-section div#accordion .card .card-header button {
    font-size: 22px;
    font-weight: 500;
    color: #f37800;
    padding: 0px 40px 0px 0px;
    display: block;
    text-decoration: none !important;
    width: 100%;
    text-align: left;
    border-radius: 30px 30px 0px 0px;
}
.faq-section div#accordion .card .card-header button.collapsed {
    color: #0f3156;
}
.faq-section div#accordion .card .card-header button.btn-link:after {
    content: '-';
    font-size: 30px;
    display: block;
    position: absolute;
    top: 16px;
    right: 17px;
}
.faq-section div#accordion .card .card-header button.collapsed:after {
    font-size: 26px;
    content: '+';
    display: block;
    position: absolute;
    top: -2px;
    right: 15px;
}
.faq-section div#accordion .card .card-body {
    padding: 10px 0px 2px;
}
.faq-section div#accordion .card .card-body p {
    margin: 0;
    color: #46607d;
}
footer {
    position: relative;
    padding: 70px 0px 0px;
    background: #091b2f;
}
.foo-txt {
    position: relative;
}
.foo-txt p {
    font-size: 14px;
    color: #fff;
    margin: 20px 0px 0px;
    text-align: justify;
}
.foo-link {
    position: relative;
}
.foo-link ul {
    padding: 0px;
    margin: 60px 0px 0px;
}
.foo-link ul li {
    list-style: none;
    display: block;
    margin: 5px 0px;
}
.foo-link ul li a {
    color: #fff;
    display: inline-block;
    text-decoration: none !important;
}
.foo-link ul li a:hover {
    color: #f37800;
}
.foo-bottom {
    position: relative;
    padding: 20px 0px;
    background: #091b2f;
    border-top: 1px solid #0f345c;
    margin-top: 50px;
}
.foo-bottom p {
    color: #fff;
    margin: 0px;
}
.foo-bottom ul {
    padding: 0px;
    margin: 0px;
    text-align: right;
}
.foo-bottom ul li {
    list-style: none;
    display: inline-block;
    margin: 0px 10px;
}
.foo-bottom ul li:last-child {
    margin-right: 0px;
}
.foo-bottom ul li a {
    color: #fff;
}

/** Contact Us **/
.contact-section {
    position: relative;
    padding: 50px 0
}
.cont-txt {
    position: relative
}
.cont-txt span {
    font-size: 18px;
    font-weight: 500;
    color: #f07600;
    text-transform: uppercase;
}
.cont-txt h1 {
    font-size: 34px;
    font-weight: 600;
    color: #091b2f;
    margin: 10px 0 0;
}
.cont-txt p {
    font-size: 16px;
    margin: 10px 0 0;
}
.cont-form {
    position: relative;
}
.cont-form p {
    margin: 00px
}
.cont-form input, .cont-form textarea {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #d1d8e1;
    border-radius: 5px;
    background: #f7f7f7;
    outline: 0 !important;
    margin-top: 15px;
}
.cont-form textarea {
    height: 100px;
}
.cont-form span.wpcf7-form-control-wrap {
    display: block
}
.cont-form span.wpcf7-form-control-wrap label {
    display: block
}
.cont-form span.wpcf7-form-control-wrap label span.wpcf7-quiz-label {
    display: inline-block
}
.cont-form span.wpcf7-form-control-wrap label input {
    display: inline-block;
    width: 75%;
    margin-left: 10px
}
.cont-form input[type=submit] {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    transition: .5s all;
    background: #0f3156;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 5px;
    text-decoration: none !important;
    text-transform: uppercase;
    width: auto;
    border: 1px solid #0f3156;
    margin-top: 10px;
}

.cont-form input[type=submit]:hover {
    color: #fff;
    background: #f37800;
    border: 1px solid #f37800;
}

/** AI CV **/
body.page-template-ai-cv .banner:after, body.page-template-ai-chat .banner:after {
    display: none;
}
.ai-section {
    position: relative;
    padding: 30px 0px 50px;
}
.cp-box {
    position: relative;
    border: 2px solid #b7cadf;
    border-radius: 8px;
    overflow: hidden;
}
.cp-box h2 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin: 0px;
    display: none;
}
.cp-box ul.nav-tabs {
    margin: 0px;
    border: none;
    text-align: center;
    border-bottom: 2px solid #b7cadf;
}
.cp-box ul.nav-tabs li {
    width: 50%;
}
.cp-box ul.nav-tabs li button {
    padding: 10px 30px;
    border-radius: 0px;
    background: #fff;
    font-weight: 600;
    border: none;
    outline: none !important;
    display: block;
    width: 100%;
    height: 100%;
}
.cp-box ul.nav-tabs li button.active {
    background: #f1f5fa;
    color: #091b2f;
}
.cp-box .tab-content {
    background: #f1f5fa;
    border-radius: 0px 0px 7px 7px;
    padding: 10px 30px;
}
.cp-txt {
    position: relative;
}
.cp-txt h3 {
    font-size: 26px;
    font-weight: 600;
    color: #0f3156;
    margin: 20px 0px 0px;
}
.cp-txt p {
    font-size: 14px;
    color: #091b2f;
    margin: 0px;
}
.cp-txt ul {
    padding: 0px;
    margin: 10px 0px 0px;
}
.cp-txt ul li {
    color: #091b2f;
    list-style: none;
    float: left;
    width: 50%;
    font-size: 14px;
    font-weight: 500;
    padding-left: 25px;
    position: relative;
    margin: 5px 0px;
    line-height: 17px;
}
.cp-txt ul li:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #f37800;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
}
.get-btn {
    position: relative;
    text-align: center;
}
.get-btn a {
    text-decoration: none !important;
}
.get-btn button {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #f37800;
    display: block;
    padding: 15px 10px;
    border-radius: 8px;
    text-decoration: none !important;
    transition: 0.3s all;
    outline: none !important;
    text-transform: uppercase;
    width: 100%;
    border: none;
}
.get-btn button:hover {
    color: #fff;
    background: #0f3156;
}
.get-btn small {
    color: #000;
}
.ai-box {
    position: relative;
    margin-top: 50px;
}
.ai-box h1 {
    font-size: 46px;
    font-weight: 600;
    color: #091b2f;
    margin: 0px;
}
.ai-box img {
    display: block;
    margin: 0 auto;
}
.ai-box p {
    font-size: 17px;
    margin: 15px 0px 0px;
}
.ai-box h2 {
    font-size: 32px;
    font-weight: 600;
    color: #f37800;
    margin: 30px 0px;
}
.ai-box h3 {
    font-size: 34px;
    font-weight: 600;
    color: #091b2f;
    text-align: center;
    margin: 30px 0px 0px;
}
.ai-box .row {
    margin-top: 50px;
}
.ai-box h4 {
    font-size: 28px;
    font-weight: 600;
    color: #091b2f;
    margin: 0px;
}
.did-box {
    position: relative;
    background: #0f3156;
    border-radius: 30px;
    padding: 30px;
    border-bottom: 5px solid #f37800;
}
.did-box h5 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin: 0px;
}
.did-box p {
    color: #fff;
}
.did-box ul {
    padding: 0px;
    margin: 20px 0px 0px;
}
.did-box ul li {
    list-style: none;
    font-size: 17px;
    color: #fff;
    margin: 10px 0px;
    position: relative;
    padding-left: 30px;
}
.did-box ul li:before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    background: #fff;
    position: absolute;
    left: 0;
    top: 8px;
}
.did-box a {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    background: #f37800;
    display: inline-block;
    padding: 15px 10px;
    border-radius: 8px;
    text-decoration: none !important;
    transition: 0.3s all;
    outline: none !important;
    border: none;
    text-align: center;
    margin-top: 20px;
}
.did-box a:hover {
    color: #fff;
    background: #dd7109;
}
ul.dw-list {
    padding: 0px;
    margin: 15px 0px 0px;
}
ul.dw-list li {
    margin: 15px 0px;
    list-style: none;
}
ul.dw-list li strong {
    display: block;
}
ul.dw-list li:last-child {
    margin-bottom: 0px;
}

/** Exam **/
.breadcrumbs-sec {
    position: relative;
    margin-top: 10px;
}
.breadcrumbs-sec ul {
    padding: 0px;
    margin: 0px;
}
.breadcrumbs-sec ul li {
    display: inline-block;
    font-size: 14px;
}
.breadcrumbs-sec ul li a {
    color: #f37800;
}
.breadcrumbs-sec ul li:after {
    content: '>';
    display: inline-block;
    margin: 0px 10px;
}
.breadcrumbs-sec ul li:last-child:after {
    display: none;
}
body.page-template-usps-exam .banner:after {
    display: none;
}
.si-test {
    position: relative;
    padding: 50px 0px;
}
.singlecp-box {
    text-align: center;
    position: sticky;
    top: 45px;
}
.singlecp-box ul.nav-tabs li {
    width: 33.33%;
}
.singlecp-box .get-btn {
    margin-top: 10px;
}
.singlecp-box .cp-txt ul li {
    width: 100%;
    text-align: left;
}
.sbt-box {
    position: relative;
    text-align: justify;
}
.sbt-box h1 {
    font-size: 34px;
    font-weight: 600;
    margin: 0px;
}
.sbt-box small {
    color: #738f52;
}
.sbt-box h3 {
    font-size: 28px;
    font-weight: 500;
    margin: 20px 0px 0px;
}
.sbt-box p {
    font-size: 16px;
    color: #000;
    margin: 20px 0px 0px;
}
.sbt-box p a {
    color: #f37800;
    text-decoration: underline;
}
.sbt-box ul, .what-box ul {
    padding: 0px;
    margin: 20px 0px;
}
.sbt-box ul li, .what-box ul li {
    font-size: 16px;
    list-style: none;
    margin: 10px 0px;
    position: relative;
    padding-left: 20px;
}
.sbt-box ul li:before, .what-box ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    display: block;
    background: #0e3322;
    position: absolute;
    left: 0;
    top: 9px;
}
.sbt-box ul li a, .sbt-box ol li a, .what-box ul li a, .what-box ol li a {
    font-weight: 500;
    color: #099554;
}
.sbt-box ol {
    margin: 20px 0px 0px;
}
.sbt-box ol li {
    font-size: 16px;
    margin: 10px 0px;
}
.auth-box {
    position: relative;
    margin: 30px 0px;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 10px;
}
.auth-box h2 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 0px;
}
.auth-box p {
    font-size: 16px;
}
.auth-box a {
    color: #0e3322;
    display: inline-block;
    margin-top: 10px;
    position: relative;
    padding-left: 35px;
    text-decoration: none !important;
}
.auth-box a:before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 4px;
    background: #0E3322 url(images/email-icon.png) center center no-repeat;
    background-size: 12px;
    position: absolute;
    left: 0;
    top: 3px;
}
.navigate-section {
    position: relative;
    background: #ccf29d;
    padding: 20px;
    border-radius: 8px;
    margin-top: 40px;
    text-align: center;
    border-bottom: 5px solid #abd773;
    font-size: 26px;
    line-height: 26px;
}
.navigate-section h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0px 0px 10px;
}
.navigate-section a {
    font-size: 15px;
    color: #0e3322;
    font-weight: 500;
}
.navigate-section a:hover {
    color: #113e29;
}
.did-txt {
    position: relative;
    padding: 10px;
    border: 3px dashed #a6cb7a;
    text-align: center;
    margin-top: 30px;
}
.did-txt h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0px;
}
.did-txt p {
    font-size: 15px;
    margin: 10px 0px 0px;
}
a.ct-btn {
    font-size: 16px;
    font-weight: 600;
    color: #fff !important;
    background: #0e3322;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 8px;
    text-decoration: none !important;
    transition: 0.3s all;
    outline: none !important;
    text-transform: uppercase;
    border: none;
    margin: 20px 0px 10px;
}
a.ct-btn:hover {
    color: #fff;
    background: #206244;
}
.what-box {
    position: relative;
    margin-top: 40px;
    border-bottom: 1px solid #f37800;
    padding-bottom: 40px;
}
.what-box h2 {
    font-size: 30px;
    font-weight: 700;
    color: #0f3156;
    margin: 0px;
}
.what-box p {
    margin: 10px 0px 0px;
}
.what-box h3 {
    font-size: 22px;
    font-weight: 600;
    margin: 20px 0px 0px;
}
.what-box ol {
    padding: 0px 0px 0px 30px;
    margin: 10px 0px;
}
.what-box ol li {
    font-size: 16px;
    margin: 5px 0px;
}
.what-box ol li a {
    color: #7ea74c;
}
.ques-box {
    position: relative;
    padding: 20px;
    border: 2px dashed #ccf29d;
    margin-top: 30px;
}
.ques-box h3 {
    font-weight: 700;
    margin: 0px;
}
.ques-box p {
    font-size: 16px;
    color: #000;
    margin: 20px 0px 0px;
}
.ques-box p br {
    display: none;
}
.ques-box .exp-txt br {
    display: block;
}
.ques-box label {
    font-size: 16px;
    display: block;
    border: 2px solid #ccf29d;
    padding: 10px 20px;
    margin: 15px 0px 0px;
}
.ques-box label:hover {
    box-shadow: 0px 0px 10px 0px #dafdae;
}
label.red-border {
  border-color: red;
}
.ques-box small {
    display: none;
    color: #ff0000;
    font-weight: 600;
    margin-top: 5px;
}
small.cr-ans {
    color: #91d143;
}
.ques-box div#accordion {
    margin-top: 20px;
}
.ques-box div#accordion .card {
    border: none;
}
.ques-box div#accordion .card .card-header {
    padding: 0px;
    background: none;
    border: none !important;
    display: inline-block;
}
.ques-box div#accordion .card .card-header h5 {
    display: inline-block;
}
.ques-box div#accordion .card .card-header h5 button {
    padding: 0px;
    border: none;
    display: inline-block;
    font-weight: 600;
    color: #000;
}
.ques-box div#accordion .card-body {
    background: #f1f1f1;
    padding: 5px 15px;
    margin-top: 15px;
}
.exp-txt {
    position: relative;
}
.exp-txt p {
    font-size: 15px;
    margin: 10px 0px;
}
.exp-txt ul li {
    font-size: 15px;
    font-size: 16px;
}
body.page-template-tests .banner:after {
    display: none;
}
.ct-box {
    position: relative;
    background: #ccf29d;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 25px;
}
.ct-box h3 {
    font-size: 22px;
    font-weight: 600;
    margin: 10px 0px 15px;
}
.ct-box p {
    margin: 0px;
}
.ct-box p a {
    color: #000;
}
.s-ques {
    position: relative;
    padding: 10px 20px;
    border: 3px dashed #f37800;
    margin-top: 10px;
}
.ans-box {
    position: relative;
    padding: 2px 20px 15px;
    background: #f1f5fa;
    margin-top: 15px;
    border: 1px solid #cfdae9;
}
.trade-txt {
    position: relative;
    padding: 10px 20px;
    background: #e7e7e7;
    margin-top: 25px;
    border-radius: 5px;
}
.trade-txt p {
    margin: 0px;
    font-size: 15px;
}
.tips-box {
    position: relative;
    padding: 20px;
    background: #fbfbfb;
    border: 2px dashed #ccc;
    margin-top: 25px;
}
.tips-box h3 {
    font-weight: 600;
    margin: 0px;
}
.tips-box ol, .tips-box ul {
    padding: 0px 0px 0px 15px;
    margin: 10px 0px;
}
.sim-ques {
    position: relative;
    margin-top: 40px;
    border: 2px solid #b4d58b;
}
.sim-ques ul.nav-tabs {
    margin: 0px;
    border: none;
    text-align: center;
    border-bottom: 2px solid #b4d58b;
}
.sim-ques ul.nav-tabs li {
    width: 33.33%;
    padding: 0px;
    margin: 0px;
}
.sim-ques ul.nav-tabs li:before {
    display: none;
}
.sim-ques ul.nav-tabs li button {
    padding: 10px 30px;
    border-radius: 0px;
    background: #ccf29d;
    font-weight: 600;
    border: none;
    outline: none !important;
    display: block;
    width: 100%;
}
.sim-ques .tab-content {
    padding: 0px 20px;
}
.stp-box {
    position: relative;
    margin-top: 30px;
    background: #ccf29d;
    text-align: center;
    border-radius: 10px;
    padding: 20px 10px;
}
.stp-box h3 {
    font-size: 19px;
    font-weight: 600;
}
.stp-box a {
    font-size: 16px;
    font-weight: 600;
    color: #fff !important;
    background: #0e3322;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 8px;
    text-decoration: none !important;
    transition: 0.3s all;
    outline: none !important;
    text-transform: uppercase;
    border: none;
    margin: 20px 0px 0px;
}
.rev-box {
    position: relative;
    margin-top: 70px;
}
.rev-box:after {
    content: '';
    display: block;
    width: 50px;
    height: 40px;
    background: url(images/quote-icon.png) top center no-repeat;
    background-size: contain;
    position: absolute;
    top: -15px;
    right: 30px;
}
.rev-box .rev-txt {
    position: relative;
    padding: 25px 20px 20px;
    border: 2px solid #d7d7d7;
    border-radius: 20px;
}
.rev-box .rev-txt p {
    font-weight: 300;
    margin: 0px;
}
.rev-box .rev-txt:after {
    content: '';
    display: block;
    width: 40px;
    height: 30px;
    background: url(images/rev-tail.png) top center no-repeat;
    background-size: contain;
    position: absolute;
    left: 27%;
    bottom: -30px;
}
.rev-box h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 35px 0px 5px 10px;
}
.rev-box img {
    margin-left: 10px;
}
.owl-dots {
    position: relative;
    text-align: center;
    margin-top: 20px;
}
.owl-dots button {
    margin-right: 10px;
}
.owl-dots button span {
    width: 12px;
    height: 12px;
    display: block;
    background: #ccc;
    border-radius: 50%;
}
.owl-dots button.active span {
    width: 40px;
    border-radius: 10px;
    background: #f37800;
}

.faqs-box {
    position: relative;
    margin-top: 40px;;
    padding-bottom: 40px;
}
.faqs-box h2 {
    font-size: 30px;
    font-weight: 700;
    color: #323232;
    margin: 0px;
}
.faqs-box div#accordion {
    position: relative;
    margin-top: 20px;
}
.faqs-box .card {
    border: none;
    background: none;
    border-radius: 0;
    border-bottom: 1px solid #e2eefd;
    margin-top: 10px;
    padding-bottom: 10px;
}
.faqs-box .card-header {
    padding: 0;
    border-radius: 0;
    background: none;
    border: none;
}
.faqs-box .card-header button {
    font-size: 20px;
    font-weight: 500;
    color: #f37800;
    padding: 0px 40px 0px 0px;
    display: block;
    text-decoration: none !important;
    width: 100%;
    text-align: left;
    background: #fff;
}
.faqs-box .card-header button.collapsed {
    color: #0f3156;
}
.faqs-box .card-header button.btn-link:after {
    content: '-';
    font-size: 30px;
    display: block;
    position: absolute;
    top: -4px;
    right: 15px;
}
.faqs-box .card-header button.collapsed:after {
    font-size: 26px;
    content: '+';
    display: block;
    position: absolute;
    top: -2px;
    right: 15px;
}
.faqs-box .card .card-body {
    padding: 10px 0px 2px;
}
.faqs-box .card .card-body p {
    margin: 0;
    color: #46607d;
}

/** Login **/
body.page-template-login .banner:after, body.page-template-register .banner:after {
    display: none !important;
}
.login-section {
    position: relative;
    padding: 50px 0px;
}
.log-txt {
    position: relative;
    text-align: center;
}
.log-txt p {
    font-size: 13px;
    margin: 5px 0px 0px;
}
.login-box {
    position: relative;
    background: #0f3156;
    padding: 1px 40px 35px;
    border-radius: 30px;
    width: 90%;
    margin: 25px auto 0px;
}
.login-box label {
    color: #fff;
    font-weight: 600;
    margin: 10px 0px 0px;
}
.login-box h1 {
    font-size: 34px;
    color: #222222;
    font-weight: 600;
    margin: 0px;
}
.login-box form {
    position: relative;
    margin-top: 20px;
}
.login-box form input {
    width: 100%;
    border: none;
    padding: 10px 20px;
    margin: 5px 0px 0px;
    outline: none !important;
    border-radius: 5px;
}
.login-box form input[type="submit"] {
    color: #fff;
    background: #f27800;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.3s all;
    margin-top: 20px;
}
.login-box form input[type="submit"]:hover {
    color: #fff;
    background: #d96d03;
}
.login-box a {
    font-size: 14px;
    font-weight: 500;
    color: #f1f5fa;
    display: inline-block;
    margin-top: 20px;
}
.login-box p {
    font-size: 15px;
    text-align: left;
    color: #000;
    margin: 10px 0px 0px;
}
.login-box p a {
    color: #0e3322;
    text-decoration: underline;
}
.login-box p a:hover {
    color: #000000;
}

/** About **/
.abt-txt {
    position: relative;
    padding: 50px 0px;
}
.abt-txt h1 {
    color: #fff;
    background: #0f3156;
    padding: 20px 20px;
    text-align: center;
    margin: 0px 0px 50px;
}
.abt-txt h2 {
    font-size: 28px;
    font-weight: 600;
    margin: 20px 0px 0px;
}
.abt-txt p {
    margin: 10px 0px 0px;
}
.abt-txt ul {
    padding: 0px 0px 0px 20px;
    margin: 15px 0px;
}
.abt-txt ul li {
    position: relative;
    list-style: none;
    margin: 10px 0px;
    padding-left: 20px;
}
.abt-txt ul li:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #f37800;
    position: absolute;
    top: 10px;
    left: 0;
}
.abt-txt ul li a {
    color: #f37800;
}
.abt-why {
    position: relative;
    background: #f1f5fa;
    padding: 50px 40px;
    text-align: center;
    margin-bottom: 50px;
    border-radius: 10px;
    border: 1px solid #dae2ed;
}
.abt-why h2 {
    font-size: 28px;
    font-weight: 600;
    margin: 0px;
}
.abt-why p {
    font-size: 16px;
    margin: 10px 0px 0px;
}
.abt-why h3 {
    font-size: 22px;
    font-weight: 600;
    margin: 20px 0px 0px;
}

/** Career **/
.carr-txt {
    position: relative;
    padding: 50px 0px;
}
.carr-txt h1 {
    color: #fff;
    background: #0f3156;
    padding: 20px 20px;
    text-align: center;
    margin: 0px;
}
.carr-box {
    position: relative;
    background: #f1f5fa;
    padding: 30px 20px;
    margin-bottom: 50px;
}
.carr-box h2 {
    font-size: 28px;
    font-weight: 600;
    color: #ef7600;
    margin: 0px;
}
.carr-box p {
    margin: 10px 0px 0px;
}
.carr-box ul {
    margin: 10px 0px;
}
.carr-box a {
    font-size: 16px;
    font-weight: 600;
    color: #fff !important;
    background: #0f3156;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 8px;
    text-decoration: none !important;
    transition: 0.3s all;
    outline: none !important;
    text-transform: uppercase;
    border: none;
    margin: 10px 0px 0px;
}

/** Affiliate **/
.aff-sec {
    position: relative;
    padding: 50px 0px;
}
.aff-sec h1 {
    font-size: 32px;
    font-weight: 600;
    margin: 0px;
}
.aff-sec p {
    margin: 10px 0px 0px;
}
.aff-sec h2 {
    font-size: 24px;
    font-weight: 600;
    color: #0e3322;
    margin: 20px 0px 0px;
    border-bottom: 3px solid #f37800;
    display: inline-block;
}
.aff-sec ul {
    margin: 10px 0px;
}
.aff-sec h3 {
    font-size: 26px;
    font-weight: 600;
    margin: 20px 0px 0px;
}
.join-form {
    position: relative;
    background: #f1f5fa;
    padding: 40px;
    margin-top: 20px;
    border-radius: 10px;
    text-align: center;
}
.join-form h3 {
    margin: 0px;
}
.join-form form {
    margin-top: 20px;
}
.join-form form input, .join-form form textarea {
    width: 100%;
    border: none !important;
    padding: 10px;
    border-radius: 6px;
    outline: none !important;
    margin-top: 10px;
}
.join-form form textarea {
    height: 100px;
}
.join-form form input[type="submit"] {
    font-size: 16px;
    font-weight: 600;
    color: #fff !important;
    background: #f37800;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 8px;
    text-decoration: none !important;
    transition: 0.3s all;
    outline: none !important;
    text-transform: uppercase;
    border: none;
    margin: 15px 0px 0px;
    width: auto;
}
.join-form small {
    font-size: 12px;
    text-align: left;
    display: block;
    margin-top: 5px;
    color: #fb1111;
}

/** Checkout **/
body.page-id-440 .h-top, body.page-id-440 header, body.page-id-440 footer, body.page-id-440 .foo-bottom {
    display: none;
}
.ch-head {
    position: relative;
    text-align: center;
    padding: 20px 0px;
    border-bottom: 1px solid #efefef;
}
.ch-footer {
    position: relative;
    background: #f3f3f3;
    padding: 20px 0px;
}
.ch-footer p {
    font-size: 13px;
    width: 80%;
    margin: 0px auto;
}

/** General **/
body.page-template-default .banner:after {
    display: none;
}

/** Success **/
.success_dev {
    position: relative;
    background: #bcee7d;
    border-radius: 10px;
    padding: 50px 30px;
    text-align: center;
    margin: 60px 0px;
    border-bottom: 5px solid #abd773;
}
.suc_img {
    display: inline-block;
    background: #0e3322;
    padding: 0px 20px;
    border-radius: 10px;
}
.success_dev h1 {
    font-size: 44px;
    font-weight: 600;
    color: #0e3322;
    margin: 20px 0px 0px;
}
.success_dev p {
    font-size: 17px;
    color: #000;
    margin: 15px 0px 0px;
}
.success_dev a {
    background: #0e3322;
    border: none;
    color: #fff !important;
    padding: 15px 30px;
    display: table;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 3px;
    margin: 20px auto 0px;
    transition: 0.5s all;
    text-decoration: none !important;
}
.success_dev a:hover {
    color: #fff;
    background: #206244;
}
.success_dev input[type="submit"] {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #0e3322;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 8px;
    text-decoration: none !important;
    transition: 0.3s all;
    outline: none !important;
    border: none;
    text-align: center;
}
.success_dev input[type="submit"]:hover {
    color: #fff;
    background: #206244;
}

/** course page **/
.assess-section {
    position: relative;
    margin: 50px 0px;
    border: 1px solid #ccc;
}
.assess-section h1 {
    font-size: 48px;
    color: #fff;
    font-weight: 600;
    margin: 0px 0px 30px;
    background: #0e3322;
    text-align: center;
    padding: 20px 0px;
}
.learndash_post_sfwd-courses, .learndash_post_sfwd-lessons, .learndash_post_sfwd-topic, .learndash-wrapper--quiz {
    padding: 0px 30px 40px;
}
.wpProQuiz_response {
    padding: 15px 15px !important;
    text-align: left !important;
}
.wpProQuiz_response span {
    font-weight: 500 !important;
    color: #fff;
    background: #6db46d;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
}
.wpProQuiz_response .wpProQuiz_incorrect span {
    color: #000;
    background: #ff9191;
}
.wpProQuiz_AnswerMessage:before {
    content: 'Explaination:';
    display: block;
    margin-top: 20px;
    font-weight: 600;
    color: #0e3322;
    margin-bottom: 10px;
}
.wpProQuiz_AnswerMessage p {
    color: #000;
    margin: 5px 0px 0px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) .ld-quiz-question-item__status {
    display: none !important;
}

/** New course design **/
.course-sec h1 {
    color: #091b2f;
}
.cor-head {
    position: relative;
    background: #0f3156;
    padding: 10px 35px;
    border-radius: 10px 10px 0px 0px;
}
.cor-head .col-md-10 {
    padding-left: 0px !important;
}
.cor-head h2 {
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    margin: 0px;
}
.pg-bar {
    --size: 120px;
    --border: 10px;
    position: relative;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background:
        conic-gradient(
            #f37800 calc(var(--progress) * 1%),
            #d2e6ff 0
        );
}
.pg-fill {
    position: absolute;
    inset: var(--border);
    background: #fff;
    border-radius: 50%;
}
.pg-count {
    font-size: 28px;
    font-weight: 700;
    color: #0e3322;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.cor-head span.cor-exp {
    font-size: 14px;
    display: block;
    color: #fff;
    margin-top: 12px;
}
.cor-body {
    position: relative;
    border: 1px solid #0f3156;
    padding: 30px 20px;
    border-radius: 0px 0px 10px 10px;
    display: flex;
}
p.topic-txt {
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
    display: none;
}
.quiz-header {
    position: relative;
    background: #e5e8eb;
    border-radius: 10px;
    padding: 10px 20px;
    margin-bottom: 25px;
}
.quiz-header h3 {
    font-size: 26px;
    color: #000;
    margin: 0px;
}
.tva-txt {
    position: relative;
    text-align: right;
}
.tva-txt span {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    display: inline-block;
    margin-left: 10px;
}
.tva-txt button {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: #f37800;
    display: inline-block;
    padding: 4px 7px;
    border-radius: 4px;
    text-decoration: none !important;
    transition: 0.3s all;
    outline: none !important;
    border: none;
    box-shadow: none !important;
}
.tva-txt button:hover {
    color: #fff;
    background: #0f3156;
}
.modal-title {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
}
.modal-body .table .thead-light th {
    font-weight: 600;
    color: #fff !important;
    background: #0f3156 !important;
}
.modal-body .table tbody tr:nth-child(even) {
    background-color: #bcee7d !important;
}
.modal-body .quiz-attempts table {
    border: 2px solid #c4ef8f;
}
.modal-body .quiz-attempts table th, .modal-body .quiz-attempts table td {
    border: 1px solid #c4ef8f;
}
.lesson-title {
    background: #eef6ff;
    padding: 10px;
    font-size: 20px;
    margin-top: 25px;
    border-left: 4px solid #0073aa;
    border-radius: 4px;
}
.cor-body ul {
    padding: 10px 0px 0px 10px;
    margin: 0;
    list-style: none;
    width: 25%;
    background: #b8c5d5;
    border-radius: 10px 0px 0px 10px;
}
.cor-body ul li {
    text-align: center;
    padding: 5px 0px;
}
.cor-body ul li:first-child {
    padding-top: 0px;
}
p.mobile-txt {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    display: none;
}
select.responsive-select {
    padding: 13px 40px 13px 10px;
    background: #0e3322 url(images/arr-down-2.png) 97% center no-repeat;
    color: #fff;
    border-radius: 6px;
    margin-bottom: 15px;
    border: none;
    font-weight: 500;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.responsive-select {
  display: none;
}
.cor-body ul li a {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    display: block;
    color: #fff;
    background: #0f3156;
    text-align: left;
    padding: 15px 10px;
    border-radius: 10px 0px 0px 10px;
    text-decoration: none !important;
}
.cor-body ul li a:hover {
    color: #fff;
    background: #275c95;
}
a.topic-box img {
    border-radius: 10px;
    border: 2px solid #fff;
    transition: 0.3s all;
}
a.active-topic img, a.topic-box img:hover {
    border: 2px solid #0e3322;
}
a.active-topic {
    font-weight: 600;
    color: #0e3322 !important;
    background: #f1f5fa !important;
}
.topic-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 10px;
}
    /* Quiz area */
.quiz-section {
    background: #f1f5fa;
    padding: 20px 30px;
    border-radius: 0px 10px 10px 0px;
    width: 75%;
}
.quiz-item {
    background: white;
    padding: 10px 15px;
    border: 1px solid #b8c5d5;
    margin-top: 15px;
    border-radius: 6px;
}
.quiz-item span {
    font-weight: 500;
}
.course-meta {
    margin-bottom: 20px;
    font-size: 16px;
}
.course-meta span {
    font-weight: bold;
    color: #0073aa;
}
a.vi-btn, button.res-btn {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #f37800;
    display: inline-block;
    padding: 10px 10px;
    border-radius: 6px;
    text-decoration: none !important;
    transition: 0.3s all;
    outline: none !important;
    text-transform: uppercase;
    border: none;
}
a.vi-btn:hover {
    color: #fff;
    background: #0f3156;
}
button.res-btn {
    margin-left: 10px;
    background: #f1f5fa;
    border: 1px solid #dae1e9;
}
button.res-btn:hover {
    background: #dae1e9;
}
.quiz-attempts {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.6s ease, opacity 0.4s ease;
    display: none;
    margin-top: 10px;
}
.quiz-attempts.show {
    max-height: 1000px; /* must be larger than content height */
    opacity: 1;
    display: block;
}
.quiz-attempts table {
    font-size: 14px;
    border: 2px solid #b8c5d5;
}
.quiz-attempts .table .thead-light th {
    font-weight: 600;
    color: #0e3322 !important;
    background: #b8c5d5 !important;
    border-color: #b8c5d5;
}
.quiz-attempts table th, .quiz-attempts table td {
    border: 1px solid #b8c5d5;
    padding: 5px 10px;
}
.back-btn {
    font-size: 14px;
    color: #0f3156;
    font-weight: 500;
}
.back-btn:hover {
    color: #f37800;
}

/** Quiz Page **/
.sing-quiz .cor-body {
    display: block;
}
.sing-quiz .ld-course-status {
    display: none !important;
}
.sing-quiz .wpProQuiz_content h2 {
    display: none !important;
}
.quiz-box {
    position: relative;
    background: #f1f5fa;
    border-radius: 10px;
    padding: 10px 20px;
    border: 1px solid #d3dae3;
}
.quiz-box h2 {
    font-size: 30px;
    color: #000;
    margin: 0px;
}
.breadcrumbs {
    font-size: 14px;
    position: relative;
    margin-bottom: 5px;
}
.breadcrumbs a {
    color: #0e3322;
}
.sing-quiz .tva-txt span {
    font-size: 18px;
    color: #0e3322;
}
.wpProQuiz_quiz {
    position: relative;
    border: 1px solid #c2c9d3;
    border-radius: 10px;
    margin-top: 30px;
    padding: 10px 20px 20px;
}
.wpProQuiz_quiz .wpProQuiz_question_page, .wpProQuiz_quiz h5.wpProQuiz_header {
    display: none !important;
}
legend.wpProQuiz_question_text p {
    font-weight: 500;
}
.wpProQuiz_quiz input.wpProQuiz_button.wpProQuiz_QuestionButton {
    padding: 15px 40px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    outline: none !important;
    box-shadow: none !important;
}
/* ===== MODERN ANSWER CHOICE. FIXED HTML. FULL OVERRIDE ===== */

.wpProQuiz_questionListItem{
display:block !important;
margin:12px 0 !important;
}

/* Card */
.wpProQuiz_questionListItem label{
display:flex !important;
align-items:center !important;
gap:14px !important;
padding:16px 58px 16px 16px !important;
border-radius:14px !important;
background:#ffffff !important;
border:2px solid #e5e7eb !important;
box-shadow:0 2px 6px rgba(0,0,0,.04) !important;
cursor:pointer !important;
position:relative !important;
font-size:15px !important;
font-weight:600 !important;
color:#0f172a !important;
transition:all .18s ease !important;
}

/* Hover */
.wpProQuiz_questionListItem label:hover{
box-shadow:0 12px 28px rgba(0,0,0,.08) !important;
border-color:#cbd5e1 !important;
background:#fbfdff !important;
}

/* Hide native radio */
.wpProQuiz_questionInput{
appearance:none !important;
-webkit-appearance:none !important;
width:22px !important;
height:22px !important;
border-radius:999px !important;
border:2px solid #94a3b8 !important;
background:#ffffff !important;
display:grid !important;
place-items:center !important;
flex-shrink:0 !important;
position:relative !important;
transition:all .15s ease !important;
}

.wpProQuiz_questionInput::after{
content:"" !important;
width:10px !important;
height:10px !important;
border-radius:999px !important;
background:#ffffff !important;
transform:scale(0) !important;
transition:transform .15s ease !important;
}

/* Selected */
.wpProQuiz_questionInput:checked {
    background: #f37800 !important;
    border-color: #935213 !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .18) !important;
}

.wpProQuiz_questionInput:checked::after{
transform:scale(1) !important;
}
.cor-body .learndash .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not([disabled]):not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz) {
    background: #f37800 !important;
}
/* Selected card */
.wpProQuiz_questionListItem label:has(.wpProQuiz_questionInput:checked) {
    border-color: #0f3156 !important;
    background: #f1f5fa !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item).wpProQuiz_answerIncorrect label {
    background: #faeeee !important;
    border-color: #db0000 !important;
}
/* Status base */
.ld-quiz-question-item__status{
margin-left:auto !important;
font-size:12px !important;
font-weight:700 !important;
padding:6px 10px !important;
border-radius:999px !important;
background:#f8fafc !important;
border:1px solid #e2e8f0 !important;
color:#334155 !important;
}
/* Hide all status text by default */
.ld-quiz-question-item__status span{
display:none !important;
}
/* ===== ICON SLOT ===== */
.wpProQuiz_questionListItem label::after{
content:"" !important;
position:absolute !important;
right:16px !important;
top:50% !important;
width:26px !important;
height:26px !important;
border-radius:999px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:16px !important;
font-weight:900 !important;
opacity:0 !important;
transform:translateY(-50%) scale(.6) !important;
transition:all .18s ease !important;
}
/* ===== CORRECT ===== */
.wpProQuiz_questionListItem
label:has(.ld-quiz-question-item__status--correct[style*="display"]){
border-color:#16a34a !important;
background:linear-gradient(180deg,#ecfdf5 0%,#ffffff 100%) !important;
}
.wpProQuiz_questionListItem
label:has(.ld-quiz-question-item__status--correct[style*="display"])::after{
content:"✓" !important;
background:#16a34a !important;
color:#ffffff !important;
opacity:1 !important;
transform:translateY(-50%) scale(1) !important;
}
.ld-quiz-question-item__status--correct{
display:inline-flex !important;
color:#16a34a !important;
}

/* ===== INCORRECT (SOFT RED) ===== */
.wpProQuiz_questionListItem
label:has(.ld-quiz-question-item__status--incorrect[style*="display"]){
border-color:#ef4444 !important;
background:linear-gradient(180deg,#fee2e2 0%,#ffffff 100%) !important;
}
.wpProQuiz_questionListItem
label:has(.ld-quiz-question-item__status--incorrect[style*="display"])::after{
content:"✕" !important;
background:#ef4444 !important;
color:#ffffff !important;
opacity:1 !important;
transform:translateY(-50%) scale(1) !important;
}
.ld-quiz-question-item__status--incorrect{
display:inline-flex !important;
color:#ef4444 !important;
}

/* ===== MISSED ===== */
.wpProQuiz_questionListItem
label:has(.ld-quiz-question-item__status--missed[style*="display"]){
border-color:#ca8a04 !important;
background:linear-gradient(180deg,#fffbeb 0%,#ffffff 100%) !important;
}
.wpProQuiz_questionListItem
label:has(.ld-quiz-question-item__status--missed[style*="display"])::after{
content:"✓" !important;
background:#ca8a04 !important;
color:#ffffff !important;
opacity:1 !important;
transform:translateY(-50%) scale(1) !important;
}
.ld-quiz-question-item__status--missed{
display:inline-flex !important;
color:#ca8a04 !important;
}

/* Mobile */
@media (max-width:480px){
.wpProQuiz_questionListItem label {
    font-size: 14px !important;
    padding: 10px 10px 10px 10px !important;
}
}
.wpProQuiz_results {
    text-align: center;
    padding: 10px 0px 0px;
}
.ld-quiz-actions input[type="button"], .ld-quiz-actions a {
    border-radius: 10px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    outline: none !important;
    box-shadow: none !important;
}
p.wpProQuiz_points--message {
    color: #fff !important;
    background: #f37800 !important;
    border: 1px solid #f37800 !important;
}

/** Course List **/
.main-course-list {
    position: relative;
    padding: 20px 0px 50px;
}
.main-course-list h1 {
    font-size: 48px;
    color: #222222;
    font-weight: 600;
    margin: 0px;
}
.corse-box {
    position: relative;
    padding: 20px;
    box-shadow: 0px 0px 20px 0px #dfdfdf;
    border-radius: 15px;
    border: 1px solid #dfdfdf;
    margin-top: 40px;
}
.corse-box img {
    border-radius: 15px;
}
.corse-box h2 {
    font-size: 26px;
    font-weight: 700;
    color: #091b2f;
    margin: 20px 0px 0px;
}
.corse-box ul {
    padding: 0px;
    margin: 15px 0px 0px;
}
.corse-box ul li {
    list-style: none;
    display: block;
}
.corse-box ul li span {
    font-weight: 600;
}
.corse-box a.vc-btn {
    font-size: 16px;
    font-weight: 600;
    color: #fff !important;
    background: #f37800;
    display: block;
    padding: 10px 0px;
    border-radius: 8px;
    text-decoration: none !important;
    transition: 0.3s all;
    outline: none !important;
    text-transform: uppercase;
    border: none;
    margin: 20px 0px 0px;
    text-align: center;
}
.corse-box a.vc-btn:hover {
    color: #fff;
    background: #0f3156;
}
.ld-alert-messages {
    color: #000 !important;
}

/** Thank You Page **/
.thank-box {
    position: relative;
    text-align: center;
    margin: 50px 0px;
    background: #bcee7d;
    padding: 40px 40px;
    border-radius: 10px;
    border: 1px solid #97c55c;
    border-bottom: 7px solid #0e3322;
}
.thank-box h1 {
    font-size: 40px;
    font-weight: 600;
    color: #0e3322;
    margin: 0px;
    text-transform: uppercase;
}
.thank-box p {
    color: #0e3322;
    font-size: 17px;
    margin: 20px 0px 0px;
}
.thank-box p strong {
    font-weight: 500;
    color: #ffffff;
    background: #668d36;
    padding: 5px 10px;
    border-radius: 5px;
}
.thank-box a {
    display: inline-block;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 600;
    outline: none !important;
    color: #fff;
    background: #0e3322;
    padding: 15px 40px;
    text-decoration: none !important;
    text-transform: uppercase;
    border: none;
    box-shadow: none !important;
}
.thank-box a:hover {
    color: #fff;
    background: #206244;
}
.thank-box hr {
    margin: 30px 0px;
}
.thank-box h2 {
    font-size: 32px;
    font-weight: 600;
    color: #0e3322;
}

/** General **/
.general {
    position: relative;
    padding: 50px 0px;
}
.general h1 {
    font-size: 38px;
    font-weight: 600;
    margin: 0px 0px 15px;
}
.general h2, .general h3, .general h4 {
    font-size: 30px;
    font-weight: 600;
    margin: 20px 0px 0px;
}
.general p a, .general ul li a, .general ol li a {
    color: #425c21;
}


/*........ For Mobile ........*/
@media only screen and (max-width: 767px) {
.h-top {
    padding: 10px 0px;
}
.h-top ul li {
    margin-right: 10px;
}
.h-top ul li a {
    font-size: 0px;
    width: 20px;
    height: 20px;
}
.top-right ul li a {
    width: auto;
    height: auto;
    font-size: 15px;
}
.top-btn {
    margin-top: 20px;
}
.menu {
    display: none;
}
.ban-txt {
    padding: 30px 0px;
    text-align: center;
}
.ban-txt span {
    font-size: 18px;
}
.ban-txt h1 {
    font-size: 32px;
    margin: 5px 0px 10px;
}
.ban-txt h1 br {
    display: none;
}
.ban-txt p {
    font-size: 17px;
    width: 100%;
}
.ban-txt img {
    margin-top: 20px;
}
.ban-form {
    width: 100%;
    padding: 5px;
}
.people-banner {
    display: none !important;
}
.cat-section {
    padding: 40px 0px 50px;
}
.cat-section h2 {
    font-size: 30px;
    text-align: center;
}
a.view-all {
    display: none;
}
.cat-box {
    margin-top: 25px;
    padding: 15px 20px;
}
.cat-box h3 {
    font-size: 20px;
    margin: 15px 0px 15px;
}
.cat-box h3 br {
    display: none;
}
.courses-section {
    padding: 40px 0px;
}
.courses-section span {
    font-size: 18px;
}
.courses-section h2 {
    font-size: 30px;
}
.courses-section p {
    font-size: 17px;
}
.about-section {
    padding: 40px 0px;
}
.about-section span {
    font-size: 18px;
}
.about-section h2 {
    font-size: 30px;
}
.about-section p {
    font-size: 17px;
}
.focus-section {
    padding: 40px 0px;
}
.focus-section h2 {
    font-size: 30px;
}
.focus-section p {
    font-size: 17px;
}
.foc-box {
    padding: 20px;
    margin-top: 25px;
    min-height: auto;
}
.foc-box:after {
    bottom: auto;
    left: auto;
    top: 15px;
    right: 15px;
}
.faq-section {
    padding: 40px 0px;
}
.faq-section h2 {
    font-size: 30px;
    text-align: center;
}
.faq-section div#accordion .card .card-header button {
    font-size: 19px;
}
footer {
    padding: 40px 0px 0px;
}
.foo-txt img {
    width: 50%;
}
.foo-link ul {
    margin: 30px 0px 0px;
}
.foo-bottom {
    margin-top: 30px;
    text-align: center;
}
.foo-bottom ul {
    margin: 25px 0px 0px;
    text-align: center;
}




/** Login **/
.login-section {
    padding: 10px 0px 40px;
}
.login-box {
    padding: 1px 20px 25px;
    border-radius: 10px;
    width: 100%;
    margin: 15px auto 0px;
}

/** My Courses **/
.corse-box {
    padding: 15px;
    margin-top: 20px;
}
.corse-box h2 {
    font-size: 24px;
}
.corse-box ul {
    margin: 10px 0px 0px;
}
.corse-box a.vc-btn {
    font-size: 15px;
    margin: 15px 0px 0px;
}
p.mobile-txt {
    display: block;
}
ul.responsive-options {
    display: none !important;
}
.responsive-select {
    display: block;
    width: 100%;
}

/** Course Page **/
.course-sec {
    padding: 20px 15px !important;
}
.course-sec h1 {
    font-size: 17px;
}
.course-sec .col-3 {
    padding: 0px !important;
}
.course-sec .align-items-baseline .col-4 {
    padding-left: 0px;
}
.back-btn {
    font-size: 11px;
}
.cor-head {
    padding: 10px 10px 10px 25px;
}
.pg-bar {
    --size: 80px;
}
.pg-count {
    font-size: 17px;
}
.cor-head h2 {
    font-size: 19px;
}
.cor-head span.cor-exp {
    font-size: 12px;
    margin-top: 10px;
}
.cor-head .col-md-10 {
    padding-left: 10px !important;
}
.cor-body {
    padding: 20px 15px;
    display: block;
}
p.topic-txt {
    display: block;
}
.quiz-section {
    padding: 1px 10px 20px;
    width: 100%;
    border-radius: 10px;
}
.quiz-header {
    display: none;
}
.quiz-header h3 {
    font-size: 19px;
    text-align: center;
}
.tva-txt {
    text-align: left;
    margin-top: 10px;
    line-height: 18px;
}
.tva-txt strong {
    font-size: 14px;
}
.tva-txt span {
    font-size: 18px;
}
.quiz-item {
    text-align: center;
    padding: 10px 0px;
}
.quiz-item:first-child {
    margin-top: 0px;
}
.quiz-item .col-md-5 {
    margin-top: 10px;
    text-align: center !important;
}
.quiz-item strong {
    font-size: 16px;
    width: 95%;
    display: inline-block;
}
.quiz-attempts table {
    font-size: 12px;
    width: 96%;
    margin: 0 auto;
}
.quiz-attempts table td strong {
    font-size: 12px;
}
a.vi-btn, button.res-btn {
    font-size: 12px;
    padding: 8px 10px;
}
button.res-btn {
    margin-left: 5px;
    padding: 7px 10px;
}
.modal-title {
    font-size: 20px;
}
.modal-body .table .thead-light th {
    font-size: 13px;
}
.table-bordered td, .table-bordered th {
    font-size: 13px;
    padding: 6px 6px;
}
.quiz-attempts .table .thead-light th {
    font-size: 10px;
    align-content: center;
}
.quiz-attempts table th, .quiz-attempts table td {
    padding: 5px 5px;
    font-size: 11px;
}
.cor-body .learndash-wrapper .ld-quiz-actions {
    display: block;
}
.cor-body .learndash-wrapper .ld-quiz-actions .quiz_continue_link {
    margin-bottom: 0px;
}
.cor-body .learndash-wrapper .ld-quiz-actions a, .cor-body .learndash-wrapper .ld-quiz-actions input[type="button"] {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0px 0px !important;
}

/** Single Quiz **/
.quiz-box {
    padding: 10px;
    text-align: center;
}
.breadcrumbs {
    font-size: 13px;
}
.quiz-box h2 {
    font-size: 20px;
    font-weight: 600;
}
.sing-quiz .tva-txt span {
    font-size: 14px;
    float: right;
}
.wpProQuiz_quiz {
    margin-top: 20px;
    padding: 5px 10px 5px;
}
legend.wpProQuiz_question_text p {
    font-size: 16px;
}
.wpProQuiz_questionListItem {
    margin: 8px 0 !important;
}
.wpProQuiz_questionInput {
    width: 19px !important;
    height: 19px !important;
    margin-right: 0px !important;
}
.wpProQuiz_response {
    font-size: 15px !important;
}
.wpProQuiz_quiz input.wpProQuiz_button.wpProQuiz_QuestionButton {
    min-width: auto !important;
}



}
/*........ For Tablet Vertical ........*/
@media only screen and (min-width: 768px) and (max-width: 991px) {



}

/*........ For Tablet Horizontal ........*/
@media (min-width: 901px) and (max-width: 1024px) {



}