/**
Theme Name: Astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Version: 3.8.5
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

/* Note: The CSS files are loaded from assets/css/ folder. */


.d-xs-none {
    display: none !important;
}

.tutor-dashboard-menu-reviews {
    display: none !important;
}

.tutor-dashboard-menu-my-quiz-attempts {
    display: none !important;
}

/* .tutor-course-thumbnail {display:none !important;} */
.tutor-course-card .tutor-course-bookmark {
    display: none !important;
}

.tutor-course-filter-container {
    display: none !important;
}

/* .tutor-single-course-content-prev {display:none !important}
.tutor-single-course-content-next {display:none !important} */
.tutor-nav-link {
    display: none !important
}

.tutor-nav-link is-active {
    display: block !important
}

/*NEW STYLES START*/
.tutor-course-single-sidebar-wrapper {
    background-color: #ffffff !important;
    border-left: 1px solid #e3e3e3;
}



.tutor-form-check-input[type='checkbox']:checked {
    background-color: #84bc40 !important;
    border-color: #84bc40 !important;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-quiz-wrapper .tutor-quiz-wrap {
    width: 100% !important;
    padding: 0px 10px;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content {
    border-right: 1px solid #e3e3e3;
    min-height: calc(100vh - 230px) !important;
}


.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
    background: #0980f9 !important;
}

.tutor-btn {
    border-radius: 5px;
}


.tutor-btn-primary {
    border-color: #0980f9 !important;
    background-color: #0980f9 !important;
}

.tutor-btn-primary:hover,
.tutor-btn-primary:focus,
.tutor-btn-primary:active {
    border-color: #143466 !important;
    background-color: #143466 !important;
}

.tutor-btn-outline-primary {
    border-color: #0980f9 !important;
    color: #0980f9 !important;
}

.tutor-btn-outline-primary:hover,
.tutor-btn-outline-primary:focus,
.tutor-btn-outline-primary:active {
    background-color: #143466 !important;
    border-color: #143466 !important;
    color: #fff !important;
}

.tutor-btn-secondary {
    border-color: #0980f9 !important;
    color: #056fda  !important;
    background-color: #fff !important;
    padding: 9px 12px !important;
}

.tutor-btn-secondary:hover,
.tutor-btn-secondary:focus,
.tutor-btn-secondary:active {
    background-color: #143466 !important;
    border-color: #143466 !important;
    color: #fff !important;
}

.score-area {
    padding-top: 10px;
}

.pre-score {
    font-size: 13px;
    color: #666;
    padding: 5px 0px;
    border-bottom: 1px solid #d9d9d9;
}

.in-progress {
    font-size: 13px;
    color: #666;
    padding: 5px 0px;
    border-bottom: 1px solid #d9d9d9;
}

.post-score {
    font-size: 13px;
    color: #666;
    padding: 5px 0px;
}

.pre-score span {
    font-size: 13px;
    color: #000;
    float: right;
}

.in-progress span {
    font-size: 13px;
    color: #000;
    float: right;
}

.post-score span {
    font-size: 13px;
    color: #000;
    float: right;
}

.course-notstarted {
    color: #dc902e;
    font-size: 13px;
    border-bottom: 1px solid #d9d9d9;
    padding: 5px 0px;
}

.course-completed {
    color: #63aa0c;
    font-size: 13px;
    border-bottom: 1px solid #d9d9d9;
    padding: 5px 0px;
}

.lesson-top p {
    margin-bottom: 0px;
}

.tutor-card {
    border: 1px solid #eaeaeb !important;
    -webkit-box-shadow: 0px 11px 14px -5px rgba(232, 232, 232, 1);
    -moz-box-shadow: 0px 11px 14px -5px rgba(232, 232, 232, 1);
    box-shadow: 0px 11px 14px -5px rgba(232, 232, 232, 1);
}

.tutor-progress-value {
    background: #63aa0c !important;
}


.tutor-avatar-text {
    background-color: #84bc40 !important;
}

.tutor-color-success {
    color: #63aa0c !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item:hover .tutor-course-topic-item-icon,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item:hover .tutor-course-topic-item-title,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-icon,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-title {
    color: #0980f9 !important;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header:hover,
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active {
    color: #0980f9 !important;
}

.tutor-wrap-parent {
    width: 100%;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.tutor-single-course-sidebar .tutor-sidebar-card .tutor-card-body {
    background-color: #ffffff !important;
}

.um input[type=submit].um-button {
    background: #0980f9 !important;
    border-radius: 4px !important;
    border: 1px solid #0980f9 !important;
    min-width: 450px !important;
}
.um-sign-in-txt {
    text-align: center;
    margin-top: 20px;
    color: #888;
}
.um input[type=submit].um-button:hover {
    background: #143466 !important;
}

.um .um-button.um-alt {
    background: #fff !important;
    border: 1px solid #0980f9 !important;
    color: #056fda !important;
    box-shadow: none !important;
}

.um a.um-button:hover {
    background: #143466 !important;
    color: #fff !important;
    border: 1px solid #143466 !important;
}

.um-field-label label {
    font-weight: 400 !important;
}

.tutor-round-box {
    color: #0980f9 !important;
}

.tutor-single-course-sidebar .tutor-sidebar-card .tutor-card-body {
    border-radius: 6px;
}

.wp-block-loginout a {
    color: #fff !important;
}

.logged-out {
    display: none !important;
}


/*NEW STYLES END*/
/*-------------report page styles start-----------*/
.report-container {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #333;
    width: 100%;
    margin: 0px auto;
    font-weight: 400;
}

.report-print {
    width: 100%;
    text-align: right;
    margin: 20px auto 0px auto;
}

.report-container h1 {
    font-size: 18px;
}

.report-container p {
    font-size: 14px;
    padding: 0px;
    margin: 5px;
}

.report-container a {
    font-size: 14px;
    color: #0980f9;
}

.report-header {
    border-bottom: 10px solid #e7e7e7;
    margin-bottom: 20px;
    padding: 20px 0px;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: space-between;
    display: none;
}

.reportlogo {
    width: 50%;
    float: left;
}

.reportname {
    width: 50%;
    float: right;
    text-align: right;
}

.reportname h1 {
    margin-bottom: 5px;
    color: #143466;
}

.report-content {
    width: 100%;
    float: left;
}

.basic-info {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px 0px 20px 0px;


    box-sizing: border-box;
}

.basic-info h1 {
    color: #143466;
    margin: 0;
    padding-bottom: 10px;
}

.report-footer {
    width: 100%;
    float: left;
    font-size: 13px;
    border-top: 1px solid #84bc40;
    padding: 20px 0px;
    margin-top: 30px;
}

.report-site-name {
    width: 33%;
    float: left;
}

.page-count {
    width: 33%;
    float: left;
    text-align: center;
}

.budget-title {
    width: 33%;
    float: left;
    text-align: right;
}

.width50 {
    width: 48%;
    float: left;
    margin-bottom: 5px;
    /*padding: 3px 0px;*/
}

.report-question {
    width: 60%; 
    float: left;
    line-height: 20px;
}

.report-value {
    width: 40%; 
    float: right;
    font-weight: 500;
    text-align: right;
    line-height: 20px;
}
.household-info{
    display: flex; 
    justify-content: space-between;
}

.overall-report {
    width: 100%;
    float: left;
    margin-top: 0px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
}

.overall-report h2 {
    font-size: 20px;
    color: #143466;
}

.total-household {
    width: 48%;
    padding: 30px;
    border: 3px solid #84bc40;
    border-radius: 10px;
    float: left;
    box-sizing: border-box;
}

.total-expense {
    width: 48%;
    padding: 30px;
    border: 3px solid #0980f9;
    float: right;
    box-sizing: border-box;
    border-radius: 10px;
}


.monthly-exp {

    float: left;
    border-top: 10px solid #0980f9;
    padding-top: 30px;
    display: flex;

}

.monthly-inc {

    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 5px solid #84bc40;

    margin-bottom: 30px;

}

.monthly-exp-title {
    float: left;
    padding: 20px 0px;

    border-radius: 10px;
    float: left;
    box-sizing: border-box;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: #0980f9;

    border-top: 1px solid #0980f9;
    border-left: 1px solid #0980f9;
    border-right: 1px solid #0980f9;
    border-bottom: 5px solid #0980f9;
}

.monthly-house-inc {

    padding: 20px 0px;
    border-radius: 10px;

    display: flex;
    box-sizing: border-box;
    width: 100%;

    margin-bottom: 20px;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: #84bc40;
    justify-content: center;

    border-top: 1px solid #84bc40;
    border-left: 1px solid #84bc40;
    border-right: 1px solid #84bc40;
    border-bottom: 5px solid #84bc40;

}

.report-section {
    float: left;
    width: 100%;
    margin-bottom: 8px;
}

.report-section h3 {
    color: #143466;
    margin-bottom: 20px;
    font-size: 18px;
}

.width100 {
    width: 100%;
    float: left;
    margin-bottom: 5px;
   
    /* padding: 5px 0px;*/


}

.width100 h3 {
    font-size: 18px;
    color: #143466;
    padding-bottom: 20px;
    margin: 0;
    text-align: center;
}

.width100 h4 {
    font-size: 16px;
    color: #143466;
    padding-bottom: 18px;
    margin: 0;

}

.summary {
    border-top: 5px solid #0980f9;
    border-bottom: 5px solid #0980f9;
    padding: 10px 0px 0px 0px;
    margin-bottom: 50px;
}

.mon-inc {
    padding: 20px;
    border: 1px solid #c5c5c5;
    box-sizing: border-box;
    border-radius: 5px;
}

.mainbox {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contentbox {
    width: 48%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dbdbdb;
}

.contentbox h3 {
    font-size: 18px;
    color: #143466;
    padding-bottom: 10px;
    margin: 0;
}


.household-section {
    border: none !important;
    padding-top: 10px;
    width: 100%;

    padding-bottom: 10px;
}

.household-section h3 {
    font-size: 18px;
    color: #143466;
    padding-bottom: 20px;
    margin: 0 !important;
}

.household-section h4 {
    font-size: 16px;
    color: #143466;
    padding-bottom: 16px;
    margin: 0;
    padding-top: 20px;
}

.basicinfoheader {
    font-size: 18px;
    color: #143466;
    padding-bottom: 10px;
    margin: 0 !important;
}

.household-summary {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

/*--------dashboardand popup-------*/

.guest-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.guest-modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 0px;
  width: 35%; 
  border-radius: 10px;

}
.guest-main h1{color: #fff; background: #3F639A; padding: 16px; font-size: 20px; border-top-left-radius: 9px;border-top-right-radius: 9px;}
.guest-main form{padding: 20px;}

/* The Close Button */
.guest-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.guest-close:hover,
.guest-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.guest-email{width: 100% !important; background: #fff !important;  border: 1pt solid #ced4da !important;  border-radius: 5px !important;padding: 0.45em 0.75em !important; }
.guest-email:focus-visible {
    border: 1pt solid #999 !important;
    border-color: #999 !important;
    outline: none;
}
.guest-feilds input[type=text]{width: 100%;}
.guest-nickname{margin-bottom: 10px;}
.guest-mail{margin-bottom: 20px;}
.guest-buttons input{    background: #0980f9 !important;
    border-radius: 4px !important;
    border: 1px solid #0980f9 !important;
color: #fff !important;}

.guest-buttons input:hover{    background: #143466 !important;
    
    border: 1px solid #143466 !important;
color: #fff !important;}

.guest-message {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 22px;
}

input.guest-skip {
    border: 1px solid #0980f9 !important;
    background-color: #fff !important;
    font-size: 15px !important;
    border-radius: 4px !important;
    margin-left: 10px;
    color: #0980f9 !important;
}


input.guest-skip:focus {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}

input.guest-skip:hover {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}
.gst-section {
    width: 100%;
    margin: 30px auto;
    font-family: 'Roboto', sans-serif;
}
.gst-section p {
    font-size: 1rem;
    color: #666;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 20px;
    line-height: 22px;
}
.gst-card {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.gst-content {
    background-color: #fff;
    width: 277px;
    -webkit-box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    -moz-box-shadow: 0px 11px 14px -5px rgba(232, 232, 232, 1);
    box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    border: 1px solid #eaeaeb !important;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
}
.gst-image {
    overflow: hidden;
    height: 150px;
    margin-bottom: 20px;
}
.gst-card-image {
    object-fit: cover;
    max-width: 100%;
    object-position: center;
    border-radius: 5px 5px 0px 0px;
}
.gst-title {
    padding: 0px 20px 20px 20px;
    word-break: break-word;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 1 1 auto;
}
.gst-section h2 {
    font-size: 1rem;
    color: #333;
    font-weight: 500;
    margin-bottom: 0;
    
}
.gst-section h2 a{ text-decoration: none; color: #333;}
.gst-section h2 a:hover{color: #000; text-decoration: underline;}
.btn-guest{
    background: #0980f9 !important;
    border-radius: 4px !important;
    border: 1px solid #0980f9 !important;
    color: #fff !important;
    padding: 8px 15px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    margin-bottom: 20px;
}
.btn-guest:hover {
    background: #143466 !important;
    border: 1px solid #143466 !important;
    color: #fff !important;
}
.guest-custom-txt{color:#fff;}
.guest-custom-txt a{color: #a9ef53; text-decoration: none;}
.guest-custom-txt a:hover{color: #fff;}
/*------------report page styles end--------------*/

/*------resources section---------------------------*/

.resource-card-image {
    object-fit: cover;
    max-width: 100%;
    object-position: center;
    border-radius: 5px 5px 0px 0px;
}

.resource-title {
    padding: 0px 20px 20px 20px;
    word-break: break-word;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 1 1 auto;
}

.resource-button {
    padding: 0px 20px 30px 20px;
}

.resource-title h2 {
    font-size: 1rem;
    color: #212327;
    font-weight: 500;
}

.resource-section h2 {
    font-size: 1rem;
    color: #333;
    font-weight: 500;
    margin-bottom: 0;
}

.resource-section h3 {
    font-size: 1.25rem;
    color: #333;
    font-weight: 500;
    margin-bottom: 0;
}

.resource-section p {
    font-size: 1rem;
    color: #666;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 20px;
}

.resource-button a {
    display: block;
    align-items: center;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    border-color: #0980f9 !important;
    background-color: #0980f9 !important;
    padding: 6px 12px;
    font-size: 16px;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
    width: 100%;
}

.resource-button a:hover {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}

.resource-button a:focus {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}


.resource-section {
    width: 100%;
    margin: 30px auto;
    font-family: 'Roboto', sans-serif;

}

.resource-card {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.resource-content {
    background-color: #fff;
    width: 277px;
    -webkit-box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    -moz-box-shadow: 0px 11px 14px -5px rgba(232, 232, 232, 1);
    box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    border: 1px solid #eaeaeb !important;
    display: flex;
    flex-direction: column;
    border-radius: 5px;

}

.resource-image {
    overflow: hidden;
    height: 150px;
    margin-bottom: 20px;
}

.mn {
    margin-bottom: 30px !important;
}
.tutor-basket{align-items: center;}

.tutor-outer{display: flex; flex-direction: column; align-items: center; text-align: center; }
.tutor-congrats-mes{font-size: 22px; color: #0980f9; font-weight: 700;}
.tutor-compl-mes{font-size: 16px;}
.tutor-test-score{font-size: 16px;}
.tutor-pscore{font-size: 20px; font-weight: 700;}
.tutor-back-btn {
    display: block;
    align-items: center;
    font-weight: 400;
    line-height: 1.4;
    color: #0980f9;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 100%;
    border: 1px solid #0980f9 !important;
    background-color: #fff !important;
    padding: 5px 12px;
    font-size: 16px;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}

.tutor-back-btn:hover {
    background-color: #143466 !important;
    border-color: #143466 !important;
    color: #fff !important;
}

.tutor-btns a{margin: 0px 5px; float: left; width: auto; }
.tutor-retest{float: left; margin: 0px 5px;}



/*--resourcce dettails-------*/

.resource-details {
    width: 100%;
    margin: 30px auto;
    font-family: 'Roboto', sans-serif;
}


.resource-details h3 {
    font-size: 1.25rem;
    color: #333;
    font-weight: 500;
    margin-bottom: 0;
}

.resource-details p {
    font-size: 1rem;
    color: #666;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 20px;
}

.resource-detail-card {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 30px;
}


.res-detail-content {
    background-color: #fff;
    width: 48.70%;
    -webkit-box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    -moz-box-shadow: 0px 11px 14px -5px rgba(232, 232, 232, 1);
    box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    border: 1px solid #eaeaeb !important;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    padding: 20px;
    justify-content: center;

}

.res-detail-content h4 {
    font-size: 1rem;
    color: #333;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0;
    line-height: 23px;


}

.res-detail-content p a {
    font-size: 14px;
    color: #3a3a3a;
    font-weight: 400;
    text-decoration: none;
    line-height: 24px;

}

.res-detail-content p a:hover {
    text-decoration: underline;
    color: #63aa0c;
}

.res-detail-content p {
    font-size: 1rem;
    color: #666;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.contenthead {
    word-break: break-word;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 1 1 auto;
}

.res-detail-content span {
    display: block;
    margin-right: 10px;
    float: left;
    width: 28px;
    height: 28px;
}

.res-detail-content img {
    width: 28px;
    max-width: 28px !important;
}


/* EOF Resources Styles */


/*----------------BOF Webinars-------*/
.webinar {
    width: 100%;
    margin: 30px auto;
    font-family: 'Roboto', sans-serif;
}




.webinar-card {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}


.webinar-content {
    background-color: #fff;
    width: 277px;
    -webkit-box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    -moz-box-shadow: 0px 11px 14px -5px rgba(232, 232, 232, 1);
    box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    border: 1px solid #eaeaeb !important;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    padding-bottom: 20px;



}

.webinar-content h3 {
    font-size: 15px;
    color: #333;
    font-weight: 500;

    margin-top: 0;
    line-height: 23px;
    padding: 15px 20px 15px 20px;

    margin-bottom: 0;


}

.w-pb10 {
    padding-bottom: 10px !important;
}

.w-noborder {
    border: none !important;
}

.webinar-content p {
    font-size: 13px;
    color: #143466;
    font-weight: 400;
    text-decoration: none;
    line-height: 18px;
    padding: 0px 20px 20px 20px;
    margin: 0;


}

.webinar-title {

    word-break: break-word;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 1 1 auto;
    border-bottom: 1px solid #d9d9d9;
}

.webinar h2 {
    font-size: 1.25rem;
    color: #333;
    font-weight: 500;
    margin-bottom: 20px;
}

.webinar-details {
    display: flex;
    font-size: 14px;

    padding: 15px 20px 0px 20px;

    flex-direction: column;

}

.webinar-details div {
    display: flex;
    align-items: center;
    margin-right: 20px;
    margin-bottom: 10px;



}

.webinar-details div span {
    display: block;
    width: 24px;
    height: auto;
    float: left;
    margin-right: 5px;
    color: #0980f9;
}

.webinar-details div span img {
    color: #0980f9;
}

.webinar-button {
    padding: 15px 20px 0px 20px;
}

.webinar-button a {
    display: block;
    align-items: center;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    border-color: #0980f9 !important;
    background-color: #0980f9 !important;
    padding: 6px 12px;
    font-size: 16px;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;

}

.webinar-button a:focus {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}

.webinar-button a:hover {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}

.webinar-image {
    overflow: hidden;
    height: 150px;
    background: #fafafa;
    border-radius: 5px 5px 0px 0px;

}

.webinar-card-image {
    object-fit: cover;
    max-width: 100%;
    object-position: center;
    border-radius: 5px 5px 0px 0px;
}

.webinar-info {
    padding: 10px 20px 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.webinar-info a {
    display: block;
    align-items: center;
    font-weight: 400;
    line-height: 1.4;
    color: #0980f9;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 100%;
    border: 1px solid #0980f9 !important;
    background-color: #fff !important;
    padding: 5px 12px;
    font-size: 16px;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}

.webinar-info a:hover {
    background-color: #143466 !important;
    border-color: #143466 !important;
    color: #fff !important;
}

.webinar-tabs {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    justify-content: center;
}

.webinar-tabs a {
    display: block;
    float: left;
    padding: 20px 40px;
    color: #63aa0c;
    text-align: none;
    border: 1px solid #63aa0c;
    margin-right: 10px;
    text-decoration: none;
    border-radius: 50px;
}

.webinar-active {
    background: #63aa0c;
    color: #fff !important;
}

/* Style the tab */


/* Style the buttons inside the tab */
.tab a {
    display: block;
    float: left;
    padding: 15px 30px;
    color: #63aa0c;
    text-align: none;
    border: 1px solid #63aa0c;
    margin-right: 10px;
    text-decoration: none;
}

/* Change background color of buttons on hover */
.tab a:hover {
    background-color: #fff;
}

/* Create an active/current tablink class */
.tab a.active {
    background: #63aa0c;
    color: #fff !important;
}

/* Style the tab content */
.tabcontent {
    display: none;


}

/*------webinar details------------------*/

.webinar-details-inner {
    width: 1200px;
    margin: 30px auto;
    font-family: 'Roboto', sans-serif;
}

.webinar-details-inner h1 {
    font-size: 2rem;
    font-weight: 400;
    color: #3a3a3a;
}



.webinar-detail-card h2 {
    font-size: 24px;
    font-weight: 400;
    color: #143466;

    padding-bottom: 10px;
    margin-bottom: 20px;
}

.webinarhead p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
}



.webinariconarea {
    display: flex;
    font-size: 14px;
    padding: 10px 0px 0px 0px;
    flex-direction: row;
}

.webinariconarea div {
    display: flex;
    align-items: center;
    margin-right: 20px;
    margin-bottom: 10px;

}

.webinariconarea div span {
    display: block;
    width: 24px;
    height: auto;
    float: left;
    margin-right: 10px;
    color: #0980f9;
}

.webinar-join {
    display: inline-block;
    align-items: center;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    border-color: #0980f9 !important;
    background-color: #0980f9 !important;
    padding: 6px 12px;
    font-size: 16px;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
    margin-top: 20px;

}

.webinar-join:focus {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}

.webinar-join:hover {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}
.web_back_form{width: auto; float: left;}

.web_back_btn { 
    display: inline-block;
    align-items: center;
    font-weight: 400;
    line-height: 1.4;
    color: #0980f9 !important;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    border-color: #0980f9 !important;
    background-color: #fff !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
    border-radius: 6px !important;
    box-sizing: border-box;
    cursor: pointer;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
    margin-top: 20px;
    margin-right: 10px;

}

.web_back_btn:focus {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}

.web_back_btn:hover {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}

.add-calendar{margin-left: 15px; width: 22px;}
/*------------EOF Webinars-----------*/

/******MY BUDGET OPEN*************/

.lp-archive-courses .course-item {
    -webkit-box-shadow: 0px 11px 14px -5px rgb(232 232 232) !important;
    -moz-box-shadow: 0px 11px 14px -5px rgba(232, 232, 232, 1) !important;
    box-shadow: 0px 11px 14px -5px rgb(232 232 232) !important;
    border: 1px solid #eaeaeb !important;
    border-radius: 6px;
}

.lp-archive-courses .course-title {
    font-weight: 500 !important;
}

.learn-press-courses[data-layout=grid] .course-content {
    border: none !important;
}

.learn-press-courses[data-layout=grid] .course-content .course-permalink {
    margin-bottom: 0 !important;
}

.lp-archive-courses .course-thumbnail img {
    transition: none !important;
    transform: none !important;
}

.lp-archive-courses .course-thumbnail .thumbnail::before {
    display: none !important;
}


/******MY BUDGET CLOSE*************/

/******MY BUDGET OPEN*****/

.mybudget-card-image {
    object-fit: cover;
    max-width: 100%;
    object-position: center;
    border-radius: 5px 5px 0px 0px;
}

.mybudget-title {
    padding: 0px 20px 20px 20px;
    word-break: break-word;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 1 1 auto;
}

.mybudget-button {
    padding: 0px 20px 10px 20px;
}

.mybudget-status {
    padding: 0px 20px 20px 20px;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
    
}


.mybudget-title h2 {
    font-size: 1rem;
    color: #212327;
    font-weight: 500;
}

.mybudget-section h2 {
    font-size: 0.85rem;
    color: #333;
    font-weight: 500;
    margin-bottom: 5px;
}

.mybudget-section h3 {
    font-size: 1rem;
    color: #333;
    font-weight: 500;
    margin-bottom: 0;
}

.mybudget-section p {
    font-size: 1rem;
    color: #666;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 20px;
}

.mybudget-button a {
    display: block;
    align-items: center;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    border-color: #0980f9 !important;
    background-color: #0980f9 !important;
    padding: 6px 12px;
    font-size: 16px;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
    width: 100%;
}

.mybudget-button a:hover {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}

.mybudget-button a:focus {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}


.mybudget-section {
    width: 100%;
    margin: 30px auto;
    font-family: 'Roboto', sans-serif;

}

.mybudget-card {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.mybudget-content {
    background-color: #fff;
    width: 277px;
    -webkit-box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    -moz-box-shadow: 0px 11px 14px -5px rgba(232, 232, 232, 1);
    box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    border: 1px solid #eaeaeb !important;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
   

}
.mybudget-disabled{opacity: 0.2 !important;pointer-events:none !important;}
.mybudget-status a{text-decoration: underline; outline: none; }
.mybudget-status a:hover{text-decoration: underline; color:#0980f9;}

.mybudget-image {
    overflow: hidden;
    height: 150px;
    margin-bottom: 20px;
}

.mybudget-notstarted {
    color: #dc902e !important;
}

.mybudget-inprogress {
    color: #1d96ae !important;
}

.mybudget-completed {
    color: #63aa0c !important;
}
.sub-message{display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px; }
/****MY BUDGET CLOSE*****/

/*------MY BUDGET INNER open-----------------*/

.mybudget-details-inner {
    width: 1200px;
    margin: 30px auto;
    font-family: 'Roboto', sans-serif;



}

.mybudget-details-inner h1 {
    font-size: 2rem;
    font-weight: 400;
    color: #3a3a3a;
}

.mybudget-detail-card {
    -webkit-box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    -moz-box-shadow: 0px 11px 14px -5px rgba(232, 232, 232, 1);
    box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    padding: 20px 30px;
    border: 1px solid #d7d7d9;
    border-radius: 5px;
}

.mybudget-detail-card h2 {
    font-size: 16px;
    font-weight: 400;
    color: #666;

    padding-bottom: 10px;

}

.mybudgethead p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
}



.mybudgeticonarea {
    display: flex;
    font-size: 14px;
    padding: 10px 0px 0px 0px;
    flex-direction: row;
}

.mybudgeticonarea div {
    display: flex;
    align-items: center;
    margin-right: 20px;
    margin-bottom: 10px;

}

.mybudgeticonarea div span {
    display: block;
    width: 20px;
    height: auto;
    float: left;
    margin-right: 10px;
    color: #0980f9;
}

.watupro-submit-button {
    display: inline-block;
    align-items: center;
    font-weight: 400;
    line-height: 1.4;
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    border-color: #0980f9 !important;
    background-color: #0980f9 !important;
    padding: 6px 12px;
    font-size: 16px;
    border-radius: 6px !important;
    box-sizing: border-box;
    cursor: pointer;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
    margin: 0px 5px;


}

.watupro-submit-button:focus {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}

.watupro-submit-button:hover {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}

.watupro-exam-description p {
    font-size: 14px;
}

.quiz-area {
    padding: 0px 0px;
}

.chained-quiz-question {
    font-size: 18px;
    color: #000;
}

.watupro-buttons {
    padding: 20px 0px;
    text-align: center;
}

.watu-question {
    margin-top: 0 !important;
}

.question-content {
    padding: 5px 10px 10px 10px;
    font-size: 17px;
    color: #1d1d1f;
    /* background: #efefef;  */
    border-radius: 5px 5px 0px 0px !important;
    
    margin-bottom: -5px !important;
}

.single-page-quiz .watu-question{padding: 0  0 10px 0!important; margin-top: 0 !important; margin-top: 15px !important; background: #efefef;}
.question-content p:first-child{ padding-bottom: 10px; font-size: 17px;}

div.watu-question,
div.show-question {
    margin-top: 0 !important;
}

.mybudget-detail-content h3 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #6ea927;
}

.back_btn {
    display: inline-block;
    align-items: center;
    margin: 0 5px;
    font-weight: 400;
    line-height: 1.4;
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    border-color: #0980f9 !important;
    background-color: #0980f9 !important;
    padding: 7px 12px;
    font-size: 16px;
    border-radius: 6px !important;
    box-sizing: border-box;
    cursor: pointer;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}

.back_btn:focus {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}

.back_btn:hover {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}
.btnmargin{
	margin: 0px 5px;
}
.watupro-user-feedback,
.watupro-textarea-medium,
.watupro-text,
.watupro-gap {
    background-color: #fff !important;
    color: #000 !important;
    width: 265px;
    border: 1pt solid #999 !important;
}

.watupro-text {
    color: #000 !important;
}

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


.watuproNextCatButton {
    margin: 0 !important;
}

.watu-question {

    border-radius: 5px;
    background: #efefef;
   padding-bottom: 10px;
    border: 1px solid #e2e2e2;
   
}

.mybudgethead h2 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #6ea927;
}

.question-choices {
    padding: 0px 10px 10px 10px;
    background: #efefef;
    margin-top: 0 !important;

}

.question-choices p {
    padding: 0;
    margin: 0;
}
.back-center{text-align: center;}
.budget-congrats{font-size: 24px !important;}

#myProgress {
  width: 100%;
  background-color: #d7e3d8;
  border-radius: 6px;
}

#myBar {
  width: 0%;
 
  border-radius: 6px;
  background-color: #76ac34;
}
#myBar span{color:#ffffff; padding: 0px 10px; font-size: 14px; }
.mybudget-report-section{width: 100%; display: flex; margin-bottom: 30px;  }
.report-progress{width: 30%; float: left;}
.report-btn{width: 70%; float: right; text-align: right;}
.mybudget-btn{    border:1px solid #76ac34 !important;
    background-color: #76ac34 !important; color: #ffffff; padding: 7px 10px; border-radius: 6px; font-size: 14px;  }
    .mybudget-btn:hover{background-color: #46681b  !important; color: #fff; border:1px solid #46681b !important; }
    .mybudget-btn:focus{color: #fff;}

    .printomatic{ border:1px solid #76ac34 !important;
        background-color: #76ac34 !important; color: #ffffff; padding: 8px 10px; border-radius: 6px; font-size: 14px; }
        .printomatic:hover{background-color: #46681b  !important; color: #fff; border:1px solid #46681b !important; }
        .notAppl:focus{ text-decoration: underline; color: #0980f9; outline: none;}

       
        .watupro_buttons.flex div{margin: 0px !important;}
        #watuproPrevCatButton{margin: 0px 5px !important;}
        #watuproNextCatButton{margin: 0px 5px !important;}
        .answer-area input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{background: #fff !important; color:#666 !important;    border: 1pt solid #ced4da !important;     border-radius: 5px !important; padding: 0.45em 0.75em !important;}
/*------------MY BUDGET INNER CLOSE-----------*/


/********EDIT ANSWERS OPEN**********/

.answer-edit-section {
    width: 1200px;
    margin: 30px auto;
    font-family: 'Roboto', sans-serif;
}
.answer-edit-container {
    -webkit-box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    -moz-box-shadow: 0px 11px 14px -5px rgba(232, 232, 232, 1);
    box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    padding: 30px 30px 15px 30px;
    border: 1px solid #d7d7d9;
    border-radius: 5px;
}

.answer-edit-section h3 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #6ea927;
}

.question-items {
    border-radius: 5px;
    background: #efefef;
    padding-bottom: 10px;
    border: 1px solid #e2e2e2;
    margin-bottom: 15px;
}
.question-area{padding: 5px 10px 10px 10px;
    font-size: 17px;
    color: #1d1d1f;
    border-radius: 5px 5px 0px 0px !important;
  }

.answer-area {
    padding: 0px 10px 10px 10px;
    background: #efefef;
    margin-top: 0 !important;
}

.answer-area input[type=text] {
    color: #000 !important;
    border: 1pt solid #ced4da !important;
    border-radius: 5px;
    padding: 0.45em 0.75em;
    background: #fff;
}

.answer-area textarea {
    color: #000 !important;
    border: 1pt solid #ced4da !important;
    border-radius: 5px;
    padding: 0.45em 0.75em;
    background: #fff;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;    
    -moz-appearance: none;
    appearance: none;
 	display: none;
    margin: 0; 
}
input[type=number] {
  -moz-appearance: textfield;
}
/********EDIT ANSWERS CLOSE**********/


#primary {
    width: 100% !important;

}

.active-menu{background: #0980f9;}




/**********DASHBOARD OPEN************/
.lesson-card-section{border-bottom:2px solid #0980f9 !important;}
.budget-card-section{border-bottom:2px solid #76ac34 !important;}
.budget-card-icon{color: #76ac34 !important; background: #f1f5ea !important;}
.dashboard-section{padding-top:0px !important;}

/**********DASHBOARD CLOSE************/

/**********REGISTRATION OPEN************/
.um-row-heading{ font-size: 28px !important; margin-bottom: 15px !important;}
.ast-plain-container.ast-no-sidebar #primary{margin-top: 30px !important;
    margin-bottom: 30px !important;}
/**********REGISTRATION CLOSE************/

/********OTP POPUP OPEN*********/
.mo_customer_validation-modal-content{border-radius: 10px !important; padding: 0 !important; border: none !important;}
.mo_customer_validation-modal-header{border-bottom: 1px solid #cad3e0 !important; color: #fff !important; background: #3f639a !important; padding: 20px 25px !important; border-radius: 9px 9px 0px 0px !important;}
.mo_customer_validation-modal-body{color: #222 !important;}
.otp-button{border:none !important; background: #0980f9 !important; border-radius: 6px !important; color: #fff !important; padding: 10px 20px !important;}
.otp-button:hover{background: #143466 !important; }
.mo-modal-backdrop{z-index: 999 !important;}
.mo_customer_validation-textbox{border: 1px solid #ddd !important; padding: 0.25em 0.75em !important;width:92% !important;}
.mo_customer_validation-modal-header .close{color: #dde1ed;}
.mo_customer_validation-modal-body{line-height: 22px;}
.um-login-guest {
    background: #fff !important;
    border: 1px solid #63aa0c !important;
    color: #63aa0c !important;
    box-shadow: none !important;
    display: block;
    width:90%;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    text-align: center;
    text-decoration: none !important;
    line-height: 1.5;
}
.um-login-guest:hover{color: #fff !important;background: #63aa0c !important;}
.um-guest{margin-top: 40px;}
a:focus{outline: none;}
/********OTP POPUP CLOSE*********/


/********FORGOT PASSWORD OPEN***************/
.pwd-title {
    color: #161616;
    font-size: 28px !important;
    margin-bottom: 15px !important;
    font-weight: 500;
}

.um-text-custom {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #666;
}

.reset-btn {
    background: #0980f9 !important;
    border-radius: 4px !important;
    border: 1px solid #0980f9 !important;
    width: 100%; border-radius: 4px;
    padding: 16px 20px !important;
    color: #fff;
}

.reset-btn:hover {
    background: #143466 !important;
    border: 1px solid #143466 !important;
}

.verify-btn {
    background: #fff !important;
    border: 1px solid #0980f9 !important;
    color: #056fda !important;
    box-shadow: none !important;
    width: 100%;
    border-radius: 4px;
    padding: 16px 20px !important;
}

.verify-btn:hover {
    background: #143466 !important;
    color: #fff !important;
    border: 1px solid #143466 !important;
}
.forgot-field{font-weight: 400 !important;}


/********FORGOT PASSWORD CLOSE***************/

/***************GUEST LOGIN OPEN****************/
.rmagic{max-width: 450px; margin: 0px auto; }
.rmagic .rmheader{font-weight: 400 !important;font-size: 28px !important;font-weight: 500; margin: 0px 0px 30px 0px !important;}
.rmagic .rmheader h1{font-size: 28px !important;font-weight: 500 !important; margin-bottom: 0 !important; }
.rmagic .rmfield{font-weight: 400 !important; margin-bottom: 10px !important;}
.rm_next_btn{background: #0980f9 !important;
    border-radius: 4px !important;
    width: 100% !important;
    color: #fff !important;
    font-weight: 400 !important;
    border: 1px solid #0980f9 !important;}
.rm_next_btn:hover{background: #143466 !important;border: 1px solid #143466 !important;}
.rmagic .buttonarea{margin-top: 10px !important;}
.rmagic .rmagic-row .rmagic-field .rminput input[type="text"], .rmagic .rmagic-row .rmagic-field .rminput input[type="password"], .rmagic .rmagic-row .rmagic-field .rminput input[type="email"], .rmagic .rmagic-row .rmagic-field .rminput input[type="url"], .rmagic .rmagic-row .rmagic-field .rminput input[type="file"], .rmagic .rmagic-row .rmagic-field .rminput input[type="number"], .rmagic .rmagic-row .rmagic-field .rminput textarea{min-height: 40px !important; font-weight: 400 !important; background:#fff !important;border-radius: 5px !important; border: 1pt solid #ced4da !important;}
.reg-content{font-size: 16px !important;position: absolute;
    bottom: -21px;
    text-align: center;
    width: 100%;}
    .rmcontent{position: relative;}
    .rm-form-field-invalid-msg{    width: 100% !important;
        background: #C74A4A !important;color: #fff !important;border-radius: 3px !important; font-weight: 400 !important; padding: 8px !important; font-size: 14px !important;text-transform: inherit !important;}
        label.rm-form-field-invalid-msg::before{display: none;}
        .rminput input[type="email"]:focus{ outline: none !important;}
        input{font-weight: 400 !important;}
/***************GUEST LOGIN CLOSE****************/

/**************LESSON OPEN***************/
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a{padding: 10px 13px !important;}
.tutor-card-body{flex: 0 !important; }
.lesson-border{border-bottom: 1px solid #d9d9d9 !important;}
.tutor-card-footer{border: none !important;}
.reattempt-btn{border: 1px solid #0980f9 !important;
    background-color: #fff !important;
    padding: 5px 12px; display: block !important; width: 100% !important; text-align: center !important; margin-top: 10px; font-size: 16px !important;}
.reattempt-btn:hover{background-color: #143466 !important;
    border-color: #143466 !important;
    color: #fff !important;
}
.wrong-section{ margin-top: 20px;width: 700px;}
.wrong-quesion-area{text-align: left;   
    padding: 15px;border: 1px solid #e0e2ea !important;
    border-radius: 4px;
   margin-bottom: 10px;

}

.wrong-question{margin: 0;line-height: 24px;}
.wrong-question span{font-weight: 700;}
.wrong-answer{margin: 0; line-height: 24px;}
.wrong-answer span{font-weight: 700;}
.correct-answer{margin: 0;line-height: 24px;}
.correct-answer span{font-weight: 700; color: #63aa0c;}
.wrong-message{    color: #c76464 !important;font-size: 16px;}
.right-message{    color: #63aa0c !important;font-size: 16px;}
.wrong-title{font-size: 18px; margin-bottom: 10px !important; text-align: left;}
.tutor-certificate img{width: 100px;}
#block-30{margin: 0px !important;}

#mo_um_send_otp_pass {
    background: #0980f9 !important;
    border-radius: 4px !important;
    border: 1px solid #0980f9 !important;
    /* width: auto !important; */
}

#mo_um_send_otp_pass:hover {
    background: #143466 !important;
    border: 1px solid #143466 !important;
}

#mo_message{padding: 1em !important;     line-height: 22px !important; font-weight: 400 !important;     font-size: 14px !important;}
.um-field-block{font-weight: 400 !important; font-size: 16px !important; color: #444;}
#mo_um_verify_pass {
    background: #0980f9 !important;
    border-radius: 4px !important;
    border: 1px solid #0980f9 !important;
    color: #fff !important;
    min-width: 100% !important; 
}
#mo_um_verify_pass:hover {
    background: #143466 !important;
    border: 1px solid #143466 !important;
    color: #fff !important;
}

.forgot-sec .um-col-alt-b{padding-top: 0 !important;}

.resource-back-btn {
    display: inline-block;
    align-items: center;
    font-weight: 400;
    line-height: 1.4;
    color: #0980f9 !important;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    border: 1px solid #0980f9 !important;
    background-color: #fff !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
    border-radius: 6px !important;
    box-sizing: border-box;
    cursor: pointer;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
    margin-top: 20px;
    margin-right: 10px;

}

.resource-back-btn:focus {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}

.resource-back-btn:hover {
    border-color: #143466 !important;
    background-color: #143466 !important;
    color: #fff !important;
}
.tutor-course-single-sidebar-hidden{border-left: 1px solid #e3e3e3;}
.bsui .btn-primary {
    color: #fff;
    background-color: #0980f9 !important;
    border-color: #0980f9 !important;
}
.bsui .btn-primary:hover {
    color: #fff;
    background-color: #143466 !important;
    border-color: #143466 !important;
    box-shadow: none !important;
}
.profile-email{font-size: 14px;font-weight: 400 !important;}
.bsui .bg-light{background-color: #FFFFFF !important;
    border: 1px solid #eaeaeb !important;
    -webkit-box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    -moz-box-shadow: 0px 11px 14px -5px rgba(232, 232, 232, 1);
    box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    border-radius: 10px !important;
    padding-bottom: 30px;
}
.bsui .navbar-nav{text-align: center;}
.bsui .navbar-light .navbar-nav .nav-link.active{color: #63aa0c !important;}
.bsui .navbar-light .navbar-nav .nav-link{font-size: 14px; color: #333 !important;}
.bsui .navbar-light .navbar-nav .nav-link:hover{color: #63aa0c !important;}

.uwp_page .col-lg-9 h3{text-align: left; font-size: 24px !important;     width: 50%;
    margin: 0 auto;}
.uwp-account-form{width: 50%; margin: 0 auto;}
.uwp_page .col-lg-9 .pl-lg-4{border: 1px solid #eaeaeb !important;
    -webkit-box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    -moz-box-shadow: 0px 11px 14px -5px rgba(232, 232, 232, 1);
    box-shadow: 0px 11px 14px -5px rgb(232 232 232);
    border-radius: 10px !important;}
    .uwp_page .col-lg-9 .pt-5{padding-top: 30px !important;}
/*------------EOF Resources----------*/

/*********MEDIA QUERY OPEN*********/

@media screen and (max-width: 1200px) {
    html {
        overflow-x: hidden !important;
    }

    .res-detail-content {
        width: 48.3%;
    }

    
    #primary {
        width: 100% !important;

    }
    .tutor-single-course-content-prev .tutor-btn-secondary{margin:0px 10px !important;}
    
    .mybudget-card {
        gap: 20px;
        justify-content: center;
        display: grid;
    }
    .mybudget-card{grid-template-columns: repeat(3, 1fr);}
    .mybudget-content {
       width: auto;

    }
    .mybudget-image {
               height: 185px;
    }
    .resource-card{ gap: 20px;
        justify-content: center;
        display: grid;
        grid-template-columns: repeat(3, 1fr); 
    }
        .resource-content{  width: auto;}
        .resource-image {
            height: 185px;
 }
 .webinar-card{ gap: 20px;
    justify-content: center;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr); 
}
.webinar-content{width: auto;}
.webinar-image{ height: 185px;}


}
/*********MEDIA QUERY CLOSE*********/

/*********MEDIA QUERY OPEN*********/

@media (max-width: 1225px) {

    .gst-content {
        width: auto;
    }
    .gst-image{height: 185px;}

    .resource-card {
        gap: 20px;
        justify-content: center;
    }
    .gst-card {
        gap: 20px;
        justify-content: center;
        display: grid;
        grid-template-columns: repeat(3, 1fr); 
    }

    .mybudget-card {
        gap: 20px;
        justify-content: center;
    }

    .webinar-card {
        gap: 20px;
        justify-content: center;
    }

    #primary {
        width: 100% !important;

    }

}

/*********MEDIA QUERY CLOSE*********/


/*********MEDIA QUERY OPEN*********/

@media screen and (max-width: 996px) {

    .res-detail-content {
        width: 100%;
    }

    .mybudget-detail-content {
        width: 100%;
    }

    #primary {
        width: 100% !important;

    }

    .webinar-details-inner {
        width: 100%;
    }

    .mybudget-details-inner {
        width: 100%;
    }
    .report-progress{width: 60%;}
    .report-btn{width: 40%;}
    .answer-edit-section{width: 100%;}
    .guest-modal-content {width: 50%;}
    .uwp_page .col-lg-9 h3{text-align: left; width: auto;}
.uwp-account-form{width: 100%; }
.uwp_page .col-lg-9 .pl-lg-4{border: none !important;
    box-shadow: none !important;}

    .mybudget-card{grid-template-columns: repeat(2, 1fr);}
    .resource-card{ 
        grid-template-columns: repeat(2, 1fr); 
    }
    .webinar-card{
        grid-template-columns: repeat(2, 1fr); 
    }
    .gst-card {
        grid-template-columns: repeat(2, 1fr); 
    }

}
/*********MEDIA QUERY CLOSE*********/

/*********MEDIA QUERY OPEN*********/

@media (max-width: 576px) {
      .mo_customer_validation-textbox{width: 87% !important;}
    .tutor-spotlight-mobile-progress-right {

        display: none !important;
    }

    .tutor-spotlight-mobile-progress-left {
        width: 100% !important;
    }

    .resource-content {
        width: 100%;
    }
    .gst-content {
        width: 100%;
    }

    .mybudget-content {
        width: 100%;
    }

    .webinar-content {
        width: 100%;
    }
    .guest-modal-content {width: 80%;}

    .resource-image {
        overflow: hidden;
        height: 220px;
        margin-bottom: 20px;
    }

    .mybudget-image {
        overflow: hidden;
        height: 220px;
        margin-bottom: 20px;
    }

    .webinar-image {
        overflow: hidden;
        height: 220px;

    }

    .tab a {

        padding: 15px 20px;
        text-align: center;
        font-size: 15px;

    }

    #primary {
        width: 100% !important;

    }
    .question-content {
       line-height: 24px;
    }
    .mybudget-detail-card{padding: 20px;}

    .tutor-wrap-parent {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .tutor-course-content-list-item-duration{float: right;}
.tutor-course-content-list-item-status{float: right;}
.tutor-course-single-content-wrapper #tutor-single-entry-content{border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3;}
.webinariconarea{flex-direction: column;}
.ast-header-break-point .main-navigation ul .menu-item .menu-link:hover{color: #fff !important;}
.back_btn{margin: 5px;}
#watuproPrevCatButton{margin: 5px 5px !important;}
.watupro_buttons.flex div {
    margin: 5px !important;
}
.tutor-btns{text-align: center; display: flex; align-items: center; flex-direction: column;}
.tutor-btns a{margin-bottom: 10px;}
.tutor-retest{margin-bottom: 10px;}
.bsui .navbar-nav li a{font-size: 13px !important; padding: 0rem 0.5rem;}
.mybudget-card{grid-template-columns: repeat(1, 1fr);}
.resource-card{ 
    grid-template-columns: repeat(1, 1fr); 
}
.webinar-card{
    grid-template-columns: repeat(1, 1fr); 
}
#watupro_quiz input{margin-bottom: 10px;}
.gst-card {
    grid-template-columns: repeat(1, 1fr); 
}
.um-login-guest{width: 87%;}


}

/*******MEDIA QUERY CLOSE*********/


/*********MEDIA QUERY OPEN*********/
@media (max-width: 700px) {
    .wrong-section{ width: 100% !important;}
}

/*********MEDIA QUERY CLOSE*********/

/*********PRINT STYLES OPEN*********/
@media print {
    .report-header {
        display: flex;
        border-bottom: 10px solid #e7e7e7;
        margin-bottom: 20px;
        padding: 20px 0px;
        box-sizing: border-box;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .site-header {
        display: none;
    }

    .site-footer {
        display: none;
    }

    .report-print {
        display: none;
    }
    .report-question{line-height: 18px;} 
    .report-value{line-height: 18px;}
    .report-container{font-size: 13px;}
    .overall-report{font-size: 15px;}
    .total-household{padding: 20px;}
    .total-expense{padding: 20px;}
    .monthly-exp-title{font-size: 16px; padding: 15px 0px;}
    .monthly-house-inc{font-size: 16px; padding: 15px 0px;}
}

/*********PRINT STYLES CLOSE*********/

#block-36{margin-bottom:0px !important;}
#block-37 a{border-color: #0980f9 !important;
    background-color: #0980f9 !important;}
#block-37 a:hover{border-color: #143466 !important;
    background-color: #143466 !important;}


 .thankyou {
            max-width: 950px;
            margin: 30px auto;
            font-family: 'Roboto', sans-serif;
        }

        .thankyou h1 {
                color: #0980f9;
    font-weight: 600;
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
        }

        .thankyou h2 {
            color: #000;
            font-size: 20px;
            margin-bottom: 10px;
            font-weight: 500;

        }

        .thankyou h3 {
            color: #0980f9;
            font-size: 20px;
            margin-bottom: 10px;
            font-weight: 500;

        }

        .thankyou h4 {
            color: #000;
            font-size: 24px;
            font-weight: 600;
            text-align: center;
			padding-bottom: 20px;
        }

        .thankyou p {
            font-size: 16px;
            line-height: 24px;
            color: #333;
            margin: 0;
			padding-bottom: 20px;
        }

        p.thank-text {
            text-align: center;
            font-size: 18px;
            line-height: 25px;
			margin-bottom:30px;
        }

        .appoint-section{max-width: 800px; margin:40px auto;}
.entry-title{ font-size: 28px !important;
    margin-bottom: 25px !important;
}

.buttonSquare {border-color: #0980f9 !important;
    background-color: #0980f9 !important; color:#fff; border-radius:3px;padding: 16px 20px !important; text-decoration:none; }

.buttonSquare:hover {border-color: #143466 !important;
    background-color: #143466 !important; color:#fff; cursor:pointer;}
    .two-column{display:grid; grid-gap:0px 20px; grid-template-columns: repeat(2, 1fr);}
.appoint-section input[type=text]{width: 100%;}
.appoint-section input[type=email]{width: 100%;background: #fff !important;
    border: 1pt solid #ced4da !important;
    border-radius: 5px !important;
    padding: 0.45em 0.75em !important;}
    .appoint-section select{width: 100%;}
.terms-text{margin-top:10px; margin-bottom:20px;position:relative; padding-left:26px;}

.backtopage {border:1px solid #0980f9 !important;
	display:inline-block;
    background-color: #fff !important; color:#0980f9; border-radius:3px;padding: 9px 20px !important; text-decoration:none; margin-left:10px; }

.backtopage:hover {border-color: #0980f9 !important;
    background-color: #0980f9 !important; color:#fff; cursor:pointer;}
.smallText{line-height: 24px;
    font-size: 15px;}
.terms-text input[type=checkbox]{width:16px; height:16px; position:absolute; top:5px; left:0px;}
.buttonSquare:disabled {opacity: 0.5; cursor:default;}
.debt-amount{position:relative;}
.debt-amount:before {
    content: '$';
    position: absolute;
    top: 0px;
    left: 8px;
    z-index: 1;
	font-size: 20px;
}
input.with-dollar{padding-left:25px !important; }


@media (max-width: 576px) {    
.two-column{grid-template-columns: repeat(1, 1fr);}
	.entry-title{ font-size: 26px !important;
    margin-bottom: 25px !important;
}
}