/*
Theme Name: Amazon Theme
Theme URI: 
Description: Amazon Theme
Version: 1.01
Author: Sadiq Hshim
*/
html{
  scroll-behavior:smooth;
}
body {
	font-size:16px !important;
	font-family: "Montserrat", sans-serif !important;
	/*color:#707785 !important;*/
	color: #000 !important;
	overflow-x:hidden;
}
.top_bg {
    position:relative;
    background:url(images/banner.png) top center no-repeat fixed;
    background-size:cover;
}
.top_bg:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #1768c9;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.8;
}
header {
    position: relative;
    padding: 15px 0px;
}
.logo {
    position: relative;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}
.menu {
    position: relative;
    text-align: right;
    display: inline-block;
}
.menu ul {
    padding:0px;
    margin:0px;
}
.menu ul li {
    list-style: none;
    display:inline-block;
    padding: 0px 15px;
}
.menu ul li a {
    font-size:18px;
    color: #fff;
    display: block;
    text-decoration: none !important;
    transition: 0.5s all;
}
.menu ul li a:hover {
    color: #f1f1f1;
}
.menu ul li:last-child a img {
    width: 15px;
    vertical-align: middle;
    margin-right: 4px;
}
.mbl_menu {
    display: none;
}
button#responsive-menu-button {
    display: none !important;
}
.MenuFixed {
    position: fixed !important;
    top: 0;
    z-index: 999;
    left: 0;
    right: 0;
    background: #fff;
    margin-top: 0;
    animation: fadeIn 1s ease-in both;
    background: #145db3d6 !important;
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow: 0px 10px 30px 2px rgba(0,0,0,.06);
    -moz-box-shadow: 0px 10px 30px 2px rgba(0,0,0,.06);
    box-shadow: 0px 10px 30px 2px rgba(0,0,0,.06);
    padding: 10px 0px;
}
@keyframes fadeIn {
   from {transform:translatey(-20px);}
   to {transform:translatey(0px);}
}
.mb-menu {
    position: relative;
    text-align: right;
    display: none;
}
.mb-menu div {
    outline: none !important;
    background: #ffffff;
    border: none;
    padding: 10px 12px;
    border-radius: 3px;
}
.mb-menu div span {
    width: 30px;
    height: 3px;
    display: block;
    margin: 5px 0px;
    background: #145db3;
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: -2px;
    background-color: #145db3;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 0px;
    border-right: 1px solid #145db3;
}
.sidenav ul {
    padding: 0px;
    margin: 60px 0px 0px;
}
.sidenav ul li {
    position: relative;
    list-style: none;
    padding: 10px 0px 10px 15px;
}
.sidenav ul li a {
    font-size: 18px;
    line-height: 18px;
    color: #fff !important;
    text-decoration: none !important;
    padding-left: 5px;
}
.sidenav .closebtn {
    color: #fff;
    position: absolute;
    top: 40px;
    right: 20px;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px;
    padding: 5px !important;
    cursor: pointer;
    z-index: 99;
}
.top_btn {
    position: relative;
    text-align: right;
    display: inline-block;
}
.top_btn a {
    font-size: 18px;
    font-weight: 500;
    color: #fff !important;
    background: #CA2B30;
    text-decoration: none !important;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
}
.top_btn a img {
    vertical-align: middle;
    margin-right: 5px;
}
.ban_txt {
    position: relative;
    text-align: center;
    padding: 60px 0px;
}
.ban_txt h1 {
    font-size: 42px;
    font-weight: 600;
    color: #fff;
    margin: 25px 0px 0px;
}
.ban_txt h2 {
    font-size: 27px;
    font-weight: 500;
    color: #fff;
    margin: 20px 0px;
}
.ban_txt a {
    font-size: 18px;
    font-weight: 600;
    color: #fff !important;
    background: #ff6200;
    padding: 20px 40px;
    display: inline-block;
    border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none !important;
    margin-top: 15px;
}
.ban_txt a img {
    margin-left: 7px;
}
.ban_txt a:hover {
    color: #fff !important;
    background: #302f3c;
}
.video_section {
    position: relative;
    padding: 60px 0px 70px;
}
.video_section h2 {
    font-size: 40px;
    font-weight: 600;
    margin: 0px;
}
.video_section p {
    margin: 20px 0px 0px;
}
.video_section video {
    display: block;
    border-radius: 20px;
    border: 2px solid #e7e7e7;
}
.process_section {
    position: relative;
    padding: 40px 0px 50px;
    background: #145db3;
    text-align: center;
}

.process_section h2 {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    margin: 0px;
}
.pr_box {
    position: relative;
    width: 90%;
    margin: 50px auto 0px;
}
/*.pr_box:after {
    content: '';
    display: block;
    width: 100px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    right: -80px;
    top: 45px;
    border-radius: 5px;
}
.process_section .row .col-md-4:last-child .pr_box:after {
    display: none;
}*/
.pr-img {
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    align-content: center;
    position: relative;
}
.pr-img span {
    font-size: 14px;
    color: #fff;
    background: #ff6200;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    align-content: center;
    position: absolute;
    right: -15px;
    top: 30px;
    border: 3px solid #145db3;
}
.pr_box p {
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    margin: 20px 0px 0px;
    text-transform: capitalize;
}
.pr_box small {
    color: #fff;
    font-size: 15px;
    margin: 15px 0px 0px;
    display: block;
}
.steps_section {
    position: relative;
    padding: 60px 0px 70px;
}
.step_txt {
    position: relative;
    text-align: center;
}
.step_txt h2 {
    font-size: 40px;
    font-weight: 600;
    margin: 0px;
}
.step_txt p {
    font-size: 18px;
    font-weight: 500;
    color: #145db3;
    margin: 15px 0px 0px;
}
.step_box {
    position: relative;
    width: 100%;
    margin: 30px 0px 0px;
    display: block;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-bottom: 5px solid #d5d5d5;
    border-radius: 10px;
    padding: 20px;
}
.step_box:after {
    content: '';
    display: block;
    width: 3px;
    height: 35px;
    background: #d5d5d5;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -36px;
}
.step_box:last-child:after {
    display: none;
}
.st_img {
    position: relative;
}
.st_img span {
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin-top: 10px;
}
.st_txt {
    position: relative;
}
.st_txt h2 {
    font-size: 28px;
    font-weight: 600;
    color: #145db3;
    margin: 0px;
}
.st_txt p {
    font-size: 15px;
    margin: 10px 0px 0px;
}
.step_box a {
    font-weight: 500;
    color: #fff !important;
    background: #ff6200;
    padding: 15px 10px;
    display: block;
    border-radius: 5px;
    text-decoration: none !important;
    text-align: center;
}
.step_box a:hover {
    color: #fff;
    background: #145db3;
}
.step_box a:after {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(images/arrow-right.png) center center no-repeat;
    background-size: contain;
    vertical-align: text-top;
    margin-left: 5px;
}
.live_section {
    position: relative;
    background: #f5f3ef;
    padding: 20px 0px;
}
.live_section h2 {
    font-size: 40px;
    font-weight: 600;
    margin: 0px;
}
.live_section p {
    margin: 10px 0px 0px;
}
.live_section a {
    font-size: 16px;
    font-weight: 500;
    color: #fff !important;
    background: #145db3;
    padding: 20px 10px;
    display: block;
    border-radius: 5px;
    text-decoration: none !important;
    text-align: center;
    outline: none !important;
}
.live_section a img {
    margin-left: 5px;
}
.live_section a:hover {
    color: #fff !important;
    background: #ff6200;
}

footer {
    position: relative;
    background: #3F3F3F;
    padding: 40px 0px 40px;
}
.foo_txt {
    position: relative;
}
.foo_txt img {
    background: #fff;
    padding: 10px;
    border-radius: 7px;
    width: 80%;
}
.foo_txt p {
    font-size: 17px;
    color: #e4e4e4;
    margin: 25px 0px 0px;
    width: 95%;
}
.foo_txt ul {
    padding: 0;
    margin: 0px auto;
    width: 80%;
}
.foo_txt ul li {
    list-style: none;
	display: block;
}
.foo_txt ul li a {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    text-decoration: none !important;
    margin: 10px 0px;
	transition:0.5s all;
}
.foo_txt ul li a:hover {
    color: #99acff;
}
.foo_cont {
    position: relative;
}
.foo_cont img {
    width: auto;
    padding: 0px;
    background: none;
}
.foo_cont p {
    color: #fff;
    margin: 0px 0 20px;
    width: 100%;
}
.foo_cont p a {
    color: #fff;
    text-decoration: none !important;
}
.foo_cont p img {
    margin-right: 6px;
    vertical-align: middle;
}
.foo_bottom {
    position: relative;
    background: #2e2e2e;
    text-align: center;
    padding: 10px 0px 30px;
}
.foo_bottom p {
    color: #e4e4e4;
    margin: 20px 0px 0px;
}
#sidebar_action {
	font-size: 13px;
    background-color: #ca2b30;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    color: #fff;
    display: none;
    height: 29px;
    position: fixed;
    right: 196px;
    text-align: center;
    width: 145px;
    z-index: 100000;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    font-weight: bold;
    padding-top: 6px;
}

/* Contact Us */

.white-bg {
    background: #f1f1f1;
    padding: 20px 30px;
    margin: 50px 0px;
    border-radius: 10px;
    border: 1px solid #d5d5d5;
    border-bottom: 5px solid #d5d5d5;
}
.white-bg p span {
    color: #0056ad;
}
.white-bg h2 {
    font-size: 32px;
    font-weight: 600;
    color: #000;
    margin: 0px 0px 15px;
}
.contact-detail h3 {
    font-size: 23px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 20px;
}
.white-bg p {
    color: #000;
}
.contact-detail p a {
    color: #0056ad;
    font-weight: 600;
	text-decoration: none !important;
}
.contact-detail-button {
    color: #fff !important;
    width: 40%;
    text-align: center;
    font-size: 15px;
    padding: 13px;
    background-color: #de3339;
    display: block;
    margin-top: 30px;
	transition: 0.5s all;
}
.contact-detail-button:hover {
    color: #fff;
    background-color: #005a9c;
}
.contact-form h3 {
    font-size: 23px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 10px;
}
.contact-detail p a img {
    vertical-align: text-top;
}
.contact-form input, .contact-form textarea {
    background: #fff;
    font-size: 16px !important;
    border: none;
    font-weight: 500;
    color: #000;
    padding: 12px 15px;
    width: 100%;
    margin-top: 20px;
    border-radius: 7px;
}
.contact-form textarea {
    height: 115px;
}
.contact-form input:focus , .contact-form textarea:focus {
	outline: none;
}
.contact-form input[type="submit"] {
    background-color: #145db3;
    color: #fff;
    padding: 10px 30px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 10px 0px;
    text-align: center;
    border-radius: 4px;
    height: auto;
    width: auto;
}
.contact-form .form-group {
    width: 47%;
    margin: 0px 10px;
    display: inline-block;
}
span.wpcf7-form-control-wrap input.wpcf7-form-control.wpcf7-quiz {
    width: 55%;
    margin-left: 10px;
}

/** FAQs **/
.my_faq {
    position: relative;
}
.my_faq p {
  margin: 0px;
}
.my_faq div#accordion {
    margin-top: 30px;
}
.my_faq .card {
    margin-top: 7px;
    border: none;
    border-radius: 0px;
}
.my_faq .card-header {
    padding: 0px;
    border: none !important;
}
.my_faq .card-header button {
    font-size: 19px;
    font-weight: 600;
    color: #004b87;
    padding: 15px 60px 15px 20px;
    display: block;
    width: 100%;
    text-align: left;
    border-radius: 0px;
    background: #c7c7c7;
    text-decoration: none !important;
}
.my_faq .card-header button:hover {
    color: #fff !important;
    background: #145db3 !important;
}
.my_faq .card-header button.btn-link {
    color: #fff;
    background: #145db3;
}
.my_faq .card-header button.collapsed {
    color: #145db3;
    background: #f7f7f7;
}
.my_faq .card-header button.btn-link:after {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 20px;
    top: 12px;
    background: url(images/arr-up.png) center center no-repeat;
    background-size: contain;
}
.my_faq .card-header button.collapsed:after {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 20px;
    top: 12px;
    background: url(images/acc_arrow.png) center center no-repeat;
    background-size: contain;
}
.my_faq .card-header button:hover.collapsed:after {
    background: url(images/arr-up.png) center center no-repeat;
    background-size: contain;
}
.my_faq .card .card-body {
    padding: 20px;
}
.my_faq .card .card-body p {
    color: #000;
    margin: 0px;
}

/* General */

.general {
    position: relative;
    padding: 50px 0px;
}

/* Step Pages */

.my_post {
    position: relative;
    padding: 30px 0px 40px;
}
.acp_content {
    text-align: left !important;
    color: #000;
}
.step_content {
    position: relative;
    border: 1px solid #ccc;
    padding: 0px 20px 30px;
}
.step_content h2 {
    font-size: 30px;
    font-weight: 500;
    color: #1f4394;
    margin: 10px 0px;
}
.step_content h2 a {
	color: #1f4394;
}
.step_content h3 {
    font-size: 16px;
    font-weight: 600;
    color: #fc090a;
    margin: 0px;
}
.step_content form textarea {
    width: 100%;
    height: 200px;
}
/*.step_content img {
    margin: 20px 0px 20px 20px;
}*/
.step_content ul {
    padding: 0px;
    margin: 0px;
}
.step_content ul li {
	color: #000;
    list-style: none;
    background: url(images/check-icon.png) left 5px no-repeat;
    padding-left: 25px;
    margin: 10px 0px;
}
.step_content ol li {
	color: #000;
    margin: 10px 0px;
}
.step_content ul li ul {
    padding: 0px 0px 0px 20px;
}
.step_content ul li ul li {
    list-style: disc;
    background: none;
    padding: 0px;
}
.step_content ol li a, .step_content ul li a, .step_content p a, .step_content h2 a {
  color: #1f4394 !important;
}
.step_content p {
    font-size: 17px;
    margin: 20px 0px;
    color: #000;
}
.step_content p a {
    color: #1f4394;
}
.step_content p span {
    font-size: 20px;
    font-weight: 500;
    color: #1f4394;
}
.step_content h4 {
    font-size: 20px;
    font-weight: 500;
    color: #ca2b30;
    margin: 20px 0px 10px;
}
.step_content p.question {
	background: url(images/question-icon.png) left 5px no-repeat;
	padding-left: 25px;
    margin: 10px 0px;
}
.step_content .paging_btns li {
    background: none;
    margin: 80px 5px 20px !important;
    border: none !important;
    width: auto !important;
}
body.page-id-511 .step_content table th, body.page-id-511 .step_content table td , body.page-id-192 .step_content table td , body.page-id-489 .step_content table td , body.page-id-505 .step_content table td {
    padding: 5px 10px;
}
.step_content .note-img {
    border: 5px solid #ca2b30;
    position: relative;
    display: block;
    padding-bottom: 10px;
}
.step_content .note-img:before {
    content: 'Note: The image below is a screenshot of the official USPS website. It is provided for informational purposes only to help you understand the user interface. The buttons and links in this image are not interactive.';
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: #ca2b30;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.jcarousel ul , ul.paging_btns {
    width: 100% !important;
    left: 0 !important;
    background: #737373;
    margin-top: 30px !important;
}
.jcarousel li {
    float: none !important;
    display: inline-block;
}
.loader_container .loader {
    float: none !important;
}
.step_np {
    position: relative;
    font-size: 0px;
	text-align: center;
	margin-top: 40px;
}
.step_np a {
    font-size: 15px;
    font-weight: 600;
    color: #fff !important;
    background: #1f4394;
    width: 130px;
    margin: 10px 15px;
    padding: 8px 0px;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none !important;
    position: relative;
}
.other_np a {
	width: auto;
    padding: 8px 20px;
}
/*.step_np a:first-child:before {
    content: '<';
    display: inline-block;
    position: absolute;
    left: 10px;
    font-size: 26px;
    top: 0px;
}
.step_np a:last-child:after {
    content: '>';
    display: inline-block;
    position: absolute;
    right: 10px;
    font-size: 26px;
    top: 0px;
}*/
/*.step_np a:first-child {
    background: #B8B8B8;
}*/
.show_step_count {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-top: -150px;
    z-index: 999;
    color: #fff;
    position: absolute;
    width: 97.5%;
}
.show_step_count span {
    width: auto !important;
    color: #fff !important;
    vertical-align: middle !important;
}
img.step-img {
    max-width: 260px;
    height: auto;
	float: right;
	margin: 20px 0px 20px 20px;
}
ul.paging_btns li .acp_title {
    font-size: 15px;
    background: #e8e8e8 !important;
    color: #000 !important;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    width: 100px;
	transition: 0.5s all;
}
ul.paging_btns li .acp_title:hover {
    background: #d6d4d4 !important;
}
.acp_default_invisible_btn_ajax {
    display: none !important;
}
.step_tabs {
    position: relative;
    margin-top: 40px;
    text-align: center;
}
.step_tabs ul {
    padding: 0px;
    margin: 0px;
}
.step_tabs ul li {
    list-style: none;
    display: inline-block;
    background: none;
    width: 48%;
    padding: 0px 10px;
}
.step_tabs ul li a {
    font-size: 18px;
    font-family: Rubik-Medium;
    background: #ca2b30;
    color: #fff !important;
    border-radius: 0px !important;
    border: none !important;
    padding: 20px 0px;
    transition: 0.5s all;
    display: block;
    text-decoration: none !important;
}
.step_tabs ul li a:hover {
    background: #1F4394;
}
.step_tabs ul li:nth-child(odd) a {
	background: #1F4394;
}
.step_tabs ul li:nth-child(odd) a:hover {
	background: #ca2b30;
}
.step_four {
    position: relative;
    padding: 30px 0px 40px;
}
.postid-179 p.show_step_count {
    display: none;
}
.answer {
    position: relative;
padding-left: 45px;
line-height: 23px;
}
.practice_content p span {
    font-size: inherit;
    font-family: inherit;
    color: #000;
    display: inline-block;
    vertical-align: text-top;
}
.practice_content p span:first-child {
	width: 40px;
}
.practice_content p span:last-child {
    width: 95%;
}
.ss_small {
    position: relative;
    font-size: 14px;
}
.ss_small p i {
    font-style: normal;
    color: #444242;
    background: #000;
}

/* FAQ */

.my_faq  .ewd-ufaq-faq-title a {
    color: #000;
}
.my_faq .ewd-ufaq-faq-title h4 {
    color: #000;
    font-size: 20px;
    font-family: Rubik-Regular;
}
.my_faq .ewd-ufaq-post-margin-symbol span {
    font-size: 22px !important;
    color: #fff;
    width: 31px;
    height: 31px;
    background: #1f4394;
    padding: 6px 0px 0px 1px;
    text-align: center;
}
.my_faq .ewd-ufaq-post-active .ewd-ufaq-post-margin-symbol span {
    background: #ca2b30;
}
a.prac_btn , a.prac_btn:hover , a.prac_btn:focus {
    font-size: 18px;
    font-family: Rubik-Bold;
    color: #fff !important;
    background: #1F4394;
    text-transform: uppercase;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 5px;
    margin-top: 30px;
	text-decoration: none;
}

/** login **/
.login-notification{
    font-size: 14px;
    padding-bottom: 0px !important;
    color: #202020 !important;
    background-color: #e1e7ff !important;
    border-color: #e1e7ff !important;
    margin-bottom: 0px !important;
}
.site-logo {
    position: relative;
    margin: 0px 0px 20px;
    text-align: center;
}
.login {
  position: relative;
  background: url(images/banner.png) top center no-repeat fixed;
  background-size: cover;
  height: 100vh;
  align-content: center;
}
.login:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #1768c9;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.8;
}
.login-box {
    position: relative;
    background: #fff;
    padding: 20px 40px 25px;
    border-radius: 5px;
    margin-top: 30px;
}
.login-box label {
    font-size: 16px;
    line-height: 16px;
    color: #000;
    margin: 0px;
}
.login-box input {
  width: 100%;
  border: 1px solid #ccc;
  padding: 6px 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}
.cpt-box {
    display: flex;
    margin-top: 5px;
}
.cpt-box label {
    width: 65%;
    align-content: center;
}
.cpt-box input {
    width: 35%;
}
.login-box input[type="submit"] {
    color: #fff;
    background: #145db3;
    margin: 5px 0px 0px;
    text-transform: uppercase;
    border: none !important;
}
.login-box input:focus {
    outline: none !important;
    border: 1px solid #CA2B30;
	box-shadow: none !important;
}
body.page-id-781 button#responsive-menu-button {
    display: none !important;
}
a.lost_pp {
    font-size: 14px;
    color: #fff !important;
    display: inline-block;
    margin-top: 10px;
    text-decoration: none !important;
}

/** New course design **/
.course-sec h1 {
    font-size: 30px;
    color: #091b2f;
}
.cor-head {
    position: relative;
    background: #145db3;
    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(
            #000000 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: #145db3;
    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: #1d1c29;
    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: #ff6200;
    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: #145db3;
}
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: #145db3 !important;
    border-color: #0b1644 !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: #145db3 !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: #145db3 !important;
    border: 1px solid #145db3 !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;
}






/*........ For Mobile ........*/
@media only screen and (max-width: 767px) {
.menu {
    display: none;
}
.mb-menu {
    display: inline-block;
    vertical-align: middle;
}
.ban_txt {
    padding: 30px 0px;
}
.ban_txt h1 {
    font-size: 30px;
    margin: 0px;
}
.ban_txt h1 br, .ban_txt h2 br {
    display: none;
}
.ban_txt h2 {
    font-size: 19px;
}
.ban_txt a {
    font-size: 17px;
    padding: 15px 30px;
}
.video_section {
    padding: 40px 0px 50px;
}
.video_section h2 {
    font-size: 30px;
}
.process_section h2 {
    font-size: 30px;
}
.pr_box:after {
    display: none;
}
.steps_section {
    padding: 40px 0px 50px;
}
.step_txt h2 {
    font-size: 30px;
}
.step_txt p {
    font-size: 17px;
}
.step_box {
    margin: 20px 0px 0px;
    padding: 15px;
    text-align: center;
}
.st_txt h2 {
    font-size: 22px;
}
.step_box a {
    padding: 10px 30px;
    display: inline-block;
    margin-top: 20px;
}
.step_box:after {
    height: 23px;
    bottom: -26px;
}
.live_section {
    text-align: center;
}
.live_section h2 {
    font-size: 24px;
}
.live_section a {
    font-size: 17px;
    margin: 15px 0px;
}
.foo_txt ul {
    margin: 30px auto;
    width: 100%;
}
.foo_bottom p {
    font-size: 14px;
}

/** Contact Us **/
}
.white-bg {
    padding: 20px 20px;
}
.white-bg h2 {
    font-size: 22px;
}
.contact-form input, .contact-form textarea {
    margin-top: 10px;
}

/** FAQs **/
.my_faq .card-header button {
    font-size: 17px;
    padding: 10px 40px 10px 15px;
}
.my_faq .card-header button.btn-link:after {
    width: 25px;
    height: 25px;
    right: 10px;
}
.my_faq .card-header button.collapsed:after {
    width: 25px;
    height: 25px;
    right: 10px;
}

/** general **/
.general {
    padding: 30px 0px;
}

}


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


}