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

@import url(fonts.css);

body {
    font-size:17px !important;
    font-family: "Montserrat", sans-serif !important;
    color:#303030 !important;
    overflow-x: hidden;
}
.h-top {
    position: relative;
    background: #0e3322;
    padding: 10px 0px;
}
.top-left {
    position: relative;
}
.top-left ul {
    padding: 0px;
    margin: 0px;
}
.top-left ul li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
}
.top-left ul li a {
    color: #fff;
    display: block;
    text-decoration: none !important;
    background: url(images/whatsapp-icon.png) left 0px no-repeat;
    background-size: 23px;
    padding-left: 35px;
}
.top-left ul li:last-child {
    margin-right: 0px;
}
.top-left ul li:last-child a {
    background: url(images/email-icon.png) left 0px no-repeat;
    background-size: 23px;
}
.top-social {
    position: relative;
    text-align: right;
}
.top-social ul {
    padding: 0px;
    margin: 0px;
}
.top-social ul li {
    list-style: none;
    display: inline-block;
    margin: 0px 3px;
}
.top-social ul li a img {
    width: 30px;
    height: auto;
}
.logo {
    position: relative;
}
.logo img {
    width: 160px;
    height: auto;
}
.menu {
    position: relative;
    padding-left: 20px;
}
.menu ul {
    padding: 0px;
    margin: 0px;
}
.menu ul li {
    list-style: none;
    display: inline-block;
    margin: 0px 15px;
    position: relative;
}
.menu ul li a {
    color: #000;
    font-weight: 500;
    display: block;
    text-decoration: none !important;
    transition: 0.3s all;
}
.menu ul li a:hover {
    color: #0e3322;
}
.menu ul li:last-child {
    margin-right: 0px;
}
.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;
}
/* Hide submenus by default */
.menu ul li .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 235px;
    border: 1px solid #ddd;
    z-index: 99;
}

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

/* Second-level submenu (right side) */
.menu ul li .sub-menu li .sub-menu {
    top: 0;
    left: 100%;
    border: 1px solid #ddd;
}

/* Optional: style inner items */
.menu ul li .sub-menu li {
    display: block;
    position: relative;
    margin: 0px;
}
.menu ul li .sub-menu li a {
    font-size: 14px;
    padding: 8px 20px 8px 10px;
    font-weight: 500;
    border-bottom: 1px solid #f3f3f3;
}
.menu ul li .sub-menu li a:hover {
    color: #000;
    background: #efffdd;
    border-bottom: 1px solid #efffdd;
}
.menu ul li .sub-menu li a: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: 6px;
    top: 12px;
    transform: rotate(270deg);
}
.menu ul li .sub-menu li .sub-menu a:after {
    display: none !important;
}
.menu ul li .sub-menu li .sub-menu a {
    padding: 8px 10px;
}
.head-btns {
    position: relative;
    text-align: right;
}
.head-btns ul {
    padding: 0px;
    margin: 0px;
}
.head-btns ul li {
    list-style: none;
    display: inline-block;
    margin: 0px 10px;
}
.head-btns ul li:last-child {
    margin-right: 0px;
}
.head-btns ul li a {
    color: #fff;
    display: block;
    text-decoration: none !important;
}
.head-btns ul li:last-child a {
    color: #222222;
    font-weight: 600;
    display: block;
    padding: 7px 20px;
    border-radius: 7px;
    transition: 0.3s all;
    border: 2px solid #0e3322;
}
.head-btns ul li:last-child a:hover {
    color: #fff;
    background: #0e3322;
}
.banner {
    position: relative;
    background: url(images/banner.jpg) bottom left no-repeat;
    background-size: cover;
}
body.home .banner:after {
    content: '';
    width: 500px;
    height: 450px;
    display: block;
    background: url(images/girl-img.png) bottom center no-repeat;
    background-size: contain;
    position: absolute;
    right: 100px;
    bottom: 20px;
}
header {
    position: relative;
    padding: 20px 0px;
}
.ban-txt {
    position: relative;
    padding: 70px 0px 90px;
}
.ban-txt h1 {
    font-size: 48px;
    color: #222222;
    font-weight: 600;
    margin: 0px;
}
.ban-txt h1 b {
    color: #fff;
    font-weight: 600;
    background: url(images/highlight.png) top center no-repeat;
    background-size: 100% 100%;
    padding: 0px 15px 0px 10px;
}
.ban-txt p {
    font-size: 20px;
    color: #222222;
    font-weight: 500;
    margin: 10px 0px 0px;
}
.ban-txt form {
    position: relative;
    margin-top: 25px;
}
.ban-txt form input {
    width: 70%;
    display: inline-block;
    padding: 10px 10px 10px 60px;
    float: left;
    border: 1px solid transparent;
    background: #fff url(images/search-icon.png) 10px center no-repeat;
    outline: none !important;
}
.ban-txt form input[type="submit"] {
    font-weight: 600;
    background: #0e3322;
    display: block;
    width: 20%;
    display: inline-block;
    padding: 10px;
    color: #fff;
    border: 1px solid #bcee7d;
}
.practice-section {
    position: relative;
    padding: 60px 0px;
}
.prac-box {
    position: relative;
    background: #bcee7d;
    border-radius: 30px;
    padding: 30px;
    border-bottom: 5px solid #abd773;
}
.prac-box h2 {
    font-size: 30px;
    font-weight: 600;
    color: #0e3322;
    margin: 0px;
    text-align: center;
    border-bottom: 2px solid #b3df7b;
    padding-bottom: 20px;
}
.prac-box ul {
    padding: 0px;
    margin: 25px 0px 0px;
}
.prac-box ul li {
    list-style: none;
    display: block;
    margin: 10px 0px;
    position: relative;
}
.prac-box ul li a {
    color: #0e3322;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none !important;
    padding-left: 50px;
}
.prac-box ul li a:hover {
    color: #28684b;
}
.prac-box ul li a:before {
    content: '';
    width: 30px;
    height: 15px;
    display: block;
    background: url(images/arrow-right.png) left center no-repeat;
    position: absolute;
    left: 0;
    top: 4px;
}
.prac-box-gr {
    background: #0e3322;
    border-bottom: 5px solid #bcee7d;
}
.prac-box-gr h2 {
    color: #fff;
    border-bottom: 2px solid #1e4835;
}
.prac-box-gr ul li a {
    color: #fff;
}
.prac-box-gr ul li a:before {
    background: url(images/arrow-right-white.png) left center no-repeat;
}
.prac-box-gr ul li a:hover {
    color: #bcee7d;
}
.practice-section .owl-nav button {
    position: absolute;
    top: 50%;
    left: -90px;
    outline: none !important;
    box-shadow: none !important;
}
.practice-section .owl-nav button span {
    font-size: 0px;
    width: 60px;
    height: 60px;
    background: url(images/arrow-circle.png) center center no-repeat;
    background-size: contain;
    display: block;
}
.practice-section .owl-nav button.owl-next {
    right: -90px;
    left: auto;
}
.practice-section .owl-nav button.owl-next span {
    transform: rotate(180deg);
}
.prepare-section {
    position: relative;
    padding: 60px 0px;
    text-align: center;
    background: #0e3322;
}
.prepare-section h2 {
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    margin: 0px;
}
.prepare-section p {
    color: #fff;
    margin: 20px 0px 0px;
}
.prepare-section a {
    font-size: 18px;
    font-weight: 600;
    color: #0e3322;
    background: #b9ea7b;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 8px;
    text-decoration: none !important;
    margin-top: 35px;
    transition: 0.3s all;
}
.prepare-section a:hover {
    color: #0e3322;
    background: #fff;
}
.count-section {
    position: relative;
    padding: 70px 0px;
    text-align: center;
}
.count-box {
    position: relative;
    background: #bcee7d;
    padding: 20px 10px;
    border-radius: 10px;
}
.count-box h2 {
    font-size: 26px;
    font-weight: 700;
    color: #222222;
    text-transform: uppercase;
    margin: 0px;
}
.count-box h3 {
    font-size: 16px;
    font-weight: 600;
    color: #0e3322;
    margin: 10px 0px 15px;
}
.count-box p {
    font-size: 16px;
    color: #000000;
    margin: 0px;
}
footer {
    position: relative;
    padding: 50px 0px;
    background: #0e3322;
    border-top: 4px solid #b9ea7b;
}
.foo-txt {
    position: relative;
}
.foo-txt h4 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin: 0px;
}
.foo-txt p {
    font-size: 14px;
    color: #fff;
    margin: 20px 0px 0px;
    text-align: justify;
}
.foo-link {
    position: relative;
    padding-left: 25px;
}
.foo-link h4 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin: 0px;
}
.foo-link ul {
    padding: 0px;
    margin: 20px 0px 0px;
}
.foo-link ul li {
    list-style: none;
    display: block;
    margin: 10px 0px;
}
.foo-link ul li a {
    color: #fff;
    display: inline-block;
    text-decoration: none !important;
}
.foo-link ul li a:hover {
    color: #bcee7d;
}
.foo-bottom {
    position: relative;
    text-align: center;
    padding: 20px 0px;
    background: #bcee7d;
}
.foo-bottom p {
    color: #0e3322;
    margin: 0px;
}

/** Contact Us **/
.contact-section {
    position: relative;
    padding: 50px 0
}
.cont-txt {
    position: relative
}
.cont-txt span {
    font-weight: 500;
    color: #0e3322;
    text-transform: uppercase;
}
.cont-txt h1 {
    font-size: 28px;
    font-weight: 600;
    color: #000;
    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 #dfdfdf;
    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: #0e3322;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 5px;
    text-decoration: none !important;
    text-transform: uppercase;
    width: auto;
    border: 1px solid #0e3322;
    margin-top: 10px;
}
.cont-form input[type=submit]:hover {
    color: #fff;
    background: #b13434
}

/** 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 #ccf29d;
    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 #b4d58b;
}
.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%;
}
.cp-box ul.nav-tabs li button.active {
    background: #ccf29d;
    color: #0e3322;
}
.cp-box .tab-content {
    background: #ccf29d;
    border-radius: 0px 0px 7px 7px;
    padding: 10px 30px;
}
.cp-txt {
    position: relative;
}
.cp-txt h3 {
    font-size: 26px;
    font-weight: 600;
    color: #000;
    margin: 0px;
}
.cp-txt p {
    font-size: 14px;
    color: #000;
    margin: 0px;
}
.cp-txt ul {
    padding: 0px;
    margin: 10px 0px 0px;
}
.cp-txt ul li {
    color: #000;
    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: #0e3322;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
}
.get-btn {
    position: relative;
    text-align: center;
}
.get-btn button {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #0e3322;
    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: #206244;
}
.get-btn small {
    color: #000;
}
.ai-box {
    position: relative;
    margin-top: 50px;
}
.ai-box h1 {
    font-size: 46px;
    font-weight: 600;
    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: #0e3322;
    text-align: center;
    margin: 30px 0px;
}
.ai-box h3 {
    font-size: 34px;
    font-weight: 600;
    color: #0e3322;
    text-align: center;
    margin: 30px 0px 0px;
}
.ai-box .row {
    margin-top: 50px;
}
.ai-box h4 {
    font-size: 28px;
    font-weight: 600;
    color: #7f9d5b;
    margin: 0px;
}
.did-box {
    position: relative;
    background: #bcee7d;
    border-radius: 30px;
    padding: 30px;
    border-bottom: 5px solid #abd773;
}
.did-box h5 {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    margin: 0px;
}
.did-box ul {
    padding: 0px;
    margin: 20px 0px 0px;
}
.did-box ul li {
    list-style: none;
    font-size: 17px;
    margin: 10px 0px;
    position: relative;
    padding-left: 30px;
}
.did-box ul li:before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    background: #0e3322;
    position: absolute;
    left: 0;
    top: 8px;
}
.did-box a {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #0e3322;
    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: #206244;
}
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 **/
body.page-template-usps-exam .banner:after {
    display: none;
}
.single-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;
}
.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: #627846;
    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 #b9ea7b;
    padding-bottom: 40px;
}
.what-box h2 {
    font-size: 30px;
    font-weight: 700;
    color: #87ab59;
    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 #a6cb7a;
    margin-top: 10px;
}
.ans-box {
    position: relative;
    padding: 2px 20px 15px;
    background: #ccf29d;
    margin-top: 15px;
}
.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;
}


.faqs-box {
    position: relative;
    margin-top: 40px;
    border-bottom: 1px solid #b9ea7b;
    padding-bottom: 40px;
}
.faqs-box h2 {
    font-size: 30px;
    font-weight: 700;
    color: #87ab59;
    margin: 0px;
}
.faqs-box .card {
    border: none;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 0px;
}
.faqs-box .card-header {
    padding: 0px;
    border: none !important;
}
.faqs-box .card-header button {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    padding: 15px 40px 15px 10px;
    display: block;
    width: 100%;
    text-align: left;
    border-radius: 0px;
    background: #005a9d;
    text-decoration: none !important;
}
.faqs-box .card-header button:hover {
    color: #fff !important;
    background: #0e3322 !important;
}
.faqs-box .card-header button.btn-link {
    color: #fff;
    background: #0e3322;
}
.faqs-box .card-header button.collapsed {
    color: #000;
    background: #ccf29d;
}
.faqs-box .card-header button.btn-link:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 15px;
    top: 15px;
    background: url(images/arr-up.png) 98% center no-repeat;
    background-size: contain;
}
.faqs-box .card-header button.collapsed:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 15px;
    top: 15px;
    background: url(images/arr-down.png) 98% center no-repeat;
    background-size: contain;
}
.faqs-box .card .card-body {
    padding: 15px 10px;
    border: 1px solid #0e3322;
}
.faqs-box .card .card-body p {
    color: #000;
    margin: 0px;
}


/** 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: #b9ea7b;
    padding: 1px 40px 35px;
    border-radius: 30px;
    width: 90%;
    margin: 25px auto 0px;
}
.login-box label {
    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: #0e3322;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.3s all;
    margin-top: 20px;
}
.login-box form input[type="submit"]:hover {
    color: #fff;
    background: #206244;
}
.login-box a {
    font-size: 14px;
    font-weight: 500;
    color: #0e3322;
    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: #0e3322;
    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: #b9ea7b;
    position: absolute;
    top: 10px;
    left: 0;
}
.abt-txt ul li a {
    color: #6f9143;
}
.abt-why {
    position: relative;
    background: #e3ffc1;
    padding: 50px 40px;
    text-align: center;
    margin-bottom: 50px;
}
.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: #0e3322;
    padding: 20px 20px;
    text-align: center;
    margin: 0px;
}
.carr-box {
    position: relative;
    background: #e3ffc1;
    padding: 30px 20px;
    margin-bottom: 50px;
}
.carr-box h2 {
    font-size: 28px;
    font-weight: 600;
    color: #000;
    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: #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: 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 #b9ea7b;
    display: inline-block;
}
.aff-sec ul {
    margin: 10px 0px;
}
.aff-sec h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0px 0px;
}
.join-form {
    position: relative;
    background: #ccf29d;
    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: #0e3322;
    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: #d52b32;
    border: none;
    color: #fff !important;
    padding: 10px 20px;
    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: #c52a31;
}

/** 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: #0e3322;
}
.cor-head {
    position: relative;
    background: #0e3322;
    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(
            #bcee7d calc(var(--progress) * 1%),
            #1b6845 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 #0e3322;
    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: #d6ffa3;
    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: #0e3322;
    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: #206244;
}
.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: #0e3322 !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: #86b946;
    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: #0e3322;
    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: #206244;
}
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: #bcee7d !important;
}
.topic-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 10px;
}
    /* Quiz area */
.quiz-section {
    background: #bcee7d;
    padding: 20px 30px;
    border-radius: 0px 10px 10px 0px;
    width: 75%;
}
.quiz-item {
    background: white;
    padding: 10px 15px;
    border: 1px solid #9dd557;
    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: #0e3322;
    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: #206244;
}
button.res-btn {
    margin-left: 10px;
    background: #bcee7d;
    border: 1px solid #a3d169;
}
button.res-btn:hover {
    background: #aedd73;
}
.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 #d6ffa3;
}
.quiz-attempts .table .thead-light th {
    font-weight: 600;
    color: #0e3322 !important;
    background: #d6ffa3 !important;
    border-color: #bae189;
}
.quiz-attempts table th, .quiz-attempts table td {
    border: 1px solid #d6ffa3;
    padding: 5px 10px;
}
.back-btn {
    font-size: 14px;
    color: #0e3322;
    font-weight: 500;
}
.back-btn:hover {
    color: #000;
}

/** 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: #d6ffa3;
    border-radius: 10px;
    padding: 10px 20px;
}
.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: 2px solid #cdf49c;
    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:#0e3322 !important;
border-color:#0e3322 !important;
box-shadow:0 0 0 4px rgba(37,99,235,.18) !important;
}

.wpProQuiz_questionInput:checked::after{
transform:scale(1) !important;
}

/* Selected card */
.wpProQuiz_questionListItem label:has(.wpProQuiz_questionInput:checked) {
    border-color: #0e3322 !important;
    background: #d6ffa3 !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 {
    background: #d0f89e !important;
    border: 1px solid #89b158 !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;
    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: #0e3322;
    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: #206244;
}
.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) {
.top-left ul li a {
    font-size: 0px;
    width: 23px;
    height: 23px;
    padding-left: 0px;
}
.menu {
    display: none;
}
.head-btns ul li:first-child {
    display: none;
}
.head-btns ul li:last-child a {
    font-size: 16px;
    padding: 5px 15px;
}
body.home .banner:after {
    display: none;
}
.ban-txt {
    padding: 50px 0px;
}
.ban-txt h1 {
    font-size: 32px;
}
.ban-txt p {
    font-size: 17px;
}
.ban-txt form input {
    padding: 10px 10px 10px 35px;
    background-size: 15px;
}
.ban-txt form input[type="submit"] {
    width: 30%;
}
.practice-section {
    padding: 40px 0px;
}
.practice-section .owl-nav button {
    position: relative;
    top: auto;
    left: auto;
}
.practice-section .owl-nav button.owl-next {
    right: auto;
    left: auto;
}
.prac-box {
    border-radius: 15px;
    padding: 20px 10px;
}
.prac-box h2 {
    font-size: 22px;
    padding-bottom: 10px;
}
.prac-box ul li {
    margin: 5px 0px;
}
.prac-box ul li a {
    font-size: 14px;
    padding-left: 30px;
}
.prac-box ul li a:before {
    width: 15px;
    height: 5px;
    background-size: contain !important;
    top: 10px;
}
.owl-nav {
    text-align: center;
}
.practice-section .owl-nav button span {
    width: 30px;
    height: 30px;
    margin: 0px 10px;
}
.prepare-section {
    padding: 40px 0px;
}
.prepare-section h2 {
    font-size: 28px;
}
.prepare-section a {
    font-size: 16px;
}
.count-section {
    padding: 40px 0px 50px;
}
.count-box {
    margin-top: 15px;
}
.count-box h2 {
    font-size: 20px;
}
.count-box h2 br {
    display: none;
}
footer {
    padding: 30px 0px;
}
.foo-link {
    padding-left: 0px;
    margin-top: 40px;
}
.foo-bottom {
    padding: 10px 0px;
}
.foo-bottom p {
    font-size: 16px;
}


/** 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) {



}