/* ----------------------- Variables ----------------------- */

:root {
    --body-color: var(--gray-700);
    --body-fs: 15px;
}

@media only screen and (max-width: 576px) {
    :root {
        --body-fs: 13px;
    }
}

/* ------------------------- Styled ----------------------- */

.color-primary {
    color: var(--primary);
}

.color-secondary {
    color: var(--secondary);
}

.back-primary {
    color: var(--primary);
}

.back-secondary {
    color: var(--secondary);
}

.word-spacing-5 {
    word-spacing: 0.5rem;
}

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

body {
    font-size: var(--body-fs) !important;
}

header {
    z-index: 1000 !important;
}

hr {
    margin: 1.5em !important;
    background-color: var(--gray-300) !important;
}

/* ------------------------- Fonts ------------------------- */

.fa,
.fas,
.fab {
    font-family: FontAwesome !important;
    font-style: normal !important;
}

/* ------------------------- Header ------------------------ */

.header-area {
    padding: 0 30px;
}

.main-header .site-title {
    padding: 0 0 10px 0 !important;
}

.main-header .site-title img {
    max-height: 120px;
    width: auto;
}

.main-header .site-title img.handstandem_stc_logo {
    max-height: 50px;
}

.header-top-area .row {
    align-items: center;
}

.header-top-area .header-social a {
    color: var(--gray);
}

/* .header-top-area .header-social ul li a i {
  font-family: 'Font Awesome 5 Brands' !important;
} */
#header-slogan {
    width: 80%;
    text-align: center;
    font-weight: bold;
    color: var(--secondary);
    word-spacing: 0.5rem;
    margin: 5px 0 10px 0;
}

#header-slogan span {
    margin-right: 200px;
}

.primary-nav-wrap .is-search-form {
    flex-grow: 1;
}

div#header-slogan {
    display: none;
}

.header-menu-wrap {
    align-items: center !important;
}

.main-header .site-title img {
    max-height: 90px !important;
}


li#menu-item-19251>a {
    background: var(--secondary) !important;
    color: #fff !important;
}

.header-menu-wrap.align-items-start.logo-left form {
    display: none;
}

.header-menu-wrap.logo-left {
    align-items: center !important;
}

.primary-nav-wrap nav>ul>li:last-child {
    background: var(--blue-500) !important;
    color: #fff !important;
    align-items: center;
    justify-content: center;
    display: flex;
}

.primary-nav-wrap nav>ul>li>a {
    padding: 3px 8px !important;
}

/* ---------- Header Sticky ---------- */
.is-sticky #header-slogan,
.is-sticky .primary-nav-wrap .is-search-form {
    display: none;
}

.is-sticky .site-title {
    padding: 0 !important;
}

/* ------------------------ Navigation -------------------- */

.main-header nav>ul {
    justify-content: end;
}

.main-header nav>ul>li:not(:last-child) {
    margin-right: 10px !important;
}

a.meanmenu-reveal:hover,
a.meanmenu-reveal:focus {
    color: var(--primary) !important;
}

.mean-nav ul li li.current_page_item>a,
.mean-nav ul li li>a:hover,
.mean-nav .sub-menu li>a:hover {
    color: var(--primary) !important;
}

nav.mean-nav ul#menu-main-menu a.mean-expand:hover {
    color: var(--primary) !important;
}

button.eael-simple-menu-toggle::after {
    content: "Articles";
    vertical-align: top;
    margin-left: 12px;
}

.mobile-menu #menu-main-menu {
    max-height: 100vh;
    height: 100vh;
}

#menu-item-9486>a {
    background-color: var(--secondary);
    color: white !important;
}

.mobile-menu ul#menu-main-menu li#menu-item-18657 a {
    background: var(--blue-500) !important;
    color: #fff !important;
}

/* ---------- Courses Menu ---------- */
#menu-item-2475>a {
    background-color: var(--primary);
    color: white !important;
}

#menu-item-2475>ul.sub-menu {
    width: 340px;
    min-width: max-content;
}

.eael-simple-menu-indicator {
    border: 0 !important;
}

.mean-nav #menu-item-2475 a.mean-expand {
    color: white !important;
}

.mean-nav ul#menu-main-menu li#menu-item-2475 a.mean-expand:hover {
    color: white !important;
}

.mean-nav>ul>li>a:hover,
.mean-nav>ul>li.current_page_item>a {
    color: var(--primary) !important;

}

.primary-nav-wrap nav>ul>li:last-child a {
    background: var(--blue-500) !important;
    color: #fff !important;
}

li#menu-item-18656 a {
    background: var(--blue-500) !important;
    color: #fff !important;
}

#menu-main-menu li#menu-item-18645 a {
    background: var(--secondary) !important;
    color: #fff !important;
}

li#menu-item-18644>a {
    background: var(--primary) !important;
    color: #fff !important;
}

/* -------------------------- Slider ---------------------- */

.handstandem-slide-content {
    justify-content: start;
    padding-top: 5%;
    padding-left: 3%;
}

.handstandem-slide-content p {
    background-color: #fffa;
    width: max-content;
    padding: 0 10px;
    max-width: 100%;
}

.handstandem-classes-thumb-img {
    background: #fff;
    text-align: center;
}

.ourclasses-area .slick-slide img {
    max-height: 150px;
    width: auto;
}

.slick-slide a {
    white-space: normal;
}

.class-des ul li {
    display: list-item;
    margin: 0 !important;
    line-height: 1.2;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 100;
    right: 0;
}

.btn-prev.slick-arrow {
    left: 0;
}

.elementor-element.elementor-element-0f16636 .handstandem-slider-item::before {
    background: #00000052;
}


/*---------------------why caasn-----------------------*/

.elementor-18703 .elementor-element.elementor-element-1ec3293 .testimonial-content i {
    display: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100px !important;
    border: 6px solid #125A85;
    padding: 24px;
    border-radius: 50%;
    height: 100px;
}

.handstandem_testimonial_active .testimonial-image {
    margin-bottom: -22px;
}

.elementor-18703 .elementor-element.elementor-element-1ec3293 .single-testimonial .testimonial-content p {
    background: #E7EFF3;
    padding: 24px;
}

.testimonial-content {
    padding: 36px 0 0 0;
}

.owl-stage-outer.owl-height {
    height: fit-content !important;
}

.single-testimonial {
    padding-bottom: 0 !important;
}

.testimonial-content {
    padding-bottom: 0 !important;
}

/* --------------------- Courses Section --------------------- */

.ourclasses-area .row {
    row-gap: 25px;
}

.ourclasses-area .row .handstandem-classes-single-item {
    background-color: white;
    height: 100%;
}

.handstandem-classes-single-item img {
    height: 150px !important;
    width: auto;
}

.handstandem-classes-single-item .class-des h3 {
    padding: 5px;
    text-align: center;
    white-space: normal;
}

.handstandem-classes-single-item .class-des ul {
    padding: 5px;
}

.trainer-courses-cat .class-des h3 {
    text-align: left;
}

.handstandem-classes-single-item .class-des li:first-child {
    display: none;
}

.class-des {
    text-align: center;
}

.class-des ul li {
    list-style: none;
}

/* ----------------------- Course Page ----------------------- */

.single-handstandem_classes .page-wrapper {
    padding: 0;
}

.course-tabs a {
    color: var(--blue-500);
}

.curriculum-wrapper {
    max-height: 70vh;
    overflow-y: scroll;
}

.curriculum thead {
    position: sticky;
    top: 0;
    background-color: white;
}

/* ------------------------ Trainers ------------------------ */

.handstandem-trainer-thumb-img img {
    height: 256px !important;
    width: auto;
    margin: auto;
}

.trainer-courses-page-img .handstandem-trainer-thumb-img {
    width: inherit;
    border-radius: 0;
}

.trainer-courses-page-img .handstandem-trainer-thumb-img img {
    height: initial !important;
}

.handstandem-classes-single-item .class-des li:first-child {
    display: none;
}

/* -------------------------- Tabs -------------------------- */

.htmega-tab-nav a {
    font-size: var(--body-fs) !important;
}

/* -------------------------- Table -------------------------- */

table th,
table td {
    padding: 5px 10px !important;
}

.table-unit p {
    font-size: 14px !important;
    font-weight: 400;
    display: inline;
}

/* -------------------------- image-box -------------------------- */
.image-box-style h2 a {
    font-weight: bold !important;
}

.image-box-style p a {
    text-align: justify;
    color: var(--gray-200);
    padding-top: 12px;
    font-weight: 300;
}

/* -------------------------- list-item-------------------------- */
.list-item-p p {
    margin: 0;
}

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

.footer-bottom-section {
    padding-bottom: 0 !important;
}

.footer-bottom-section .container {
    max-width: 100% !important;
}

.footer-copyright {
    padding: 0 !important;
}

footer {
    background: transparent;
    color: var(--gray);
}

.footer-wrapper .elementor-widget .elementor-icon-list-item a {
    display: flex;
}

.copyright a:hover {
    color: var(--blue-200);
}

.footer-content {
    display: flex;
    column-gap: 48px;
    row-gap: 48px;
    max-width: 1600px;
    margin: 0 auto 48px;
    justify-content: space-between;
    padding: 0 24px;
}

.footer-content>div {
    width: 33%;
    text-align: left;
}

footer .info {
    text-align: justify;
}

footer p {
    line-height: 1.5em;
    color: var(--gray);
}

.contact-info ul {
    list-style: none;
    padding: 0;
    text-align: left;
    font-size: 0.9em;
}

.contact-info ul li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 6px;
}

.contact-info ul li i {
    font-size: 20px;
}

.copyright {
    width: 100%;
    padding: 6px 0;
    background-color: var(--gray-700);
    color: var(--gray-100);
}

.copyright .wrapper {
    width: 100%;
    max-width: 1600px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 24px;
    padding: 0 24px;
}

.copyright .links {
    display: flex;
    flex-wrap: wrap;
}

.copyright .links a {
    color: var(--gray-100);
    border-right: 1px solid var(--gray-100) !important;
    margin-right: 12px;
    padding-right: 12px;
}

.copyright .links a:last-child {
    border-right: 0 !important;
}

.copyright .links a:hover {
    color: var(--blue-200);
}

footer h5 {
    margin-top: 0;
    font-weight: bold;
    color: var(--gray-500);
}

footer a {
    color: var(--gray-500);
    text-decoration: none;
}

footer a:hover,
footer a:focus {
    text-decoration: none;
    color: var(--primary);
}

#footer-logo {
    padding-bottom: 12px;
    height: 100px;
    float: left;
    margin-right: 12px;
}

.social-icons a {
    display: flex;
    align-items: center;
    column-gap: 6px;
    margin-bottom: 6px;
}

.social-icons a:hover i {
    background: var(--primary);
}

.social-icons i {
    color: var(--gray-100);
    font-size: 20px;
    text-align: center;
    width: 36px;
    height: 36px;
    background: #777;
    border-radius: 50%;
    text-align: center;
    line-height: 40px !important;
    transition: all 0.3s ease;
}

/* -------------------------- Badge ----------------------- */

.premium-badge {
    background-color: var(--gold);
    color: white;
    padding: 2px 5px;
    font-size: 0.8rem !important;
    border-radius: 100px;
    position: absolute;
    right: 5px;
    line-height: 1.5;
    top: 50%;
    transform: translateY(-50%);
}

/* ------------------------- Forms ------------------------- */

.gform_wrapper {
    box-shadow: 0 0 5px #0007;
    padding: 5px 15px;
    border-radius: 10px;
}

.ginput_container {
    margin-top: 0 !important;
}

.gfield_description {
    padding: 0 !important;
    margin: 0 !important;
}

input[type="text"] {
    font-size: 0.9em !important;
}

.gfield_list th {
    font-size: 0.8em !important;
}

.gform_footer {
    text-align: right;
}

input[type='submit'] {
    background-color: var(--red-500) !important;
    color: white !important;
    border: none !important;
    padding: 5px 15px !important;
    border-radius: 5PX !important;
    line-height: 20px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

input[type='submit']:hover {
    background-color: var(--red-800) !important;
}

.ginput_container_consent {
    display: flex;
    gap: 12px;
    align-items: baseline;
    line-height: 1.5em;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td,
.ui-datepicker-calendar a {
    background-color: var(--gray-100);
}

.ui-datepicker tbody td {
    padding: 0 !important;
}

form input {
    border: 1px solid var(--gray);
}

form input:not([type='file']) {
    border-radius: 6px;
    padding: 4px 8px !important;
}

input[type='file'] {
    border-radius: 3px;
}

label {
    line-height: 1.5 !important;
}

/* ------------------------ Buttons ------------------------ */

.entry-content button,
button {
    background-color: var(--primary) !important;
    border-radius: 0 !important;
}

.entry-content button:hover,
button:hover {
    background-color: var(--blue-900) !important;
}

button.htb-close {
    background: transparent !important;
}

.htmega-mailchimp input[type="submit"] {
    background-color: var(--blue-500) !important;
    border-radius: 0 !important;
    vertical-align: top;
}

.htmega-mailchimp input[type="submit"]:hover {
    background-color: var(--blue-900) !important;
}

/* ------------------------- Modal ------------------------- */

.htb-modal-body {
    max-height: 70vh;
    overflow-y: scroll;
}

.htb-modal-body .gform_wrapper {
    box-shadow: none;
}

.htb-modal-footer {
    display: none;
}

/* ---------------------- Mobile Nav ---------------------- */

#mobile-nav {
    display: none;
    position: fixed;
    bottom: 0;
    justify-content: space-around;
    flex-wrap: nowrap;
    width: 100%;
    background-color: var(--gray-700);
    padding: 4px;
    z-index: 100;
}

.mobile-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--white) !important;
    font-weight: normal !important;
}

.mobile-nav-item i {
    font-size: 24px;
    line-height: 1.2;
}

/* ---------------------- Learn Press ---------------------- */

.meta-item.meta-item-student {
    display: none !important;
}

.meta-item.meta-item-level {
    display: none !important;
}

.course-detail-info {
    background-color: #125a85 !important;
}

span.courses-Duration {
    padding: 0 6px;
    color: #7a1915;
    font-weight: bold;

}

.attachment-500x300.size-500x300.wp-post-image {
    padding: 12px;
}

.lp-archive-courses .course-meta__pull-left .meta-item::before {
    color: #719cb6 !important;
}

li.course-nav.course-nav-tab-curriculum {
    background: #e7eff3;
}

li.course-nav.course-nav-tab-instructor {
    background: #e7eff4;
}

li.course-nav.course-nav-tab-overview {
    background: #e7eff4;
}

ul.learn-press-nav-tabs .course-nav.active::before {
    background: #125a85 !important;
}

ul.learn-press-nav-tabs .course-nav.active label {
    color: #125a85 !important;
}

.course-sidebar-top i {
    color: #7a1915;
}

.course-curriculum .course-item.course-item-lp_lesson .section-item-link::before {
    content: "\f02d" !important;
}

.course-curriculum .course-item .section-item-link::before {
    color: #125a85 !important;
}

.course-curriculum .course-item .section-item-link:hover .item-name {
    color: #125a85 !important;
}

.course-sidebar-preview .course-price .price {
    color: #125a85 !important;
}

ul.learn-press-nav-tabs::after {
    background: #ffffff;
}

.course-curriculum .course-item.item-locked .course-item-status::before {
    color: #125a85 !important;
}

div#back-to-top {
    z-index: 1000;
}

#popup-header {
    background: #125a85 !important;
}

#popup-header .course-title a {
    font-size: 24px;
    font-weight: bold !important;
}

#popup-footer .course-item-nav .prev:hover a,
#popup-footer .course-item-nav .prev:hover::before,
#popup-footer .course-item-nav .next:hover a,
#popup-footer .course-item-nav .next:hover::before {
    color: #125a85 !important;
}

.course-item-nav .prev a:hover {
    color: #125a85 !important;
}

.course-item-nav .next a:hover {
    color: #125a85 !important;
}

#popup-header .course-title {
    display: flex;
    align-items: center;
}

#popup-sidebar .search-course button::before {
    color: #fff !important;
}

#mobile-nav {
    z-index: 999;
}

embed.lecture-pdf {
    height: 700px !important;
}

.course-title a:hover {
    color: #e7eff3 !important;
}

.lp-archive-courses .course-meta__pull-left .meta-item__value>div a:hover {
    color: #e7eff3 !important;
}

.content-item-wrap {
    width: 100% !important;
    max-width: 1600px !important;
    padding: 0 24px;
}

h3.lesson-title {
    background: #125a85;
    padding: 12px;
    color: #fff;
}

.lesson-section {
    margin: 60px 0;
}

button.lp-button.button.button-complete-item.button-complete-lesson.lp-btn-complete-item {
    color: #fff !important;
    border: none;
    font-weight: bold;
}

.Duration-container {
    border-top: 2px solid #eee;
    padding-top: 6px;
}

/* ---------------------- Learn Press Profile ---------------------- */
.lp-user-profile .lp-user-profile-avatar img {
    width: 30% !important;
    border-radius: 50% !important;
}

.wrapper-profile-header.wrap-fullwidth {
    /*background: var(--primary) !important;*/
    margin-top: 50px !important;
}

ul.lp-profile-nav-tabs li a i {
    color: var(--primary) !important;
}

.lp-user-profile #profile-nav .lp-profile-nav-tabs li.active>a i,
.lp-user-profile #profile-nav .lp-profile-nav-tabs li:hover>a i {
    color: #fff !important;
}

.lp-user-profile #profile-nav .lp-profile-nav-tabs>li.active,
.lp-user-profile #profile-nav .lp-profile-nav-tabs>li:hover {
    background: var(--primary) !important;
}

.lp-user-profile h2.lp-profile-username {
    margin: 0;
    font-size: 24px;
    padding: 0;
}

.learn-press-filters>li span {
    color: var(--primary) !important;
}

.learn-press-message.success {
    border-color: var(--primary) !important;
}

.dashboard-statistic__row .statistic-box {
    background: var(--blue-100) !important;
    border: 0 !important;
}

.statistic-box .statistic-box__text,
.statistic-box__number {
    color: var(--blue-900) !important;
}

.lp-ajax-message {
    border-color: var(--primary) !important;
    border-radius: 0 !important;
}

.learn-press-filters>li a {
    color: var(--blue-400) !important;
}

.learn-press-filters>li a:hover {
    color: var(--primary) !important;
}

.learn-press-filters>li a.active {
    color: var(--blue-900) !important;
}

.lp-list-table thead tr th {
    background: var(--blue-500) !important;
}

button.lp-button.button-recover-order {
    color: #fff !important;
    padding: 6px;
    border: 0 !important;
    font-weight: bold;
}

.order-recover input {
    border: 1px solid #eee;
    padding: 6px;
}

.lp-user-profile .profile-orders .column-order-actions a {
    text-decoration: none !important;
    font-weight: bold !important;
    color: var(--primary) !important;
}

#learn-press-profile-basic-information input {
    border-color: #eee !important;
    border-radius: inherit !important;
}

#learn-press-profile-basic-information button {
    color: #fff !important;
    font-weight: bold;
    padding: 6px;
    border: none;
}

.learn-press-form #submit {
    color: #fff !important;
    font-weight: bold !important;
    padding: 6px;
    border: none;
}

.learn-press-form input {
    border-radius: inherit;
    padding: 6px;
    border-color: #eee;
}

.learn-press-form input:focus {
    border-color: var(--blue-100) !important;
    border-width: 2px !important;
}

#learn-press-profile-basic-information input:focus {
    border-color: var(--blue-100) !important;
}

textarea#description:focus {
    border-color: var(--blue-100) !important;
    border-width: 2px;
}

.form-field-input textarea {
    border-color: #eee !important;
}

span.lp-show-password-input {
    top: 0 !important;
}

.lp-user-profile #profile-nav .lp-profile-nav-tabs li.active>ul .active>a {
    color: var(--primary) !important;
    background: var(--blue-200);
}

.lp-user-profile #profile-nav .lp-profile-nav-tabs>li ul li a:hover {
    color: var(--primary) !important;
    background: var(--blue-200) !important;
}

.learn-press-profile-course__progress .lp_profile_course_progress__header {
    background: var(--primary) !important;
    color: #fff !important;
}

tr.lp_profile_course_progress__item td img {
    padding: 0 !important;
}

table.lp_profile_course_progress tr th {
    border-color: var(--blue-600) !important;
}

table.lp_profile_course_progress td {
    border-color: #eee !important;
}

.lp-modal-dialog .lp-modal-header {
    background: var(--primary) !important;
    border-bottom: 1px solid #eee;
    padding: 1em;
}

.lp-modal-footer button {
    color: #fff !important;
}

.learnpress-page .lp-button:hover,
.learnpress-page #lp-button:hover {
    border-color: var(--primary) !important;
}

.learn-press-progress__active {
    background: #fff !important;
}

.progress-active.lp-progress-value {
    background: var(--primary) !important;
}

form.continue-course.form-button.lp-form button {
    background: var(--blue-900) !important;
}

.lp-course-progress-wrapper .course-progress {
    margin: 24px 0 !important;
}

.lp-btn-finish-course {
    background: var(--blue-500) !important;
    color: #fff !important;
    border: none !important;
    font-weight: bold !important;
}

.learn-press-message.error {
    border-color: var(--red-500) !important;
    background: var(--red-100) !important;
}

.learn-press-message.warning {
    border-color: var(--red-500) !important;
    background: var(--red-100);
}

.quiz-buttons button {
    color: #fff !important;
    border: none;
    font-weight: bold;
}

.quiz-intro-item::before {
    color: var(--primary) !important;
}

.quiz-status>div {
    background: var(--blue-100);
}

.submit-quiz button {
    color: #fff !important;
}

.content-item-wrap .quiz-buttons.align-center .button-left.fixed {
    bottom: 24px !important;
}

.lp-passing-conditional {
    display: none;
}

.quiz-result .result-grade svg circle {
    stroke: var(--primary) !important;
}

.course-item-lp_quiz div#popup-footer {
    display: none;
}

.lp-checkout-form a {
    color: var(--primary) !important;
}

.lp-checkout-form a:nth-child(2) {
    color: var(--red-600) !important;
    padding-left: 48px;
}

div#checkout-account-logged-in {
    padding-bottom: 24px;
}

button#learn-press-checkout-place-order {
    border: 0;
    padding: 6px;
    font-size: 18px;
}

.lp-terms-and-conditions a {
    color: var(--primary) !important;
}

.lp-terms-and-conditions a:hover {
    color: var(--blue-500) !important;
}

#checkout-payment #checkout-order-action button:hover {
    background: var(--blue-900) !important;
    opacity: 1 !important;
}

div#checkout-order h4 {
    padding-bottom: 6px;
}

.payment-method-form.payment_method_offline-payment {
    background-color: var(--red-100) !important;
    border: 0 !important;
}

#learn-press-checkout .payment-methods .lp-payment-method.selected>label {
    background: var(--blue-100) !important;
    border: 0 !important;
}

#checkout-order .course-thumbnail>img {
    padding: 0;
}

#checkout-order .lp-checkout-order__inner {
    border-color: #eee !important;
}

tr.cart-subtotal,
.order-total {
    height: 40px;
}

tr.cart-item {
    height: 100px;
}

textarea.order-comments {
    border-color: #eee;
}

div#checkout-payment h4 {
    margin-top: 24px;
}

.lp-content-area .order_details td a {
    color: var(--primary) !important;
}

.learnpress-checkout .lp-content-area p {
    font-size: 20px !important;
    font-weight: bold;
}

table.order_details th,
td {
    border: 0 !important;
}

.lp-checkout-form .lp-checkout-remember label {
    font-size: 14px !important;
    font-weight: 400 !important;
}

.lp-checkout-form a:nth-child(2) {
    font-size: 14px !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

#checkout-account-login .lp-checkout-sign-up-link {
    font-size: 15px !important;
}

.learnpress-checkout .lp-content-area p.lp-terms-and-conditions {
    font-size: 15px !important;
    font-weight: 400 !important;
}

.lp-checkout-form .lp-form-fields input:not([type=checkbox]) {
    border-color: #eee !important;
    border-radius: 0 !important;
}

.lp-checkout-form .lp-form-fields input:not([type=checkbox]) {
    border-color: #eee !important;
    border-radius: 0 !important;
}

.learnpress-checkout .lp-content-area {
    margin-top: 50px !important;
}

.course-curriculum .course-item.has-status.status-completed .course-item-status::before {
    color: var(--primary) !important;
    font-weight: bold !important;
}

button.page-numbers {
    background: var(--blue-100) !important;
    color: var(--primary) !important;
    border: none !important;
}

button.page-numbers:hover {
    background: var(--blue-200) !important;
}

span.page-numbers.current {
    border: none !important;
    background: var(--primary) !important;
    color: #fff !important;
}

span.page-numbers.current:hover {
    background: var(--blue-900) !important;
}

button.lp-button.back-quiz {
    bottom: 90px;
}

span.page-numbers.dots {
    border-color: var(--blue-100) !important;
    color: var(--primary) !important;
}

body .content-item-summary .form-button-finish-course {
    display: none;
}

.question .question-response.incorrect .label {
    background: var(--red-600) !important;
}

.question .answer-option.answered-wrong .option-title {
    border-color: var(--red-600) !important;
}

div#checkout-account-logged-in p {
    font-weight: 400 !important;
    font-size: 15px !important;

}

.lp-modal-content {
    margin: 24px;
}

.lp-archive-courses .course-meta__pull-left .meta-item.meta-item-duration::before {
    content: "\f073" !important;
    font-family: 'FontAwesome';

}

.course-progress {
    display: none !important;
}

.lp-archive-courses .course-summary-sidebar__inner>div {
    padding: 12px !important;
}

img.avatar {
    width: 100% !important;
}

span.instructor-display-name:hover {
    color: var(--blue-200) !important;
}

.lp-single-instructor__info {
    margin-top: 50px;
}

.lp-single-instructor .wrapper-instructor-total-courses,
.lp-single-instructor .wrapper-instructor-total-students {
    display: none !important;
}

.lp-single-instructor .ul-instructor-courses {
    gap: 36px !important;
}

.lp-single-instructor .ul-instructor-courses .course-img img {
    aspect-ratio: 4 / 4 !important;
    height: 250px !important;
    object-fit: contain !important;
}

.price-categories .price {
    color: var(--primary) !important;
    font-weight: bold !important;
}

ul.ul-instructor-courses .course-categories a {
    color: #aaa !important;
}

ul.ul-instructor-courses .course-count-student {
    display: none !important;
}

#checkout-account-logged-in {
    display: none;
}

.lp-checkout-form__after {
    display: flex;
    flex-direction: column;
}

.learn-press-checkout-comment {
    order: 4;
    margin: 24px 0;
}

span.instructor-display-name:hover {
    color: var(--blue-200) !important;
}

.lp-single-instructor__info {
    border: 0 !important;
}

.lp-single-instructor .ul-instructor-courses h2 {
    height: 70px;
    font-size: 18px;
    border-bottom: 1px solid #eee !important;
}

.lp-single-instructor__info .instructor-avatar img {
    border-radius: 50%;
}

.lp-single-instructor li.item-course {
    display: flex;
    flex-direction: column;
    border: 1px solid #eee;
    padding: 12px;
}

.lp-single-instructor .ul-instructor-courses li span.course-title {
    font-size: 18px !important;
}

.lp-single-instructor .ul-instructor-courses li img {
    padding: 0 !important;
}

.lp-icon-file:before {
    content: "\f02d" !important;
}

.lp-single-instructor .ul-instructor-courses .course-count div {
    color: #aaa !important;
}

.course-tab-panel .lp-course-author .author-description {
    font-style: normal !important;
}

.course-tab-panel .lp-course-author .author-title a {
    font-size: 18px;
}

.question .answer-option.answer-correct .option-title {
    border-color: var(--blue-400) !important;
    background: var(--blue-100) !important;
}

.questions-index span {
    color: #fff !important;
}

.questions-index {
    color: #fff !important;
}

.quiz-status .countdown {
    color: #fff !important;
}

.question .answer-option .option-title:hover {
    background: var(--blue-100) !important;
}

div#learn-press-quiz-app div#lp-modal-buttons button {
    color: #fff !important;
    border: 0 !important;
}

button.lp-button.review-quiz {
    border: 0 !important;
}

div#checkout-account-register p.lp-checkout-sign-in-link {
    font-size: 15px !important;
}

.lp-user-profile .lp-profile-nav-tabs>li:hover > a {
    color: var(--white) !important;
}

.user-subscriber .course-nav-tab-reviews, .user-subscriber .course-nav-tab-students-list {
    display: none;
}

.student-course-item img {
    max-width: 100px;
}

/* --------------------- TABS ---------------------------*/

.learn-press-tabs .learn-press-tabs__checker:nth-child(1):checked~.learn-press-tabs__nav .learn-press-tabs__tab:nth-child(1)::before {
    background: var(--primary) !important;
}

.learn-press-tabs .learn-press-tabs__checker:nth-child(1):checked~.learn-press-tabs__nav .learn-press-tabs__tab:nth-child(1) label a {
    color: var(--primary) !important;
}

.learn-press-tabs .learn-press-tabs__checker:nth-child(2):checked~.learn-press-tabs__nav .learn-press-tabs__tab:nth-child(2)::before {
    background: var(--primary) !important;
}

.learn-press-tabs .learn-press-tabs__checker:nth-child(2):checked~.learn-press-tabs__nav .learn-press-tabs__tab:nth-child(2) label a {
    color: var(--primary) !important;
}

.learn-press-tabs .learn-press-tabs__checker:nth-child(3):checked~.learn-press-tabs__nav .learn-press-tabs__tab:nth-child(3)::before {
    background: var(--primary) !important;
}

.learn-press-tabs .learn-press-tabs__checker:nth-child(3):checked~.learn-press-tabs__nav .learn-press-tabs__tab:nth-child(3) label a {
    color: var(--primary) !important;
}

.learn-press-tabs .learn-press-tabs__tab {
    background: var(--blue-100) !important;
}

.learn-press-tabs .learn-press-tabs__checker:nth-child(1):checked~.learn-press-tabs__nav .learn-press-tabs__tab:nth-child(1) {
    background: #fff !important;
}

.learn-press-tabs .learn-press-tabs__checker:nth-child(2):checked~.learn-press-tabs__nav .learn-press-tabs__tab:nth-child(2) {
    background: #fff !important;
}

.learn-press-tabs .learn-press-tabs__checker:nth-child(3):checked~.learn-press-tabs__nav .learn-press-tabs__tab:nth-child(3) {
    background: #fff !important;
}

/* ---------------------- Login and Register ---------------------- */

input#um-submit-btn {
    background: var(--primary) !important;
    padding: 10px !important;
}

.um-button.um-alt {
    padding: 12px !important;
    box-shadow: inherit;
    background: var(--blue-400) !important;
    color: #fff !important;
    font-size: 16px;
}

a.um-link-alt:hover {
    color: var(--primary) !important;
}


.um-field-error {
    background: var(--red-700) !important;
}

.um-faicon-caret-up:before {
    color: var(--red-700) !important;
}

.um.um-password.um-um_password_id {
    margin-top: 70px;
}

p.lp-checkout-remember {
    display: flex;
    align-items: center;
}

span.um-password-toggle-icon {
    position: absolute;
    top: 6px;
    right: 12px;
    cursor: pointer;
}

/* ---------------------- Media Query ---------------------- */

@media only screen and (min-width: 768px) {
    .ginput_container_address>span:not(:first-child) {
        width: 32% !important;
        margin-right: 1% !important;
        float: left;
    }
}

@media only screen and (max-width: 1023px) {
    .footer-content {
        flex-direction: column;
    }

    .info,
    .contact-info,
    .footer-youtobe {
        width: 100%;
    }

    .contact-info,
    .footer-YouTube {
        margin-top: 24px;
    }

    .my-footer-copyright {
        flex-direction: column-reverse;
    }

    p.my-color {
        font-size: 13px !important;
    }

    .footer-content>div {
        width: 100%;
        padding: 0;
    }

    .copyright .wrapper {
        justify-content: center;
    }

    .course-meta .course-meta__pull-left,
    .course-meta .course-meta__pull-right {
        flex-wrap: nowrap !important;
    }

    .course-meta.course-meta-primary .course-meta__pull-left {
        display: flex;
    }
}

@media only screen and (max-width: 991px) {
    #mobile-nav {
        display: flex;
    }

    body {
        padding-bottom: 70px;
    }

    #back-to-top {
        bottom: 80px !important;
    }

    .single-lp_course #back-to-top {
        bottom: 112px !important;
    }
}

@media only screen and (max-width: 767px) {
    .header-area {
        padding: 0;
    }

    .main-header .site-title img {
        max-height: 80px;
    }

    #header-slogan,
    .primary-nav-wrap .is-search-form {
        display: none;
    }

    .gallery figure.gallery-item {
        width: 50%;
    }

    .td-content {
        justify-content: start !important;
    }


}

@media only screen and (max-width: 768px) {
    .course-price {
        position: fixed;
        bottom: 48px;
        width: 50%;
        z-index: 1000;
        background: #e7eff3;
        height: 47px;
        display: flex;
        align-items: center;
        padding-left: 6px;
        justify-content: center;
        left: 0;
    }

    .lp-course-buttons {
        position: fixed;
        bottom: 50px;
        z-index: 1000;
        width: 50%;
        height: 36px;
        right: 0;
    }

    ul.learn-press-nav-tabs {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .course-meta .course-meta__pull-left,
    .course-meta .course-meta__pull-right {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .content-item-wrap {
        padding: 0;
    }

    .single-lp_course section.page__title__wrapper.single-post.text-center {
        display: none;
    }

    .single-lp_course ul.learn-press-breadcrumb {
        display: none;
    }

    .media-preview {
        display: none;
    }

    div#checkout-account-logged-in p {
        padding-bottom: 24px;
        font-size: 14px !important;
    }

    .learn-press-message.warning {
        position: fixed;
        bottom: 33px;
        left: 0;
    }

    h2.course-title a {
        font-size: 16px !important;
    }

    .mean-nav ul li {
        border-top: 1px solid #fff;
    }

    .mean-nav>ul>li.current_page_item>a {
        background: var(--primary) !important;
        color: #fff !important;
    }

    nav.mean-nav ul#menu-main-menu a.mean-expand:hover {
        color: #fff !important;
    }

    .main-header nav>ul>li>a {
        border-top: 0 !important;
    }

    .learn-press-checkout-comment .order-comments {
        min-height: 50px;
    }

    .learnpress-checkout .page__title__inner {
        padding: 12px 0;
    }

    #learn-press-checkout {
        margin: 12px 0 !important;
    }

    .lp-enroll-notice.success {
        border: 0 !important;
        border-top: 4px solid var(--primary) !important;
        position: fixed !important;
        bottom: 55px !important;
        background: var(--blue-100) !important;
        left: 0;
        width: 100%;
        border-radius: 0 !important;

    }

    .lp-archive-courses .course-detail-info .course-title {
        font-size: 20px !important;
    }

    .lp-single-instructor__info {
        padding: 0 !important;
    }

    .lp-single-instructor h2 {
        font-size: 18px !important;
        margin-bottom: 6px !important;
    }

    .instructor-description {
        font-size: 14px;
    }

    .lp-single-instructor__info .instructor-avatar {
        margin-right: 18px;
        display: flex;
        align-items: center;
    }

    .lp-user-profile .wrapper-profile-header .lp-profile-content-area {
        padding: 12px !important;
    }

    .learnpress_avatar__cropper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media only screen and (max-width: 576px) {
    .htmega-tab-nav a {
        padding: 0 8px !important;
    }

    .htmega-tab-nav a i {
        margin-right: 0 !important;
    }

    .elementor-accordion .elementor-tab-title {
        display: flex;
    }

    span.elementor-accordion-icon.elementor-accordion-icon-left {
        margin-top: 6px;
    }

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

    .info,
    .contact-info,
    .footer-youtobe {
        width: 100%;
    }

    embed.lecture-pdf {
        width: 100% !important;
        height: auto !important;
    }

    .content-item-wrap .course-item-title {
        font-size: 24px !important;
    }

    h3.lesson-title {
        font-size: 15px;
    }

    .content-item-wrap .course-item-title {
        font-size: 24px;
    }

    button.lp-button.back-quiz {
        float: right;
        padding: 6px !important;
    }

    div#learn-press-profile .lp-content-area {
        padding: 12px 0 !important;
    }

    .lp-user-profile-avatar img {
        padding: 0 12px !important;
    }

    div#dashboard-statistic .dashboard-statistic__row {
        padding: 0 !important;
    }

    div#dashboard-statistic .dashboard-statistic__row div {
        padding: 12px !important;
    }

    .lp-user-profile #profile-nav .lp-profile-nav-tabs>li>a {
        font-size: 14px !important;
    }

    ul.lp-profile-nav-tabs {
        display: flex !important;
        flex-direction: column !important;
    }

    .lp-user-profile #profile-nav .lp-profile-nav-tabs>li>a>i {
        left: 18px !important;
    }

    .lp-user-profile #profile-nav .lp-profile-nav-tabs {
        width: 100% !important;
    }

    .lp-user-profile #profile-nav .lp-profile-nav-tabs>li {
        max-width: 100% !important;
    }

    .lp-user-profile #profile-nav .lp-profile-nav-tabs>li a {
        display: flex !important;
        align-items: center !important;
        border-bottom: 1px solid #eee !important;
    }

    .learn-press-filters>li {
        margin-right: 18px !important;
    }

    ul.learn-press-filters {
        justify-content: space-between !important;
    }

    .learnpress-profile button.eael-simple-menu-toggle {
        display: none !important;
    }

    div#learn-press-profile .wrapper-profile-header.wrap-fullwidth {
        margin-top: 0 !important;
    }

    .learn-press-filters>li:last-child {
        margin: 0 !important;
    }

    .lp-single-instructor__info .instructor-avatar img {
        width: 100px !important;
    }

    #handstand .page__title__inner {
        padding: 12px !important;
    }

    .lp-user-profile .lp-user-profile-avatar img {
        width: 40% !important;
    }

    .lp-user-profile .lp-profile-content-area {
        flex-direction: row !important;
    }

    .lp-content-area.lp-profile-content-area {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .lp-user-profile-avatar {
        display: inline-block;
    }

    .lp-content-area.lp-profile-content-area {
        width: max-content;
    }

    .lp-profile-left {
        min-width: unset !important;
        width: 40% !important;
        max-height: 80px;
    }

    .lp-user-profile-avatar {
        height: 100% !important;
    }

    .lp-profile-left {
        width: 100% !important;
    }

    .lp-user-profile .lp-profile-content-area .lp-profile-right {
        padding: 0 !important;
    }

    .lp-user-profile .lp-user-profile-avatar img {
        width: 50% !important;
    }

    .lp-profile-left {
        display: flex;
        justify-content: center;
    }

    .learnpress-profile .elementor-element.elementor-element-c4e898d.e-con-full.e-flex.e-con.e-parent {
        padding: 12px !important;
    }
}

@media only screen and (max-width: 400px) {
    .handstandem-classes-details .htmega-tab-nav i {
        display: none !important;
    }

}