/* Root Variables */
:root {
    --primary-color:#2D3047;
    --secondary-color:#C7A758;
    --fontcolor: #302F2D;
    --whitecolor: #ffffff;
    --border-radius: 10px;
    --transition-speed: 0.3s;
    --Bone-color: #E7E6E1;
    --darkcolor: #2D3A3A;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



body {
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: var(--fontcolor);
    font-size: 18px;
    font-weight: normal;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}


@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Bold.woff2') format('woff2'),
        url('../fonts/Helvetica-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Light.woff2') format('woff2'),
        url('../fonts/Outfit-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Bold.woff2') format('woff2'),
        url('../fonts/Outfit-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-SemiBold.woff2') format('woff2'),
        url('../fonts/Outfit-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Regular.woff2') format('woff2'),
        url('../fonts/Outfit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Medium.woff2') format('woff2'),
        url('../fonts/Outfit-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}




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



a {
    color: #303be4;
    text-decoration: none;
}


img{
    max-width: 100%;
    height: auto;
}


h1, h2, h3, h4, h5, h6{
font-family: 'Outfit';
    font-weight: bold;
color: var(--primary-color);
}

h1 {
    font-size: 56px;
    line-height: 60px;
    font-weight: 600;
    margin-bottom: 17px;
    color: var(--secondary-color);
}
h1 span {
    color: #302F2D;
    font-weight: 400;
}

h2 {
    font-size: 56px;
    line-height: 60px;
    font-weight: 600;
    margin-bottom: 17px;
    color: var(--secondary-color);
}

h2 span {
    color: #302F2D;
    font-weight: 400;
}

p {
    color: var(--fontcolor);
    font-size: 16px;
    font-family: 'Helvetica';
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0.6px;
}


.btn {
    border-radius: 30px;
    padding:16px 35px;
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    background-color: var(--secondary-color);
    font-family: 'Helvetica';
    border: none;
        cursor: pointer;
}

.btn:hover{
    background: var(--primary-color);
    color: #fff;
}


a.btn span.arrow {
    margin-left: 13px;
    width: 12px;
}


/* ========================================================
Header css start here 
=========================================================*/


header.header {
    width: 100%;
}

.head-inner {
    display: flex;
    align-items: center;
/*    flex-wrap: wrap;*/
    padding-top: 18px;
    padding-bottom: 18px;
}

.head-inner a.logo {
    width: 100%;
    max-width: 228px;
}
.head-inner a.logo:focus-visible {
    outline: none;
}
.head-inner nav.navbar {
    padding-left: 44px;
    padding-right: 30px;
    flex: 1;
}

.head-inner nav.navbar ul {
    display: flex;
    align-items: center;
}

.head-inner nav.navbar ul.navbar-nav li a{
font-size: 14px;
font-weight: 600;
line-height: 19.8px;
letter-spacing: 1px;
display: block;
padding:10px 25px;
}


.head-inner nav.navbar ul li {
    margin: 0 3px;
    position: relative;
}


.head-inner nav.navbar ul li a {
    color: var(--darkcolor);
    font-weight: 500;
    font-size: 16px;
    font-family: 'Helvetica';
    display: block;
    padding: 8px 15px;
}
.head-inner nav.navbar ul li a.active {
    color: var(--secondary-color);
}
.head-inner nav.navbar ul li a:hover {
    color: var(--secondary-color);
}
.head-inner nav.navbar ul li a .arrow {
    position: absolute;
    right: 0px;
    top: 15px;
}

.head-inner nav.navbar ul.dropmenu {
    box-shadow: 0px 8px 20px -4px #2D3A3A80;
    background: #E7E6E1;
    border-radius: 20px;
    position: absolute;
    display: block;
    min-width: 328px;
    z-index: 1;
    padding: 16px 0;
   opacity: 0;
   transform: translateY(10px);
   visibility: hidden;
   position: absolute;
   box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
   transition: opacity 0.3s ease, transform 0.3s ease;
       left: -15px;
}

.head-inner nav.navbar ul li:hover ul.dropmenu{
      opacity: 1;
      transform: translateY(0);
      visibility: visible;    
}


.head-inner nav.navbar ul.dropmenu:before {
    content: "";
    background-image: url(../images/top-arrowmenu.svg);
    width: 20px;
    height: 19px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -11px;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 11;
}


.head-inner nav.navbar ul.dropmenu li:last-child a {
    color: var(--darkcolor);
    font-weight: 500;
    font-size: 16px;
}

.head-inner nav.navbar ul.dropmenu li a:hover{
    color: #C7A758;
}

.head-inner nav.navbar ul li a .arrow:before {
    content: "";
    background-image: url(../images/down-arrow.svg);
    width: 10px;
    height: 7px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}

.head-inner nav.navbar ul li:last-child a {
    color: #C7A758;
    font-weight: bold;
}

.container {
    max-width: 1280px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}


.head-inner .top-contact {
    display: flex;
    align-items: center;
}


.head-inner .top-contact a.call {
    display: flex;
    align-items: center;
    color: #059FB8;
    font-size: 27px;
    font-weight: bold;
    margin-right: 18px;
}
.btn.myaccount {
    width: 54px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 100px;
}
.head-inner .top-contact a.call span.icon {
    display: block;
    margin-right: 7px;
    margin-top: -6px;
}

.head-inner .top-contact a.call span.icon img {
    vertical-align: middle;
}

.head-inner .user-name {
    display: flex;
    flex-direction: column;
    gap: 5px;
}


a.btn.login {
    padding: 18px 35px;
    font-family: 'Helvetica'; 
    font-weight: bold;  
}

.dropdown-myaccount {
    position: relative;
    display: inline-block;
}

.myaccount-menu {
    position: absolute;
    right: -42px;
    background-color: var(--primary-color);
    min-width: 150px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
    z-index: 101;
    border-radius: 5px;
    display: none;
}
.dropdown-myaccount:hover .myaccount-menu {
    display: block;
}
.myaccount-menu li {
    text-align: left;
    border-bottom: 1px solid #595757;
    padding: 10px 15px;
    color: #fff;
}
.myaccount-menu li:last-child{
    border: none;
}
.myaccount-menu li a {
  font-size: 14px;
        color: #fff;
}
.myaccount-menu li a:hover{
        color: var(--secondary-color);
}
.head-inner .top-contact .username {
    margin-right: 12px;
    font-size: 14px;
}
.flex-row {
    flex-wrap: wrap;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}

.col-30 {
    flex: 0 0 auto;
     width: 33.3333333333%;
    padding-left:15px;
    padding-right: 15px;
}  

.col-50 {
    width: 50%;
   flex: 0 0 auto;
    padding-left:15px;
    padding-right: 15px;

} 


.col-60 {
    width: 66.66666667%;
   flex: 0 0 auto;
    padding-left:15px;
    padding-right: 15px;

}
.home-plans {
    box-sizing: border-box;
    max-width: 100%;
    overflow-x: hidden;
    margin-bottom: 50px;
}

.home-plans .plans-card  {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: var(--primary-color);
    height: 100%;
}


.home-plans .plans-card .plans-card-content {
    padding: 25px 15px;
    text-align: center;
}


.plans-card-img img {
    vertical-align: bottom;
}

.plans-card-content h3 {
    color: var(--whitecolor);
    font-size: 32px;
    font-weight: 400;
    min-height: 129px;
}


.plans-card-content h3 strong {
    font-weight: 600;
}

.plans-card-content a.btn.button.primary-btn {
    margin-top: 22px;
    border: 1px solid #c9a960;
}

.plans-card-content p {
    color: var(--whitecolor);
    font-family: 'Outfit';
    font-weight: 300;
    font-size: 20px;
    min-height: 50px;
}


a.btn.button.primary-btn {
    display: inline-flex;
    align-items: center;
}

a.btn.button.primary-btn span.icon {
    margin-right: 8px;
}

section.academy-section {
    background: var(--Bone-color);
    padding-top: 86px;
    padding-bottom: 86px;
}

.academy-section .academy-card {
    background-color: var(--primary-color);
    height: 100%;
    border-radius: 30px;
    padding:34px 29px;
}


.academy-section .academy-card span.icon-doctor {
    background: var(--whitecolor);
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-bottom: 24px;
}


.academy-section .academy-card p {
    color: var(--whitecolor);
    font-size: 18px;
    letter-spacing: 1.3px;
        line-height: 29px;
}

.academy-section .academy-card p strong {
    color: var(--secondary-color);
}

/*.academy-section .main-title {
    margin-bottom: 80px;
}*/

.academy-section .join-sec {
    margin-top: 80px;
}
.academy-section .flex-row.join-block-row {
    margin-bottom: 40px;
}

.academy-section .join-block {
    background: #ffffff;
    border-radius: 100px;
    padding: 14px 46px;
}

.academy-section .join-block p {
    font-size: 18px;
    letter-spacing: 0.7px;
    line-height: 26px;
}

.academy-section  .join-block p strong {
       color: var(--secondary-color);
}

.academy-section .join-sec .flex-row {
    align-items: end;
}

.join-links {
    display: flex;
    justify-content: flex-end;
}

.join-links a.btn.button.primary-btn {
    margin-left: 12px;
}

section.testimonials-sec {
    padding-top: 104px;
    padding-bottom: 0px;
}

.testimonials-sec .main-title {
    margin-bottom: 60px;
}

.testimonial-slider .owl-item.active + .owl-item.active + .owl-item.active +.owl-item.active{
opacity: 0.5;
}
.testimonial-item {
    max-width: 365px;
}

.testimonial-item .review-card {
    background: #E7E6E1;
    border-radius: 20px;
    padding: 27px 22px;
}

.testimonial-item .review-card .rating img {
    max-width: 149px;
}

.testimonial-item .review-card .rating {
    margin-bottom: 20px;
}

.testimonial-item .review-card .review-content p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.5px;
}

.testimonial-item .review-card .review-content {
    margin-bottom: 20px;
}

.testimonial-item .review-card .author-detail span.name {
    display: block;
    color: var(--secondary-color);
    font-size: 16px;
    font-family: 'Outfit';
    font-weight: 600;
    margin-bottom: 5px;
}

.testimonial-item .review-card .author-detail span.title {
    font-size: 14px;
}

.owl-carousel .owl-nav button {
    position: absolute;
    width: 58px;
    height: 58px;
    display: block;
    top: -116px;
    right: 0;
}

.owl-carousel .owl-nav button:before {
    content: "";
    background-image: url('../images/arrow-slider.svg');
    width: 57px;
    height: 57px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}

.owl-carousel .owl-nav button.owl-next {
    transform: scaleX(-1);
}

.owl-carousel .owl-nav button span {
    display: none;
}

.owl-carousel .owl-nav button.owl-next {
    right: 0;
}
.owl-carousel .owl-nav button.owl-next:hover {
    opacity: 0.5;
}
.owl-carousel .owl-nav button.owl-prev {
    right: 70px;
}
.owl-carousel .owl-nav button.owl-prev:hover {
    opacity: 0.5;
}
section.welcome-block {
    padding-top: 86px;
    padding-bottom: 86px;
}

.welcome-content {
    padding-top: 47px;
}


.welcome-content h2 strong {
    color: var(--fontcolor);
    font-weight: 400;
    display: block;
}

.align-center {
    align-items: center;
}

.welcome-block .welcome-content p {
    margin-bottom: 25px;
    letter-spacing: 0.4px;
}

.welcome-block .welcome-content p u,.welcome-block .welcome-content p i {
    line-height: 1;
    margin-bottom: 29px;
    display: inline;
    font-size: 56px;
    color: var(--secondary-color);
    text-decoration: none;
    font-family: 'Outfit';
    font-weight: 600;
    font-style: normal;
}

.welcome-block .welcome-content p strong {
    color: var(--secondary-color);
}

.welcome-img img {
    border-radius: 20px;
    width: 100%;
}

section.why-choose {
    padding-top: 0px;
    padding-bottom: 84px;
}

.why-choose-content p {
    margin-bottom: 25px;
}

.why-choose-content p strong {
    color: var(--secondary-color);
}

.why-choose-content h2 {
    margin-bottom: 30px;
}


section.why-choose .welcome-img {
    padding-right: 15px;
}


.why-choose-content .action-btn {
    display: flex;
    justify-content: space-between;
}


section.faq-section {
    background: var(--Bone-color);
    padding-top: 86px;
    padding-bottom: 46px;
}
.faq-section .faq-wrapper {
    flex-wrap: wrap;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}


.faq-section .faq-wrapper .faq-item {
    width: 50%;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}


.faq-item .faq-item-inner {
    background: var(--whitecolor);
    border-radius: 10px;
    margin-bottom: 46px;
    padding: 15px 24px;
    min-height: 74px;
}

section.faq-section .main-title {
    margin-bottom: 46px;
}

.faq-item  .faq-answer {
    display: none;
    padding-top: 13px;
}

.faq-item .faq-item-inner .faq-answer p {
    line-height: 21px;
}
.faq-section .faq-wrapper .faq-item strong {
    color: var(--secondary-color);
}
.faq-item h3.faq-question {
    font-family: 'Helvetica';
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 22px;
    position: relative;
    padding-right: 35px;
    cursor: pointer;
}

.faq-item h3.faq-question strong,.faq-item .faq-answer strong {
    color: var(--secondary-color);
}


.faq-item h3:before {
    content: "";
    background-image: url('../images/down-arrow.svg');
    width: 20px;
    height: 11px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(10px, -50%);
}

section.faq-section h3.faq-question.active::before {
        background-image: url(../images/top-arrow.svg);
}


section.resources-section .academy-card {
    background-color: var(--primary-color);
    height: 100%;
    border-radius: 30px;
    padding: 34px 29px;
}


section.resources-section {
    padding-top: 86px;
    padding-bottom: 86px;
}
.resources-item a.btn.button {
    border: 1px solid #c9a960;
}

section.resources-section .academy-card span.icon-doctor {
    background: var(--whitecolor);
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-bottom: 24px;
}

section.resources-section .academy-card span.icon-doctor img {
    width: auto;
}

section.resources-section .academy-card h3 {
    color: var(--whitecolor);
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 17px;
}

.testimonial-slider .owl-item.active + .owl-item.active + .owl-item.active +.owl-item.active{
opacity: 0.5;
}
.testimonial-item {
    max-width: 365px;
}

.resources-slider .owl-item.active + .owl-item.active + .owl-item.active +.owl-item.active{
opacity: 0.5;
}

.resources-item {
    max-width: 380px;
}
section.resources-section .flex-row .resources-item {
    margin-bottom: 34px;
}
.academy-card p {
    color: var(--whitecolor);
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 16px;
    font-family: 'Helvetica';
}


.resources-section .main-title {
    display: flex;
    align-items: center;
    margin-bottom: 48px;
    padding-right: 144px;
}

section.resources-section .main-title a.btn.button.secondary-btn {
    margin-left: auto;
}

section.resources-section .academy-card .academy-content {
    min-height: 218px;
    margin-bottom: 20px;
        min-width: 320px;
}

section.login-signup {
    background: var(--Bone-color);
    padding: 47px 0;
}


.login-signup .img-right img {
    border-radius: 30px;
}


section.login-signup .flex-row {
    align-items: center;
}

section.login-signup .flex-row h2 strong {
    color: var(--fontcolor);
    font-weight: 400;
    display: block;
}

section.login-signup h2 span {
    color: var(--fontcolor);
    font-weight: 400;
    display: block;
    font-size: 36px;
}

section.login-signup p {
    margin-bottom: 20px;
    letter-spacing: 0.4px;
}

section.login-signup p strong {
    color: var(--secondary-color);
}
section.welcome-block.revision-block1 img {
    max-width: 589px;
    max-height: 589px;
    object-fit: cover;
}
section.login-signup.revision-block2 img {
    max-width: 589px;
    min-height: 530px;
    object-fit: cover;
        width: 100%;
}




footer.footer {
    padding-top: 86px;
    /*    padding-bottom: 135px;*/
        margin-top: auto;
}

footer.footer .footer-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

footer.footer .footer-top .footer-links {
    padding-left: 44px;
    padding-right: 30px;
    flex: 1;
}

.footer-top .footer-links ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-top .footer-links ul li a {
    color: var(--darkcolor);
    font-weight: 500;
    font-size: 16px;
    font-family: 'Helvetica';
    display: block;
    padding: 8px 22px;
}
.footer-top .footer-links ul li a:hover{
    color: var(--secondary-color);
}

.footer-bottom {
    text-align: center;
    margin-top: 56px;
    margin-bottom: 46px;
}


.footer-bottom .social-links ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}

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


.footer-bottom .social-links ul li a {
    background: var(--primary-color);
    width: 41px;
    height: 41px;
    display: flex;
    border-radius: 50%;
    color: var(--whitecolor);
    align-items: center;
    justify-content: center;
}
.footer-bottom .social-links ul li a:hover {
    background: var(--secondary-color);
}
.footer-bottom .copyright p {
    font-size: 14px;
}


.footer-bottom .copyright p.address {
    margin-bottom: 27px;
}



/* ==============================
inner page design css 
===============================*/

.welcome-content .email-link a.link {
    color: #2D3047;
    font-weight: 600;
    font-size: 24px;
    display: flex;
    align-items: center;
}

.welcome-content .email-link a.link span img {
    vertical-align: middle;
}

.welcome-content .email-link a.link span {
    margin-right: 18px;
}


.col-50.img-col {
    width: 48%;
}

.col-50.cont-col {
    width: 52%;
}

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

.action-btn a.btn.border {
    border: solid 1px var(--primary-color);
    color: var(--primary-color);
    background: none;
    margin-right: 20px;
}
.action-btn a.btn.border:hover {
    background: var(--primary-color);
    color: #fff;
}

section.further-guidance .title {
    text-align: center;
}



section.further-guidance {
    padding-top: 86px;
    padding-bottom: 86px;
}


.further-guidance .guidance-cont {
    text-align: center;
}

section.further-guidance .title {
    text-align: center;
    margin-bottom: 46px;
}


.further-guidance .guidance-cont p {
    margin-bottom: 24px;
}

.further-guidance .guidance-cont p strong {
    color: var(--secondary-color);
}

.further-guidance .guidance-cont .links {
    background: var(--Bone-color);
    width: 100%;
    max-width: 766px;
    margin: 0 auto 24px;
    border-radius: 10px;
    padding: 25px 40px;
}

.further-guidance .guidance-cont .links a {
    color: #C7A758;
    font-size: 16px;
    display: block;
    font-weight: 600;
}


.question-inner {
    background-color: var(--primary-color);
    border-radius: 20px;
}


.question-inner .flex-row {
    align-items: center;
}

.question-inner .img-col .bank-img img {
    vertical-align: bottom;
    border-radius: 20px 0px 0px 20px;
}


.question-inner .bank-content {
    padding: 0 25px;
}
.question-bank .bank-content .btn {
    border: 1px solid #c9a960;
}

.question-inner .bank-content h3 {
    color: var(--secondary-color);
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 600;
}

.question-inner .bank-content p {
    color: var(--whitecolor);
    margin-bottom: 24px;
}

.question-inner .bank-content p strong {
    color: var(--secondary-color);
}


section.cards-medical {
    background:var(--Bone-color);
    padding-top: 59px;
    padding-bottom: 59px;
}

.cards-medical .cards-dr {
    background: #ffffff;
    border-radius: 20px;
    padding: 37px 21px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.cards-medical .cards-dr .logo-site {
    background: var(--darkcolor);
    width: 113px;
    height: 113px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}


.cards-medical .cards-dr .card-detail h4 {
    color: var( --secondary-color);
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}


.cards-medical .cards-dr .card-detail {
    flex: 1;
    width: 100%;
    padding-left: 19px;
}

.cards-medical .cards-dr span.name-card {
    width: 100%;
    color: #2D3A3A;
    font-size: 14px;
    margin-top: 16px;
}


.cards-medical .cards-dr .card-detail p {
    line-height: 21px;
    margin-top: 5px;
    letter-spacing: 0.5px;
}


.login-signup .action-btn a.btn.button.primary-btn {
    margin-right: 9px;
    padding: 16px 27px;
}

.login-signup .action-btn {
       margin-top: 28px;
    flex-wrap: wrap;
    gap: 12px;
}



.cms-content {
    padding-top: 80px;
    padding-bottom: 80px;
}

.cms-content h2 {
    margin-bottom: 46px;
}

.cms-content h3 {
    color: var(--secondary-color);
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 24px;
}

.cms-content p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.6px;
    margin-bottom: 24px;
}

.cms-content h4 {
    color: var(--secondary-color);
    font-family: 'Helvetica';
    font-weight: 600;
    margin-bottom: 24px;
}


.cms-content ul {
    margin-bottom: 24px;
}

.cms-content ul li {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.6px;
    list-style: disc;
    margin-left: 18px;
}


.cms-content p a {
    color: #C7A758;
    font-weight: 600;
    text-decoration: underline;
}

/* ==============================
Question Bank design css 
===============================*/

.bank-title {
    text-align: center;
    margin-bottom: 46px;
}
.bank-title p strong {
    color: var(--secondary-color);
}
.bank-title .action-btn {
    justify-content: center;
    margin-top: 24px;
}
.bank-title .action-btn .btn-knowledge {
    margin-right: 24px;
}
section.knowledge-builders {
    padding-bottom: 85px;
}
section.knowledge-builders h3 {
    font-size: 32px;
    line-height: 60px;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 24px;
}

section.knowledge-builders h2 {
    margin-bottom: 0;
}

section.knowledge-builders p strong {
    color: var(--secondary-color);
}
.knowledge-block {
    background: #E7E6E1;
    border-radius: 10px;
    width: 23%;
    text-align: center;
    margin: 0 10px 45px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 20px;
}

.knowledge-block a {
    color: #2D3A3A;
    font-size: 16px;
    display: block;
    font-weight: bold;
    text-transform: none;
}
.knowledge-builders .flex-row {
    margin-top: 45px;
}

section.knowledge-builders p {
    margin-bottom: 25px;
        max-width: 1000px;
}
.note {
    background: var(--secondary-color);
    font-size: 16px;
    border-radius: 10px;
    color: #ffffff;
    max-width: 885px;
    padding: 24px;
    text-align: center;
}
.progress {
  padding:0;
  width:100%;
  height:6px;
  overflow:hidden;
  background:#C2C2C2;
  border-radius:0 0 10px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.bar {
    position:relative;
  float:left;
  height:100%;
  background:#47BC62;
}

.bank-title .action-btn .btn-tab {
    border-radius: 30px;
    padding: 16px 35px;
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    background-color: var(--secondary-color);
    font-family: 'Helvetica';
    border: none;
    cursor: pointer;
}
.bank-title .action-btn .btn-tab:hover{
        background-color: var(--primary-color);
}
/* ==============================
Question test design css 
===============================*/
.breadcrumbs ul li a {
    color: #2D3A3A;
}
section.question-section {
    padding: 55px 20px;
}
.question-block {
    background: var(--Bone-color);
    border-radius: 20px;
    padding: 23px 16px;
    margin-top: 36px;
}
.question-block ul.quiz-list {
    display: flex;
    flex-wrap: wrap;
}

.question-block ul li.active {
    border: 1px solid #2D3A3A;
}
.question-block ul li a{
      color: #2D3A3A;
    border-radius: 10px;
    cursor: pointer;
    font-size: 18px;
    width: auto;
    padding: 10px 15px;
    background: transparent;
}
.question-block.question-mock li.attempted {
    background: #9E9C92;
}

.question-block.question-mock li.attempted a {
    color: #fff;
}
.question-block ul.quiz-list li {
    max-width: 46px;
     border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    cursor: pointer;
    padding: 0 18px;
    font-size: 14px;
    position: relative;
        margin-right: 8px;
    margin-bottom: 10px;
}
.lab-btn {
    text-align: right;
    margin-top: 24px;
}
.quiz-left-block {
    width: 24%;
}
.quiz-right-block{
    width: 76%;
    padding-left: 100px;
}
.quiz-right-block h4 {
    font-family: 'Helvetica';
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 7px;
}
.quiz-right-block h3 {
    color: var(--secondary-color);
    font-size: 40px;
    font-weight: 600;
}
.quiz-right-block p {
       font-size: 18px;
        margin-bottom: 12px;
}
.heading-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.assential-icon {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--Bone-color);
}

.assential-icon a {
    display: block;
}
.assential-icon a img {
    vertical-align: middle;
     width: 18px;
     height: 18px;
    object-fit: contain;
}


.quiz-form {
    margin-top: 18px;
}
.radio-field {
    position: relative;
}
.radio-field span.icon {
    background: #979797;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translate(0px, -50%);
}

.radio-field.incorrect span.icon {
    background: #DA3131;
}

.quiz-form .option.selected {
    background: var(--darkcolor);
    color: #fff;
}
.radio-field input[type="radio"] {
position: absolute;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    line-height: 0;
    opacity: 0;
    pointer-events: none;
}

label.option {
   border: 1px solid var(--darkcolor);
    border-radius: 10px;
    padding: 15px 20px;
    background: var(--Bone-color);
    cursor: pointer;
    margin-bottom: 24px;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-left: 45px;
    color: var(--darkcolor);

}

.radio-field.incorrect label.option {
    border: solid 1px #DA3131;
}


.radio-field.correct label.option {
    border: solid 1px #47BC62;
}

.radio-field.correct span.icon {
    background: #47BC62;
}

.radio-field input[type="radio"] ~ label.option:before {
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    transform: translate(0px, -50%);
    left: 13px;
}
.radio-field input[type="radio"] ~ label.option:after {
    background: var(--secondary-color);
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    top: 50%;
    transform: translate(0px, -50%);
    left: 17px;
    opacity: 0;
}

.radio-field input[type="radio"]:checked ~ label.option:after {
    opacity: 1;
}


.radio-field input[type="radio"]:checked ~ label {
    background: var(--darkcolor);
    color: #fff;
}
.pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pagination .disabled {
    opacity: 0.2;
}
.pagination .arrow-right {
    transform: scaleX(-1);
}
.quiz-left-block .button.reset-btn {
    display: inline-block;
    margin-top: 24px;
    width: auto;
    font-size: 14px;
}

.answer-block {
    background: var(--Bone-color);
    border-radius: 10px;
    padding: 16px;
    margin-top: 64px;
}
.quiz-right-block .answer-block p {
    margin-bottom: 18px;
}
.answer-block .feedback-title {
    display: block;
    color: var(--secondary-color);
    font-size: 24px;
    font-weight: 600;
    font-family: 'Outfit';
    margin-bottom: 10px;
}
.answer-block h5 {
    color: var(--secondary-color);
    font-size: 24px;
    font-weight: 600;
    font-family: 'Outfit';
    margin-bottom: 15px;
}
.score-card {
    background: var(--Bone-color);
    border-radius: 10px;
    padding: 20px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 35px;
}
.score-card.score-view {
    justify-content: center;
}
.score-card span {
    display: block;
}
/*
.score-card .score-label {
    font-size: 14px;
}*/

.score-card .score-value {
    font-size: 36px;
    font-weight: bold;
}

span.peer-average {
    font-size: 14px;
}

a.btn.result-btn {
    padding: 16px 14px;
}
.free-trial-image{
        height: 234px;   
        width: 100%;    
        object-fit: COVER;
}
/*.question-block.question-free-trial ul li {
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    cursor: pointer;
    padding: 0 18px;
    font-size: 14px;
    position: relative;
}*/
.bookmarks {
    position: absolute;
    right: 5px;
    top: 0;
}
.incorrect-answer .bookmarks,.correct-answer .bookmarks {
    filter: brightness(0) invert(1);
}
/*.question-block.question-free-trial ul li a {
    width: auto;
    padding: 10px 15px;
    background: transparent;
}*/
.question-block ul li.correct-answer {
    background: #47BC62;
    color: #fff;
    border: none;
}
.question-block ul li.incorrect-answer {
    background: #DA3131;
    color: #fff;
    border: none;
}
.question-block ul li.incorrect-answer,.question-block .correct-answer {
    border: none;
}
.question-block ul li.incorrect-answer a,.question-block .correct-answer a{
   color: #fff;
}
.question-block.question-free-trial ul li.active-green a {
    color: #fff;
    background: transparent;
}
.option.correct .icon-indicator.icon {
    background: #47BC62;
}
.answer-feedback p.text-success {
    background: var(--Bone-color);
    border-radius: 10px;
    padding: 16px;
    margin-top: 64px;
    color: var(--secondary-color);
    font-size: 24px;
    font-weight: 600;
    font-family: 'Outfit';
}
.option.incorrect .icon-indicator.icon {
    background: #DA3131;
}
.radio-field .option.incorrect,.radio-field .option.correct {
    background: var(--Bone-color) !important;
    color: var(--darkcolor) !important;
}
.btn.play-btn {
    padding: 13px 20px;
    background: #47BC62;
    display: flex;
    gap:5px;
}
.btn.play-btn:hover,.btn.pause-btn:hover{
   background: var(--primary-color); 
}
.btn.pause-btn {
    padding: 13px 20px;
    background: #DA3131;
    display: flex;
     gap:5px;
}
.score-card.score-time {
    align-items: end;
}
.quiz-right-block p a {
    color: var(--secondary-color);
    text-decoration: underline;
}
.quiz-right-block figure.image {
    margin-bottom: 10px;
}
.quiz-right-block .alert-success a {
    color: var(--secondary-color);
    text-decoration: underline;
}
.quiz-right-block .alert-success a:hover{
   color: var(--primary-color); 
       text-decoration: none;
}
/* ==============================
Exam Guide design css 
===============================*/

.exam-guide {
    padding-top: 86px;
    padding-bottom: 86px;
}
.search-block {
    border: 1px solid #2D3047;
    height: 52px;
    border-radius: 100px;
    max-width: 403px;
    color: #000;
    padding: 16px 8px 16px 20px;
    margin-top: 45px;
    display: flex;
    align-items: center;
}
.search-block input {
    flex: 1;
    border: none;
}
.search-block input:focus-visible {
    outline: none;
}
.btn-search {
    width: 42px;
    height: 42px;
    background: var(--secondary-color);
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.exam-guide .flex-row {
    margin-top: 45px;
}
.exam-guide-block {
    background: var(--Bone-color);
    border-radius: 15px;
    padding: 24px;
        margin-bottom: 45px;
}

.exam-guide-block h4 {
    font-size: 16px;
    margin-bottom: 10px;
    min-height: 40px;
    font-family: 'Helvetica';
}

/*.exam-guide-block p {
    font-size: 14px;
}*/
.exam-guide .pagination {
    justify-content: flex-end;
        gap: 20px;
}
.exam-guide .pagination a {
    width: 52px;
    height: 52px;
    align-items: center;
    display: flex;
    border: 1px solid #969C9C;
    justify-content: center;
    border-radius: 50%;
    color: #969C9C;
}
.exam-guide .pagination a.arrow-left,.exam-guide .pagination a.arrow-right{
    border: none;
}
.exam-guide .pagination a.active {
    background: var(--secondary-color);
    color: #fff;
    border: 1px solid var(--secondary-color);
}
.exam-guide-inner .col-30 {
    text-align: right;
}
.exam-guide-inner {
    padding-top: 86px;
    padding-bottom: 86px;
}

.exam-guide-inner h3 {
    color: var(--secondary-color);
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 45px;
}

.exam-guide-inner p {
    margin-bottom: 25px;
}

.exam-guide-inner p strong {
    color: var(--secondary-color);
}

.exam-guide-inner b {
    margin-bottom: 45px;
    display: block;
}

.exam-guide-inner h5 {
    color: var(--secondary-color);
    font-size: 16px;
    font-family: 'Helvetica';
    margin: 20px 0;
}
.exam-guide-inner ul {padding-left: 20px;}

.exam-guide-inner ul li {
    list-style: initial;
    font-size: 16px;
    margin-bottom: 10px;
}

/* ==============================
faq design css 
===============================*/

.faq {
    padding-top: 86px;
    padding-bottom: 86px;
}
.faq-page .faq-item {
    background: var(--Bone-color);
    border-radius: 15px;
    padding: 24px;
    margin-bottom: 45px;
        position: relative;
    min-height: 134px;
}

.faq-page .faq-item h3 {
    font-family: 'Helvetica';
    font-size: 16px;
        font-weight: bold;
}

.faq h5 {
    font-size: 24px;
    color: var(--secondary-color);
    font-weight: 600;
}

.faq .flex-row {
    margin-top: 45px;
}
.faq-arrow {
    text-align: right;
    right: 18px;
    position: absolute;
}
.faq-page .faq-item h3:before {
    background-image: url(../images/faq-arrow.svg);
    top: auto;
    bottom: 0;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    transform: initial;
}
.faq-page .faq-item h3.faq-question.active::before {
  background-image: url(../images/faq-arrow-top.svg);
}
/* ==============================
question test results design css 
===============================*/

.question-result-block {
    padding-top: 80px;
    padding-bottom: 80px;
}
.question-result-block h5 {
    color: var(--secondary-color);
    font-size: 24px;
    font-family: 'Helvetica';
    font-weight: 500;
}
.question-result-block h3 {
    color: var(--secondary-color);
    font-size: 40px;
    font-weight: 600;
}
.question-tabs ul {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
}

.question-result-block .flex-row {
    align-items: end;
        justify-content: end;
}

.question-tabs ul a {
    font-weight: bold;
    font-size: 18px;
    color: #909797;
    position: relative;
}

.question-tabs li {
    padding: 0 15px;
}
.question-tabs ul .active {
    color: #2D3A3A;
}

.question-tabs ul .active:after {
    position: absolute;
    content: '';
    background: var(--secondary-color);
    height: 2px;
    width: 100%;
    bottom: -2px;
    left: 0;
}
.question-test-block {
    margin-top: 45px;
}
.question-box {
    display: flex;
    background: var(--Bone-color);
    padding: 16px;
    border-radius: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}
.question-test-block .alert{
    background: var(--Bone-color);
    padding: 16px;
    border-radius: 16px;
    text-align: center;
    font-size: 16px;
}
.question-box .question-icon {
    width: 20%;
    display: flex;
}
.question-box-content {
    width: 80%;
}
.question-text {
    background: #fff;
    padding: 16px;
        border-radius: 16px;
}
.question-text figure.image {
    margin: 18px 0px;
}

.question-text a {
    color: var(--secondary-color);
    text-decoration: underline;
    margin-top: 5px;
    display: block;
}
.question-text p {
    font-size: 18px;
}
.question-box .icon span {
    font-size: 14px;
    margin-left: 12px;
}
.question-icon .icon {
    background: #979797;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.question-box.bookmark .icon img {
    filter: brightness(0) invert(1);
}
span.question-num {
    font-size: 18px;
    margin-left: 12px;
}
.question-box.incorrect {
    border: 1px solid #DA3131;
}

.question-box.incorrect .icon {
    background: #DA3131;
}
.question-box.correct {
    border: 1px solid #47BC62;
}
.question-box.correct .icon {
    background: #47BC62;
}
.question-result-block .action-btn a.btn.border {
    font-size: 14px;
    margin-right: 0;
}
.quiz-right-block h5 {
    font-size: 18px;
}
/* ==============================
login register css 
===============================*/

.regesterWrap {
    background: #F8F7F6;
    padding: 54px 0;
}
.regesterWrap h1 {
    text-align: center;
    margin-bottom: 40px;
}
.regesterWrap h2 {
    text-align: center;
    margin-bottom: 40px;
}
.userblock {
    background: #FFFFFF;
    box-shadow: 0px 0px 32px rgba(96, 96, 98, 0.17);
    border-radius: 10px;
    max-width: 580px;
    margin: auto;
    padding: 28px;
}

.userblock label {
    width: 100%;
    display: block;
    color: #4B5563;
    font-size: 16px;
     margin-bottom: 10px;
}
.form-cntrl {
    width: 100%;
    border: 1px solid #838A93;
    height: 43px;
    padding: 12px;
    color: #5D5757;
    border-radius: 40px;
    position: static;
    margin-top: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    background-color: #fff;
    appearance: none;
}
.form-cntrl:-webkit-autofill,
.form-cntrl:-webkit-autofill:hover,
.form-cntrl:-webkit-autofill:focus,
.form-cntrl:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #5D5757;
}

body .userblock .error,.error-message li {
     color: #e42424 !important;
    font-size: 14px !important;
    margin-top: 4px;
}
.admin-content.change-password .control .error {
    position: static;
    margin-top: 5px;
}
.form-cntrl:focus-visible {
    outline: none;
}
.userblock .control {
    margin-bottom: 28px;
    position: relative;
}
.userblock .control svg {
    position: absolute;
      top: 40px;
    right: 12px;
}
.forgot-password {
    margin-top: 18px;
    text-align: center;
}

.forgot-password .forgot-link {
    font-size: 16px;
    color: var(--secondary-color);
    text-decoration: underline;
    font-weight: bold;
}
.userblock .control svg path {
    fill: #a69b9b;
}
.btn.btn-register,.btn.login-btn,.subscribe-btn,.reset-btn {
    width: 100%;
    border: none;
    font-weight: bold;
}
.register-link {
    text-align: center;
    display: block;
    font-size: 16px;
    margin-top: 18px;
    text-transform: capitalize;
}

.register-link a {
    color: var(--secondary-color);
    font-weight: bold;
    text-decoration: underline;
}
.register-link a:hover{
     color: var(--primary-color);
}
.invalid-feedback strong,span.error {
    color: #f50808;
    font-size: 14px;
    font-weight: 400;
}
.signupinfo {
    text-align: center;
}

.signupinfo {
    margin-top: 18px;
}

body .signup_link {
    color: var(--secondary-color);
}
body .signup_link:hover{
        color: var(--primary-color);
}
select.form-cntrl{
        -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/select-arrow.svg) no-repeat #fff;
    background-position-x: 97%;
    background-position-y: 17px;
    margin-right: 0;
}
.exam-control {
    margin-top: 12px;
}
.exam-control label {
    font-size: 14px;
    margin-bottom: 15px;
}
.control.remember-me {
    display: flex;
    align-items: center;
    gap: 5px;
}

.control.remember-me label {
    margin-bottom: 0;
    color: #7E7E7E;
}
.userblock #forgotForm p {
    color: #4B5563;
    margin-bottom: 17px;
}
body .signup-info {
    background: transparent;
    color: #302F2D;
    margin-top: 6px;
}
.regesterWrap .successMsg {
    color: green;
    margin-bottom: 12px;
}
.text-danger {
    color: #e42424;
    font-size: 14px;
}
.regesterCenter .country-note {
    font-size: 13px;
    margin-top: 10px;
    color: var(--secondary-color) !important;
    font-weight: 600;
}
.userblock label.terms-control {
    font-size: 14px;
    line-height: 20px;
    padding-left: 20px;
}

.userblock label.terms-control a {
    color: var(--secondary-color);
    font-weight: 600;
    text-decoration: underline;
    padding-right: 3px;
}
.userblock #internationalNote {
    margin-bottom: 18px !important;
}
.userblock label.terms-control #termsCheckbox {
    padding-right: 29px;
    position: absolute;
    left: 0px;
    top: 3px;
}
.userblock label.terms-control a:hover {
    text-decoration: none;
    color: var(--primary-color);
}
/* ==============================
contact css 
===============================*/

.contact-page {
    margin-top: 24px;
    position: relative;
}

.contact-page h3 {
    margin-bottom: 24px;
    color: var(--secondary-color);
    font-size: 30px;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.form-group {
    margin-bottom: 16px;
}
.form-row .form-group{
    width: 48%;
}
.form-label {
    color: #4B5563;
    font-size: 16px;
    margin-bottom: 6px;
    display: block;
}
textarea.form-cntrl {
    height: 90px;
        padding-left: 24px;

}
.contact-page #loader {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
#loader .spinner {
    margin: auto;
}

/* ==============================
admin page css 
===============================*/

.admin-page {
    padding: 50px 0;
    background: #F8F7F6;
}
.admin-page .flex-row {
    justify-content: center;
}
.form-cntrl::placeholder{
    color: #5D5757 !important;
    font-size: 14px !important;
}
.admin-navigation {
    width: 25%;
    background-color: var(--primary-color);
    border-radius: 10px;
    min-height: 570px;
}

.admin-rightbar {
    width: 70%;
    background: #FFFFFF;
    box-shadow: 0px 0px 32px rgba(96, 96, 98, 0.17);
    border-radius: 10px;
    margin-left: 50px;
    padding: 28px;
}
.admin-head {
    border-bottom: 1px solid #656776;
    padding: 32px 18px 20px;
}

.admin-head h3 {
    color: var(--whitecolor);
    font-size: 18px;
    font-family: 'Helvetica';
    margin-bottom: 8px;
}
.admin-head a{
 color: var(--whitecolor);
 font-size: 16px;
}
.admin-navigation ul {
    margin-top: 28px;
}

.admin-navigation ul a {
    color: var(--whitecolor);
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.admin-navigation ul li {
    margin-bottom: 15px;
    padding: 10px 18px;
    border-left: 4px solid var(--primary-color);
}
.admin-navigation ul li:hover {
    background: #424458;
    border-left: 4px solid var(--secondary-color);
}
.admin-navigation ul li.active {
    background: #424458;
    border-left: 4px solid var(--secondary-color);
}
.admin-navigation ul li span img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.form-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.admin-content .control {
    width: 50%;
    padding-left: 14px;
    padding-right: 14px;
    margin-bottom: 39px;
    position: relative;
}
.admin-content h3 {
    font-family: 'Helvetica';
    font-size: 20px;
    margin-bottom: 8px;
}

.admin-content form {
    margin-top: 40px;
    margin-left: -14px;
    margin-right: -14px;
}
.admin-content .control label {
    font-size: 16px;
    color: #4B5563;
    margin-bottom: 8px;
    display: block;
    position: static;
}
.admin-content .control .error {
    position: absolute;
    bottom: -30px;
    color: #e42424 !important;
    font-size: 14px !important;
}
.admin-content .control .form-cntrl {
     border-radius: 0;
    position: static;
}


.admin-content table{
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    margin-top: 20px;
}

.admin-content table th,
.admin-content table td {
    border: 1px solid #E2E2E2;
    padding: 12px 16px;
    text-align: left;
}
.subscription-table th {
    font-weight: bold;
}
.admin-navigation ul li:hover {
    background: #424458;
    border-left: 4px solid var(--secondary-color);
}
.admin-content table td {
    font-size: 14px;
}
.status.complete {
    font-size: 12px;
    font-weight: 700;
    border-radius: 4px;
    padding: 3px 7px;
    color: #47BC62;
    background-color: #47bc624d;
}
.status.running {
    font-size: 12px;
    font-weight: 700;
    border-radius: 4px;
    padding: 3px 7px;
       color: #DA3131;
    background-color: #da313140;
}
.admin-content .control label span {
    color: #DA3131;
    margin-left: 4px;
}
.admin-content table th {
    background: #F8F7F6;
}
.btn.subscription-btn {
    margin-top: 16px;
}
.exam-table a.view {
    background: var(--secondary-color);
    color: #fff;
    padding: 5px 12px;
    font-size: 13px;
    border-radius: 20px;
}
.exam-table a.view:hover{
        background: var(--primary-color);
}
.exam-table {
        overflow: auto;
    max-height: 460px;
}
.admin-rightbar .toggle-password {
    position: absolute;
    top: 40px;
    right: 20px;
        cursor: pointer;
}

.admin-rightbar .toggle-password path {
    fill: #a69b9b;
}
.alert.alert-success {
    color: #008000;
    margin-bottom: 9px;
    font-size: 16px;
}
/* ==============================
admin page css 
===============================*/


/* ==============================
404 page css 
===============================*/

section.error-page {
    padding: 60px 0;
    background: #F8F7F6;
}


section.error-page .error-content {
    text-align: center;
}
section.error-page .error-content .btn {
    margin-top: 24px;
}
/* ==============================
404 page css 
===============================*/


.swal2-container .swal2-title {
       font-size: 20px;
    color: #000000;
    line-height: initial;
    margin: 20px 0;
    padding: 0;
}

.swal2-container .swal2-actions {
    margin-top: 5px;
}

.swal2-container .swal2-actions button.swal2-confirm {
    background-color: var(--secondary-color);
}
.swal2-container .swal2-actions button.swal2-confirm:hover{
      background-color: var(--primary-color);
}
.swal2-container .swal2-actions button.swal2-cancel.swal2-styled {
    background-color: var(--primary-color);
}
.swal2-container .swal2-actions button.swal2-cancel.swal2-styled:hover{
     background-color: var(--secondary-color); 
}
.swal2-container .swal2-icon {
    border-color: #ff0000;
    color: #ff0000;
}
.swal2-container #swal2-html-container {
    padding-top: 0;
}

.btn.btn-dashboard{
    color: #fff;
}
.verify-msg {
    text-align: center;
}

.verify-msg p {
    font-size: 18px;
}
.verifyWrap button.btn {
    margin-top: 24px;
}
.verify-msg .verify-link {
    margin-top: 20px;
        font-size: 16px;
    color: #008000;
}
.regesterWrap.verifyWrap {
    min-height: 450px;
}
body #toast-container>.toast-warning {
    background: red !important;
    background-image: none !important;
    padding: 15px;
    width: auto;
}


.js-cookie-consent {
    padding: 20px;
    background: #ece3cc;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
}

.js-cookie-consent .flex {
    text-align: center;
    margin: auto;
}

.js-cookie-consent p {
    color: var(--secondary-color);
    font-weight: bold;
    margin-bottom: 11px;
}

.js-cookie-consent button.js-cookie-consent-agree {
    display: block;
    background: var(--secondary-color);
    border: none;
    border-radius: 30px;
    padding: 16px 22px;
    font-family: 'Helvetica';
    font-weight: bold;
    text-transform: capitalize;
    color: #fff;
    font-size: 16px;
     margin: initial;
        cursor: pointer;
}

.js-cookie-consent button.js-cookie-consent-agree:hover{
    background: var(--primary-color);
}
.lab-value-image {
    margin: auto;
    text-align: center;
}

.lab-value-image img {
    max-width: 1095px;
}
button.js-cookie-consent-decline.cookie-consent__decline {
    display: block;
    background: var(--primary-color);
    border: none;
    border-radius: 30px;
    padding: 16px 22px;
    font-family: 'Helvetica';
    font-weight: bold;
    text-transform: capitalize;
    color: #fff;
    margin: initial;
    font-size: 16px;
    margin-left: 13px;
    cursor: pointer;
}
button.js-cookie-consent-decline.cookie-consent__decline:hover{
        background: var(--secondary-color);
}
.js-cookie-consent .mt-2.flex-shrink-0 {
    display: flex;
    margin: initial;
    text-align: initial;
    justify-content: center;
}
.privacyButton.desktop.right, .privacyButton.tablet.right {
display: none !important;
}

@media (min-width:992px) {

nav.navbar button.menu-button {
    display: none;
}


.head-inner nav.navbar ul li.login{
    display: none;
}
    
}