/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

body {
    background: #fff;
}

body.single-lesson {
    background:#FAFBFD;
}

.rs-topic-card h3 {
  font-weight: 700;
}

/* Hide ratings */

.tutor-course-rating,
.tutor-course-loop-rating,
.tutor-single-course-rating,
.tutor-course-loop-meta,
.tutor-course-ratings {
    display: none !important;
}

.tutor-card-footer,
.tutor-single-course-sidebar > .tutor-single-course-sidebar-more  {
    display: none !important;
}

.bb-template-v2 .primary-menu a:hover, 
.bb-template-v2 .primary-menu a:hover, 
.bb-template-v2 .primary-menu a:hover,
.bb-template-v2 .primary-menu a:hover {
    color:#A8E331!important;
}

/* Footer */
/* ------------------------------------------------------- */

.footer-widget-area h2.widget-title,
.footer-widget-area h2.wp-block-heading  {
    color: #fff;
    font-weight: bold;
    margin:0 0 30px;
    padding: 0;
    color:#A8E331;
}

.footer-widget-area .widget {
    padding:0;
    margin:0;
}

.bb-template-v2 .footer-widget-area .widget.widget_nav_menu ul li {
    margin:0 0 10px 0;
}

.bb-template-v2 .footer-widget-area .widget.widget_nav_menu ul li a {
    margin:0;
    padding:0;
    background: none;
    color:#fff;
}

.bb-template-v2 .footer-widget-area .widget.widget_nav_menu ul li a:hover {
    color:#239371;
}


/* WP Blocks - Cards */
/* ------------------------------------------------------- */

.cards .tutor-card p {
    margin:0;
    line-height:1.4
}

.wp-block-columns.cards {
    display: flex;
    align-items: stretch !important; 
}

.wp-block-columns.cards > .wp-block-column.tutor-card {
    display: flex;
    flex-direction: column;
    height:auto;
    align-self: normal;
    padding: 20px;
}


/* Registration */
/* ------------------------------------------------------- */

.editfield.field_3.field_nickname.field_order_0.required-field.visibility-public.field_type_textbox {
    display: none;
}

a {
    color: #A8E331;
}

.wp-block-button {
    background-color: transparent !important;
    color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.wp-block-button.button a {
    color: #0C1D4E;
    background: transparent;
    border: 2px solid #A8E331;
    padding: 9px 30px;
    font-weight: bold;
    text-decoration: none;
}

.wp-block-button.button a:hover {
    background: #A8E331;
}

.wp-block-button.button-alt a {
    color: #0C1D4E;
    background: #A8E331;
    border: 2px solid #A8E331;
    padding: 9px 30px;
    font-weight: bold;
    text-decoration: #A8E331;
}

.wp-block-button.button-alt a:hover {
   color: #0C1D4E;
   background: #A8E331;
   border: 2px solid #A8E331;
}

.button-alt {
    color: #A8E331;
    background: transparent;
    border: 2px solid #A8E331;
    padding: 9px 30px;
    font-weight: bold;
}

.overview-summary .button-alt {
    color: #A8E331;
    background: transparent;
    border: 2px solid #0C1D4E;
    background: #0C1D4E;
}

.button-blue {
    color: #A8E331;
    background: #0C1D4E;
    border: 2px solid #0C1D4E;
    padding: 9px 30px;
    font-weight: bold;
    text-decoration: #A8E331;
}

#buddypress .button-blue {
    color: #A8E331 !important;
    background: #0C1D4E !important;
    border: 2px solid #0C1D4E !important;
    padding: 9px 30px !important;
    font-weight: bold !important;
    text-decoration: #A8E331 !important;
    border-radius: 50px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}


.button-alt:hover {
    color: #0C1D4E;
    background:#0C1D4E;
    border: 2px solid #0C1D4E;
}

.overview-summary .button-alt:hover {
    color: #A8E331;
    background:#fff;
    border: 2px solid #A8E331;
}


.button-bottom {
  background-color: #0C1D4E;
  padding: 30px 0;
}

.button-bottom .button {
  margin-top: 0;
}

.button-bottom .button-alt { 
  margin-left: 10px;
}

.button-alt img {
    width: 20px;
}

a.button.button-alt {
    max-width: 150px;
}

h1.wp-block-heading {
    color: #0C1D4E;
    font-size: 46px;
    font-weight: 700;
}

.test-timer h2 {
    margin-bottom: 0;
}

.time-card {
    box-shadow: 0px 0px 10px 0px #0000001A;
    border-radius: 16px;
    padding: 40px;
}

.time-card p{
    font-size: 25px;
}

.time-card .green {
    color: #A8E331;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0;
}

.time-card-wrapper {
    margin-top: -45px;
}

.button-sqaure {
    background: #0C1D4E;
    border-radius: 16px;
    padding: 90px 50px;
    font-size: 38px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    max-width: 475px;
    margin-bottom: 30px;
}

.button-sqaure img {
    margin-left: 10px;
}

.lgv-courses {
   margin-top: 50px;
   margin-bottom: 30px;
}

.lgv-course {
   display: flex;
   flex-direction: column;
   box-shadow: 0px 0px 10px 0px #0000001A;
   border-radius: 16px;
   padding: 25px;
}

.lgv-course__toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lgv-course__toggle h3 {
   font-weight: bold;
   font-size: 23px;
}

.lgv-course__link {
    color: #0C1D4E;
    background: #A8E331;
    border: 2px solid #A8E331;
    padding: 9px 30px;
    font-weight: bold;
    text-decoration: #A8E331;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    max-width: 300px;
}

.lgv-course__link:hover {
    background: #fff;
     border: 2px solid #0C1D4E;
}

.lgv-course__link img {
    margin-left: 10px;
}

.lgv-course__link {
  position:relative;
}

.lgv-course__link img {
    width: 25px;
    height: auto;
    height: 12px;
    position: absolute;
    top: 15px;
    right: 20px;
}

.speedometer-wraper {
  position: relative;
}

.speedo-img {
  width: 350px;
}

.speedo-needle {
  position: absolute;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header .tutor-topbar-mark-btn {
    color: #0C1D4E;
    background: transparent;
    border: 2px solid #A8E331;
    padding: 9px 30px;
    font-weight: bold;
    text-decoration: #A8E331;
    border-radius: 50px;
}

.tutor-course-topic-single-body .tutor-course-spotlight-wrapper .tutor-nav:not(.tutor-nav-pills,.tutor-nav-tabs) .tutor-nav-link.is-active {
   color: #0C1D4E;
   background: transparent;
   border: 2px solid #A8E331;
   padding: 9px 30px;
   font-weight: bold;
   text-decoration: none;
   border-radius: 50px;
}

.tutor-course-topic-single-body .tutor-course-spotlight-wrapper .tutor-nav:not(.tutor-nav-pills,.tutor-nav-tabs) .tutor-nav-link:hover {
    background:#0C1D4E;
    border: 2px solid #0C1D4E;
    color:#fff;
}

.tutor-course-topic-single-body .tutor-course-spotlight-wrapper .tutor-nav:not(.tutor-nav-pills,.tutor-nav-tabs) .tutor-nav-link {
   color: #0C1D4E;
   background: #A8E331;
   border: 2px solid #A8E331;
   padding: 9px 30px;
   font-weight: bold;
   text-decoration: none;
   border-radius: 50px;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content {
   min-height: 100px;
}
.tutor-icon-circle-mark-line:before {
    color: #A8E331 !important;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-footer {
   background-color: rgb(250, 251, 253);
}

/* .tutor-course-topic-single-footer.tutor-px-32.tutor-py-12.tutor-mt-auto {
    width: 66%;
    margin: 0 auto 30px;
    padding: 0;
} */

.tutor-course-topic-single-header .button {
  display: none !important;
}

.tutor-accordion-item-header.is-active {
    pointer-events: none;
}

.tutor-single-course-content-prev {
   margin-right: auto;
}

@media (min-width: 1200px) {
   .tutor-d-xl-flex {
      display: flex !important;
      flex-direction: row-reverse !important;
      margin-left: 0;
      justify-content: space-between;
      width: 100%;
   }
   
}

@media (max-width: 1200px) {
   
   a.tutor-course-topics-sidebar-toggler {
     display: none !important;
   }
   
   .tutor-iconic-btn {
     display: none !important;
   }
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic {
    box-shadow: 0px 0px 10px 0px #0000001A;
    margin: 20px;
    border-radius: 16px;
}

/*.tutor-course-topic-single-body {
    margin-top: 20px;
}
*/
.tutor-course-single-sidebar-wrapper .tutor-course-topic .tutor-accordion-item-header.is-active {
   background-color:  #F9F9F9 !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic .tutor-accordion-item-header.is-active .tutor-course-topic-summary, .tutor-course-single-sidebar-wrapper .tutor-course-topic .tutor-accordion-item-header.is-active .tutor-course-topic-title, .tutor-course-single-sidebar-wrapper .tutor-course-topic .tutor-accordion-item-header.is-active .tutor-course-topic-title-info-icon, .tutor-course-single-sidebar-wrapper .tutor-course-topic .tutor-accordion-item-header.is-active:after{
    color: #000 !important;
}

#tutor-lesson-nav-take-note-btn {
   display: none;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item .tutor-form-check-circle[checked] {
    background-color: #A8E331 !important;
    border-color: #A8E331 !important;
}

.tutor-form-check-input.tutor-form-check-input[type=checkbox].tutor-form-check-circle {
    border: 1px solid #A8E331;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic {
   padding: 0;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header .tutor-course-topic-single-header-title {
   display: none;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header .tutor-iconic-btn {
   display: none;
}

.tutor-course-single-content-wrapper .tutor-course-topic-single-footer .tutor-btn {
   color: #0C1D4E;
    background: transparent;
    border: 2px solid #A8E331;
    padding: 9px 30px;
    font-weight: bold;
    text-decoration: #A8E331;
    border-radius: 50px!important;
    margin-bottom: 10px;
}

.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) .tutor-nav-link.is-active {
    border-bottom-color: #A8E331;
}

.tutor-nav-link.is-active {
    color: #A8E331;
}

.site-content {
  overflow: hidden;
}
 
#tutor-lesson-nav-take-note-btn {
   color: #0C1D4E;
   background: #A8E331;
   border: 2px solid #A8E331;
   padding: 9px 30px;
   font-weight: bold;
   text-decoration: #A8E331;
   border-radius: 50px;
}

@media screen and (max-width: 768px) {
  #tutor-lesson-nav-take-note-btn {
      z-index: 9999;
      background-color: #f5f6fa;
      position: fixed;
      top: auto;
      bottom: 70px;
      right: 16px;
  }
}

.tutor-progress-content {
   position: relative;
}

.tutor-fs-7 {
    font-size: 17px;
}


/* Account page */
/* ------------------------------------------------------- */

body.buddypress.bp-user #page #primary .entry-header a {
    display: none;
    visibility: hidden;
}

#cover-image-container,
.tutor-course-filter {
    display: none;
}

 
/* For revision courses only */
/* ------------------------------------------------------- */

body.rs-topic-grid-course .tutor-course-thumbnail {
    display: none;
}


body.rs-topic-grid-course .tutor-row.tutor-gx-xl-5 {
    flex-direction: column;
}

body.rs-topic-grid-course .tutor-mt-40 {
    display: none;
}

.rs-topic-grid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.rs-topic-grid-inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

.rs-topic-card {
    width: calc(50% - 20px);
    background: #FFF;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #eee;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}

body.rs-topic-grid-course main.tutor-col-xl-8 {
    width: 100%;
}

body.rs-topic-grid-course a.rs-continue {
    background: #A8E331;
    color: #fff;
    padding: 5px 20px;
    border-radius: 50px;
    margin-top: 20px;
    font-weight:; bold;
}

body.rs-topic-grid-course a.rs-continue:hover {
    background:#0C1D4E;
}


body.rs-topic-grid-course .tutor-course-details-content h2 {
    display: none;
}

body.rs-topic-grid-course header.tutor-course-details-header.tutor-mb-44 {
    margin-bottom: 0;
}

body.rs-topic-grid-course .tutor-fs-6.tutor-color-secondary > p {
    display: none;
}

.page-template-template-courses .bb-grid.site-content-grid,
.page-template-template-cpc-category-courses .bb-grid.site-content-grid {
    display:flex!important;
    flex-direction: column;
}

.page-template-template-weak .bb-grid.site-content-grid  {
  flex-direction: column;
}


.page-template-template-courses .bb-grid>*,
.page-template-template-cpc-category-courses .bb-grid>* {
   flex: auto;
}

.lgv-courses {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 24px;
}

@media (max-width: 768px) {
   .lgv-courses {
      grid-template-columns: 1fr;
   }
}

.single-courses .tutor-course-thumbnail,
.single-courses #tutor-course-details-tab-info .tutor-mt-40,
.single-courses span.tutor-fs-6.tutor-color-success.tutor-icon-purchase-mark.tutor-mr-8,
.single-courses span.tutor-enrolled-info-text,
.single-courses .tutor-card-body .tutor-course-single-pricing,
.single-courses .tutor-card-body .tutor-fs-7.tutor-text-center,
.tutor-course-details-content > h2 {
    display: none!important;
}

.tutor-course-details-tab.tutor-mt-32 {
    margin-top: 0;
}


/* Quizzes/exams  */
/* ------------------------------------------------------- */

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-quiz-wrapper {
    padding: 0 20px;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-quiz-wrapper .tutor-start-quiz-wrapper {
    max-width: 90%;
}

/* General  */
/* ------------------------------------------------------- */


#masthead {
   border-bottom: 4px solid #A8E331;
   z-index: 9999;
}

.footer-widget-area {
   border-top: 4px solid #A8E331;
   padding-top: 50px;
   padding-bottom: 50px;
}

.hero {
   padding: 50px 0;
   text-align: center;
}

.hero h1 {
   font-size: 46px;
   color: #0C1D4E;
   font-weight: bold;
}

.hero p {
   font-size: 20px;
   margin: 0;
}

.overview-summary.flex p {
    margin: 0;
    line-height: 1;
}

.overview-summary.flex {
  align-items:center;
  justify-content: space-evenly;
}

.overview-summary.flex a.button {
  margin-right:auto;
}

.dashboard {
  display: flex;
  padding: 90px 0;
  gap: 50px;
}

.dash-card {
  box-shadow: 0px 0px 10px 0px #0000001A;
  position: relative;
  margin-bottom: 60px;
  border: 1px solid #E5E5E5;
  border-radius: 16px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 20px;
}

.dash-card p {
  font-size: 22px;
  color: #0C1D4E;
}

p.cpc-block {
    margin-top: 15px;
}

.dash-card .flex {
  flex-direction: column;
  align-items: center;
}

.dash-card .flex p:last-child {
  margin-bottom: 0;
}

.dash-card p span {
  font-size: 26px;
  color: #A8E331;
  font-weight: 700;
  display: inline-block;
  
}

.dash-card-blue {
   background-color: #0C1D4E;
}

.dash-card-green {
   background-color: #A8E331;
}

.dash-card-blue p {
   color: #fff;
   margin-bottom: 10px;
}

.dash-card-green p {
   color: #0C1D4E;
   margin-bottom: 10px;
}

.dash-card-green p span {
   color: #0C1D4E;
}

.active-accounts {
  position: relative;
   text-align: center;
   padding: 60px 0;
   background-color: #EBEBEB;
}

.active-accounts::before {
    content: '';
    position: absolute;
    background: #EBEBEB;
    right: -100%;
    height: 100%;
    width: 100%;
    top: 0;
}

.active-accounts::after {
  content: '';
  position: absolute;
  background: #EBEBEB;
  left: -100%;
  height: 100%;
  width: 100%;
  top: 0; 
}

.active-accounts h2 {
   font-size: 46px;
   color: #0C1D4E;
   font-weight: bold;
}

.active-accounts-container {
   display: flex;
   padding-top: 60px;
}

.left {
    display: flex;
    flex-direction: column;
    width: 50%;
}
.right {
    display: flex;
    flex-direction: column;
    width: 50%;
    justify-content: space-around;
}

@media (max-width: 800px) {
   .left,
   .right {
      width: 100%;
      /* min-height: 500px; */
   }
   
   .right {
      padding-top: 40px;
   }
   
   .active-accounts-container {
      flex-wrap: wrap;
   }
   
   .dashboard-container {
      flex-wrap: wrap;
      justify-content: center;
      padding: 80px 0 50px 0;
   }
   
   .dash-card {
      margin-top: 120px;
   }
   
   .active-accounts {
      padding: 20px 0;
   }
}

.button-sqaure  span {
   color: #A8E331;
}

.button-sqaure:hover {
   color: #A8E331;
}

.button {
    max-width: 100%;
    border-radius: 50px;
    margin-top: 20px;
}

.button:hover {
   color: #A8E331;
}

/* Progress Wrapper */
/* -------------------------------- */

.progress-wrapper {
  position: relative;
  width: 450px;
  margin: 40px 0;
}

.progress {
  height: 10px;
  background: #e0e0e0;
  border-radius: 0;
  overflow: hidden;
}

.progress-fill {
  height: 100%;
  width: 0%;
  background: #0C1D4E;
  border-radius: 2px;
  transition: width 0.4s ease;
}

.progress-bar {
    background:#A8E331;
}

.progress-icon {
  position: absolute;
  top: -145px;
  transform: translateX(-50%);
  font-size: 24px;
  transition: left 0.4s ease;
}

.progress-text {
  margin-top: 10px;
  font-weight: bold;
  color: #A8E331;
  font-size: 31px;
}

.progress-text span {
   display: block;
}

.theory-prgress {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* .tutor-course-topic-single-header .lesson-progress-flex {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
} */

.tutor-course-topic-single-header .lesson-progress-wrapper {
    display: inline-flex;
    align-items: center;
    min-width: 180px;
    flex: 0 0 180px;
    margin-right: 20px;
}

.tutor-course-topic-single-header .lesson-progress-bar {
    position: relative;
    width: 180px;
    height: 14px;
    background: #0C1D4E;
    border-radius: 0;
    overflow: hidden;
}

.tutor-course-topic-single-header .lesson-progress-fill {
    height: 10px;
    margin-top:2px;
    margin-left: 2px;
    width: 0;
    background: #A8E331;
    border-radius: 0;
    transition: width 0.3s ease;
}

.rs-topic-progress__meta {
    min-width: 100px;
    text-align: right;
}

.lesson-progress-inner {
    display: flex;
    gap: 20px;
}

#header-aside {
    display: none;
}


/* To do */
/* -------------------------------- */

 .todo-card{
    width: 100%;
    background: #E5E3E3;
    padding: 80px 0;
    position: relative;
 }
 
 .todo-card::before {
   content: "";
   position: absolute;
   background: #E5E3E3;
   left: -100%;
   width: 100%;
   height: 100%;
   top: 0;
 }
 
.todo-card::after {
   content: "";
   position: absolute;
   background: #E5E3E3;
   right: -100%;
   width: 100%;
   height: 100%;
   top: 0;
}
 
 .todo-card .flex{ 
    display: flex;
 }

 .todo-header{
   display:flex;
   align-items:center;
   justify-content:space-between;
   padding: 14px 18px;
   font-size: 20px;
   font-weight: 600;
   background-color: #F9F9F9;
   border-top-left-radius: 16px;
   border-top-right-radius: 16px;
 }

.todo-card h2 {
   color: #0C1D4E;
   font-weight: bold;
   font-size: 31px;
}

.todo-header .chev{
   color:#111;
   font-size: 14px;
   line-height: 1;
}

.todo-divider{
   height:1px;
   background: var(--divider);
}

.todo-list{
   list-style:none;
   margin:0;
   padding: 10px 0;
   background-color: #fff;
   border-bottom-left-radius: 16px;
   border-bottom-right-radius: 16px;
}

.todo-item{
   display:flex;
   align-items:center;
   justify-content:space-between;
   padding: 10px 18px;
   font-size: 16px;
   font-weight: 500;
}

.todo-item .label{
   color: var(--text);
}

.todo-item i{
   font-size: 18px;
   line-height: 1;
}

.todo-item:hover{
   background:#fafafa;
}

.flex-split {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #E5E5E5;
  border-radius: 16px;
}

.dash-img {
  margin-bottom: 15px;
}
 
.entry-title { display: none; }

.content-area {
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 800px) {
   .todo-card  .flex {
      flex-wrap: wrap;
   }
   
   .flex-split {
      width: 100%;
   }
}

.tutor-topbar-mark-btn {
  display: none !important;
}

.tutor-accordion-item-header {
   display: none;
}

.tutor-accordion-item-header.is-active {
   display: block;
}

.dt-sidebar-cards { display: grid; gap: 18px; }

.dt-card{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

.dt-card-header{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-bottom: 10px;
}

.dt-flag{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #E9F3FF;
  position: relative;
}
.dt-flag:before{
  content:"";
  position:absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background:#1B8CFF;
  top: 6px;
  left: 6px;
}

.dt-card-title{
  margin:0;
  font-size: 18px;
  font-weight: 700;
}

.dt-progress-top{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  margin: 4px 0 10px;
}

.dt-progress-count{ font-weight: 600; opacity:.75; }
.dt-progress-big{ font-weight: 700; opacity:.75; }

/* Your progress bar styling */
.theory-prgress .progress-wrapper{
  position: relative;
  padding-top: 18px;
}

.theory-prgress .progress{
 height: 12px;
 border-radius: 0;
 background: #0C1D4E;
 overflow: hidden;
 border: 2px solid #0C1D4E;
}

.theory-prgress .progress-fill{
  height: 100%;
  width: 0%;
  border-radius: 0;
  background: #A8E331;
  transition: width .6s ease;
}

.theory-prgress .progress-icon{
  position:absolute;
  top: -95px;
  left: 0%;
  transform: translateX(-50%);
  transition: left .6s ease;
}

.dt-sidebar-cards .theory-prgress .progress-icon{
  top: -30px;
  margin-left: 30px;
}

.theory-prgress .progress-icon img{
  display:block;
}

.theory-prgress .progress-text{
  margin-top: 10px;
  font-size: 24px;
  font-weight: 700;
  color: #0C1D4E;
}

.theory-prgress .progress-percent{
  font-weight: 700;
  color: #0C1D4E;
  font-size: 31px;
}

.dt-card-subtext{
  margin-top: 10px;
  font-size: 12px;
  opacity: .65;
}

.dt-tips-row{
  display:flex;
  gap: 14px;
  align-items:flex-start;
}

.dt-tips-icon{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #F2F6FF;
  position: relative;
  flex: 0 0 auto;
}

.dt-tips-icon:before{
  content:"";
  position:absolute;
  inset: 10px;
  border-radius: 8px;
  border: 2px solid rgba(0,0,0,.18);
}

.dt-tips-title{
  margin: 2px 0 6px;
  font-size: 14px;
  font-weight: 800;
}

.dt-tips-text{
  margin: 0;
  font-size: 13px;
  opacity: .75;
  line-height: 1.4;
}

.tutor-course-details-header .tutor-course-details-title {
   text-align: center;
   font-weight: bold;
   color: #0C1D4E;
}

.tutor-color-secondary h5 {
   text-align: center;
}

@media (min-width: 992px) {
    .tutor-course-details-title {
        max-width: 100%;
    }
}

.tutor-quiz-answer-single-correct label{
  border: 2px solid #22c55e !important;
  background: rgba(34, 197, 94, 0.12) !important;
}

.tutor-quiz-answer-single-incorrect label{
  border: 2px solid #ef4444 !important;
  background: rgba(239, 68, 68, 0.12) !important;
}

/* Card container */
.dt-topic-row{
  background: #fff;
  border: 1px solid rgba(16, 24, 40, 0.08);
  border-radius: 18px;
  padding: 22px 22px 18px;
  margin: 0 0 18px;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.06);
}

.dt-topic-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.dt-topic-title{
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  color: #0b1220;
}

.dt-topic-meta p {
    padding:0;
}

.dt-topic-go{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 28px;
  border-radius: 999px;
  background: #b6ef3a; 
  color: #0b1220;
  text-decoration: none;
  font-weight: 800;
  font-size: 18px;
  line-height: 1;
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
}

.dt-topic-go.dt-retake-quiz {
    width: auto;
    float: right;
    padding-left: 15px;
    padding-right: 15px;
}

.dt-topic-go:hover{
  color: #b6ef3a; 
  background: #0b1220;
}

.dt-topic-go:active{
  transform: translateY(0);
}

.dt-topic-meta{
  margin-top: 14px;
  display: grid;
  gap: 8px;
}

.dt-topic-meta p{
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
  color: rgba(11, 18, 32, 0.78);
}

.dt-saved{
  font-weight: 500;
  background: #F9F9F9;
}

.dt-wrong{
  font-weight: 500;
}

.dt-topic-meta:empty{
  display: none;
}

@media (max-width: 520px){
  .dt-topic-row{
    padding: 18px 16px 14px;
    border-radius: 16px;
  }
  .dt-topic-title{
    font-size: 18px;
  }
  .dt-topic-go{
    width: 42px;
    height: 28px;
  }
}

/* STEPS */
.steps {
  background: #E5E3E3;
  padding: 60px 0;
  position: relative;
}

.steps::after {
  content: '';
  position: absolute;
  background: #E5E3E3;
  left: -100%;
  height: 100%;
  width: 100%;
  top: 0;
}
.steps::before {
  content: '';
  position: absolute;
  background: #E5E3E3;
  right: -100%;
  height: 100%;
  width: 100%;
  top: 0;
}

.steps h1 {
  color: #0C1D4E;
  font-weight: 700;
  text-align: center;
}

.steps .badge {
  background: #A8E331;
  padding: 30px;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.steps .badge .label {
  font-size: 20px;
  font-weight: 500;
  color: #0C1D4E;
  margin-bottom: 10px;
}

.steps .badge .num {
  font-size: 56px;
  font-weight: 700;
  color: #0C1D4E;
}

.step-content {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  background: #fff;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.steps .flex {
  gap: 20px;
}

.step-content p {
  margin: 0 20px;
}

.steps .step {
  display: flex;
  margin-bottom: 40px;
}

.steps .left {
  display: flex;
  width: 49%;
}

.steps .right {
  display: flex;
  width: 49%;
}

.entry-header {
  margin: 0;
}

/* DASH */
.dash-gauge{
  position: relative;
  display: inline-block;
  width: 280px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

.dash-gauge h3 {
    font-size: 26px;
    font-weight:bold;
    color:#A8E331;
    margin-bottom: 15px;
}

.dash-img{
  display: block;
  width: 100%;
  height: auto;
}

.dash-needle{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 35px; 
  height: auto;
  transform-origin: 50% 85%;
  transform: translate(-50%, -85%) rotate(-90deg);
  z-index: 2;
  pointer-events: none;
}

/* PICK UP */
.pickup {
  padding: 60px 0;
}

.pickup  .left,
.pickup  .right{
  align-items: center;
}

.pickup h1 {
  text-align: center;
  font-size: 30px;
  color: #0C1D4E;
  font-weight: 700;
}

.pickup .button-sqaure{
  padding: 40px 40px;
}

.grey {
  background: #F9F9F9;
  position: relative;
  margin-bottom: 20px;
}

.grey::before {
    content: '';
    position: absolute;
    background: #F9F9F9;
    right: -100%;
    height: 100%;
    width: 100%;
    top: 0;
}

.grey::after {
    content: '';
    position: absolute;
    background: #F9F9F9;
    left: -100%;
    height: 100%;
    width: 100%;
    top: 0;
}

.green {
  background: #A8E331;
  position: relative;
  margin-bottom: 40px;
}

.green::before {
    content: '';
    position: absolute;
    background: #A8E331;
    right: -100%;
    height: 100%;
    width: 100%;
    top: 0;
}

.green::after {
    content: '';
    position: absolute;
    background: #A8E331;
    left: -100%;
    height: 100%;
    width: 100%;
    top: 0;
}

.blue {
  background: #0C1D4E;
  position: relative;
}

.blue::before {
    content: '';
    position: absolute;
    background: #0C1D4E;
    right: -100%;
    height: 100%;
    width: 100%;
    top: 0;
}

.blue::after {
    content: '';
    position: absolute;
    background: #0C1D4E;
    left: -100%;
    height: 100%;
    width: 100%;
    top: 0;
}

.dash-icon {
  max-width: 170px;
}

@media (min-width: 1200px) {
  .post-330 .tutor-col-xl-8 {
    width: 100%;
  }
}

.post-330 aside.tutor-col-xl-4 {
  display: none;
}

.post-341 aside.tutor-col-xl-4 {
  display: none;
}

.rs330-video-board {
  box-shadow: 0px 0px 10px 0px #0000001A;
  padding: 20px;
  border-radius: 16px;
}

.rs330-video-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 800px) {

    .rs330-video-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }

}

.rs330-video-card {
    text-align: center;
    margin-bottom: 20px;
}

.rs330-course-progress .progress-icon {
  top: -50px;
}

.mini-hero {
    background: #A8E331;
    padding: 55px 0;
    position: relative;
}

.mini-hero h1{
  font-weight: 700;
  font-size: 46px;
  color: #0C1D4E;
}

.mini-hero::before {
    content: '';
    position: absolute;
    background: #A8E331;
    right: -100%;
    height: 100%;
    width: 100%;
    top: 0;
}

.mini-hero::after {
    content: '';
    position: absolute;
    background: #A8E331;
    left: -100%;
    height: 100%;
    width: 100%;
    top: 0;
}

.mini-hero p {
  max-width: 662px;
}

.mini-hero-img {
  max-width: 400px;
  position: absolute;
  right: 0;
  bottom: -80px;
  z-index: 9;
}

.testimonial__content h3 {
    font-weight: bold;
    font-size: 34px;
    color:#112766;
}

.primary-menu a {
    font-size: 16px;
    font-weight: bold;
}

.usps .wp-block-column {
    padding: 20px;
    border-radius: 20px;
}

.usps .wp-block-column h3 {
    font-weight: bold;
}

.usps .wp-block-column p {
    margin:0;
}

/* wrapper */
.pricing-packages {
    padding: 60px 0px;
}

/* 3 column grid */
.pricing-packages__inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* card */
.pricing-card {
    position: relative;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 14px;
    padding: 40px 26px 28px;
    text-align: center;
    box-shadow: 0 3px 8px rgba(0,0,0,0.06);
}

/* top tab */
.pricing-card__tab {
    position: absolute;
    top: -47px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 26px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    font-weight: 700;
    font-size: 16px;
    background: #1a2c66;
    color: #fff;
    z-index: 0;
}

/* image */
.pricing-card__image {
    margin-bottom: 16px;
}

.pricing-card__image img {
    max-width: 150px;
    height: auto;
}

/* content */
.pricing-card__content {
    font-size: 14px;
    text-align: left;
    margin-bottom: 20px;
}

.pricing-card__content ul {
    padding-left: 20px;
}

.pricing-card__content li {
    margin-bottom: 6px;
}

/* price */
.pricing-card__price {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}

/* button */
.pricing-card__button {
    display: inline-block;
    padding: 12px 26px;
    border-radius: 6px;
    background: #9BE22D;
    color: #000;
    font-weight: 700;
    text-decoration: none;
}

.pricing-card__button:hover {
    opacity: 0.9;
}

/* middle card button dark */
.pricing-card:nth-child(2) .pricing-card__button {
    background: #1a2c66;
    color: #fff;
}

/* middle card tab green */
.pricing-card:nth-child(2) .pricing-card__tab {
    background: #9BE22D;
    color: #000;
}

/* responsive */
@media (max-width: 900px) {
    .pricing-packages__inner {
        grid-template-columns: 1fr;
    }
}

.feature-list{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.feature-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 3px 10px rgba(0,0,0,0.1);
}

.feature-item__text{
    padding:20px 30px;
    font-size:18px;
    font-weight:600;
    color:#111;
}

.feature-item__icon{
    background:#A8E331;
    color:#1a2c66;
    font-size:34px;
    font-weight:700;
    width:90px;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.faqs{
  padding: 40px 0;
}

.faqs__inner{
  max-width: 1220px;
  margin: 0 auto;
}

.faqs__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px 34px;
}

.faq-item{
  border-radius: 18px;
  overflow: hidden;
}

.faq-item__question{
  width: 100%;
  border: 0;
  outline: 0;
  cursor: pointer;
  text-align: left;
  padding: 22px 22px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  border-radius: 18px;
  background: #112766;
  color: #A8E331;
  box-shadow: 0 3px 10px rgba(0,0,0,0.10);
  display: flex;
  justify-content: space-between;
}

.faq-item__question:hover{
  background:#A8E331;
  color:#10235c;
}

.faq-item.is-open .faq-item__question{
  background: #A8E331;
  color: #10235c;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
}

.faq-item__answer{
  background: #fff;
  border: 1px solid #e1e1e1;
  border-top: 0;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
}

.faq-item__answer-inner{
  padding: 20px 20px 24px;
  font-size: 17px;
  line-height: 1.7;
  color: #1b2f63;
}

@media (max-width: 900px){
  .faqs__grid{
    grid-template-columns: 1fr;
  }
}

.testimonial {
  padding: 0;
  margin-bottom: 0;
}

.testimonial__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #A8E331;
  /*padding: 34px 54px 34px 34px;*/
  gap: 40px;
  overflow: hidden;
}

.testimonial__media {
  flex: 0 0 340px;
  max-width: 340px;
}

.testimonial__media img {
  display: block;
  width: 100%;
  height: auto;
}

.testimonial__content {
  flex: 1;
  color: #132A63;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.testimonial__quote {
  font-size: 21px;
  line-height: 1.8;
  color: #132A63;
  max-width: 620px;
}

.testimonial__author {
  margin-top: 28px;
  font-size: 22px;
  font-weight: 700;
  color: #000;
}

@media (max-width: 991px) {
  .testimonial__inner {
    flex-direction: column;
    text-align: center;
    padding: 30px 24px;
  }

  .testimonial__media {
    flex: 0 0 auto;
    max-width: 260px;
  }

  .testimonial__quote {
    max-width: none;
    font-size: 18px;
    line-height: 1.7;
  }

  .testimonial__quote-mark {
    font-size: 80px;
    margin-bottom: 4px;
  }
}



.tutor-btn-primary,
#_tutor_nonce {
  border-radius: 16px !important;
  color: #0C1D4E !important;
  font-weight: 700 !important;
}

.tutor-btn{
  border-radius: 16px !important;
  color: #0C1D4E !important;
  font-weight: 700 !important;
}

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

.tutor-course-topic-single-header .progress {
   height: 15px;
   background: #0C1D4E;
   border-radius: 0;
   overflow: hidden;
   border: 2px solid #0C1D4E;
   width: 100%;
}

.tutor-course-topic-single-header .progress-wrapper {
    position: relative;
    width: 350px;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tutor-course-topic-single-header .progress-wrapper::after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 50px;
  margin-right: 8px;
  background-image: url(../images/flag-new.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic .tutor-accordion-item-body{
  padding-left: 0;
  margin-top: 0;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a {
    background-color: #fff;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content.tutor-quiz-single-entry-wrap {
  margin-top: 60px;
}

.max-150 {
  max-width: 150px !important;
  width: 100%;
}

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

@media (min-width: 1200px) {
    .post-341 .tutor-col-xl-8 {
        flex: none;
        width: 100%;
    }
}

.rs341-card {
    box-shadow: 0px 0px 10px 0px #0000001A;
    padding: 15px;
    border-radius: 10px;
}

.tutor-course-topic-item.tutor-course-topic-item-quiz{
  display: none;
}

.tutor-course-topic-item.tutor-course-topic-item-quiz.is-active {
  display: block;
}

.dt-sidebar-cards .progress-icon img {
  max-width: 80px;
}

.rs330-layout-wrap .progress-icon img {
  max-width: 80px;
}

.rs330-layout-wrap{
  display:flex;
  gap:24px;
  align-items:flex-start;
  margin:24px 0;
}

.rs330-layout-col{
  width:50%;
  min-width:0;
}

@media (max-width: 900px){
  .rs330-layout-wrap{
    flex-direction:column;
  }
  .rs330-layout-col{
    width:100%;
  }
}

.rs341-wrap{
  margin:24px 0;
}

.rs341-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:32px 26px;
}

@media (max-width: 1100px){
  .rs341-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 800px){
  .rs341-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px){
  .rs341-grid{
    grid-template-columns:1fr;
  }
}

.rs341-card{
  text-align:center;
}

.rs341-thumb-link{
  display:block;
  text-decoration:none;
}

.rs341-thumb{
  display:block;
  max-width:120px;
  width:100%;
  height:auto;
  margin:0 auto 10px;
}

.rs341-title{
  font-size:13px;
  line-height:1.3;
  margin:12px 0 12px;
  color:#10235c;
  min-height:34px;
  font-weight: bold;
}

.rs341-btn{
  display:inline-block;
  padding:8px 18px;
  border-radius:999px;
  background:#A8E331;
  color:#10235c;
  font-weight:700;
  text-decoration:none;
  line-height:1;
}

.rs341-btn:hover{
  color:#A8E331;
  background:#10235c;
}


/* .page-template-template-courses .bb-grid.site-content-grid > p {
    display: none;
} 

/* .bb-grid > p {
   display: none;
} */


a.tutor-btn.tutor-btn-block.tutor-btn-primary.tutor-mt-20 {
    display: none;
}

.postid-331 a.tutor-btn.tutor-btn-block.tutor-btn-primary.tutor-mt-20 {
    display:block!important;
}

.tutor-btn {
  margin-bottom: 20px;
}


.tutor-btn:hover {
  color: #0C1D4E;
   background: #fff;
   border: 2px solid #A8E331;
}

form button.tutor-btn.tutor-btn-outline-primary.tutor-btn-block {
    display: none;
}

.block {
  display: block !important;
}

.rs-two-col-wrap{
  display:flex;
  gap:24px;
  align-items:flex-start;
  margin: 24px 0;
}
.rs-two-col-wrap > .rs-col{
  width:50%;
  min-width:0;
}

/* mobile stack */
@media (max-width: 900px){
  .rs-two-col-wrap{
    flex-direction:column;
  }
  .rs-two-col-wrap > .rs-col{
    width:100%;
  }
}

.speedo-needle {
    position: absolute;
    width: 80px;
    height: 12px;
    bottom: 0;
    left: 50%;
    transform-origin: 0% 50%;
    transform: translateX(0) rotate(-180deg);
    transition: transform 1.2s ease-out;
    border-radius: 6px;
}

.speedo-progress:after {
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: block;
    position: absolute;
    bottom: -9px;
    left: calc(50% - 15px);
}

.speedometer-wraper{
  position: relative;
  display: inline-block;
}

.speedo-img{
  display: block;
  width: 100%;
  height: auto;
}

.speedo-needle{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18%;
  height: auto;
  transform-origin: 50% 85%;
  transform: translate(-50%, -85%) rotate(-90deg);
  transition: transform 1s ease-out;
  pointer-events: none;
  z-index: 2;
}

@media (max-width: 1024px) {
  
  .button-sqaure{
    font-size: 32px;
    width: 100%;
    display: flex;
    padding: 40px 40px;
  }
  
  .active-accounts-container {
    gap: 40px;
  }
  
  .active-accounts-container .button-sqaure{
    width: auto;
  }
  
  .button-sqaure span  {
    margin-right: 10px;
  }
  
  .button-sqaure img  {
    margin-left: auto;
  }
  
  .theory-prgress .progress-icon img {
      display: block;
      width: 90px;
  }
  
  .theory-prgress .progress-icon {
    top: -60px;
  }
  
  .progress-wrapper {
    width: 100%;
  }
  
  .progress-text {
    width: 20%;
  }
  
  .pricing-packages {
    padding: 120px 0 60px 0;
  }
  
}

@media (max-width: 800px) {
  .flex {
    flex-direction: column;
  }
  
  .button-sqaure {
      padding: 20px 20px;
  }
  
  .button-sqaure{
    font-size: 26px;
  }
  
  .button-sqaure img {
      max-width: 30px;
      vertical-align: middle !important;
  }
  
  .steps .left,
  .steps .right {
    width: 100%;
  }
  
  .dashboard {
    flex-direction: column;
    padding: 20px 0;
  }
  
  .left, .right {
    padding-top: 20px;
  }
  
  .dash-card {
      margin-top: 20px;
  }
  
  .dash-gauge {
    margin: auto;
  }
  
  .active-accounts-container {
    padding-top: 20px;
  }
  
  .theory-prgress .progress-icon img {
      display: block;
      max-width: 70px;
  }
  
  .theory-prgress .progress-icon {
    position: absolute;
    top: -50px;
  }
  
  .theory-prgress .progress-text {
    font-size: 16px;
  }
  
  .progress-wrapper {
    width: 70%;
  }
  
  .progress-text {
    width: 20%;
  }

  .mini-hero-img {
      max-width: 150px;
      position: absolute;
      right: 0;
      bottom: -130px;
      z-index: 9;
  }
  
  .lgv-course__toggle {
      display: flex;
      justify-content: stretch;
      align-items: self-start;
  }
  
  .lvg-wrap {
      width: 60%;
  }
  
  img.lgv-course__arrow {
      width: 40%;
  }
  
  .overview-summary.flex p {
    margin-top: 30px;
  }
  
  .hero {
    margin-bottom: 0 !important;
  }
  
  .rs-topic-card {
    width: 100%;
  }
  
  .dash-icon {
      width: 40%;
  }
  
  .dash-card .flex {
      text-align: center;
  }
  
  
  .mini-hero-no-btn {
    bottom: -50px;
  }
  
  .mobile-spacer {
    margin-top: 40px !important;
  }
  
  .mobile-spacer p{
    margin-bottom: 0 !important;
  }
  
  .faqs {
      padding: 20px 0;
  }
  
  .pricing-card {
    margin-bottom: 30px;
  }
  
  .pricing-packages {
    padding: 80px 0px 40px 0;
  }
  
  .tutor-single-course-content-prev {
      margin-right: 0;
  }
}


/* Breadcrumb */

nav.rs-learning-breadcrumbs {
    padding: 20px 10px;
}

.tutor-course-single-sidebar-title {
    display: none !important;
}

a.button.button-alt {
    max-width: 140px;
}

/* Hide sidebar toggle on desktops */

@media (min-width: 1200px) {

    .tutor-course-topic-single-header.tutor-single-page-top-bar .tutor-course-topics-sidebar-toggler {
        display: none!important;
    }

}



/* Show on mock exam and CPC case studies */

/*.postid-331 form button.tutor-btn.tutor-btn-outline-primary.tutor-btn-block,
.postid-328 form button.tutor-btn.tutor-btn-outline-primary.tutor-btn-block {
    display:block;
}*/

/*.postid-331 a.tutor-btn.tutor-btn-block.tutor-btn-primary.tutor-mt-20,
.postid-328 a.tutor-btn.tutor-btn-block.tutor-btn-primary.tutor-mt-20 {
    display:block!important;
}*/

.postid-331 .tutor-course-progress-wrapper.tutor-mb-32,
.postid-328 .tutor-course-progress-wrapper.tutor-mb-32 {
    display: none;
}

.postid-328 .tutor-card,
.postid-331 .tutor-card  {
  background-color: transparent;
  border: none!important;
}

.postid-328 .tutor-card-body,
.postid-331 .tutor-card-body {
  border: 1px solid #eee!important;
  border-radius: 5px!important;
}

.postid-331 header.tutor-course-details-header,
.postid-328 header.tutor-course-details-header,
.postid-330 header.tutor-course-details-header {
    background:#F9F9FB;
    padding: 40px 0;
    position:relative;
    z-index: 5;
}

.postid-331 header.tutor-course-details-header h1,
.postid-328 header.tutor-course-details-header h1,
.postid-330 header.tutor-course-details-header h1 {
    position:relative;
    z-index: 5;
}

.postid-331 header.tutor-course-details-header:before,
.postid-328 header.tutor-course-details-header:before,
.postid-330 header.tutor-course-details-header:before {
    content:"";
    width: 200%;
    height: 100%;
    display:block;
    position: absolute;
    top:0;
    left: -50%;
    background:#F9F9FB;
    z-index: 0;
}


.postid-331.tutor-lms .tutor-wrap,
.postid-328.tutor-lms .tutor-wrap,
.postid-330.tutor-lms .tutor-wrap {
    margin-top:0;
    padding-top:0;
}

body.postid-328 .tutor-fs-7.tutor-color-muted.tutor-mt-20.tutor-d-flex {
    display: none !important;
}

.rs-mock-exam-cta a.tutor-btn.tutor-btn-block.tutor-btn-primary.tutor-mt-20 {
    display: block!important;
}

/* end */


button#rs-tts-play,
.rs-tts-question-btn,
button.rs-cpc-speak-question,
button.rs-cpc-speak-case-study {
    padding: 5px 10px;
    background: #eee;
    border: none;
    margin-bottom: 10px;
}

.rs-tts-question-btn {
    margin-top: 10px;
    margin-bottom: 0;
}

button#rs-tts-play:hover,
.rs-tts-question-btn:hover,
button.rs-cpc-speak-question:hover,
button.rs-cpc-speak-case-study:hover {
    background: #0C1D4F;
}

button#rs-tts-play:focus,
.rs-tts-question-btn:focus,
button.rs-cpc-speak-question:focus,
button.rs-cpc-speak-case-study:focus {
     background: #0C1D4F!important;
     color:#fff!important;
}

/* Hazard perception videos */
/* -------------------------------------------- */

.postid-330 .rs330-layout-col {
  width: 100%;
}

.postid-330 .rs330-layout-col:nth-of-type(2) {
  display: none;
}

.hp-video-progress-wrapper{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  height: 40px;
}

.hp-bar-area{
  position:relative;
  flex:1;
}

.hp-video-progress-bar{
  position:relative;
  width:100%;
  flex:none;
}

.hp-click-dots{
  position:absolute;
  left:0;
  top:-14px;
  width:100%;
  height:0;
  pointer-events:none;
  z-index:5;
}

.hp-click-dot{
  position:absolute;
  transform:translateX(-50%);
  width:10px;
  height:10px;
  border-radius:50%;
  background:#b7df1d;
  border:2px solid #12276b;
  box-sizing:border-box;
}

.hp-flag{
  flex-shrink:0;
  width:40px;
  height:50px;
  margin-left:10px;
  background-image: url(../images/flag-new.png);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}

.hp-video-progress-meta{
  display:none;
}

.hp-result-box{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1000000;
  pointer-events:none;
}

.hp-result-box__inner{
  background:#a8df1f;
  color:#000;
  padding:28px 40px;
  border-radius:4px;
  text-align:center;
  min-width:320px;
  max-width:80%;
  box-sizing:border-box;
  font-size:18px;
  line-height:1.4;
  font-weight:400;
  box-shadow:0 4px 20px rgba(0,0,0,0.18);
}

.hp-result-box__text strong{
  font-weight:700;
}

.tutor-d-none {
    display: block !important;
}

/* Jamie the above causes issues on lesson pages, added below to fix them. Notes doesn't work? */

.tutor-lesson-note-form-wrapper.tutor-d-none {
    display: none!important;
}

.tutor-course-spotlight-tab {
    display: block!important;
}

#tutor-take-lesson-note-btn {
    display: none!important;
}

/*  ----  */

.tutor-course-single-content-wrapper #tutor-single-entry-content.tutor-quiz-single-entry-wrap {
  margin-top: 0;
}

#tutor-take-lesson-note-btn {
  bottom: 0;
}

.tutor-course-spotlight-wrapper {
  margin-top: 20px;
}

.tutor-nav-item  {
  margin-bottom: 20px !important;
}

.tutor-course-spotlight-tab {
  display: none;
}
.tutor-lesson-notes-form{
    display: none !important;
}

header.tutor-course-details-header.tutor-mb-44 {
    margin-bottom: 0;
}

/* Mock Exam/quizzes */
/* ---------------------------------------- */

.tutor-spotlight-mobile-progress-complete.tutor-px-20.tutor-py-16.tutor-mt-20.tutor-d-xl-none.tutor-d-block {
    display: none !important;
}

.tutor_quiz-template-default {
    background: #FAFBFD;
}

.lesson-progress-inner .lesson-progress-meta {
    display: none;
}

/* Mobile responsiveness */
/* ---------------------------------------- */

@media (max-width: 800px) {


    .bb-mobile-header {
        flex-direction: row;
    }

    .bb-mobile-header .flex-1 {
        order: 1;
    }

    .bb-left-panel-icon-wrap {
        order: 2;
    }

    /* Home intro */

    .pickup,
    .steps {
        padding: 30px 0;
    }

    .pickup h1,
    .steps h1,
    .active-accounts h2,
    .hero h1 {
        font-size: 24px;
    }


    .pickup .flex {
        flex-direction: row;
        gap: 10px;
    }

    .pickup .left, 
    .pickup .right {
        width: 50%;
        padding-top: 0;
    }

    .pickup .button-sqaure {
        padding: 10px 15px;
        font-size: 16px;
        margin: 0;
    }

    .pickup .button-sqaure img {
        max-width: 10px;
    }

    .steps .left,
    .steps .right {
        padding: 0;
    }

    .steps .step {
        margin-bottom: 10px;
    }

    .steps .badge {
        padding: 10px;
    }

    .steps .badge .num {
        font-size: 26px;
    }

    .steps .badge .label {
        margin: 0;
        font-size: 16px;
    }

    .steps .mascotWrap img {
        max-width: 250px;
        margin: 0 auto;
        display: block;
    }

    .step-content p {
        line-height: 1.4;
    }

    .dashboard {
        gap: 10px;
    }

    .dashboard .left,
    .dashboard .right {
        margin: 0;
        padding:0;
    }

    .dash-card {
        margin: 0 0 15px;
    }

    .dash-icon {
        width: 80px;
    }

    .dash-card p {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .dash-card p span {
        font-size: 22px;
    }

    .active-accounts-container .button-sqaure {
        margin: 0 0 10px;
    }

    .active-accounts-container .left, 
    .active-accounts-container .right {
        padding: 0;
    }

    /* Footer */

    .footer-widget.area-1,
    .footer-widget.area-2 {
        width: 49%;
    }

    .bb-footer .footer-widget {
        flex: 0 0 50%;
    }

    .bb-template-v2 .widget .widget-title {
        margin-top: -3px;
        margin-bottom: 25px;
    }

    .footer-widget.area-3 {
        margin-top: 20px;
        text-align: center;
    }

    .footer-widget.area-3 .widget ul {
        display: flex;
        gap: 10px;
        flex-direction: row;
        justify-content:center;
    }


    /* course pages */

    .hero {
        padding: 20px 0;
    }

    .hero h1 {
        margin-bottom: 15px;
    }

    .hero p {
        font-size: 16px;
        margin: 0;
    }

    .lgv-courses {
        margin-top: 20px;
        gap: 15px;
    }

    .lgv-course {
        margin-bottom: 10px;
        padding: 20px;
    }

    .overview-summary.flex a.button {
        margin: 10px auto 0;
    }

    .overview-summary.flex p {
        margin:  20px 0 10px;
        text-align: center;
        line-height: 1.4;
    }

    .tutor-lms .tutor-wrap {
        padding: 10px 0;
    }

    .single-courses .tutor-lms .tutor-wrap {
        padding: 10px 0;
    }

    .single-courses a.button.button-alt {
        margin: 0 auto;
    }

    .single-courses .tutor-tab.tutor-pt-24 {
        padding-top: 0;
    }

    .rs-topic-card {
        width: 47%;
        text-align: center;
        padding: 10px;
    }

    .rs-topic-grid-inner {
        gap: 15px;
    }

    .rs-topic-card h3 {
        font-size: 20px;
        margin: 0 0 15px;
    }

    a#bb-toggle-theme {
        display: none;
    }

    .tutor-course-details-page.tutor-container .tutor-mb-44 {
        margin: 0;
    }

    .rs341-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rs341-card {
        box-shadow: 0px 0px 10px 0px #0000001A;
        padding: 15px;
        border-radius: 10px;
    }

    .speedometer-wraper {
        margin-bottom: 10px;
    }

    /* Lessons */

    /* .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-footer {
        width: 100%;
        padding: 0 20px;
        justify-content: space-between;
    } */
    
    .tutor-px-32 {
        padding-left: 0;
        padding-right: 0;
    }

    .tutor-course-single-content-wrapper .tutor-course-topic-single-footer .tutor-btn {
        margin-bottom:0;
    }

    .tutor-spotlight-mobile-progress-complete {
        display: none !important;
    }

    .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-quiz-wrapper .tutor-start-quiz-wrapper {
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px;
    }

    /*
    .tutor-course-single-content-wrapper .tutor-course-single-sidebar-wrapper {
        display: block;
        opacity: 1;
        z-index: 999;
        height: 100%;
    }

    .tutor-course-single-content-wrapper.tutor-course-single-sidebar-hidden .tutor-course-single-sidebar-wrapper {
        display: none;
        opacity: 1;
    }
    */
    
    
}

.tutor-course-single-sidebar-title {
  display: none !important;
}

.tutor-accordion-item-body {
    max-height: 400px; 
    overflow: scroll;
}

.tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar {
    height: 100vh;
}


@media (max-width: 1199.98px) {
  .tutor-course-single-content-wrapper.tutor-course-single-sidebar-hidden {
    display: block;
  }
  
  
  
  .tutor-accordion-item-body {
    overflow: auto !important;
  }
  
  .tutor-course-single-content-wrapper.tutor-course-single-sidebar-hidden .tutor-course-single-sidebar-wrapper {
      display: block;
  }
  
  .tutor-course-topic-single-header .button {
    display: block !important;
  }
  
  .lesson-progress-meta {
    display: none;
  }
  
  /* .lesson-progress-inner {
    gap: 3px;
    width: 100%;
  } */
  
  .tutor-course-details-page .tutor-course-details-tab .tutor-tab .tutor-tab-item {
      min-height: auto;
  }
  
  /* /* .lesson-progress-inner {
      flex: 1 1 100%;
  } */
  
/*.quiz-meta-info,
  .rs-quiz-dots {
      position: sticky;
      top: 76px;
      z-index: 999;
      background: #fff;
  }*/
  
  .tutor-ml-auto {
      margin-left: 15px;
  }
  
  .lesson-progress-inner {
      flex: 1;
      min-width: 0;
  }
  
  /* .tutor-ml-auto {
    width: 100%;
    flex: 0 0 80%;
  }  */
  
  .lgv-theory .tutor-course-single-content-wrapper {
    .tutor-course-single-sidebar-wrapper {
        opacity: 1;
        z-index: 1;
        flex: 0 0 95%;
        width: 100%;
        position: absolute;
        top: 0;
    }
  }
  
  .cpc .tutor-course-single-content-wrapper {
    .tutor-course-single-sidebar-wrapper {
        opacity: 1;
        z-index: 1;
        flex: 0 0 95%;
        width: 100%;
        position: absolute;
        top: 0;
    }
  }
  
  .quiz-question-title {
    font-size: 18px
  }
  
  .tutor-course-topic-single-header .lesson-progress-flex {
    width: 100%;
  }
  
  .tutor-course-topic-single-header .lesson-progress-flex {
    gap: 2px;
  }
  
  .tutor-course-single-content-wrapper.tutor-course-single-sidebar-hidden {
    .tutor-course-single-sidebar-wrapper {
        opacity: 1;
        z-index: 6;
        flex: 0 0 95%;
        width: 100%;
        position: absolute;
        top: 0;
    }
  }
  
  .tutor-course-topic-single-header .lesson-progress-wrapper {
      display: inline-flex;
      align-items: center;
      min-width: 180px;
      flex: 0 0 100%;
      margin-right: 0px;
  }
  
  .tutor-course-topic-single-header .lesson-progress-bar {
      position: relative;
      width: 100%;
      height: 14px;
      background: #0C1D4E;
      border-radius: 0;
      overflow: hidden;
  }
  
  .tutor-course-topic-single-header .lesson-progress-wrapper {
          display: inline-flex;
          align-items: center;
          min-width: 180px;
          flex: 0 0 100%;
          margin-right: 0px;
      }
  }
  
  .hp-flag {
      display: none;
  }
  
  .tutor-course-spotlight-wrapper .tutor-course-spotlight-tab {
      padding-top: 10px;
      padding-bottom: 10px;
  }
}

.plyr__controls {
  display:none !important;
}

.plyr__control--overlaid {
  display:block !important;
  pointer-events:auto !important;
}

.plyr--playing .plyr__control--overlaid {
  display:none !important;
}

.pdfemb-viewer {
  border: none !important;
  background-color: transparent !important;
}

.pdfemb-viewer .pdfemb-toolbar {
  background-color: #0C1D4E !important;
}

.rs-tts-question-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.rs-tts-question-btn::after{
  content:"";
  display:inline-block;
  width:16px;
  height:16px;
  background-image:url("../images/bullhorn-solid-full.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}

.tutor-quiz-btn-group.tutor-mt-60.tutor-d-flex {
    display:flex;
    flex-direction:column;
    align-items: flex-end;
}


/* Dashboard fixes */
/* ---------------------------------------- */

.header-style-3 .main-navigation #primary-navbar {
    justify-content: flex-end;
}

.active-accounts-container .theory-prgress .progress-wrapper {
    margin: 20px 0;
     width: 100%;
}

.active-accounts-container .theory-prgress .progress-icon {
    top: -25px;
    margin-left: 32px;
}

.active-accounts-container .theory-prgress .progress-percent {
    font-size: 26px;
}

.active-accounts-container .theory-prgress .progress-text {
    font-size:  14px;
    margin-top: 5px;
    width: 100%;
    display: flex;
    gap: 5px;
}

.active-accounts-container .left, 
.active-accounts-container .right {
    width: 100%;
    flex-direction: row;
    gap: 20px;
}

.active-accounts-container .button-sqaure {
    padding: 25px;
    font-size: 24px;
    width: 100%;
    max-width: 100%;
}

.active-accounts-container .theory-prgress {
    width: 100%;
    flex-direction: column;
}

.active-accounts-container {
    gap: 10px;
    flex-direction: column;
    padding-top: 30px;
}

.active-accounts-container .button-sqaure img {
    width: 40px;
    position: relative;
    top: -5px;
}

.active-accounts-container .theory-prgress .progress-icon img {
    width: 100px;
    position: relative;
    top: -15px;
}

/* Mobile responsiveness */
/* ---------------------------------------- */

@media (max-width: 800px) {


  .lesson-progress-title {
      flex-basis: 100%;
      width: 100%;
      white-space: normal;
      word-break: break-word;
      font-size: 13px;
      line-height: 1.3;
      order: 10;
      padding: 4px 0 8px;
  }
    
 .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
     flex-wrap: wrap;
 }
 
 .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header .tutor-ml-auto.tutor-align-center {
     flex-basis: 100%;
     width: 100%;
     margin-left: 0 !important;
     justify-content: flex-start;
 }
 
 .lesson-progress-title {
     white-space: normal;
     word-break: break-word;
     width: 100%;
     font-size: 13px;
     line-height: 1.3;
 }
    .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
        gap: 7px;
    }

    .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
        gap: 7px;
    }

    .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar {
        left: 0;
    }

    .tutor-course-single-sidebar-wrapper .tutor-course-topic {
        margin: 10px;
    }

    .tutor-course-single-sidebar-wrapper .tutor-course-topic-item .tutor-d-flex.tutor-ml-auto.tutor-flex-shrink-0 {
        width: 70px;
    }

    /* .tutor-accordion-item-body>.tutor-course-topic-item>a>.tutor-mr-32 {
        min-width: calc(100% - 50px);
    } */

    /* .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header a.tutor-iconic-btn.tutor-d-flex.tutor-d-xl-none {
       display: none!important;
    } */

    .active-accounts-container .theory-prgress .progress-wrapper {
        margin: 20px 0;
         width: 100%;
    }

    .active-accounts-container .theory-prgress .progress-icon {
        top: -25px;
        margin-left: 32px;
    }

    .active-accounts-container .theory-prgress .progress-icon img {
        top: 0;
    }

    .active-accounts-container .theory-prgress .progress-percent {
        font-size: 26px;
    }

    .active-accounts-container .theory-prgress .progress-text {
        font-size:  14px;
        margin-top: 5px;
        width: 100%;
        display: flex;
        gap: 5px;
    }

    .active-accounts-container .left, 
    .active-accounts-container .right {
        flex-direction: row;
        gap: 10px;
    }

    .active-accounts-container .button-sqaure {
        padding: 10px;
        font-size: 16px;
        width: 100%;
    }

    .active-accounts-container .theory-prgress {
        width: 100%;
        flex-direction: column;
    }

    .active-accounts-container {
        gap: 10px;
    }

    .step-content p {
        line-height: 1.4;
        font-size: 14px;
        margin: 0 10px;
    }

    .dt-revision-card .theory-prgress .progress-wrapper {
        position: relative;
        margin: 10px 0;
        width: 100%;
        padding-top:0;
    }

    .dt-progress-count {
        display: none;
    }

    .dt-progress-right {
        margin-left: auto;
    }

    .dt-tips-icon {
        width: 30px;
    }

}

.plyr__controls,
.mejs__controls,
.vjs-control-bar {
  display:none !important;
}

.plyr__control--overlaid,
.vjs-big-play-button,
.mejs__overlay-button {
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.plyr--playing .plyr__control--overlaid,
.vjs-playing .vjs-big-play-button,
.mejs__container.mejs-playing .mejs-overlay-button {
  display:none !important;
}

video::-webkit-media-controls,
video::-webkit-media-controls-enclosure,
video::-webkit-media-controls-panel,
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-start-playback-button {
  display:none !important;
  -webkit-appearance:none;
}

@media (max-width: 900px) {
  .dt-tips-title {
    cursor: pointer;
    position: relative;
    padding-right: 20px;
  }
  
  .dt-tips-content {
      width: 100%;
  }

  .dt-tips-title::after {
    content: "▼";
    position: absolute;
    right: 0;
    top: 0;
    transition: transform 0.3s ease;
  }

  .dt-tips-title.open::after {
    transform: rotate(180deg);
  }

  .dt-tips-text {
    display: none;
    margin-top: 45px;
  }
  
  .tutor-course-single-content-wrapper .tutor-course-topic-single-footer .tutor-btn {
    font-size: 13px;
  }
}

@media (max-width: 900px) {
  .order-1 {
    order: 1;
  }
  
  .order-2 {
    order: 2;
  }
}


.flex-column {
  flex-direction: column;
}

/* CPC Overview page */
/* ------------------------------------------------------- */
.postid-331 .tutor-course-details-tab .cpc-intro {
    display: none;
}

.postid-331 .tutor-course-details-content.tutor-toggle-more-content.tutor-toggle-more-collapsed {
    height: auto!important;
}

.postid-331 .tutor-toggle-more-collapsed:before {
    display: none;
}

.postid-331 a.tutor-btn-show-more {
    display: none;
}

.postid-331 .tutor-single-course-sidebar.tutor-mt-40.tutor-mt-xl-0 {
    margin-top: 20px;
}

/* Course content sidebar */
/* -------------------------------------------------------- */

/*.tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title {
    display: flex!important;
    flex-direction: row;
}*/

.tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title .tutor-d-block {
    display: flex!important;
}

/* Hazard Perception Videos  */
/* -------------------------------------------------------- */
.hp-video .tutor-course-spotlight-wrapper {
  display: none;
}

.hp-video .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-footer {
    margin-top: 30px;
}

.dt-save-later-btn{
  display: none !important;
}

.rs-quiz-dots {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin: 20px 0 30px;
}

.no-dots .rs-quiz-dots {
  display: none;
}

.no-dots .lesson-progress-title {
  display: none;
}

.no-title .lesson-progress-title {
  display: none;
}

.rs-quiz-dot {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  border: 3px solid #d9d9d9;
  color: #d9d9d9;
  background: transparent;
  transition: all 0.25s ease;
}

.rs-quiz-dot.is-current {
  border-color: #cfcfcf;
  color: #cfcfcf;
}

.rs-quiz-dot.is-correct {
  background: #A8E331;
  border-color: #A8E331;
  color: #fff;
}

.rs-quiz-dot.is-wrong {
  background: #df4434;
  border-color: #df4434;
  color: #fff;
}

.tutor_quiz-template-default .lesson-progress-wrapper {
  display: none;
}

.rs-lesson-title {
  margin-top: 10px;
}


@media (max-width: 600px) {

    .rs-quiz-dots {
        gap: 5px;
    }

    .rs-quiz-dot {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .bb-single-icon .mobile-logo-wrapper {
        justify-content: flex-start;
    }

}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-quiz-wrapper .tutor-quiz-wrap .tutor-card img {
    max-width: 100px;
    margin: 0 auto;
}

.single-tutor_quiz .tutor-quiz-btn-group {
    flex-direction: row!important;
}

.single-tutor_quiz .tutor-quiz-btn-group .tutor-quiz-answer-next-btn {
    margin-left:auto;
}

.stack-buttons .tutor-single-course-content-next {
    width: 100%;
    justify-content: flex-end;
    display: flex;
}

/* .tutor-single-course-content-prev {
    width: 50%;
} */

@media (min-width: 1200px) {
    .tutor-d-xl-none {
        display: block !important;
    }
}
@media (max-width: 535px) {
  .tutor-single-course-content-next {
      width: 100%;
      justify-content: flex-end;
      display: flex;
  }
}

.tutor-course-topic-single-header a.button.button-alt {
    max-width: 50%;
    margin: 0;
    padding: 5px 20px;
    width: 140px;
    margin-right: 10px;
}

.tutor-course-topic-single-header a.button.button-alt img {
    margin-right:5px;
}

.lesson-progress-inner .lesson-progress-meta {
    display: none;
}

.tutor-course-topic-single-header .lesson-progress-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.tutor-course-topic-single-header .lesson-progress-title {
    white-space: nowrap;
}

.tutor-course-topic-single-header .lesson-progress-wrapper {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 0;
}

.tutor-course-topic-single-header .lesson-progress-bar {
    width: 100%;
}



@media (max-width: 1200px) {

    .tutor-course-topic-single-header a.button.button-alt {
        width: 140px;
        margin:0;
    }


    .tutor-course-topic-single-header .lesson-progress-bar {
        width: 100%;
    }

    .tutor-course-topic-single-header .lesson-progress-wrapper {
        width: 100%;
    }

    .tutor-course-topic-single-header .tutor-ml-auto .tutor-fs-7 {
        flex: 1;
        min-width: 0;
    }

    .tutor-course-topic-single-header .lesson-progress-inner {
        gap: 5px;
    }

    .tutor-course-topic-single-header .tutor-ml-auto.tutor-align-center.tutor-d-none.tutor-d-xl-flex {
        flex: 1;
        min-width: 0;
    }

    .tutor-course-topic-single-header .lesson-progress-inner {
        align-items: flex-start;
    }

    .tutor-course-topic-single-header .tutor-fs-7.tutor-mr-20 {
        margin-right:0;
    }

}



/* Weak areas */

ul.dt-saved-lessons li {
    list-style-type: none;
    margin-bottom: 10px;
}

ul.dt-saved-lessons {
    margin: 0;
}

ul.dt-saved-lessons .dt-topic-go {
    float: right;
}

.dt-topic-meta p.dt-saved {
    background: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

body.hp-video .hp-video-progress-row {
    display: block !important;
    width: 100%;
    padding: 8px 0;
    visibility: visible !important;
    opacity: 1 !important;
}

body.hp-video .hp-video-progress-bar {
   display: block !important;
   height: 16px;
   background: #0C1D4E;
   width: 100%;
   border-radius: 4px;
   overflow: hidden;
   padding: 4px;
}

body.hp-video .hp-video-progress-fill {
    height: 100%;
    background: #A8E331;
    width: 0%;
    transition: width 0.3s;
}

body.hp-video .hp-bar-area {
    display: block !important;
    width: 100%;
    position: relative;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-footer {
  
  justify-content: space-between !important;
  padding: 0 5px;
}

.postid-331 a.tutor-btn.tutor-btn-block.tutor-btn-primary.tutor-mt-20  {
  display: none !important;
}

.rs-mock-exam-cta a.tutor-btn.tutor-btn-block.tutor-btn-primary.tutor-mt-20  {
  display: block !important;
}

header.profile-header {
    margin-bottom: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.profile-header .push-right.button{
  display: none !important;
}

a.button.button-blue.max-150.space img {
    margin-right: 15px;
    width: 20px;
}

.rs-cpc-step-button:hover,
.rs-cpc-step-button:focus {
    color: #222;
}

.feature-item__icon img {
    width: 40px;
}

li#menu-item-1739 a {
    background:#A8E331;
    padding: 10px 20px;
    border-radius: 25px;
    height: 35px;
    margin-top: 20px;
    color:#0C1D4E;
}

li#menu-item-1739 a:hover {
    background:#fff;
    color:#0C1D4E;
}


/* Mobile styling fixes */

@media (max-width: 600px) {

        .entry-content p {
        font-size: 14px;
        line-height: 1.5;
    }

    /* Quizzes */

    .rs-quiz-dots {
        margin: 10px 0 10px;
    }

    .tutor-quiz-wrapper {
        margin-top: 20px;
    }

    .quiz-attempt-single-question .tutor-mt-44,
    .quiz-attempt-single-question .tutor-mt-40,
    .quiz-attempt-single-question .tutor-mt-60 {
        margin-top: 20px;
        margin-top: 20px;
    }

    /* Homepage */

    .mini-hero h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .mini-hero {
        padding-top: 30px;
    }

    .mini-hero-no-btn {
        max-width: 200px;
    }

    .mini-hero p {
        font-size: 15px;
    }

    .pricing-packages {
        padding-top: 30px;
    }

    .feature-item__icon {
        width: 60px!important;
        height: 60px;
    }

    .feature-item__icon img {
        width: 30px;
    }

    .feature-item__text {
        font-size: 15px;
        line-height: 1.2;
        width: calc(100% - 60px);
        padding: 10px 15px 10px 20px;
    }

    .feature-list {
        gap: 10px;
    }

    .faqs__grid {
        gap: 10px;
    }

    .usps .wp-block-column h3 {
        margin-bottom: 10px;
    }

    .usps .wp-block-column {
        padding: 15px;
    }

    .wp-container-core-columns-is-layout-9d6595d7 {
        gap: 10px;
        margin: 0;
    }

    .testimonial__inner {
        padding: 0;
        gap: 10px;
    }

    .testimonial__content h3 {
        font-size: 30px;
        margin-bottom: 10px;
    }


    select.bp-navs__dropdown {
        display: none!important;
    }

    .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-footer {
        padding: 0 10px 10px!important;
    }

    p {
        margin-bottom: 15px;
    }

    .tutor-course-details-content a.button.button-alt {
    max-width: 50%;
    }

}


/* complete buttons fix */

.rs-lesson-is-complete .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-footer {
    flex-direction: row!important;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-footer {
    padding-left: 20px;
    padding-right:20px;
}

.rs-lesson-is-complete.stack-buttons .tutor-single-course-content-next {
    width: auto;
}

/* Case study test page */

.postid-331 a.rs-take-exam-btn {
    margin: 0 0 20px;
}

.postid-331 .tutor-sidebar-card .tutor-card-body>form,
.postid-331 .tutor-fs-7.tutor-color-muted.tutor-mt-20.tutor-d-flex {
    padding: 0;
    margin: 0;
    display: none;
}

.postid-331 header.tutor-course-details-header.tutor-mb-44 {
    padding: 20px 0;
    margin-bottom: 20px;
}

.postid-331 header .tutor-course-details-top.tutor-mt-16 {
    display: none;
}


@media (max-width: 600px) {

    .postid-331 header.tutor-course-details-header.tutor-mb-44 {
        padding: 20px 0;
        margin-bottom: 20px;
    }

    .postid-331 header .tutor-course-details-top.tutor-mt-16 {
        display: none;
    }

    .postid-331 .tutor-course-details-page.tutor-container .tutor-row {
        flex-direction: column-reverse;
    }

    .postid-331 .tutor-course-details-page.tutor-container .tutor-card-body img {
        display: none;
    }

    .postid-331 .tutor-course-details-page.tutor-container .tutor-card-body {
        border: none!important;
        padding:0;
        margin-bottom: 20px;
        box-shadow:none;
    }

}

@media (max-width: 1199px) {
    .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar {
        position: fixed !important;
        top: 126px !important;
        left: 0 !important;
        height: calc(100vh - 126px) !important;
        max-height: calc(100vh - 126px) !important;
        overflow-y: auto;
        //z-index: 9999 !important;
        width: 100% !important;
    }
} 

/* Hazard videos */

.postid-330 .tutor-course-details-top.tutor-mt-16 {
    display: none;
}

/*@media (max-width: 800px) {

  .quick-quiz .tutor-single-entry-content {
      position: relative
  }
  
  .quick-quiz .tutor-course-topic-single-header.tutor-single-page-top-bar {
      position: fixed !important;
      top: 76px !important;
      left: 0 !important;
      right: 0 !important;
      z-index: 998 !important;
      background: #fff !important;
  }
  
  .quick-quiz .quiz-meta-info {
      position: fixed !important;
      top: 140px !important; 
      left: 0 !important;
      right: 0 !important;
      z-index: 997 !important;
      background: #fff !important;
      padding: 0px 20px !important;
  }
  
  .quick-quiz .rs-quiz-dots {
      position: fixed !important;
      top: 190px !important; 
      left: 0 !important;
      right: 0 !important;
      z-index: 997 !important;
      background: #fff !important;
      padding: 0 20px 10px !important;
  }
  
  .quick-quiz tutor-quiz-wrapper {
      padding-top: 130px !important;
  }
  
  .quick-quiz .rs-quiz-dots {
    padding: 20px 20px 10px !important;
  }

}*/


@media (max-width: 800px) {

    .tutor-col-12.tutor-col-sm-6.tutor-mb-16.tutor-quiz-answer-single {
        margin-bottom: 7px;
    }

}



.tutor_quiz-template-default .tutor-fs-7.tutor-mr-20.lesson-progress-flex {
    display: none;
}

#tutor-quiz-image-matching-choice > .tutor-fs-7.tutor-color-secondary {
    display: none;
}

@media (max-width: 600px) {

/*    .tutor-course-details-content p {
        text-align: center;
    }*/

    .rs-lesson-is-complete .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-footer .tutor-single-course-content-next {
        width: auto;
    }

    .hp-video #rs-ai-tutor {
        display: none;
    }

    .rs-topic-card h3 {
        font-size: 18px;
    }

    .tutor-course-details-content a.button.button-alt {
        max-width: 50%;
        width: 150px;
    }

    .hp-video .tutor-course-topic-single-body {
        padding: 0 10px;
        margin-top: 10px;
    }

    .lesson-progress-inner.hp-video-progress-inner {
        padding-left: 0;
    }


    .tutor_quiz-template-default #tutor-quiz-image-matching-choice .tutor-quiz-btn-grp.tutor-mt-32 {
        order: 1;
    }

    .tutor_quiz-template-default #tutor-quiz-image-matching-choice {
        display: flex;
        flex-direction: column;
    }

    .tutor_quiz-template-default .tutor-quiz-image-matching-choice {
        order: 1;
    }

    .tutor_quiz-template-default .header-title.tutor-fs-5.tutor-fw-medium.tutor-color-black.tutor-mt-12.tutor-mb-32 {
        order: 2;
    }

    .tutor_quiz-template-default .tutor-quiz-result-summary {
        order: 3;
    }

    .tutor_quiz-template-default .tutor-table-responsive.tutor-dashboard-list-table.tutor-table-mobile.tutor-mt-32 {
        order: 4;
    }

    #tutor-start-quiz,
    #tutor-start-quiz button.tutor-btn.tutor-btn-primary.tutor-btn-md.start-quiz-btn {
        display: block;
        width: 100%;
    }

}




@media (max-width: 600px) {

    .tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar {
        top: 80px !important;
    }

    .quiz-meta-info-right.is-fixed-meta {
        position: fixed;
        top: 80px;
        left: 0;
        width: 100%;
        z-index: 99;
        background:#fff;
        padding: 10px 20px;
    }

    .rs-quiz-dots.is-fixed-dots {
        position: fixed;
        top: 110px;
        left: 0;
        width: 100%;
        z-index: 98;
        background:#fff;
        padding: 10px 20px;
        box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .05);
    }

    .active-accounts-container .button-sqaure img {
    width: 20px;
    margin-left: 10px;
    top: 0;
    }

    .bb-mobile-panel-header {
        background: #0C1D4E !important;
    }

    .active-accounts-container .button-sqaure span {
        margin-right: 7px;
    }

    .active-accounts-container .button-sqaure {
        font-size: 15px;
    }

}


@media (max-width: 1199px) {
    .hp-overview-collapsed {
        max-height: 250px;
        overflow: hidden;
        position: relative;
    }

    .hp-overview-collapsed::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 60px;
        background: linear-gradient(transparent, #fff);
    }

    .hp-read-more-btn {
        display: block;
        margin: 10px auto;
        padding: 8px 24px;
        background: #A8E331;
        border: none;
        border-radius: 50px;
        font-weight: bold;
        cursor: pointer;
        color: #0C1D4E;
    }
    
    .postid-328 .rs-collapsed {
        max-height: 150px;
        overflow: hidden;
        position: relative;
    }
    
    .postid-328 .rs-collapsed::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 80px;
        background: linear-gradient(transparent, #fff);
    }
    
    .postid-328 .hp-read-more-btn {
        display: block;
        margin: 10px 0 20px;
        padding: 8px 24px;
        background: #A8E331;
        border: none;
        border-radius: 50px;
        font-weight: bold;
        cursor: pointer;
        color: #0C1D4E;
    }
}

.single-courses a.button.button-alt {
    margin: 0;
    position: relative;
    z-index: 9 !important;
}


@media (max-width: 800px) {
  .hp-result-box__image {
    margin-top: 0 !important;
    display: block !important;
    max-width: 70% !important;
    margin: 7px auto !important;
    height: auto !important;
  }
  
  .hp-result-box__text {
    font-size: 12px;
  }
  
  .hp-result-box__inner {
    max-width: 70%;
    padding: 0;
  }
  
  .hp-result-box__inner p {
    font-size: 12px;
  }

}

.plyr__control[data-plyr="fullscreen"] {
  display: none !important;
}


.sub-text p {
    font-size: 12px;
    line-height: 1.2;
}


.active-accounts h2 {
    margin-bottom: 10px;
}

.dt-access-countdown {
    margin-bottom: 15px;
}



/* Woocommerce */

.woocommerce-cart,
.woocommerce-checkout,
.woocommerce-order-received {
    --wp--preset--font-size--small: 16px;
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
    font-weight: bold;
    padding: 25px;
    font-size: 18px;
    width: 100%;
    background: #0C1D4E;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover {
    background:#A8E331;
    color:#0C1D4E;
}


td.wc-block-cart-item__image,
th.wc-block-cart-items__header-image {
    display: none;
}

.woocommerce-order-received #primary {
    padding-top: 40px;
}

td.woocommerce-table__product-thumb.product-thumb,
th.woocommerce-table__product-thumb.product-thumb,
h3.woocommerce-heading--end,
p.woocommerce-notice-end {
    display: none;
}

.woocommerce-checkout ul.woocommerce-order-overview li>span {
    font-size: 16px;
}

.woocommerce .woocommerce-table--order-details thead th,
.woocommerce .woocommerce-table--order-details tbody td,
.woocommerce table.shop_table {
    font-size: 16px!important;
}

.woocommerce .woocommerce-table--order-details tbody td a {
    pointer-events: none;
}

.wc-block-components-quantity-selector {
    display: none;
}
