/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

html {
    scroll-behavior: smooth;
    overscroll-behavior: none;
    overflow-x: hidden;
}

body {
    font-family: "Nunito", Sans-serif;
    overflow-x: hidden;
}

/* ---testimonials Start--- */

.testimonial-card {
    background: #FFF9F3;
    border-radius: 10px;
    padding: 10px;
    margin: 0 10px;
    border-radius: 10px;
}

.testimonial-card .testimonial-content {
    font-weight: 400;
    font-size: 14px;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 30px;
}

.testimonial-card .read-more {
    font-weight: 400 !important;
    font-size: 14px;
    color: #2E2E2E !important;
    padding: 10px;
    margin-bottom: 10px !important;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.testimonial-card .testimonial-slider {
    margin-left: -10px;
    margin-right: -10px;
}

.testimonial-card .testimonial-slider .testimonial-card .read-more i {
    background: #F7841E;
    margin-left: 10px;
    padding: 4px 5px;
    color: #ffffff;
    border-radius: 8px;
}

.testimonial-card .avatar {
    width: 48px !important;
    height: 48px !important;
    background-color: #D4ECFF !important;
}

.testimonial-card .customer-name {
    font-weight: 400;
    font-size: 14px;
    color: #333;
}

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

.tutor-frontend .header-wrapper {
    position: relative;
    top: 0 !important;
    background-color: #000;
}

.testimonial-card .testimonial-stars-con {
    line-height: 0;
    margin-bottom: 20px;
}

.testimonial-card .testimonial-footer {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.testimonial-card .testimonial-footer .avatar {
    width: 40px;
    height: 40px;
    background: #D4ECFF;
    color: #000;
    font-weight: 400;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.testimonial-slider .slick-list {
    padding-bottom: 5px !important;
}

.testimonial-slider .slick-dots li {
    margin: 0 !important;
}

.testimonial-slider .slick-dots li button:before {
    font-size: 35px;

}

.testimonial-slider .slick-dots li.slick-active button:before {
    color: #F7841E !important;
}


.testimonial-slider ul.slick-dots {
    bottom: -45px;
}

.testimonial-slider .slick-dots li button:hover,
.testimonial-slider .slick-dots li button:focus {
    background-color: transparent;

}

.testimonial-slider .slick-dots li button:hover::before,
.testimonial-slider .slick-dots li button:focus::before {
    color: #F7841E !important;
}

#testimonial-modal {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
}

.tutor-frontend .becom-tutor-cta {
    display: none;
}

#testimonial-modal.active {
    opacity: 1;
    visibility: visible;
    /* transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.1s 0s, transform 0.1s; */
}
#book-assessment-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

#book-assessment-popup {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    max-width: 800px;
    width: 95%;
    margin: 0 auto;
    position: relative;
}

#book-assessment-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 22px;
    background: none;
    border: none;
    cursor: pointer;
}

#testimonial-modal .modal-body {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    max-width: 600px;
    width: 90%;
    position: relative;
}

#testimonial-modal #close-modal {
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer;
    font-size: 20px;
    background-color: #f7841e;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 46px;
    line-height: 46px;
    font-weight: 300;
    border-radius: 100px;
}

#testimonial-modal #modal-name {
    margin-top: 0;
}

#testimonial-modal .modal-star {
    margin-bottom: 10px;
}

/* ---testimonials End--- */


/* Animation css start here */

.rocket-img {
    animation: rocket 5s ease-in-out infinite;
    -webkit-animation: rocket 5s ease-in-out infinite;
    transform: translatey(0px);
    -webkit-transform: translatey(0px);
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

@-webkit-keyframes rocket {

    0% {
        -webkit-transform: translatex(0px);
        transform: translatex(0px);
    }

    50% {
        -webkit-transform: translatex(-20px);
        transform: translatex(-20px);
    }

    100% {
        -webkit-transform: translatex(0px);
        transform: translatex(0px);
    }

}

.balloon-img {
    animation: balloon 5s ease-in-out infinite;
    -webkit-animation: balloon 5s ease-in-out infinite;
    transform: translatey(0px);
    -webkit-transform: translatey(0px);
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

@-webkit-keyframes balloon {

    0% {
        -webkit-transform: translatex(0px);
        transform: translatex(0px);
    }

    50% {
        -webkit-transform: translatey(-20px);
        transform: translatey(-20px);
    }

    100% {
        -webkit-transform: translatex(0px);
        transform: translatex(0px);
    }

}


.book-img {
    animation: book 5s ease-in-out infinite;
    -webkit-animation: book 5s ease-in-out infinite;
    transform: translatey(0px);
    -webkit-transform: translatey(0px);
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

@-webkit-keyframes book {

    0% {
        -webkit-transform: translatex(0px);
        transform: translatex(0px);
    }

    50% {
        -webkit-transform: translate(-20px, -20px);
        transform: translate(-20px, -20px);
    }

    100% {
        -webkit-transform: translatex(0px);
        transform: translatex(0px);
    }

}

.header-menu nav #menu-header-menu li.login-link a,
.header-menu nav #menu-header-menu li.hide-login a {
    padding: 11px 30px;
    background-color: #f7841e;
    height: auto;
    margin-top: 16px;
    color: #fff !important;
    border-radius: 30px;
}

.header-menu nav #menu-header-menu li.hide-login a {
    margin-left: 15px;
	margin-top:0px;
}

.header-menu nav #menu-header-menu li.login-link a i {
    color: #fff;
    display: none;
}

.logged-in .header-menu nav #menu-header-menu li.login-link a i {
    display: block;
}

.header-menu nav #menu-header-menu li:last-child .elementskit-submenu-panel {
    display: none;
}

.logged-in .header-menu nav #menu-header-menu li.login-link .elementskit-submenu-panel {
    display: block;
}

.logged-in .header-menu nav #menu-header-menu li .elementskit-submenu-panel {
    padding: 15px;
}

.logged-in .header-menu nav #menu-header-menu li .elementskit-submenu-panel li a {
    border-radius: 3px;
}

.header-menu nav #menu-header-menu li.login-link a:hover {
    color: #fff;
}

#tutor-login-form .tutor-btn {
    width: auto;
    background-color: transparent;
}

.title-underline h3 {
    position: relative;
}

.title-underline h3:after {
    content: "";
    display: block;
    height: 1px;
    width: 45px;
    background-color: #F0831A;
    position: absolute;
    bottom: -10px;
}


/* Animation css end here */

.header-wrapper-scrolled {
    background-color: #000;
}

/* Contact us form */

.contactus-form br {
    display: none;
}

.contactus-form p {
    margin-bottom: 0;
}

.contactus-form label {
    margin-bottom: 20px;
    width: 100%;
}

.contactus-form label .title {
    text-transform: capitalize;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin-bottom: 8px;
    font-family: "Nunito", Sans-serif;
}

.contactus-form label input {
    width: 100%;
    background: #fff;
    border: solid 1px #D9D9D9;
    box-shadow: none;
    outline: none;
    height: 42px;
    font-family: "Nunito", Sans-serif;
}

.contactus-form label textarea {
    width: 100%;
    background: #fff;
    border: solid 1px #D9D9D9;
    box-shadow: none;
    outline: none;
    margin-top: 5px;
    height: 128px;
}

.checkbox-wrapper .wpcf7-checkbox label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.contactus-form .checkbox-wrapper .title {
    text-transform: capitalize;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
}

.contactus-form .checkbox-wrapper input {
    height: 16px;
    width: 16px;
    margin-top: 0;
}

.contactus-form .checkbox-wrapper .wpcf7-list-item {
    margin-left: 0;
    margin-right: 10px;
}

.contactus-form .wpcf7-submit {
    display: block;
    width: 100%;
    background-color: #F0831A !important;
    border-color: #F0831A !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: capitalize;
}

.contactus-form .wpcf7-not-valid-tip {
    font-size: 10px;
    margin-top: 3px;
}

.contactus-form .wpcf7-spinner {
    background-color: #000 !important;
    position: absolute !important;
    right: 0 !important;
    margin-top: -37px !important;
}

/* Contact us form */




/* Featured post styles */
/* Featured post two-column layout */
.featured-post.two-column-layout {
    display: grid;
    grid-template-columns: 45% 1fr;
    margin-bottom: 60px;
    background-color: #fff;
    border-radius: 10px;
    border: solid 1px #E9E9E9;

}

.featured-post-image a img {
    border-radius: 10px;
}

.featured-post-content {
    padding: 45px 40px;
}

.featured-post-image a {
    display: grid;
}

.featured-post .featured-entry-title {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
    margin-top: 15px;
    font-family: "Nunito", Sans-serif;
}

.featured-post .featured-entry-title a {
    color: #000;
    text-decoration: none;
}

.featured-post .featured-excerpt {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    margin-bottom: 0;
    font-family: "Nunito", Sans-serif;
}

.post-category {
    display: inline-block;
    background: rgba(240, 131, 26, 0.1);
    padding: 10px 15px;
    text-transform: capitalize;
    letter-spacing: 1px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #F0831A;
    line-height: 1;
    font-family: "Nunito", Sans-serif;
}

/* Grid layout */
.posts-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.grid-post {
    border: 1px solid #E9E9E9;
    transition: all 0.3s ease;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.grid-post .grid-post-image {
    margin-bottom: 0;
    display: grid;
}

.grid-post .grid-post-content {
    padding: 20px;
}

.grid-post:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.grid-post-image {
    display: block;
    margin-bottom: 15px;
}

.grid-entry-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0px;
    margin-top: 15px;
    font-family: "Nunito", Sans-serif;
}

.grid-entry-title a {
    color: #000;
    text-decoration: none;
}

/* View More button */
.view-more-container {
    text-align: center;
    margin: 40px 0;
}

.view-more-button {
    padding: 12px 30px;
    background: #f0831a;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    transition: background 0.3s;
}

.view-more-button:hover {
    background:
        3f0831a;
}

/* Loader */
.loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #f0831a;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}

.tutor-table tr td>a:not(.tutor-btn):not(.tutor-iconic-btn):not(.quiz-manual-review-action):hover {
    color: #F0831A;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

body.single-post .site-main,
.blog .site-main {
    max-width: 1200px !important;
    margin: 0 auto;
}

body.single-post .site-main {
    padding-top: 120px;
}

.single-post .header-wrapper {
    background-image: linear-gradient(129deg, #000000 24%, #4D2704 100%);
}

body.single-post,
body.blog {
    background-color: #FFF7F0;
}

.blog-banner-wrapper {
    height: auto;
    position: relative;
}

.blog-banner-wrapper:after {
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    background-image: linear-gradient(129deg, #000000 24%, #4D2704 100%);
}

.blog-banner-wrapper img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 400px;
}

.blog-banner-wrapper .blog-banner-content {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.blog-banner-content h1 {
    font-family: "Nunito", Sans-serif;
    font-size: 42px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
}

.blog-title {
    text-align: center;
}

.blog-title h1 {
    font-family: "Nunito", Sans-serif;
    color: #000;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    margin: 70px 0 60px;
    padding: 15px 30px;
    background-image: url(https://sunshine-tutoring.lrdevteam.com/wp-content/uploads/2025/07/Vector-12-1.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.grid-post .grid-post-image img {
    aspect-ratio: 3 / 1.8;
    object-fit: cover;
}

.featured-post-image a img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    width: 100%;
}


/* Single Post page */

.single-post-top-area {
    padding-top: 40px;
}

.single-post-top-area .entry-category {
    text-align: center;
}

.single-post-top-area .entry-category a {
    display: inline-block;
    background: rgba(240, 131, 26, 0.1);
    padding: 10px 15px;
    text-transform: capitalize;
    letter-spacing: 1px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #F0831A;
    line-height: 1;
    font-family: "Nunito", Sans-serif;
    margin-left: 10px;
}

.single-post-top-area .entry-title {
    font-size: 23px;
    font-weight: 700;
    color: #000;
    font-family: "Nunito", Sans-serif;
    text-align: center;
    margin: 15px auto;
    max-width: 40%;
}

.single-post-top-area .entry-excerpt p {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    font-family: "Nunito", Sans-serif;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    max-width: 55%;
    text-align: center;
}

.single-post-top-area .featured-image {
    width: 100%;
    border-radius: 10px;
    max-height: 400px;
}

.single-post-layout {
    display: grid;
    grid-template-columns: 1fr 282px;
    gap: 20px;
    margin-bottom: 150px;
    margin-top: 15px;
}

.sidebar-area .recent-post-box {
    padding: 20px 10px;
    border-radius: 10px;
    background-color: #fff;
}

.sidebar-area .categories-box h2,
.recent-post-box h2 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0;

}

.categories-box ul,
.recent-post-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.categories-box ul li,
.recent-post-box ul li {
    margin-bottom: 5px;
    position: relative;
    padding-left: 25px;
}

.categories-box ul li a,
.recent-post-box ul li a {
    font-size: 12px;
    color: #000;
    font-weight: 400;
}

.categories-box ul li:after,
.recent-post-box ul li:after {
    content: " ";
    border-left: 1px solid #F0831A;
    border-bottom: 1px solid #F0831A;
    width: 8px;
    height: 8px;
    transform: rotate(225deg);
    cursor: pointer;
    display: block;
    position: absolute;
    left: 5px;
    top: 9px;
}

.sidebar-area .categories-box {
    padding: 20px 10px;
    border-radius: 10px;
    background-color: #fff;
    margin-top: 20px;
}

.single-post-layout .post-left-column {
    padding: 20px;
    background-color: #fff;
}

/* Single Post page */


.number-bg:before {
    -moz-animation: spinoffPulse 60s infinite linear;
    -webkit-animation: spinoffPulse 60s infinite linear;
    border: 2px dashed #F0831A;
    border-radius: 50%;
    bottom: -15px;
    content: '';
    display: block;
    height: 135px;
    left: -15px;
    margin: auto;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 135px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

.footer-menu ul li {
    position: relative;
}

.footer-menu ul li::before {
    content: "";
    height: 7px;
    width: 7px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: -15px;
    top: 7px;
    border-radius: 10px;
}

.enroll-btn {
    padding: 0 10px;
    margin-top: 35px;
}

.enroll-btn a {
    text-align: center;
    display: block;
    background-color: rgba(240, 131, 26, 1);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 10px;
    text-decoration: none;
}

.enroll-btn-html {
    position: absolute;
    bottom: 27px;
    width: 100%;
}






/* shortcode */

/* Container */


/* Dropdowns and button */
.pricing-filter-box .filter-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 0 auto;
    max-width: 650px;
    background: linear-gradient(180deg, rgba(166, 102, 45, 0) 0%, #A6662D 100%);
    border-radius: 80px;
    padding: 20px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
    background: rgba(0, 0, 0, 0.1);
}

.filter-select {
    padding: 10px 35px 10px 15px;
    border-radius: 20px;
    border: none;
    font-size: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB3SURBVHgBjdHBDYAgDAVQihN4M55Yhc1IHMxR5OhNF8DaT0wQaYi90PTnkSalc5k3I8Xp8mPYo+nUESZHg13RWyF48wDBD+RgLCf20sQe/qAIQyUgCQgovtfWEDKqf60x5hrK83algp9xgxqoYKMhFdYYZ2L1TDeNAV/bHDOLBgAAAABJRU5ErkJggg==);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.filter-select:focus {
    outline: none;
    box-shadow: none;
}

.btn-view-pricing {
    background: #ff8c00;
    border: none;
    padding: 10px 18px;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
}

/* Pricing Box */
.pricing-box {
    border-radius: 12px;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}

.pricing-box-content h2 {
    margin: 0 0 5px;
    color: white;
    font-family: "Nunito", Sans-serif;
    font-weight: 700;
    font-size: 24px;
    text-align: center;

}

.pricing-subtext {
    color: #eeb61e;
    font-family: "Nunito", Sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;

}

/* Toggle switch */
.pricing-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 18px 0 40px;
}

.pricing-toggle h4 {
    font-family: "Nunito", Sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    text-align: center;
    color: #fff;
    margin: 0;
}

.switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 26px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    transition: .4s;
    border-radius: 24px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 6px;
    bottom: 4px;
    background-color: #F0831A;
    transition: .4s;
    border-radius: 50%;
}

input:checked+.slider {
    background-color: #ffffff;
}

input:checked+.slider:before {
    transform: translateX(19px);
}

/* Price Value */
.price-value p {
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
}

/* Repeater Pricing Output Styles */


.course-repeater-content {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.logged-in .hide-login a {
    padding-right: 0 !important;
    margin-top: 0px !important;
}

.logged-in .header-menu nav #menu-header-menu li.hide-login a {
    margin-left: 0px;
    padding-left: 10px;
}

.mega-dashboard-menu {
    display: none;
}

.logged-in .mega-dashboard-menu {
    display: inline-block;
}

.logged-in .mega-dashboard-menu a {
    font-size: 0 !important;
    background: transparent !important;
    position: relative;
}

.logged-in .mega-dashboard-menu a:before {
    position: absolute;
    content: "";
    width: 34px;
    height: 30px;
    bottom: -17px;
    left: 0;
    background: url('/wp-content/uploads/2025/09/user-1.svg')no-repeat center center;
    background-size: contain;
    border-radius: 100px;
}
#menu-header-menu{
	align-items:center;
}
body.logged-in li.hide-login {
    display: none !important;
}

@media (max-width: 767px) {
    .course-repeater-content {
        grid-template-columns: 1fr;
    }

    .pricing-filter-box {
        width: 90%;
        margin: 0 auto;
    }

    .pricing-filter-box .filter-row {
        display: block;
        border-radius: 20px;
    }

    .filter-select {
        margin-bottom: 15px;
    }

    .btn-view-pricing {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .pricing-filter-box {
        width: 95%;
        margin: 0 auto;
    }
}

.pricing-parent-group {
    text-align: left;
}

.pricing-title {
    color: #eeb61e;
    margin-bottom: 20px;
}

.course-item {
    background: #fff;
    padding: 20px 10px 100px;
    border-radius: 10px;
    color: #333;
    position: relative;
    height: calc(100% - 53px);
    position: relative;
}

.course-meta {
    margin: -20px -10px 30px -10px;
    background: linear-gradient(110.82deg, #000000 33.4%, #4D2704 100%);
    padding: 10px;
    border-radius: 10px 10px 0px 0px;
}

.course-type {
    background: rgba(80, 39, 0, 1);
    color: #fff;
    padding: 5px 10px;
    border-radius: 30px;
    font-family: "Nunito", Sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
    display: inline-block;

}

span.course-type.online {
    background-color: rgba(49, 49, 49, 1);
}

.course-where {
    color: #fff;
    font-family: "Nunito", Sans-serif;
    font-weight: 700;
    font-size: 18px;
}

.course-item .course-title {
    margin: 0;
    color: rgba(0, 0, 0, 1);
    font-family: "Nunito", Sans-serif;
    font-weight: 700;
    font-size: 24px;
}

.course-subtitle {
    margin: 0 0 20px 0;
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
    padding-bottom: 5px;
    font-weight: 400;
    font-family: "Nunito", Sans-serif;
    border-bottom: 1px solid rgba(233, 233, 233, 1)
}

.course-price-row {
    background-color: rgba(255, 249, 243, 1);
    padding: 10px;
    margin-bottom: 25px;
}

.course-price-row span {
    font-family: "Nunito", Sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
}

.course-price {
    font-weight: bold;
    color: rgba(134, 63, 0, 1);
    font-family: "Nunito", Sans-serif;
    font-weight: 800;
    font-size: 32px;
}

.course-button {
    background: #f0831a;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
}

.course-button:hover {
    background: #d97310;
}


.course-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.course-content ul li {
    font-size: 14px;
    font-weight: 300;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative;
}

.course-content ul li:before {
    content: "";
    display: block;
    height: 15px;
    width: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDFMNC43IDExLjIyNUwyIDkuMTc1SDAuNUw0LjcgMTZMMTUuNSAxSDE0WiIgZmlsbD0iIzg5Qzc2MyIvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 4px;
}

.course-button-row {
    position: absolute;
    bottom: 25px;
    width: 100%;
    left: 0;
    right: 0;
    padding: 0 10px;
}

.course-button-row .course-button {
    background-color: rgba(240, 131, 26, 1);
    border-radius: 0;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    display: block;
    text-align: center;
    text-decoration: none;
}

.course-button-row .course-button:hover {
    color: #fff;
}

.tutor-container {
    margin-top: 40px;
}

.tutor-avatar-text {
    background-color: rgba(240, 131, 26, 1);
}

.tutor-iconic-btn:hover,
.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li a:hover,
.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a:hover {
    background-color: rgba(240, 131, 26, 1);
}

.tutor-iconic-btn {
    border: none;
}

.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li a:hover .tutor-dashboard-menu-item-text,
.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li a:hover .tutor-dashboard-menu-item-icon {
    color: #fff;
}

.tutor-round-box {
    color: #fff !important;
    background: rgba(240, 131, 26, 1);
}

.tutor-nav-tabs .tutor-nav-link.is-active {
    border-top-color: rgba(240, 131, 26, 1);
}

.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-menu-item-icon,
.zoom-configure-wrapper i {
    color: rgba(240, 131, 26, 1);
}

.tutor-react-datepicker .dropdown-container .dropdown-label:hover {
    background: rgba(240, 131, 26, 1);
    color: white;
}

.tutor-react-datepicker .navigation-icon button:hover>svg path {
    fill: rgba(240, 131, 26, 1) !important;
}

.tutor-react-datepicker .dropdown-container .dropdown-label:hover>svg path {
    stroke: white !important;
}

.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a,
.tutor-react-datepicker .react-datepicker__day--keyboard-selected {
    background-color: rgba(240, 131, 26, 1);
}

.tutor-pagination ul.tutor-pagination-numbers .page-numbers.prev,
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.prev:hover,
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.next,
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.next:hover {
    background: rgba(240, 131, 26, 1);
    color: white;
}

.tutor-pagination ul.tutor-pagination-numbers .page-numbers.current {
    color: rgba(240, 131, 26, 1);
}

.tutor-pagination ul.tutor-pagination-numbers .page-numbers:before {
    background: rgba(240, 131, 26, 1);
}

.tutor-react-datepicker .react-datepicker__day:not(:is(.react-datepicker__day--keyboard-selected, .react-datepicker__day--selected, .react-datepicker__day--range-start, .react-datepicker__day--in-range)):hover {
    background: rgba(240, 131, 26, 0.1);
    box-shadow: 0 0 0 1px rgba(240, 131, 26, 1);
}

.tutor-google-meet-api-banner .tutor-color-muted a,
.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-qna-vew-as.current-view-student .tutor-form-toggle-label.tutor-form-toggle-checked {
    color: rgba(240, 131, 26, 1);
}

.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-qna-vew-as.current-view-student .tutor-form-toggle-control:before {
    background: rgba(240, 131, 26, 1);
}

.tutor-calendar-dropdown .tutor-calendar-dropdown-label:hover {
    color: white !important;
    background: rgba(240, 131, 26, 1) !important;
}

.tutor-calendar-dropdown .tutor-calendar-dropdown-label:hover>svg path {
    stroke: white;
}

/* .page-id-1267.elementor-kit-7 button{
    background:transparent
}
.page-id-1267 .css-np7kp5 svg,
.page-id-1267 .css-np7kp5:not(:disabled),
.page-id-1267 .css-np7kp5:not(:disabled):hover, 
.page-id-1267 .css-np7kp5:not(:disabled):focus{
    color:white;
    background: rgba(240, 131, 26, 1) !important;
    box-shadow:none
}
.page-id-1267 .css-nj903t,
.page-id-1267 .css-nj903t:hover,
.page-id-1267 .css-nj903t:focus{
 color:white;
    background: rgba(240, 131, 26, 1) !important;
}
.page-id-1267 .css-13auc0s:not(:disabled),
.page-id-1267 .css-13auc0s:not(:disabled):hover,
.page-id-1267 .css-13auc0s:not(:disabled):focus,
.page-id-1267 .css-qp61fh:not(:disabled),
.page-id-1267 .css-qp61fh:not(:disabled):hover, 
.page-id-1267 .css-qp61fh:not(:disabled):focus{
    color:white;
    background: rgba(240, 131, 26, 1) !important;
    box-shadow:none;
    border-color:white;
}
.page-id-1267 .css-f1wqjg,
.page-id-1267 .css-f1wqjg:hover{
     color:white !important;
    background: rgba(240, 131, 26, 1) !important;
    box-shadow:none !important;
}
.page-id-1267  .css-iyn2zv[data-input]:checked{
     background: rgba(240, 131, 26, 1) !important; 
}
.page-id-1267 .css-f1wqjg:not(:disabled):hover svg,
.page-id-1267 .css-f1wqjg:not(:disabled):focus svg,
.page-id-1267 .css-f1wqjg svg{
color:white !important;
}

.page-id-1267 .css-924hr9:hover svg{
    color: rgba(240, 131, 26, 1);
}
.page-id-1267 .css-1k8d6y0:not(:disabled),
.page-id-1267 .css-1k8d6y0:not(:disabled):hover,
.page-id-1267 .css-1k8d6y0:not(:disabled):focus{
    background: rgba(240, 131, 26, 1);
    color:white !important;
    box-shadow:none;
}
.page-id-1267  .css-t1p53x,
.page-id-1267  .css-t1p53x:hover,
.page-id-1267 .css-bx9hn1,
.page-id-1267 .css-bx9hn1:hover{
     background-color: rgba(240, 131, 26, 0.3);    
}
.page-id-1267 .css-vko7uh li  button{
    color: rgb(33, 35, 39);
}
.page-id-1267 .css-t1p53x::before,
.page-id-1267 .css-t1p53x:hover::before,
.page-id-1267 .css-bx9hn1::before,
.page-id-1267 .css-bx9hn1:hover::before{
     background-color: rgba(240, 131, 26, 1);
}

.page-id-1267 .css-1f5puig.tutor-input-field:focus{
outline: none;
}
.page-id-1267 .css-1ervl6,
.page-id-1267 .css-19zdqzx svg,
.page-id-1267 .css-1mdrty1 svg{
    color:white;
}
.page-id-1267 .css-kvok10:focus,
.page-id-1267 .css-kvok10:active, 
.page-id-1267 .css-kvok10:hover,
.page-id-1267 .css-kvok10,
.page-id-1267 .css-18zg3k2,
.page-id-1267 .css-18zg3k2:hover,
.page-id-1267 .css-18zg3k2:active,
.page-id-1267 .css-18zg3k2:focus{
color: rgba(240, 131, 26, 1);
}
.page-id-1267 .css-19zdqzx:not(:disabled),
.page-id-1267 .css-19zdqzx:not(:disabled):hover,
.page-id-1267 .css-19zdqzx:not(:disabled):focus,
.page-id-1267 .css-1mdrty1:not(:disabled),
.page-id-1267 .css-1mdrty1:not(:disabled):hover,
.page-id-1267 .css-1mdrty1:not(:disabled):focus{
background: rgba(240, 131, 26, 1);
color:white;
box-shadow:none;
}
.page-id-1267 .wp-core-ui .quicktags-toolbar .button,
.page-id-1267 .wp-core-ui .quicktags-toolbar .button:focus, 
.page-id-1267 .wp-core-ui .quicktags-toolbar .button:active{
    background:transparent;
    color: rgb(33, 35, 39);
    border:1px solid #dcdcde;
    outline:none;
    box-shadow: none;
}
.page-id-1267 .css-4m2s9i .wp-editor-container:focus-within,
.page-id-1267 .css-18u858a .wp-editor-container{
    outline:none;
}
.page-id-1267 .css-1usaosx:focus-within,
.page-id-1267  .wp-switch-editor:focus{
    box-shadow:none;
}
.page-id-1267 .wp-media-buttons button,
.page-id-1267 .wp-media-buttons button:hover{
color: rgba(240, 131, 26, 1);
border:1px solid rgba(240, 131, 26, 1);
}

.page-id-1267  .css-1ejydej.tutor-input-field:focus{
outline:none;
}
.page-id-1267 .css-1kkgep4:hover{
color: rgba(240, 131, 26, 1);
}
.page-id-1267 .css-1imiy8t,
.page-id-1267 .css-1vkpi5g,
.page-id-1267 .css-1vkpi5g:hover{
    color: rgb(33, 35, 39);
} */
/* 404 page */
.error-page-wrapper .page-header {
    text-align: center;
    padding-top: 50px;
}

.error-page-wrapper .page-header .entry-title {
    font-size: 55px;
    font-family: "Nunito", Sans-serif;
    font-weight: 700;
}

.error-page-wrapper .gif-wrapper h2 {
    font-size: 62px;
    color: rgba(240, 131, 26, 1);
    font-weight: 600;
}

.tutor-iconic-btn:hover,
.tutor-iconic-btn:focus,
.tutor-iconic-btn:active {
    background: rgba(240, 131, 26, 1) !important;
    color: white;
}

.error-page-wrapper .gif-wrapper img {
    max-width: 220px;
    width: 100%;
}

.error-page-wrapper .page-content {
    text-align: center;
    padding-bottom: 50px;
}

.error-page-wrapper .page-content p {
    font-size: 30px;
    font-weight: 500;
}

.becom-tutor-cta a {
    position: relative;
    overflow: hidden;
}

.becom-tutor-cta a::after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    width: 50px;
    /* Animation */
    animation: shineEffect 2s linear infinite;
    animation-delay: 1s;
    /* Half the animation duration */
}

.becom-tutor-cta a::before {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    width: 50px;
    /* Animation */
    animation: shineEffect 2s linear infinite;
}

/* Keyframes for the animation */
@keyframes shineEffect {
    0% {
        left: -75px;
        opacity: 0;
    }

    50% {
        left: 100%;
        opacity: 0.2;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

/* Registration Page */
.order-confirmed .header-wrapper,
.error404 .header-wrapper,
.checkout-page .header-wrapper,
.cart-page .header-wrapper,
.tutor-screen-frontend-dashboard .header-wrapper,
.retrieve-password-page .header-wrapper,
.login-page .header-wrapper,
.student-registration-page .header-wrapper {
    position: relative;
    background-color: #000;
}

.checkout-page .site-main,
.cart-page .site-main {
    padding: 50px 0;
}

.retrieve-password-page .page-header,
.login-page .page-header,
.student-registration-page .page-header {
    display: none;
}

.retrieve-password-page,
.login-page,
.student-registration-page {
    background-image: linear-gradient(110.82deg, #000000 33.4%, #4D2704 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25));
}

.retrieve-password-page,
.login-page,
.student-registration-page {
    position: relative;
}

.retrieve-password-page::before,
.login-page::before,
.student-registration-page:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.25);
    position: absolute;
    z-index: 0;
}

.tutor-forgot-password-form,
.tutor-login-wrap {
    max-width: 590px;
    background: #fff;
    padding: 50px 30px !important;
    border-radius: 10px;
    margin: 100px auto;
    position: relative;
    z-index: 11;
}

.tutor-login-wrap .tutor-login-form-wrapper {
    padding: 0;
}

div#tutor-registration-wrap {
    max-width: 996px;
    background: #fff;
    padding: 50px;
    border-radius: 10px;
    margin: 100px auto;
    position: relative;
    z-index: 11;
}

#tutor-registration-form {
    padding: 0;
}

.tutor-form-section .regis-main-title {
    font-size: 22px;
    color: #333333;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 18px;
}

.tutor-form-section .tutor-form-section-title {
    font-size: 16px;
    color: rgba(240, 131, 26, 1);
    font-weight: 600;
    padding-left: 12px;
    position: relative;
    margin-bottom: 20px;
    margin-top: 0;
    line-height: 2;
}

.tutor-form-section .tutor-form-section-title:before {
    content: "'";
    height: 100%;
    width: 5px;
    display: block;
    position: absolute;
    left: 0;
    background-color: rgba(240, 131, 26, 1);
    border-radius: 10px 0px 0 10px;
}

.tutor-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.tutor-form-group label {
    font-size: 16px;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 5px;
}

.tutor-form-group {
    margin-bottom: 25px;
}

.tutor-login-form-wrapper .tutor-color-black {
    color: rgba(51, 51, 51, 1);
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
}

.tutor-login-form-wrapper #tutor-login-form .tutor-mb-20 input[type="text"],
.tutor-form-group input[type="email"],
.tutor-form-group input[type="password"],
.tutor-form-group input[type="tel"],
.tutor-form-group input[type="date"],
.tutor-form-group select,
.tutor-form-group input[type="text"] {
    line-height: 40px;
    border: solid 1px rgba(205, 207, 213, 1);
    background-color: #fff;
    padding-bottom: 0;
    padding-top: 0;
}

input:-internal-autofill-selected {
    background: #fff !important;
    border: solid 1px rgba(205, 207, 213, 1);
}

form#tutor-login-form>.tutor-mb-20 {
    margin-bottom: 32px;
}

.tutor-form-group input[type="email"]:focus,
.tutor-form-group input[type="password"]:focus,
.tutor-form-group input[type="tel"]:focus,
.tutor-form-group input[type="date"]:focus,
.tutor-form-group select:focus,
.tutor-form-group input[type="text"]:focus {
    outline: none;
    box-shadow: none;
    border-color: rgba(205, 207, 213, 1) !important;
}


.tutor-form-group select {
    padding-top: 0;
    padding-bottom: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB3SURBVHgBjdHBDYAgDAVQihN4M55Yhc1IHMxR5OhNF8DaT0wQaYi90PTnkSalc5k3I8Xp8mPYo+nUESZHg13RWyF48wDBD+RgLCf20sQe/qAIQyUgCQgovtfWEDKqf60x5hrK83algp9xgxqoYKMhFdYYZ2L1TDeNAV/bHDOLBgAAAABJRU5ErkJggg==);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-repeat: no-repeat;
    background-position: right 15px center;
}


[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+span,
[type="radio"]:not(:checked)+span {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked+span:before,
[type="radio"]:not(:checked)+span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(240, 131, 26, 1);
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked+span:after,
[type="radio"]:not(:checked)+span:after {
    content: '';
    width: 12px;
    height: 12px;
    background: rgba(240, 131, 26, 1);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+span:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}




[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:checked+label,
[type="checkbox"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="checkbox"]:checked+label:before,
[type="checkbox"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(240, 131, 26, 1);
    background: #fff;
}

[type="checkbox"]:checked+label:after,
[type="checkbox"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: rgba(240, 131, 26, 1);
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="checkbox"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


.tutor-form-radio-group {
    display: flex;
    gap: 35px;
}

.radio-group .radio-label {
    margin-bottom: 15px;
}

.parent-form,
.address-form {
    margin-top: 15px;
}

.register-btn {
    text-align: center;
}

.tutor-btn-primary,
.tutor-btn {
    background-color: #F0831A;
    font-family: "Nunito", Sans-serif;
    border: none;
    max-width: 530px;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
    text-decoration: none !important;
}

.lost_reset_password .tutor-form-group button,
#tutor-login-form button.tutor-btn,
.register-btn .tutor-btn {
    background-color: #F0831A;
    font-family: "Nunito", Sans-serif;
    border: none;
    width: 100%;
    max-width: 530px;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
    text-decoration: none !important;
}

.tutor-btn:hover,
.tutor-checkout-details-inner #tutor-toggle-coupon-button:hover,
.tutor-btn-primary:hover,
.lost_reset_password .tutor-form-group button:hover,
#tutor-login-form button.tutor-btn:hover,
.register-btn .tutor-btn:hover {
    background-color: #F0831A;
}

.tutor-btn-outline-primary,
[type=button],
[type=submit],
button {
    border: none;
}

.tutor-order-status-wrapper .tutor-btn {
    min-width: 180px;
    justify-content: center;
}

.tutor-form-toggle input:checked~.tutor-form-toggle-control,
.tutor-btn-outline-primary:hover,
.tutor-btn-outline-primary:focus,
.tutor-btn-outline-primary:active,
.tutor-btn-primary:hover,
.tutor-btn-primary:focus,
.tutor-btn-primary:active {
    background-color: #F0831A;
}

.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-qna-vew-as.current-view-instructor .tutor-form-toggle-label.tutor-form-toggle-checked {
    color: #F0831A !important;
}

.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-qna-vew-as.tutor-form-toggle .tutor-form-toggle-control {
    border: 1px solid #F0831A !important;
}

.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-qna-vew-as.current-view-instructor .tutor-form-toggle-control:before {
    background-color: #F0831A !important;
}

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

.current-withdraw-account-wrap .tutor-fs-7 a {
    color: #F0831A !important;
}

.tutor-login-link {
    text-align: center;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-weight: 600;
}

#tutor-login-form .tutor-text-center .tutor-btn-link,
.tutor-login-link .tutor-btn {
    font-size: 16px;
    font-weight: 400;
    color: rgba(134, 63, 0, 1);
    display: inline-block;
    text-decoration: none;
}


.lost_reset_password .tutor-form-row {
    display: block;
}


.login-page .elementor-shortcode h2 {
    color: #fff;
    text-align: center;
}

#tutor-login-form>.tutor-d-flex .tutor-btn-ghost {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    font-weight: 400;
    text-decoration: none;
}

#tutor-login-form>.tutor-d-flex .tutor-form-check label {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    font-weight: 400;
}

#tutor-login-form>.tutor-d-flex .tutor-form-check input {
    height: 20px;
    width: 20px;
}

.tutor-checkout-details-inner #tutor-toggle-coupon-button:after,
.tutor-cart-course-price-wrapper .tutor-cart-remove-button:after,
#tutor-login-form .tutor-text-center .tutor-btn-link:after {
    display: none;
}

.tutor-checkout-details-inner #tutor-toggle-coupon-button,
.tutor-cart-course-price-wrapper .tutor-cart-remove-button {
    padding: 4px 15px !important;
    border: none;
}

.tutor-add-new-course-bundle {
    min-width: 150px;
    justify-content: center;
    margin-right: 20px;
    margin-left: 20px;
}

.tutor-iconic-btn-lg {
    height: 42px;
    line-height: 1;
}

.tutor-course-details-actions .tutor-btn-ghost,
.popular-courses-heading-dashboard .tutor-btn-ghost {
    width: auto;
    padding: 5px 20px !important;
    border-radius: 3px;
}

.tutor-course-details-actions .tutor-btn-ghost:hover,
.popular-courses-heading-dashboard .tutor-btn-ghost:hover {
    color: #fff !important;
}

.tutor-nav-link:hover,
.tutor-nav-link.is-active {
    color: #F0831A;
}

.tutor-color-primary {
    color: #000;
}

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

#tutor-course-details-tab-info .tutor-btn {
    padding: 3px 10px !important;
    border-radius: 3px;
}

.logged-in .header-menu nav #menu-header-menu .hide-login>a {
    background-color: transparent;
    margin-top: 25px;
}

.logged-in .header-menu nav #menu-header-menu .hide-login>a i {
    color: #F7841E;
}

.tutor-accordion-item-header:hover,
.tutor-accordion-item-header:after,
.tutor-accordion-item-header.is-active {
    color: #F7841E !important;
}

.tutor-course-details-page {
    padding: 30px 0 100px;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
    background: #FFF7F0;
    color: #000;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header .tutor-iconic-btn-secondary,
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header .tutor-iconic-btn-secondary:hover,
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header .tutor-iconic-btn,
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header .tutor-iconic-btn:hover {
    background-color: #F0831A;
    color: #fff;
}

.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: #F7841E !important;
}

.tutor-course-single-sidebar-wrapper {
    background-color: #fff;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a,
.tutor-accordion-item-header.is-active,
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header {
    background-color: #FFF7F0;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-footer {
    background-color: #FFF7F0;
}

.tutor-course-single-content-wrapper {
    margin-bottom: 80px;
    border-bottom: 1px solid rgba(var(--tutor-color-primary-rgb), .15);
}

.tutor-iconic-btn-secondary,
.tutor-iconic-btn-secondary:focus,
.tutor-iconic-btn-secondary:hover {
    background-color: #F0831A;
    color: #fff;
}

.tutor-table td .tutor-btn:hover,
.tutor-quiz-btn-group .tutor-btn:hover {
    color: white;
}

.tutor-btn-primary,
.tutor-btn {
    padding: 10px !important;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-quiz-wrapper .tutor-quiz-wrap .quiz-meta-info .quiz-meta-info-right .quiz-time-remaining .quiz-time-remaining-progress-circle svg circle:first-child {
    stroke: #F0831A;
}

.tutor-progress-value {
    background: #F0831A;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-quiz-wrapper .tutor-quiz-wrap .quiz-meta-info .quiz-meta-info-right .quiz-time-remaining .quiz-time-remaining-progress-circle svg circle:last-child {
    stroke: #fff;
}

#tutor-registration-wrap .tutor-border-top-light,
.tutor-login-wrap .tutor-border-top-light {
    border: none !important;
}

#tutor-registration-wrap .tutor-login-link .tutor-btn {
    background: transparent;
}

.tutor-course-details-top .tutor-meta>div>a {
    color: #000;
}

.tutor-course-details-top .tutor-meta>div>a:hover,
.tutor-course-name a:hover {
    color: #F0831A !important;
}

#tutor-course-details-tab-info .tutor-btn,
#tutor-course-details-tab-info .tutor-btn:hover {
    color: white !important;
}

.tutor-modal .tutor-modal-close-o {
    padding-bottom: 31px;
}

.tutor-modal .tutor-modal-close-o:hover,
.tutor-modal .tutor-modal-close-o:focus,
.tutor-order-status-wrapper .tutor-btn,
#tutor-download-invoice:hover,
#tutor-download-invoice:focus {
    background: #F0831A !important;
}

.tutor-course-content-list-item:hover {
    background: #FFF7F0;
    color: #F0831A;
}

.tutor-course-content-list-item:hover .tutor-course-content-list-item-icon,
.tutor-meta-course-cat a:hover {
    color: #F0831A;
}

.tutor-checkout-page .tutor-checkout-container {
    max-width: 100%;
}

.tutor-btn-ghost:hover,
.tutor-btn-ghost:focus,
.tutor-btn-ghost:active {
    color: #fff;
}

.tutor-checkout-page .tutor-checkout-course-thumb-title {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
}

.tutor-checkout-page .tutor-checkout-course-thumb-title .img-thumbnial {
    border-radius: 8px;
    width: 160px;
    height: 90px;
    overflow: hidden;
}

.tutor-checkout-page .tutor-checkout-course-thumb-title .img-thumbnial img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.tutor-cart-course-price-wrapper .tutor-btn[disabled],
.tutor-cart-course-price-wrapper .tutor-btn.disabled {
    color: #fff;
}

#tutor-notifications-wrapper {
    margin-right: 0;
}

.tutor-dashboard-content .mce-btn button,
.tutor-dashboard-content .mce-btn button:hover {
    background: transparent !important;
}

.tutor-page-permission-denied {
    margin-bottom: 80px;
}

p.validate-form {
    text-align: center;
    margin: 30px 0;
    color: white;
}

#tutor-invoice-content {
    width: 100%;
}

#tutor-invoice-content .tutor-mb-12,
#tutor-invoice-content .tutor-mb-16 {
    font-size: 14px;
}

.tutor-invoice-wrapper .tutor-invoice .invoice-table th,
.tutor-invoice-wrapper .tutor-invoice .invoice-table td {
    padding: 10px;
}

.tutor-login-link .tutor-btn-link:after {
    display: none;
}

.second-login .tutor-wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 100vh;
}

.second-login .tutor-wrap .tutor-login-wrap {
    flex-shrink: 0;
    width: 100%;
}

.cart-page,
.checkout-page {
    background: #F4F4F4;
}

.cart-page .tutor-cart-page {
    padding-top: 0;
}

.cart-page .tutor-container {
    margin-top: 0;
}

.cart-page .entry-title,
.checkout-page .entry-title {
    font-size: 18px;
    color: #F0831A;
    font-weight: 600;
}

.checkout-page .tutor-container {
    margin-top: 0;
}

.checkout-page .tutor-checkout-page {
    padding: 0px 0 80px;
}

.cart-page .tutor-col-lg-8 {
    margin-top: 0;
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 64.6667%;
}

.checkout-page .tutor-row .tutor-col-md-6 {
    padding: 0px;
    margin-top: 0;
    border-radius: 10px;

}

.checkout-page .tutor-row .tutor-col-md-6:first-child {
    width: 60%;
}

.checkout-page .tutor-row .tutor-col-md-6:last-child {
    width: 38%;
    background: white;
    border-radius: 10px;
    padding: 20px;
}

.checkout-page .tutor-checkout-billing-inner h5 {
    margin-top: 0px;
    font-size: 16px;
    font-weight: 700;
}

.cart-page .tutor-row,
.checkout-page .tutor-checkout-container #tutor-checkout-form>.tutor-row {
    --tutor-gutter-y: 0px;
    align-items: flex-start;
    gap: 20px;
}

.tutor-checkout-page .tutor-checkout-detail-item:nth-child(2) {
    padding-top: 0px !important;
}

.checkout-page .tutor-checkout-container #tutor-checkout-form>.tutor-row {
    justify-content: space-between;
}

.tutor-checkout-page .tutor-checkout-details .tutor-checkout-details-inner h5 {
    margin-top: 0px;
    font-size: 16px;
    font-weight: 700;
}

.tutor-checkout-page .tutor-checkout-details .tutor-checkout-details-inner {
    padding: 20px;
    background-color: white;
    border-radius: 10px;
}

.tutor-checkout-page .tutor-checkout-course-item .tutor-checkout-course-categories span {
    font-size: 20px;
    color: #000000;
    font-weight: 700;
}

.tutor-checkout-page .tutor-checkout-course-thumb-title .img-thumbnial {
    width: 80px;
    height: 80px;
    border-radius: 10px;
}

.tutor-checkout-page .tutor-checkout-course-title a {
    color: #656565;
    font-weight: 400;
}

.tutor-checkout-page .tutor-pt-12 .tutor-checkout-summary-item>div:first-child {
    font-size: 18px;
    font-weight: 700;
}

.tutor-checkout-page .tutor-checkout-summary-item button,
#tutor-checkout-pay-now-button {
    background-image: linear-gradient(45deg, rgb(240, 131, 26) 0%, rgb(200, 102, 9) 76%) !important;

}

#tutor-checkout-pay-now-button {
    margin-top: 0px;
}

.tutor-checkout-page .tutor-checkout-course-content .tutor-text-right {
    font-size: 18px;
    font-weight: 700;
}

.cart-page .tutor-color-black {
    font-size: 18px;
    font-weight: 700;
    margin-top: 0;
}

.cart-page .tutor-col-lg-4 {
    background: white;
    border-radius: 10px;
    padding: 20px;
}

.tutor-cart-page .tutor-cart-course-item {
    padding: 20px;
}

.tutor-cart-page .tutor-cart-course-item .tutor-cart-course-thumb {
    width: 109px;
    height: 109px;
}

.tutor-cart-page .tutor-cart-course-item .tutor-color-secondary {
    font-size: 20px;
    font-weight: 700;
}

.tutor-cart-page .tutor-cart-course-item .tutor-cart-course-title {
    gap: 0;
}

.tutor-cart-page .tutor-cart-course-title h5 {
    font-size: 16px;
    color: #656565;
    font-weight: 400;
    margin-bottom: 0;
}

.tutor-cart-page .tutor-mb-8 {
    margin-bottom: 0 !important;
}

.tutor-cart-page .tutor-cart-course-item .tutor-cart-course-info {
    gap: 0;
    margin-top: 0;
}

.tutor-cart-page .tutor-btn {
    background-image: linear-gradient(45deg, #F0831A 0%, #C86609 76%) !important;
}

.tutor-checkout-page .tutor-checkout-details .tutor-checkout-details-inner .tutor-pb-20 {
    padding-bottom: 0px;
}

.tutor-react-datepicker__selects-range .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--selecting-range-start) {
    background: rgba(240, 131, 26, 0.1);
    box-shadow: 0 0 0 1px rgba(240, 131, 26, 1);
}

.tutor-react-datepicker__selects-range .react-datepicker__day--range-start,
.tutor-react-datepicker__selects-range .react-datepicker__day--range-end {
    background: rgba(240, 131, 26, 1) !important;
    color: white;
}

.tutor-react-datepicker__selects-range .react-datepicker__day:before {
    box-shadow: 0 1px rgba(240, 131, 26, 0.2), 0 -1px rgba(240, 131, 26, 0.2);
    background: rgba(240, 131, 26, 0.2);
}

.tutor-react-datepicker__selects-range .react-datepicker__day--range-start:after,
.tutor-react-datepicker__selects-range .react-datepicker__day--range-end:after {
    background: rgba(240, 131, 26, 1) !important;
}

.tutor-react-datepicker .dropdown-container.is-active .dropdown-label {
    background: rgba(240, 131, 26, 1) !important;
    color: white !important;
}

.tutor-react-datepicker .dropdown-container .dropdown-list li:hover,
.tutor-react-datepicker .dropdown-container .dropdown-list li.is-current {
    background: rgba(240, 131, 26, 1) !important;
    color: white !important;
}

.tutor-react-datepicker .dropdown-container.is-active .dropdown-label>svg path {
    stroke: white !important;
}

.css-11m1fz+span {
    border: 1px solid transparent !important;
    padding-left: 0 !important;
}

.css-11m1fz+span::before {
    border: 1px solid rgb(195, 197, 203);
}

.css-1y4a8vd [type="radio"]:checked+span:after,
.css-1y4a8vd [type="radio"]:not(:checked)+span:after {
    background: rgb(58, 92, 204);
}

.css-11m1fz+span::before {
    border: 1px solid rgb(62, 100, 222) !important;
}

.page-id-1269 .site-main {
    padding: 50px 0;
}

.page-id-1269 .header-wrapper {
    position: relative;
    background-color: #000;
    top: 0 !important;
}

.page-id-1269 .entry-title {
    font-size: 18px;
    color: #F0831A;
    font-weight: 600;
}

.tutor-instructor-application-process {
    padding: 0px 0 150px 0;
}

.tutor-instructor-application-process .tutor-app-process-alert .tutor-primary {
    border-color: #F0831A !important;
}

.tutor-instructor-apply-button a {
    background-color: #F0831A;
    font-family: "Nunito", Sans-serif;
    border: none;
    max-width: 530px;
    font-size: 16px;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
    text-decoration: none !important;
}

.tutor-modal-content .tutor-iconic-btn {
    padding-bottom: 0;
}

.contactus-form .wpcf7-select {
    background: none;
    border: solid 1px #D9D9D9;
    outline: solid 1px transparent;
}

.contactus-form .wpcf7-select:focus,
.contactus-form .wpcf7-select:focus-visible {
    border: solid 1px #000;
    outline: solid 1px transparent;
}

.tutor-checkout-page .tutor-color-hints {
    margin-left: 4px;
}

#contact-popup-btn {
    position: fixed;
    z-index: 9999;
    bottom: 12px;
    right: 12px;
    color: white;
    gap: 10px;
    background: #000;
    border-radius: 100px;
    cursor: pointer;
}

#contact-popup-btn svg {
    width: 108px;
    height: 100px;
}

.rotating-text {
    animation: rotateText 10s linear infinite;
    transform-origin: 80px 100px;
}

.rotating-text textPath {
    font-size: 13px;
    font-weight: 800;
    color: white;
    font-family: 'Nunito';
    text-transform: uppercase;

}

#contact-popup .form-submit {
    position: relative;
}

#contact-popup .form-submit .wpcf7-spinner {
    position: absolute;
    right: 0;
    transform: translateY(50%);
}

.tutor-news-latters {
    display: flex;
    position: relative;
}

.tutor-news-latters .form-submit {
    position: absolute;
    right: 0px;
    top: 1px;
}

.tutor-news-latters .form-submit input {
    border-radius: 0 30px 30px 0;
}

.tutor-news-latters .form-submit p {
    padding: 0;
    margin: 0;
}

.tutor-news-latters .wpcf7-form-control-wrap input {
    position: relative;
    padding-right: 90px;
    border-radius: 30px;
}

.tutor-news-latters .wpcf7-form-control-wrap input:focus {
    outline: none !important;
}

.tutor-news-latters .wpcf7-spinner {
    position: absolute;
    right: 0;
    transform: translateY(50%);
    display: none !important;

}

@keyframes rotateText {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#contact-popup br {
    display: none;
}

.tutor-news-latters+.wpcf7-response-output {
    font-size: 14px;
    color: white;
    margin-top: 0 !important;
}

.tutor-news-latters .wpcf7-not-valid-tip {
    margin-top: 5px !important;
}

.tutor-screen-frontend-dashboard #contact-popup-btn {
    display: none;
}

.tutor-single-course-sidebar .tutor-subscription-plans .tutor-plan-feature-item i {
    color: rgba(240, 131, 26, 1);
}

@media (max-width:1199px) {
    .cart-page .tutor-col-lg-8 {
        width: 62.6667%;
    }

    .tutor-cart-page .tutor-btn {
        font-size: 14px;
    }

    .tutor-spotlight-mobile-progress-complete {
        margin-top: 0;
        margin-bottom: 80px;
    }

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

    .tutor-progress-value {
        background: #F7841E;
    }

    .tutor-course-single-content-wrapper .tutor-course-single-sidebar-title a,
    .tutor-course-single-content-wrapper .tutor-course-single-sidebar-title a:hover {
        color: white;
        background: #F7841E;
    }

    .tutor-course-single-content-wrapper.tutor-course-single-sidebar-open .tutor-course-single-sidebar-wrapper {
        height: 100%;
    }

    .checkout-page .tutor-row .tutor-col-md-6:first-child {
        width: 58%;
    }

    .tutor-checkout-page .tutor-checkout-course-content {
        flex-wrap: wrap;
        gap: 30px;
    }

    .tutor-checkout-page .tutor-checkout-course-content>div:first-child {
        display: contents !important;
    }

    .tutor-checkout-page .tutor-checkout-course-categories {
        order: 3;
        width: 100%;
    }

    .tutor-checkout-page .tutor-checkout-course-thumb-title {
        display: contents;
    }
}

@media screen and (min-width:992px) and (max-width:1024px) {
    .header-wrapper #menu-header-menu>li>a {
        color: #000000 !important;
        padding: 10px 15px 10px 15px !important;
    }

}

@media (max-width:1024px) {
    .header-menu nav #menu-header-menu li.hide-login a {
        margin-left: 0px;
        justify-content: center;
    }

    .header-menu nav #menu-header-menu li.hide-login {
        padding: 0 15px;
    }

    .logged-in .header-menu nav #menu-header-menu li.hide-login {
        display: none;
    }

    .logged-in .mega-dashboard-menu {
        display: block;
        padding: 0 15px;
    }

    .logged-in .mega-dashboard-menu a {
        font-size: 14px !important;
        background-color: #F0831A !important;
        color: #FFFFFF !important;
        width: 100% !important;
        justify-content: center
    }

    .logged-in .mega-dashboard-menu a:before {
        display: none;
    }

}

@media (max-width:991px) {
    .tutor-checkout-container .tutor-col-md-6 {
        width: 100%;
    }

    .checkout-page main {
        max-width: 100% !important;
        width: 95% !important;
    }

    .tutor-checkout-page .tutor-checkout-course-item .tutor-checkout-course-categories span,
    .tutor-checkout-page .tutor-checkout-course-content .tutor-text-right,
    .tutor-checkout-page .tutor-pt-12 .tutor-checkout-summary-item>div:first-child,
    .tutor-checkout-page .tutor-pt-12 .tutor-checkout-summary-item>div:last-child {
        font-size: 16px;
    }

    .checkout-page .entry-title {
        max-width: 100% !important;
    }

    .cart-page .site-main {
        max-width: 100% !important;
    }

    .cart-page .tutor-col-lg-4 {
        width: 34%;
    }

    .tutor-cart-page .tutor-cart-summery .tutor-cart-summery-bottom,
    .tutor-cart-page .tutor-cart-summery .tutor-cart-summery-top {
        padding: 16px;
    }

    .tutor-cart-page .tutor-cart-course-item .tutor-color-secondary {
        font-size: 16px;
    }

    .tutor-cart-page .tutor-cart-course-title h5,
    .tutor-cart-page .tutor-cart-course-item .tutor-cart-course-info li {
        font-size: 12px;
    }

    .cart-page .entry-title {
        max-width: 100%;
        width: 90%;
        padding-left: 0;
    }
}


@media (min-width: 992px) and (max-width: 1100px) {
    .posts-grid {
        grid-template-columns: 1fr 1fr 1fr;
        padding-left: 50px;
        padding-right: 50px;
    }

    .grid-post .grid-post-image img {
        width: 100%;
        height: auto;
    }

    .featured-post.two-column-layout {
        grid-template-columns: 1fr;
        margin-left: 50px;
        margin-right: 50px;
    }

    .featured-post-content {
        order: 2;
        padding: 30px 20px;
    }

    .featured-post-image a img {
        width: 100%;
    }

    .blog-banner-content h1 {
        width: 600px;
        text-align: center;
    }

    .single-post-layout,
    .single-post-top-area {
        margin-left: 30px;
        margin-right: 30px;
    }

    .single-post-top-area .entry-excerpt p,
    .single-post-top-area .entry-title {
        max-width: 70%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .posts-grid {
        grid-template-columns: 1fr 1fr;
        padding-left: 50px;
        padding-right: 50px;
    }

    .grid-post .grid-post-image img {
        width: 100%;
        height: auto;
    }

    .featured-post.two-column-layout {
        grid-template-columns: 1fr;
        margin-left: 50px;
        margin-right: 50px;
    }

    .featured-post-content {
        order: 2;
        padding: 30px 20px;
    }

    .single-post-layout,
    .single-post-top-area {
        margin-left: 30px;
        margin-right: 30px;
    }

    .single-post-top-area .entry-excerpt p,
    .single-post-top-area .entry-title {
        max-width: 70%;
    }
}

@media (max-width: 767px) {
    .blog-banner-content h1 {
        font-size: 22px;
        text-align: center;
    }

    /* .becom-tutor-cta a{
        writing-mode:vertical-lr;
        border-radius: 10px 0px 0px 10px !important;
    }
    .becom-tutor-cta a::before {
        height: 155px;
        left: -75px;
        top: 10px;
        transform: rotate(25deg);
    }

    .becom-tutor-cta a::after {
        height: 232px;
        left: -75px;
        top: -47px;
        transform: rotate(31deg);
        width: 43px;
    } */

    .cart-page .tutor-col-lg-8,
    .cart-page .tutor-col-lg-4 {
        width: 100%;
    }

    .checkout-page .tutor-checkout-container #tutor-checkout-form>.tutor-row {
        flex-direction: column;
    }

    .checkout-page .tutor-row .tutor-col-md-6 {
        width: 100% !important;
    }

    .blog-banner-wrapper img {
        height: 300px;
        object-fit: cover;
    }

    .blog-title h1 {
        margin: 40px 0 30px;
        font-size: 20px;
    }

    .featured-post.two-column-layout {
        grid-template-columns: 1fr;
    }

    .featured-post-content {
        order: 2;
        padding: 30px 20px;
    }

    .featured-post .featured-entry-title {
        font-size: 18px;
    }

    .posts-grid {
        display: block;
        padding-left: 10px;
        padding-right: 10px;
    }

    .grid-post {
        margin-bottom: 20px;
    }

    .grid-post .grid-post-image img {
        width: 100%;
        height: auto;
    }

    body.single-post .site-main {
        padding-top: 110px;
    }

    .single-post-layout,
    .single-post-top-area {
        margin-left: 20px;
        margin-right: 20px;
    }

    .single-post-top-area .entry-excerpt p,
    .single-post-top-area .entry-title {
        max-width: 90%;
    }

    .single-post-layout {
        grid-template-columns: 1fr;
        margin-bottom: 40px;
    }

    .tutor-form-row {
        grid-template-columns: 1fr;
    }

    div#tutor-registration-wrap {
        padding: 25px;
        max-width: 95%;
    }

    .tutor-course-details-page {
        padding: 40px 20px 80px;
    }

    .tutor-dashboard #tutor-dashboard-footer-mobile>div>div>a:hover {
        color: #F0831A;
    }

    .tutor-instructor-application-process {
        padding: 0px 0 60px 0;
    }
}

@media (max-width:575px) {

    .tutor-cart-page .tutor-cart-course-item .tutor-cart-course-thumb {
        width: 100%;
        height: 150px;
    }

    .tutor-dashboard-student {
        padding-top: 50px;
    }

    .tutor-container {
        margin-top: 0;
    }

    .tutor-course-spotlight-wrapper .tutor-course-spotlight-tab {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .footer-become-cta{
        width:40px;
    }

    .becom-tutor-cta a {
        border-radius: 10px 0px 0px 10px !important;
        writing-mode: vertical-lr;
    }

    .becom-tutor-cta a::before {
        height: 155px;
        left: -75px;
        top: 10px;
        transform: rotate(25deg);
    }

    .becom-tutor-cta a::after {
        height: 232px;
        left: -75px;
        top: -47px;
        transform: rotate(31deg);
        width: 43px;
    }

    .instructor-registration-page div#tutor-registration-wrap {
        margin: 20px auto;
    }

    .tutor-spotlight-mobile-progress-complete {
        margin-top: 0;
        margin-bottom: 0px;
    }

    .tutor-form-row {
        gap: 0;
    }

    #tutor-registration-form .tutor-form-row:nth-chilD(6) .tutor-form-group {
        margin-bottom: 0;
    }

    .tutor-checkout-page .tutor-checkout-course-thumb-title {
        flex-direction: column-reverse;
    }

    .tutor-checkout-page .tutor-checkout-course-content {
        gap: 25px;
    }

    #contact-popup-btn svg {
        width: 90px;
        height: 80px;
    }

}

@media (max-width: 430px) {
    .tutor-order-status-wrapper .tutor-d-flex {
        display: grid !important;
    }
}



/* Overlay */
#contact-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9998;
}

/* Popup Box */
#contact-popup {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    max-width: 450px;
    width: 90%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    position: relative;
}

#contact-popup h3 {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
    color: #333;
    font-size: 24px;
}

#contact-popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#contact-popup-close:hover {
    color: #000;
}

/* Contact Form 7 Styling */
#contact-popup .wpcf7-form {
    margin: 0;
}

#contact-popup .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 15px;
}

#contact-popup input[type="text"],
#contact-popup input[type="email"],
#contact-popup input[type="tel"],
#contact-popup textarea {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    transition: border-color 0.3s;
    box-sizing: border-box;
}

#contact-popup input[type="text"]:focus,
#contact-popup input[type="email"]:focus,
#contact-popup input[type="tel"]:focus,
#contact-popup textarea:focus {
    outline: none;
    border-color: #F0831A;
}

#contact-popup input[type="submit"] {
    background: #F0831A;
    color: white;
    padding: 12px 30px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
    transition: background 0.3s;
}

#contact-popup input[type="submit"]:hover {
    background: #d46f15;
}
/* Remove default CF7 styles */
#contact-popup .wpcf7-form p {
    margin-bottom: 0px;
}

#contact-popup .wpcf7-response-output {
    margin: 15px 0 0 0;
    padding: 10px;
    border-radius: 5px;
}

#contact-popup .wpcf7-mail-sent-ok {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

#contact-popup .wpcf7-validation-errors {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}


.sport-link a {
    background-color: transparent;
    padding: 8px 18px 8px 50px !important;
    border-radius: 50px;
    border: 2px solid #F7841E;
    color: #F7841E !important;
    overflow: hidden;
    text-shadow: 0 1px 0 #000;
    --border-angle: 0turn;
    --main-bg: conic-gradient(from var(--border-angle),
            #000,
            #000 5%,
            #000 60%,
            #000 95%);

    border: solid 3px transparent;
    border-radius: 2em;
    --gradient-border: conic-gradient(from var(--border-angle), transparent 15%, #f5b985, #F7841E 99%, transparent);
    background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
    background-position: center center;
    animation: bg-spin 3s linear infinite;
}

@keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

@property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
}

.sport-link a:after {
    content: "";
	position:absolute;
    background-image: url("/wp-content/uploads/2025/10/sport-ic.svg");
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    z-index: 999;
    left: 12px;
    top: 5px;
	background-size: contain;
    background-color: transparent !important;
    opacity: 1 !important;
    display: block !important;
    filter: invert(57%) sepia(67%) saturate(1567%) hue-rotate(371deg) brightness(99%) contrast(96%);
}
.sport-link{
	margin-left:20px !important;
}

.single-courses .tutor-course-thumbnail img {
    height: 300px;
    object-fit: cover;
}

.single-courses .tutor-course-details-ratings {
    display: none;
}

@media (max-width:1024px){
	.sport-link{
	 max-width: 93%;
     margin: 10px auto 0 auto !important;
    }
	.header-wrapper #menu-header-menu>li.sport-link>a{
	  color:#fff !important;
      padding: 8px 18px 8px 50px !important;
	  justify-content: center !important;
    }
	.sport-link a:after {
		left: 26%;
	}
}
@media (max-width:575px){
.e--ua-safari .footer-become-cta{
	right:16px !important;
}
}


@font-face {
    font-family: 'Nunito';
    font-weight: 200;
    font-style: normal;
    src: url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-ExtraLight.eot');
    src: url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-ExtraLight.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-ExtraLight.woff2') format('woff2'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-ExtraLight.woff') format('woff'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Nunito';
    font-weight: 300;
    font-style: normal;
    src: url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Light.eot');
    src: url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Light.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Light.woff2') format('woff2'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Light.woff') format('woff'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Nunito';
    font-weight: 400;
    font-style: normal;
    src: url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Regular.eot');
    src: url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Regular.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Regular.woff2') format('woff2'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Regular.woff') format('woff'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Regular.ttf') format('truetype');
}


@font-face {
    font-family: 'Nunito';
    font-weight: 500;
    font-style: normal;
    src: url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Medium.eot');
    src: url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Medium.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Medium.woff2') format('woff2'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Medium.woff') format('woff'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Medium.ttf') format('truetype');
}


@font-face {
    font-family: 'Nunito';
    font-weight: 600;
    font-style: normal;
    src: url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-SemiBold.eot');
    src: url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-SemiBold.woff2') format('woff2'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-SemiBold.woff') format('woff'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-SemiBold.ttf') format('truetype');
}


@font-face {
    font-family: 'Nunito';
    font-weight: 700;
    font-style: normal;
    src: url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Bold.eot');
    src: url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Bold.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Bold.woff2') format('woff2'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Bold.woff') format('woff'),
         url('/wp-content/themes/hello-theme-child-master/fonts/Nunito-Bold.ttf') format('truetype');
}


    #book-assessment-overlay,
    #become-tutor-overlay{
        display: none;
        position: fixed;
        top:0; left:0;
        width:100%; height:100%;
        background: rgba(0,0,0,0.6);
        justify-content: center;
        align-items: center;
        z-index: 10000;
    }

    #book-assessment-popup,
    #become-tutor-popup {
        background: #fff;
        padding: 25px;
        border-radius: 10px;
        max-width:600px;
        position: relative;
        width:95%;
        margin:0 auto;
    }

    #book-assessment-close,
    #become-tutor-close {
        position: absolute;
        top:10px; right:10px;
        border:none;
        cursor:pointer;
        border-radius:100%;
        background-color: #F0831A !important;
        padding: 5px 12px;
        font-size: 17px;
    }

    /* CF7 Grid Layout */
    #book-assessment-overlay .cf7-row,
     #become-tutor-overlay  .cf7-row{
    display: flex;
    gap: 15px;
    margin-bottom: 0;
}

    #book-assessment-overlay .cf7-col ,
      #become-tutor-overlay .cf7-col {
    width: 50%;
}

    #book-assessment-overlay .cf7-col-full,
         #become-tutor-overlay .cf7-col-full {
    width: 100%;
}

/* Inputs */
    #book-assessment-overlay .wpcf7 form input,
    #book-assessment-overlay .wpcf7 form select,
    #book-assessment-overlay .wpcf7 form textarea,
    #become-tutor-overlay .wpcf7 form input{
    width: 100%;
    padding: 12px 14px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 14px;
    box-sizing: border-box;
}



/* Submit Button */
    #book-assessment-overlay .wpcf7 form input[type="submit"],
    #become-tutor-overlay  .wpcf7 form input[type="submit"] {
    background: #f58220;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 6px;
    cursor: pointer;
}
   #become-tutor-overlay .flex-wrap{
    flex-wrap: wrap;
    gap: 0;
}

#book-assessment-popup .wpcf7 form textarea {
    height:100px !important;
}
#book-assessment-popup  > h3,
 #become-tutor-overlay > h3{
    width:85%
}

#book-assessment-popup .wpcf7-spinner,
 #become-tutor-overlay  .wpcf7-spinner{
    position:absolute;
    right:10px;
    margin-top:10px;
}
/* Mobile */
@media (max-width: 768px) {

        #book-assessment-overlay .cf7-col ,
         #become-tutor-overlay .cf7-col{
        width: 100%;
    }
    	.footer-become-cta{
    width:fit-content;
}
}
@media (max-width:575px){
    #book-assessment-popup  > h3,
     #become-tutor-overlay > h3{
        font-size:22px;
    }
    #book-assessment-popup .wpcf7 form textarea {
    height:80px !important;
}
}