/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
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
Version: 4.11.18.1766579579
Updated: 2025-12-24 12:32:59

*/



.logout-btn img,
.login-btn img{
      position: relative;
    top: 0px;	
}

/* header  */

.whs-header {
    background: #ffffff;
    padding: 8px 0;
    position: relative;
    z-index: 1;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05);
}

.header-container {
    max-width: 1280px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    margin: auto;
}

.header-nav ul {
    list-style: none;
    display: flex;
    gap: 40px;
    margin: 0;
}

.header-nav ul li a {
    text-decoration: none;
    color: #000;
    font-weight: 400;
    font-size: 20px;
    font-family: "Outfit", sans-serif;
    padding-bottom: 4px;
    position: relative;
}

.header-nav ul li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #004AAD;
    width: 100%;
    opacity: 0;
}

.header-nav ul li.current-menu-item a {
    color: #004AAD;
}

.header-nav ul li.current-menu-item a:after {
    opacity: 1
}

.header-nav ul li.active a,
.header-nav ul li.has-dropdown a {
    color: #0056b3;
    border-bottom: 2px solid #0056b3;
    padding-bottom: 5px;
}

.header-auth {
    display: flex;
    align-items: center;
    gap: 15px;
}

.header-auth .divider {
    color: #ccc;
}

.header-auth a {
    text-decoration: none;
    color: #000;
    font-weight: 400;
    font-size: 20px;
    font-family: "Outfit", sans-serif;
}

.logout-btn i {
    margin-right: 5px;
    color: #004AAD;
}

.toggle_menu {
    width: 30px;
    display: none;
}

.toggle_menu img {
    width: 100%;
    height: 100%;
    object-fit: inherit;
}





@media(min-width:1025px) {
    .mob_menu {
        display: none;
    }
}

.logged-in .mob_menu {
    display: none;
}

@media(max-width:1024px) {
    .header-auth {
        display: none;
    }

    .logged-in .header-auth {
        display: flex;
    }


}

@media(max-width:767px) {
    nav.header-nav {
        top: 80px !important;
    }
}


/* header over */

/* login / registercss */


.login-page-wrapper {
    background: #f8faff;
    padding: 60px 20px;
    text-align: center;
}

.login-card,
.auth-form-card {
    background: #fff;
    max-width: 500px;
    margin: 0 auto;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.field {
    margin-bottom: 20px;
    text-align: left;
}

.field label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #333;
}

.field input {
    width: 100%;
    padding: 12px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    background: #fcfcfc;
}

.btn-submit-full {
    width: 100%;
    background: #004aad;
    color: #fff;
    padding: 15px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 20px;
    font-family: "Outfit", sans-serif;
}

.btn-submit-full:hover {
    background: transparent;
    color: #004aad;
    border: 2px solid #004AAD;
}

.auth-features {
    list-style: none;
    padding: 0;
}

.auth-features li {
    margin-bottom: 10px;
    color: #555;
}

.auth-features i {
    color: #004aad;
    margin-right: 10px;
}

.logout-btn {
    color: #d9534f;
    font-weight: 500;
    text-decoration: none;
}

.logout-btn i {
    margin-right: 5px;
}

/* login register css over  */

/* footer start  */

.site-footer {
    background-color: #EFF3F9;
    padding: 80px 0 80px 0;
    font-family: 'Arial', sans-serif;
    color: #000000;
}

.footer-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}


.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
    border-bottom: 1px solid #D4D4D4;
}

.footer-logo img {
    width: 150px
}

.footer-nav ul {
    list-style: none;
    display: flex;
    gap: 40px;
    margin: 0;
    padding: 0;
}

.footer-nav ul li a {
    text-decoration: none;
    color: #000000 !important;
    font-size: 20px !important;
    font-family: "Outfit", sans-serif;
    font-weight: 300;
}

.site-footer .btn-get-started {
    background-color: #004AAD;
    color: #fff;
    padding: 12px 25px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 300;
    font-family: "Outfit", sans-serif;
    font-size: 20px;
}

.site-footer .btn-get-started:hover {
    background-color: transparent !important;
    color: #004AAD !important;
    border: 2px solid #004AAD;
}

.footer-divider {
    display: none;
}

.footer-middle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
    border-bottom: 1px solid #D4D4D4;
}

.footer-description p {
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    font-family: "Outfit", sans-serif;
    font-weight: 300;
    margin: 0;
}

.footer-social {
    display: flex;
    align-items: center;
    gap: 15px;
}

.footer-social span {
    font-size: 20px;
    color: #000;
    font-weight: 300;
    font-family: "Outfit", sans-serif;
}

.social-icon {
    background: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #004AAD;
    text-decoration: none;
}

.footer-social .social-icon i {
    font-size: 20px;
    font-weight: 600;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000000 !important;
    padding: 20px 0;
}

.footer-bottom .copyright p {
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    font-family: "Outfit", sans-serif;
}

.footer-legal {
    display: flex;
    gap: 20px;
}

.footer-legal a {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    font-family: "Outfit", sans-serif;
    text-decoration: underline;
    text-decoration-thickness: 5%;
    text-underline-offset: 15%;
}



/* footer over  */


/* Home Page Start */

.whs_home .Home_banner .e-con-inner {
    margin: 0 !important;
}

.whs_home .elementor-element.elementor-element-7751f50.e-con-full.e-flex.e-con.e-child {
    margin-top: -70px;
}

.whs_home .elementor-7 .elementor-element.elementor-element-77f33a4:not(.elementor-motion-effects-element-type-background),
.elementor-7 .elementor-element.elementor-element-77f33a4>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-size: contain !important;
}

#primary {
    margin: 0;
}

/* Home Page Courses  */

.course-card a {
    text-decoration: none !important;
}

.course-grid,
.course-tabs {
    font-family: "Outfit", sans-serif;
}

.category-tag {
    color: #004AAD;
    opacity: 0.6;
    font-size: 16px;
    font-weight: 700;
}

.rating-student-row {
    justify-content: space-between;
    margin-bottom: 28px;
}

span.student-count,
span.gray-text,
span.rating-text {
    font-size: 16px !important;
    color: #000000 !important;
    font-weight: 400;
}

span.rating-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

span.student-count svg {
    width: 20px;
    height: 20px;
}

.course-title {
    font-size: 18px;
    color: #004AAD;
    margin: 0 0 20px 0;
    line-height: 1.3;
    font-weight: 500;
}

p.course-desc {
    font-size: 16px;
    font-weight: 300;
    color: #656565;
    margin-bottom: 0
}

.card-content {
    padding: 20px 20px;
}

.student-count img {
    min-width: 20px;
}


/* Home Page over */




.course-grid-wrapper {
    font-family: 'Inter', sans-serif;
}


.course-header-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
    flex-wrap: wrap;
    gap: 20px;
}

.main-title {
    font-family: 'Merriweather', serif;
    font-size: 48px;
    color: #1a56a6;
    margin: 0 !important;
}

.search-container {
    position: relative;
    flex-grow: 1;
    max-width: 476px;
}

#course-search {
    width: 100%;
    padding: 12px 20px 12px 34px;
    border-radius: 30px;
    border: none;
    background: #e9f2ff;
    font-size: 16px;
    outline: none;
    border: 1px solid #656565;
}

#course-search::placeholder {
    color: #656565;
}

.search-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
}

/* Tabs Styling */
.course-tabs {
    display: flex;
    gap: 32px;
    margin-bottom: 40px;
    justify-content: center;
}

.tab-button {
    padding: 12px 32px;
    border-radius: 8px;
    border: 2px solid #1a56a6;
    background: white;
    color: #1a56a6;
    font-weight: 400;
    cursor: pointer;
    transition: 0.3s;
    font-size: 18px;
    font-family: "Outfit", sans-serif;
}

.tab-button.active {
    background: #1a56a6;
    color: white;
}

/* Grid & Cards */
.course-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 40px;
}

.course-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
    border: 1px solid #f0f0f0;
}

.card-image-wrapper {
    position: relative;
    height: 220px;
}

.card-image-wrapper img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.bookmark-icon {
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: 0;
    right: 0;
    margin: auto;
    background: white;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.bookmark-icon svg {
    width: 26px;
    height: 26px;
}

.card-image-wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #004aad69;
    opacity: 0;
}

.card-image-wrapper:hover:before {
    opacity: 1;
}

.card-image-wrapper:hover .bookmark-icon {
    display: flex;
}


.card-top-meta {
    text-align: right;
    margin-bottom: 10px;
}


.rating-student-row {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 14px;
}

.star-icon {
    color: #f1c40f;
    font-size: 22px;
    line-height: 100%;
}



.course-desc {
    font-size: 15px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}


/* About Page CSS start */


.Box_shadow {
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
}

/* About Page CSS over */


@media(max-width:1024px) {

    .header-auth a {
        font-size: 0;
    }

    .logout-btn i {
        margin-right: 5px;
        font-size: 30px;
    }

    nav.header-nav {
        position: absolute;
        top: 100px;
        right: 0;
        width: 300px;
        background: #fff;
        padding: 30px;
        box-shadow: 0 0 20px #00000024;
        display: none;
    }

    .header-nav ul {
        display: grid;
        gap: 20px;
    }

    .toggle_menu {
        width: 30px;
        display: block;
    }

    .header_right {
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .footer-nav ul {
        gap: 20px;
    }

    .footer-middle {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

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

    .whs-header {
        padding: 10px 0;
    }

    .site-footer {
        padding: 0;
    }


    .footer-description p {
        font-size: 18px;
    }

    .course-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .main-title {
        font-size: 36px !important;
    }

    .tab-button{
        font-size: 18px
    }

    .course-grid{
        gap:24px;
    }

}


@media(max-width:767px) {

    .main-title {
        font-size: 25px !important;
        text-align: center;
    }

    .tab-button{
        font-size: 16px
    }

    .course-tabs{
        gap: 15px;
    }

    p.course-desc{
        font-size: 16px;
        margin-bottom: 0
    }

    .course-tabs {
        justify-content: start !important;
        overflow: auto;
        white-space: nowrap;
    }

    .course-grid {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 20px;
    }

    .course-header-section {
        justify-content: center !important;
       margin-bottom: 40px;
    }

    .main-title {
        font-size: 36px;
    }

    .header-logo h1 a {
        display: block;
        width: 75%;
    }

    .footer-top {
        flex-direction: column;
        gap: 20px;
    }

    .footer-nav ul {
        gap: 10px 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-description p {
        font-size: 16px;
    }

    .footer-description p br {
        display: none;
    }

    .footer-legal {
        display: flex;
        gap: 10px;
        flex-direction: unset;
        justify-content: center;
    }

    .footer-legal a {
        font-size: 16px;
    }

    .footer-bottom{
        padding: 20px 0
    }

    .footer-bottom .copyright p {
        text-align: center;
        font-size: 16px;
    }

    .site-footer {
        padding: 0;
    }

    .footer-logo h1 {
        margin: 0;
    }

    .footer-nav ul li a{
        font-size: 16px !important
    }

    .footer-cta a.btn-get-started {
        display: block;
        font-size: 16px;
        line-height: normal;
    }
    .footer-social span{
        font-size: 16px;
    }

    button.slick-prev.slick-arrow{
        width: 40px;
        height: 40px;
        left: calc(50% - 45px) !important;
        background-size: contain;
    }

    button.slick-next.slick-arrow {
        width: 40px;
        height: 40px;
        background-size: contain;
        right: calc(50% - 45px) !important;
    }

    .testimonial-image img {
        width: 100px;
    }

    .testimonial-item{
        gap:20px !important;
    }

    .testimonial-content .content {
        margin-top: 20px !important;
    }

        .testimonial-content .content {
        margin-top: 20px !important;
    }

}


/* Login Page CSS Start */


section.login-banner {
    width: 100%;
    padding: 60px 20px;
    background-color: #F4F9FF;
    background-image: url("https://whs.projectsofar.com/wp-content/uploads/2025/12/Frame-1618873396.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.login-wrapper {
    padding: 80px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container {
    width: 100%;
    max-width: 1240px;
}

section.login-banner h1 {
    font-size: 48px;
    font-family: 'Literata';
    font-weight: 500;
    color: #004AAD;
    text-align: center;
    line-height: 100%;
    margin: 0 0 20px !important;
}

section.login-banner p {
    font-size: 20px;
    font-weight: 300;
    font-family: "Outfit", sans-serif;
    text-align: center;
    line-height: 120%;
    color: #656565;
    margin: 0 !important;
}

section.login-wrapper .login-box {
    background: #F8FBFF;
    max-width: 670px;
    margin: 0 auto;
    padding: 60px;
    border-radius: 20px;
    box-shadow: none;
}

section.login-wrapper form.custom-login-form label {
    font-size: 18px;
    font-family: "Outfit", sans-serif;
    font-weight: 300;
    line-height: 24px;
    color: #000;
}

section.login-wrapper form.custom-login-form input {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 5px;
    background: #ffffff !important;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
    margin: 8px 0 20px;
}

section.login-wrapper p.register-link {
    font-size: 16px;
    font-weight: 300;
    font-family: "Outfit", sans-serif;
    color: #000;
    margin-bottom: 60px !important;
}

section.login-wrapper button.login-btn {
    width: 100%;
    background: #004aad;
    color: #fff;
    padding: 15px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    font-family: "Outfit", sans-serif;
}

section.login-wrapper button.login-btn:hover {
    background: transparent;
    color: #004AAD;
    border: 2px solid #004AAD;
}

section.login-wrapper .password-field {
    position: relative;
}

section.login-wrapper .password-field span.toggle-password img {
    position: absolute;
    right: 14px;
    top: 45%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 16px;
    color: #777;
}

p.register-link a {
    text-decoration: underline !important;
}

@media(max-width:768px) {
    section.login-wrapper .login-box {
        padding: 20px;
    }

    section.login-banner {
        padding: 40px 20px !important;
    }

    section.login-banner h1 {
        font-size: 38px;
    }

    section.login-banner p {
        font-size: 18px;
    }
}

/* Login Page CSS Over */


/* Testimonial Section start */


.testimonial-item {
    padding: 40px;
    background-color: #F8FBFF;
    border-radius: 10px;
    display: grid !important;
    gap: 40px;
    grid-template-columns: 140px auto;
}

.slick-track {
    display: flex;
    gap: 20px;
}

.testimonial-image img {
    border-radius: 50% !important;
    box-shadow: none !important;
}

.testimonial-content .content {
    margin-top: 30px;
}

.testimonial-item {
    background-image: url("https://whs.projectsofar.com/wp-content/uploads/2025/12/Frame-1618874508-1.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-position: top 40px right 40px;
}

.slick-arrow::before {
    display: none !important;
}

.slick-arrow {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 1;
    top: 100%;
}

button.slick-next.slick-arrow {
    background-image: url("https://whs.projectsofar.com/wp-content/uploads/2025/12/Frame-1618873232.png");
    background-repeat: no-repeat;
    right: calc(50% - 60px);
}

button.slick-prev.slick-arrow {
    background-image: url("https://whs.projectsofar.com/wp-content/uploads/2025/12/Frame-1618873231.png");
    background-repeat: no-repeat;
    left: calc(50% - 60px);

}

.testimonial-wrapper.slick-initialized.slick-slider {
    padding-bottom: 60px;
}


.related_courses h2 {
    margin: 0 !important;
}

@media(max-width:768px) {
    .testimonial-item {
        display: flex !important;
        flex-direction: column;
        gap: 32px;
        padding: 24px;
    }
}


/* Testimonial Section over */




/* Plan Detail Section start */


.auth-form-card {
    display: flex;
    width: 100%;
    background: #F8FBFF;
    padding: 60px;
    border-radius: 20px;
    box-shadow: none !important;
    max-width: 100% !important;
}

form#custom-registration-form {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.auth-form-card .field label {
    display: block;
    margin-bottom: 8px;
    color: #000;
    font-size: 18px;
    font-weight: 300;
    font-family: "Outfit", sans-serif;
}

.auth-form-card .field input {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
}

.auth-form-card .field {
    margin-bottom: 40px;
    text-align: left;
}

form#custom-registration-form button {
    background: #004AAD;
    font-size: 20px;
    font-family: 'Outfit';
    font-weight: 300;
    border-radius: 10px;
}

.auth-form-card p.bullet-description {
    font-size: 20px;
    font-family: "Outfit", sans-serif;
    font-weight: 300;
    color: #000;
    margin-bottom: 24px;
}

form#custom-registration-form button:hover {
    background-color: transparent;
    color: #004AAD;
    border: 2px solid #004AAD;
}

.Plan_description_container h2.templately-heading-title {
    margin: 0 !important;
}

.Plan_description_container ul.plan-list {
    margin: 0 !important;
}

.Plan_description_container ul.plan-list {
    font-size: 24px !important;
    color: #000 !important;
    font-family: 'Outfit' !important;
    font-weight: 300 !important;
}

.Plan_description_container li.plan-list-point {
    list-style-type: none;
    font-size: 20px;
    font-weight: 300;
    color: #000;
    font-family: 'Outfit';
    margin-bottom: 12px !important;
}

.Plan_description_container li.plan-list-point::before {
    content: url("https://whs.projectsofar.com/wp-content/uploads/2025/12/Group-20352650.svg");
    margin-right: 8px;
}

@media(max-width:768px) {
    .auth-form-card {
        padding: 20px;
    }
}


/* Plan Detail Section over */




/* sign up start*/

section.login-wrapper {
    background: #ffffff !important;
}

section.login-wrapper .login-card {
    background: #F8FBFF !important;
    max-width: 670px;
    margin: 0 auto;
    padding: 40px;
    border-radius: 15px;
    box-shadow: none !important;
}


section.login-wrapper.login-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    font-size: 18px;
}

section.login-wrapper .field label {
    display: block;
    margin-bottom: 8px;
    color: #000;
    font-size: 18px;
    font-weight: 300;
    font-family: "Outfit", sans-serif;
}

.login-page-wrapper .field {
    margin-bottom: 40px;
    text-align: left;
}

section.login-wrapper .login-meta label {
    font-size: 18px;
    color: #004AAD;
    font-weight: 300;
    text-decoration: underline;
    font-family: "Outfit", sans-serif;
}

section.login-wrapper .login-meta a {
    text-decoration: underline;
}

section.login-wrapper .field input {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 5px;
    background: #ffffff !important;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
}

.login-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    font-size: 18px;
    color: #000;
}

/* sign up over*/







/* Plan Page start */

a.elementor-button.elementor-button-link.elementor-size-sm:hover span.elementor-button-icon svg path {
    fill: #004AAD;
}

/* Plan Page over */



/* Course Detail Page start  */

.sfwd-lessons-accordion {
    border: 1px solid #EEEEEE;
    border-radius: 10px;
}

.accordion-title {
    display: flex;
    justify-content: space-between;
}


.accordion-item.active .accordion-content {
    display: block;
    margin-top: 40px;
}

.accordion-item.active .accordion-title span img {
    rotate: 180deg;
}

.accordion-title,
.accordion-content {
    padding: 0 !important;
    background: none !important;
}


.accordion-content p {
    margin: 0 !important;
}

.accordion-item.active {
    background-color: #F8FBFF;
}

.accordion-item {
    margin: 0 !important;
    padding: 40px 60px;
    border-radius: 10px;
    border-width: 0px 0px 1px 0px !important;
    border-color: #EEEEEE !important;
}

.accordion-title img {
    box-shadow: none !important;
}

.accordion-item.active .accordion-title .title {
    color: #004AAD;
    font-size: 24px;
    font-weight: 500;
    font-family: 'Literate';
}

.accordion-title .title {
    color: #000000;
    font-size: 24px;
    font-weight: 500;
    font-family: 'Literate';
    display: flex;
    gap: 12px;
    align-items: center;
}

.accordion-content {
    font-size: 20px;
    font-family: 'Outfit';
    font-weight: 300;
    color: #656565;
}

.accordion-item .accordion-title .title span {
    width: 60px;
    height: 60px;
    background: #D7E8FF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #000;
    font-size: 30px;
}

.accordion-item.active .accordion-title .title span {
    background: #004AAD;
    color: #fff;
}

.user-profile-card {
    display: flex;
    padding: 60px;
    background-color: #F8FBFF;
    border-radius: 30px;
    gap: 48px;
    align-items: flex-start;
}

.profile-left {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

p.profile-bio {
    font-size: 20px;
    font-family: 'Outfit';
    color: #656565;
    font-weight: 300;
    margin: 0 !important;
    margin-top: 32px !important;
}

.profile-socials {
    padding: 10px 24px;
    display: flex;
    gap: 24px;
    background-color: RGB(101, 148, 213, 0.1);
    border-radius: 10px;
    justify-content: center;
}

.profile-image img {
    border-radius: 10px !important;
    width: 100%;
    box-shadow: none !important;
}

h2.profile-designation {
    font-size: 32px;
    font-weight: 500;
    font-family: 'Literata';
    color: #000;
}

h3.profile-name {
    font-size: 20px;
    font-weight: 400;
    font-family: 'Outfit';
    color: #004AAD;
    margin-top: 8px;
}

.profile-socials a img {
    height: auto;
    max-width: 32px;
    box-shadow: none !important;
}

.sfwd-courses {
    padding: 0 !important;
}

.course_detail_bar h2 {
    margin: 0 !important;
}

.course-detail-heading h2 {
    margin: 0 !important;
}

.course-detail-feature-img img {
    box-shadow: none !important;
}

@media(max-width:768px) {
    .accordion-item {
        padding: 20px;
    }

    .accordion-title span img {
        width: 24px;
        height: 24px;
    }

    .accordion-title .title {
        font-size: 16px;
        font-weight: 400;
    }

    .accordion-item .accordion-title .title span {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .user-profile-card {
        flex-direction: column;
    }

    .profile-left {
        justify-content: center;
        align-items: flex-start;
    }

    .user-profile-card {
        padding: 40px;
        gap: 24px;
    }

}

@media(max-width:425px) {
    .user-profile-card {
        padding: 16px;
    }

    .accordion-item .accordion-title .title span {
        width: 30px;
        height: 30px;
        font-size: 16px;
        position: absolute;
        left: 0px;
        top: 0;
    }

    .accordion-title span img {
        width: 20px;
        height: 20px;
    }

    .accordion-title .title {
        position: relative;
        width: calc(100% - 25px);
        padding-left: 50px;
    }

    .testimonial-item {
        background-position: top 40px right 20px;
    }
}





/* Course Detail Page over  */



.Privacy_Policy h2 {
    font-size: 48px;
    font-weight: 400;
    font-family: 'LITERATA';
    color: #004AAD;
    margin-bottom: 10px;
}

.Privacy_Policy strong {
    font-weight: 500;
    font-size: 16px;
}


.faq-block summary.e-n-accordion-item-title:after {
    content: '';
    background-image: url(/wp-content/uploads/2026/01/faq-down.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
	background-size: contain;
}
.faq-block .e-n-accordion-item[open] summary.e-n-accordion-item-title:after {
    background-image: url(/wp-content/uploads/2026/01/faq-up.svg);
   
}


/* courses page css */

body.single{
	font-size:18px;
}
body.single div,
body.single p,
body.single a,
body.single button{
   font-family: "Outfit", Sans-serif;
}
body.single h1,
body.single h2,
body.single h3,
body.single h4{
    font-family: 'Merriweather', serif;
    color: #1a56a6;
}

body.single  .entry-meta,
body.single .entry-meta*,
body.single a:hover,
body.single a:focus{
    color: #1a56a6;
}

body.single header.entry-header{
   max-width: 1240px;
	 padding-left:20px; 
	 padding-right:20px;
   margin: 0 auto 30px !important;
}

body.single .learndash_post_sfwd-courses {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px 60px;
}

body.single header.entry-header h1.entry-title {
    margin-top: 0;
    padding-top: 80px;
    font-size: 48px
} 
.learndash_post_sfwd-courses {
    padding: 0px 0 50px;
}
body.single nav.navigation.post-navigation {
    padding: 20px;
}
body.single input.learndash_mark_complete_button, body.single a.ld-button {
    background-color: #1a56a6 !important;
    padding: 15px 10px !important;
    border-radius: 10px !important;
}

body.single .ld-status.ld-status-progress.ld-primary-background{
    display: inline-block;
    line-height: normal;
    background-color: #1a56a6 !important;
	margin-bottom: 0;
}
body.single .ld-alert-success .ld-alert-icon {
    background-color: #004baf; 
}

body.single div#primary{
  margin: 0 !important;
  background-color: #fff;
  padding: 0;
}

body.single  nav.navigation.post-navigation {
    max-width: 1240px;
    margin: 0 auto;
	  padding-bottom: 50px;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) label {
    font-size: 18px;
	 font-family: "Outfit", Sans-serif;
}


body.single .ld-item-title {
    font-size: 16px;
}
body.single .learndash-wrapper .ld-status-icon {
    flex-basis: 18px;
    height: 18px;
    width: 18px;
}
body.single .learndash-wrapper .ld-status-incomplete.ld-status-icon {
    border: 3px solid #e2e7ed;
}
body.single .learndash-wrapper .ld-status-icon .ld-icon:before {
    font-size: 12px;
}


.wpProQuiz_questionList[data-type="free_answer"] label {
     border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;  
}
.wpProQuiz_questionList[data-type="free_answer"] label input{
   border: 2px solid #e2e7ed !important;  
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question {
    padding-bottom: 0 !important;
}

body.single .entry-meta {
    display: none;
}
body.single .learndash-wrapper .ld-course-status.ld-course-status-enrolled {
	width: 60%;
    padding: 15px;
}
.course-extra-meta {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid rgb(0 74 173 / 50%);
    background-color: rgb(0 74 173 / 4%);
    border-radius: 6px;
    color: #000;
}

body.woocommerce-checkout header.entry-header,
body.shopengine-cart header.entry-header{
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

body.woocommerce-checkout,
body.shopengine-cart{
  font-family: "Outfit", Sans-serif;
}

body.woocommerce-checkout .button,
body.shopengine-cart .button{
    background-color: #004AAD !important;
    border-radius: 8px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { 
    line-height: normal;
}

.header-logo h1 {
  margin: 0;
}


body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_questionListItem, body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_questionListItem:last-child, body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_questionListItem, body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_questionListItem:last-child {
    padding: 0 0px;
}

body.single .learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
    background: #1a56a6;
}
body.single .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
    color: #1a56a6; 
}
body.single .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {   
    padding: 13px;
}
body.single .learndash-wrapper .ld-status-complete {
    background-color: #004AAD; 
}
.ld-tabs.ld-tab-count-1 .ld-tab-content.ld-visible p {
/*     display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    margin-right: 40px; */
}

.wpProQuiz_list .wpProQuiz_question .wpProQuiz_question_text{
    font-size: 18px;
}
.wpProQuiz_list .wpProQuiz_question .wpProQuiz_question_text p {
    margin-bottom: 15px;
}
.wpProQuiz_questionList input.wpProQuiz_questionInput {
    margin-right: 0 !important;
}
body.single .learndash-wrapper .ld-alert .ld-alert-icon{
	font-size:18px;
}
.learndash-wrapper .ld-alert--step-completed .ld-button {   
    margin-left: auto !important;
    margin-right: auto !important;
}
body.single-sfwd-lessons .entry-content > * {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width:1024px){
	
 body.woocommerce-checkout .entry-content[data-ast-blocks-layout] > *
 body.shopengine-cart .entry-content[data-ast-blocks-layout] > *{
	padding: 0 20px;
 }	
 
	
body.single header.entry-header h1.entry-title {
   font-size: 36px;
   padding-top: 60px
}

body.single .ld-status.ld-status-progress.ld-primary-background {
  width: auto;
}

body.single .learndash-wrapper .ld-course-status.ld-course-status-enrolled{
   width: 100%; 
}
	

body.single .ld-content-actions a.ld-button,
body.single .ld-content-actions	form.sfwd-mark-complete{
    max-width: 200px !important;
}

body.single .learndash_post_sfwd-courses{
        padding: 0 20px 40px;
}

.footer-nav ul li a{
        font-size: 16px !important
    }
	
}




/* courses page css end */


/* wocoomerce my account page start */

.woocommerce-MyAccount-navigation {
    width: 100% !important;
    margin-bottom: 40px !important;
    float: none !important;
}

.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    list-style: none;
    padding: 0;
    justify-content: center;
}

.woocommerce-MyAccount-navigation ul li {
    border: 2px solid #004795;
    border-radius: 50px;
    margin-bottom: 10px;
    background: transparent;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    overflow: hidden;
}

.woocommerce-MyAccount-navigation ul li a {
    padding: 12px 30px;
    display: block;
    color: #004795 !important;
    transition: all 0.3s ease;
    font-weight: 600;
    text-decoration: none !important;
    font-size: 15px;
}

.woocommerce-MyAccount-navigation ul li:hover {
    background: #004795;
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 71, 149, 0.2);
}

.woocommerce-MyAccount-navigation ul li:hover a {
    color: #ffffff !important;
}

.woocommerce-MyAccount-navigation ul li.is-active {
    background: #004795 !important;
    box-shadow: 0 4px 15px rgba(0, 71, 149, 0.3);
}

.woocommerce-MyAccount-content > p, 
.woocommerce-MyAccount-content > div:not(.custom-welcome-box) {
    display: none !important;
}


.page-id-1437 .woocommerce-MyAccount-content .search-box,
.page-id-1437 .woocommerce-MyAccount-content .add_user_button,
.page-id-1437 .woocommerce-MyAccount-content .employee-table-container,
.page-id-1437 .woocommerce-MyAccount-content .openempmodal_searbox_wrap{
    display: block !important;
}

.woocommerce-MyAccount-content .custom-welcome-box {
    display: block !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li:hover a {
    color: #fff !important;
    background-color: #004795;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #fff !important;
    background-color: #004795;
}

.page-id-1437 h1.entry-title {
    text-align: center;
    margin: 3%;
    font-family: "Literata", Sans-serif;
    font-size: 48px;
    font-weight: 500;
    color: #004AAD;
}

.custom-welcome-box {
    background: linear-gradient(135deg, #004795 0%, #0062cc 100%);
    color: white;
    padding: 40px;
    border-radius: 20px;
    margin-bottom: 30px;
    animation: fadeInDown 0.8s ease-out;
}

.custom-welcome-box h2 {
    color: white !important;
    margin: 0 0 10px 0 !important;
}

.woocommerce-MyAccount-content {
    width: 100% !important;
    float: none !important;
    border: 1px solid #eee;
    padding: 25px;
    border-radius: 15px;
    background: #fff;
}

@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* wocoomerce my account page end */


.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-section-heading h2 {
    font-size: 32px !important;
    text-align: left !important;
}

footer.site-footer{
    padding: 0
}

.footer-logo h1 {
    margin: 0;
}

.header-logo img {
    width: 155px;
}

.content_ul ul, .content_ul ol {
    margin: 0 0 0 15px;
}




/* cart checkout css start */


.woocommerce-page h1.entry-title {
    font-family: "Literata", Sans-serif;
    font-size: 48px;
    font-weight: 600;
    color: rgba(0, 74, 173, 1);
}

.woocommerce-message, .shopengine-woocommerce-info.woocommerce-info, .woocommerce-page p {
    font-family: "Outfit", Sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #656565;
}

form.checkout.woocommerce-checkout h3 {
    font-size: 32px;
    color: #0E2A47;
    font-family: "Literata", Sans-serif;
}

form.checkout.woocommerce-checkout p label {
    font-family: "Outfit", Sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 5px;
}

.woocommerce-billing-fields input, .woocommerce-billing-fields select, .woocommerce-billing-fields textarea, 
.woocommerce-billing-fields .select2-container--default .select2-selection--single,  
.woocommerce-billing-fields ul#select2-billing_country-results, textarea#order_comments{
    border: 1px solid #e2e7ed;
    font-size: 14px !important;
    outline: none !important;
    font-family: "Outfit", Sans-serif;
    color: #656565;
    min-height: 40px;
    padding: 12px;
    border-radius: 10px !important;
}

textarea#order_comments{
    min-height: 60px
}

body.woocommerce-page .woocommerce-message a.button, body.woocommerce-page button#place_order, 
.cart_totals a.checkout-button.button, .woocommerce-cart table.shop_table td.actions > button.button {
    background-color: #004AAD;
    font-family: "Outfit", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 10px 10px 10px 10px;
    padding: 12px 24px 12px 24px;
}

.woocommerce-billing-fields textarea::placeholder, .woocommerce-billing-fields input::placeholder,
textarea#order_comments::placeholder {
    color: #656565      ;
}


body.woocommerce-page .woocommerce-message a.button:hover, body.woocommerce-page button#place_order:hover,
.cart_totals a.checkout-button.button:hover, .woocommerce-cart table.shop_table td.actions > button.button:hover {
    background: transparent !important;
    color: #004AAD;
}

body.woocommerce-page form.checkout.woocommerce-checkout h3#order_review_heading {
    border: 0 !important;
    padding: 20px 0 14px !important;
}

body.woocommerce-page form.checkout.woocommerce-checkout div#order_review {
    border: 0 !important;
    padding: 0 !important;
}

table.shop_table th {
    color: #000;
}

table.shop_table td {
    color: #000;
}

ul.wc_payment_methods.payment_methods.methods label {
    font-family: "Outfit", Sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 5px;
}

.woocommerce-page div#primary {
    margin: 80px 0 50px;
    padding: 0 20px
}

.woocommerce-cart .product-thumbnail
 {
    display: none;
}

.woocommerce-cart td.product-name a {
    color: #0E2A47;
    font-size: 18px;
    font-weight: 500;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 170px;
     border-radius: 10px;
    color: #656565;
}

.woocommerce-cart table.cart td.actions .coupon button.button {
    background-color: #fff !important;
    font-family: "Outfit", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    fill: #004AAD;
    color: #004AAD;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #004AAD;
    border-radius: 10px 10px 10px 10px;
    padding: 12px 24px 12px 24px;
}

.woocommerce-cart table.cart td.actions .coupon button.button:hover{
    background: #004AAD !important;
    color: #fff !important
}

.woocommerce-cart table.cart td.actions .coupon{
    margin:0;
}

.custom-welcome-box {
    margin: 0;
}

.woocommerce-MyAccount-content .custom-welcome-box p {
    color: #fff;
    font-size: 16px;
}

.woocommerce-MyAccount-content .custom-welcome-box p:last-child {
    margin-bottom: 0
}

.custom-welcome-box h2{
        font-family: "Literata", Sans-serif;
}

.woocommerce-MyAccount-navigation ul li a{
    padding: 12px 32px;
    border-radius: 8px;
    border: 2px solid #1a56a6;
    background: white;
    color: #1a56a6;
    font-weight: 400;
    cursor: pointer;
    transition: 0.3s;
    font-size: 18px;
    font-family: "Outfit", sans-serif;
    line-height: normal;
}

body .woocommerce-MyAccount-navigation ul li {
    margin: 0;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0;
    transform: unset !important;
}

body .woocommerce-MyAccount-navigation ul li.is-active{
    background: transparent !important;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table{
    margin: 0;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table td, table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table th {
    font-size: 16px;
    font-family: "Outfit", sans-serif;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table th a {
    color: #000;
}

a.woocommerce-button.button.view {
    padding: 12px 32px;
    border-radius: 8px;
    border: 2px solid #1a56a6;
    background: white;
    color: #1a56a6;
    font-weight: 400;
    cursor: pointer;
    transition: 0.3s;
    font-size: 18px;
    font-family: "Outfit", sans-serif;
    line-height: normal;
    margin: 0 !important;
}

a.woocommerce-button.button.view:hover{
    background: #1a56a6;
    color: #fff
}

form.woocommerce-EditAccountForm.edit-account label {
    font-family: "Outfit", sans-serif;
    line-height: normal;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #000;
}

span#account_display_name_description {
    font-size: 14px;
}

form.woocommerce-EditAccountForm.edit-account input {
    font-size: 14px;
    padding: 12px;
    border-radius: 10px;
    color: #656565;
}

form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button {
    padding: 12px 32px;
    border-radius: 8px;
    border: 2px solid #1a56a6;
    background: #1a56a6;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    transition: 0.3s;
    font-size: 18px;
    font-family: "Outfit", sans-serif;
    line-height: normal;
}

form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button:hover{
    background: #fff;
    color: #1a56a6
}

form.woocommerce-EditAccountForm.edit-account p:last-child {
    margin: 0;
}

button.LinkButton.LinkButton--showFocusIndicator {
    background: #000 !important;
    color: #fff;
}

button.LinkButton.LinkButton--showFocusIndicator span, button.LinkButton.LinkButton--showFocusIndicator svg {
    color: #fff;
    fill: #fff;
}

/* responsive css */

@media(max-width: 1024px){

.Privacy_Policy h2 {
    font-size: 36px;
}

.woocommerce-page div#primary {
    margin: 60px 0 30px !important;
    padding: 0 20px !important
}

body.woocommerce-checkout header.entry-header, body.shopengine-cart header.entry-header, 
.shopengine-template .woocommerce-notices-wrapper{
    padding: 0 !important
}

.woocommerce-page h1.entry-title{
    font-size: 36px
}

form.checkout.woocommerce-checkout h3{
    font-size: 30px
}

}

@media(max-width: 921px){

    .woocommerce-page div#primary {
        margin: 60px 0px 10px!important;
    }

    .woocommerce-account.woocommerce-page div#primary {
        margin: 60px 0px!important;
    }

    tr.woocommerce-orders-table__row th.woocommerce-orders-table__cell {
    display: block !important;
    text-align: right;
}

tr.woocommerce-orders-table__row th.woocommerce-orders-table__cell:before {
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
}

}

@media(max-width: 767px){

.Privacy_Policy h2 {
    font-size: 25px;
}

.Privacy_Policy strong {
    font-size: 16px;
}

body.single header.entry-header h1.entry-title {
   font-size: 25px;
   padding-top: 40px
}

.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-section-heading h2 {
    font-size: 20px !important;
}

.single-sfwd-courses .ld-tabs.ld-tab-count-1 .ld-tab-content.ld-visible p{
    font-size: 16px 
}

body.single .learndash_post_sfwd-courses{
        padding: 0 20px 20px;
}

.woocommerce-page div#primary {
    margin: 40px 0px 0!important;
}

.woocommerce-page h1.entry-title{
    font-size: 30px
}

form.checkout.woocommerce-checkout h3{
    font-size: 25px
}

.woocommerce-message, .shopengine-woocommerce-info.woocommerce-info, .woocommerce-page p{
    font-size: 14px;
}

body.woocommerce-page .woocommerce-message a.button, body.woocommerce-page button#place_order{
    font-size: 16px
}

.woocommerce-billing-fields > h3, body.woocommerce-page form.checkout.woocommerce-checkout h3#order_review_heading {
    padding-top: 0 !important;
}

.woocommerce-cart table.cart td.actions .coupon{
    flex-direction: column;
    width: 100%;
    gap: 10px;
    padding: 0
}

.woocommerce-cart table.shop_table td.actions {
    display: flex;
    flex-direction: column;
}

.woocommerce-cart table.cart td.actions .coupon button.button{
   font-size: 16px;
   margin: 0;
}

.woocommerce-cart table.shop_table td.actions > button.button {
    margin: auto !important;
    font-size: 16px
}

.woocommerce-cart table.cart td.actions .coupon:before{
    display: none
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 170px;
    text-align: center;
   
}

form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button, 
.woocommerce-MyAccount-navigation ul li a{
    font-size: 16px
}

.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    white-space: nowrap;
    justify-content: start;
}

.woocommerce-MyAccount-navigation ul li{
    overflow: unset;
}

 .woocommerce-account.woocommerce-page div#primary {
        margin: 40px 0px!important;
    }

}