@import url(https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);

a,
a:focus,
a:hover {
    text-decoration: none
}

body,
p {
    font-size: 15px
}

.pt-100,
.ptb-100 {
    padding-top: 100px
}

.pb-100,
.ptb-100 {
    padding-bottom: 100px
}

.default-btn,
a {
    transition: .5s
}

.owl-item.active .single-banner-item .default-btn,
.owl-item.active .single-banner-item h1,
.owl-item.active .single-banner-item p {
    animation-duration: 1s;
    animation-name: fadeInRight;
    animation-fill-mode: both
}

body {
    background-color: #0b0b0c;
    padding: 0;
    margin: 0;
    /* font-family: Poppins, sans-serif */
    font-family: "Sora", sans-serif;
}

a {
    color: #252525
}

a:focus,
a:hover {
    color: #ff1949
}

a,
button,
input {
    outline: 0 !important
}

p {
    margin-bottom: 15px;
    line-height: 1.7;
    color: #DDDDDD;
    font-family: "Sora", sans-serif;
    font-weight: 300;
}

.about-text .features-list li:last-child,
.billing-details .col-lg-12:last-child .form-group,
.blog-details-desc .article-content .features-list li:last-child,
.blog-details-desc .article-content .wp-block-gallery.columns-3 li figure,
.cart-table table,
.contact-info-box p:last-child,
.courses-details-desc .audience-list li:last-child,
.courses-details-desc .description-features-list li:last-child,
.courses-details-desc .requirements-list li:last-child,
.courses-sidebar-syllabus .courses-list:last-child,
.education-categories-item:last-child,
.faq-accordion .accordion .accordion-item:last-child,
.feedback-area-two .feedback-slides.owl-theme,
.feedback-slides-content .feedback-info p,
.funfacts-list .single-funfacts-box,
.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
.h6:last-child,
.motivation-categories-card .motivation-categories-list li:last-child,
.motivation-featured-area .section-title .bottom-zero,
.motivation-featured-card p,
.motivation-mission-content .mission-inner-box p,
.motivation-offer-content .offer-inner-box p,
.myAccount-content .downloads-table .table,
.myAccount-content .orders-table .table,
.myAccount-content .recent-orders-table .table,
.myAccount-content p:last-child,
.myAccount-profile .profile-content .contact-info li:last-child,
.new-comers-content .new-comers-list li:last-child,
.new-comers-content p,
.order-details .order-table table,
.overview-connections-area .section-title .bottom-zero,
.product-details-desc .product-meta span:last-child,
.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item p,
.products-details-tab .tab-content .tabs-item .products-details-tab-content p:last-child,
.raque-nav .navbar .others-option .language-switcher .dropdown-menu .dropdown-item:last-child,
.single-courses-list-box .box-item .courses-desc .courses-content p,
.single-footer-widget .contact-us-link li:last-child,
.single-footer-widget .support-link li:last-child,
.single-footer-widget .useful-link li:last-child,
.story-content p:last-child,
.training-courses-content p,
.values-content p:last-child,
.widget-area .widget:last-child,
.widget-area .widget_categories ul li:last-child,
.widget-area .widget_raque_posts_thumb .item:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child {
    margin-bottom: 0
}

.d-table {
    width: 100%;
    height: 100%
}

.d-table-cell {
    vertical-align: middle
}

img {
    max-width: 100%;
    height: auto
}

.pt-70,
.ptb-70 {
    padding-top: 70px
}

.pb-70,
.ptb-70 {
    padding-bottom: 70px
}

.courses-details-header,
.courses-sidebar-syllabus .courses-list,
.login-content .login-form .logo,
.mb-30,
.myAccount-navigation,
.register-content .register-form .logo,
.story-content p,
.values-content p {
    margin-bottom: 30px
}

.about-content .default-btn,
.blog-details-desc .article-content,
.comments-area,
.comments-area .comment-respond,
.courses-categories-slides.owl-theme .single-categories-courses-box,
.courses-categories-slides.owl-theme .single-categories-courses-item,
.courses-details-desc h3:not(first-child),
.feedback-content .client-info,
.mt-30,
.new-comers-content .new-comers-btn,
.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form,
.training-course-banner-content .btn-box {
    margin-top: 30px
}

.playfair-display {
    font-family: "Playfair Display", serif
}

.bg-f5faf8 {
    background-color: #f5faf8
}

.bg-f8fafb {
    background-color: #f8fafb
}

.bg-f9f9f9,
.divider.bg-f9f9f9 {
    background-color: #131228;
}

.bg-e4feff,
.divider.bg-e4feff {
    background-color: #e4feff
}

.bg-f8e8e9 {
    background-color: #f8e8e9
}

.bg-F7F9FB {
    background-color: #f7f9fb
}

.bg-e6fbff {
    background-color: #e6fbff
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #252525;
    font-family: "DM Sans", sans-serif;
}

.default-btn {
    display: inline-block;
    padding: 13px 25px 12px 55px;
    position: relative;
    background-color: #ff1949;
    color: #fff;
    border: 2px solid #ff1949;
    border-radius: 1px;
    font-size: 14.5px;
    font-weight: 700
}

.default-btn .icon-arrow,
.default-btn .label {
    backface-visibility: hidden;
    transform: translateZ(0);
    perspective: 1000
}

.default-btn .label {
    display: inline-block;
    transition: transform .5s cubic-bezier(.86, 0, .07, 1)
}

.default-btn .icon-arrow {
    color: #fff;
    top: 11px;
    transition: transform .5s cubic-bezier(.86, 0, .07, 1), opacity .4s cubic-bezier(.86, 0, .07, 1);
    font-size: 25px
}

.default-btn .icon-arrow.before {
    left: 20px;
    position: absolute;
    transform-origin: left center
}

.default-btn .icon-arrow.after {
    opacity: 0;
    position: absolute;
    right: 20px;
    transform: translateX(75%) scaleX(.1);
    transform-origin: right center
}

.default-btn:focus,
.default-btn:hover,
.login-content .login-form form button:focus,
.login-content .login-form form button:hover,
.register-content .register-form form button:focus,
.register-content .register-form form button:hover {
    background-color: #0eb582;
    color: #fff;
    border-color: #0eb582
}

.default-btn:focus .label,
.default-btn:hover .label {
    transform: translateX(-32px)
}

.default-btn:focus .icon-arrow.before,
.default-btn:hover .icon-arrow.before {
    opacity: 0;
    transform: translateX(-75%) scaleX(.1)
}

.default-btn:focus .icon-arrow.after,
.default-btn:hover .icon-arrow.after {
    opacity: 1;
    transform: translateX(0) scaleX(1)
}

.section-title {
    text-align: center;
    position: relative;
    margin-top: -5px;
    margin-bottom: 45px
}

.about-content .sub-title,
.experience-content .sub-title,
.premium-access-content .sub-title,
.section-title .sub-title {
    text-transform: uppercase;
    /* display: block; */
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 10px;
    font-family: "Funnel Display", sans-serif;
}

.section-title h2 {
    margin-bottom: 10px;
    font-size: 55px;
    font-weight: 700;
    font-family: "DM Sans", sans-serif;
    text-transform: uppercase;
}

.section-title p {
    max-width: 620px;
    line-height: 1.8;
    margin-left: auto;
    margin-right: auto
}

.section-title .default-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.section-title.text-left {
    text-align: left
}

.section-title.text-left h2 {
    max-width: 620px;
    margin-bottom: 0
}

.section-title.text-left p {
    margin: 15px 0 0
}

.form-control {
    height: 48px;
    padding: 0 0 0 12px;
    line-height: initial;
    color: #ffffff;
    background-color: #131228;
    border: 1px solid #222151;
    border-radius: 3px;
    transition: .5s;
    font-size: 15px;
    font-weight: 400
}

.form-control::-moz-placeholder {
    color: #c4c5d0
}

.form-control::placeholder {
    color: #c4c5d0
}

.form-control:focus {
    box-shadow: unset;
    border-color: #d7d9eb
}

textarea.form-control {
    height: auto !important;
    padding-top: 12px
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    text-align: center;
    transition: .9s
}

.preloader .loader {
    position: absolute;
    top: 43%;
    left: 0;
    right: 0;
    transform: translateY(-43%);
    text-align: center;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    transition: .5s
}

.preloader .box,
.preloader .shadow {
    width: 100%;
    left: 0;
    position: absolute
}

.preloader .box {
    height: 100%;
    background: #fff;
    animation: .5s linear infinite animate;
    top: 0
}

.preloader .shadow {
    height: 5px;
    background: #000;
    opacity: .1;
    top: 59px;
    border-radius: 50%;
    animation: .5s linear infinite shadow
}

.preloader::after,
.preloader::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 60%;
    height: 100%;
    z-index: -1;
    background: #0B0517;
    transition: .9s
}

.health-coaching-banner-slides.owl-theme .owl-nav [class*=owl-].owl-next::before,
.preloader::after {
    left: auto;
    right: 0
}

.preloader.preloader-deactivate {
    visibility: hidden
}

.countdown-content .sign-up-btn:focus::before,
.countdown-content .sign-up-btn:hover::before,
.hero-banner-content .btn-box .optional-btn:focus::before,
.hero-banner-content .btn-box .optional-btn:hover::before,
.main-banner-content .btn-box .optional-btn:focus::before,
.main-banner-content .btn-box .optional-btn:hover::before,
.preloader.preloader-deactivate::after,
.preloader.preloader-deactivate::before,
.single-boxes-item .boxes-btn:focus::before,
.single-boxes-item .boxes-btn:hover::before,
.single-events-box .events-box .events-content .content .join-now-btn:hover::before {
    width: 0
}

.motivation-featured-card:hover .featured-btn::before,
.motivation-featured-item:hover .featured-btn::before,
.preloader.preloader-deactivate .loader {
    opacity: 0;
    visibility: hidden
}

@keyframes loader {
    0% {
        left: -100px
    }

    100% {
        left: 110%
    }
}

@keyframes animate {
    17% {
        border-bottom-right-radius: 3px
    }

    25% {
        transform: translateY(9px) rotate(22.5deg)
    }

    50% {
        transform: translateY(18px) scale(1, .9) rotate(45deg);
        border-bottom-right-radius: 40px
    }

    75% {
        transform: translateY(9px) rotate(67.5deg)
    }

    100% {
        transform: translateY(0) rotate(90deg)
    }
}

@keyframes shadow {
    50% {
        transform: scale(1.2, 1)
    }
}

.header-area {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: auto;
    width: 100%;
    z-index: 999
}

.banner-section,
.main-banner {
    height: 950px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.courses-topbar .topbar-ordering-and-search .topbar-search form,
.feedback-form-inner .feedback-form,
.header-area.p-relative,
.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-title,
.search-overlay .search-overlay-form form,
.single-footer-widget .newsletter-box form,
.single-motivation-courses-box .courses-image,
.single-motivation-courses-item .courses-image,
.widget-area .widget_instagram ul li a,
.widget-area .widget_search form,
.woocommerce-topbar .topbar-ordering-and-search .topbar-search form {
    position: relative
}

.top-header {
    background-color: #ff1949;
    padding-top: 15px;
    padding-bottom: 25px
}

.blog-details-desc .article-content .entry-meta ul,
.courses-details-desc .courses-accordion .accordion,
.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons,
.courses-details-desc .requirements-list,
.courses-details-header .courses-meta ul,
.events-details-header .events-meta ul,
.information-content .apply-details,
.instructor-details-desc .instructor-details .instructor-details-info ul,
.instructor-details-desc .instructor-details-sidebar .instructor-details-meta ul,
.single-gym-trainer .content .social-link,
.top-header-contact-info,
.widget-area .widget_categories ul,
.widget-area .widget_events_details ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.top-header-contact-info li {
    display: inline-block;
    color: #fff;
    margin-right: 20px;
    position: relative;
    padding-left: 38px;
    font-size: 13px
}

.top-header-contact-info li i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px
}

.top-header-contact-info li span {
    display: block;
    margin-bottom: 2px
}

.top-header-contact-info li a {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: 700
}

.top-header-contact-info li a:focus,
.top-header-contact-info li a:hover {
    opacity: .95
}

.countdown-timer #timer div:last-child,
.courses-list-tab .tabs li:last-child,
.myAccount-navigation ul li:last-child,
.page-title-content ul li:last-child,
.products-details-image .slick-dots li:last-child,
.products-details-tab .tabs li:last-child,
.raque-nav .navbar .navbar-nav .nav-item:last-child a,
.single-blog-post .post-content .post-meta li:last-child,
.single-blog-post-card .post-content .post-meta li:last-child,
.top-header-contact-info li:last-child,
.top-header-login-register li:last-child {
    margin-right: 0
}

.business-banner-image,
.courses-details-header .courses-price,
.courses-topbar .topbar-ordering-and-search,
.top-header-btn,
.top-header-style-two .top-header-contact-info,
.training-overview-btn,
.woocommerce-topbar .topbar-ordering-and-search {
    text-align: right
}

.single-work-process:hover .icon,
.top-header-btn .default-btn,
.widget-area .widget_contact:hover .text .icon {
    background-color: #fff;
    color: #ff1949;
    border-color: #fff
}

.top-header-btn .default-btn .icon-arrow {
    color: #ff1949;
    transition: .5s
}

.top-header-btn .default-btn:focus,
.top-header-btn .default-btn:hover {
    background-color: #252525;
    color: #fff;
    border-color: #252525
}

.become-instructor-partner-content.bg-color .default-btn:focus .icon-arrow,
.become-instructor-partner-content.bg-color .default-btn:hover .icon-arrow,
.become-instructor-partner-content.bg-color h2,
.bg-dark .courses-info p a:hover,
.bg-dark .default-btn,
.bg-dark .default-btn:focus,
.bg-dark .default-btn:hover,
.bg-dark .h1,
.bg-dark .h2,
.bg-dark .h3,
.bg-dark .h4,
.bg-dark .h5,
.bg-dark .h6,
.bg-dark a,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.blog-area.bg-image .section-title h2,
.blog-area.bg-image .section-title p,
.col-lg-3:nth-child(10) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-3:nth-child(10) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-3:nth-child(11) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-3:nth-child(11) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-3:nth-child(11) .single-courses-category a:focus i,
.col-lg-3:nth-child(11) .single-courses-category a:hover i,
.col-lg-3:nth-child(1165) .single-courses-category a:focus i,
.col-lg-3:nth-child(1165) .single-courses-category a:hover i,
.col-lg-3:nth-child(12) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-3:nth-child(12) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-3:nth-child(12) .single-courses-category a:focus i,
.col-lg-3:nth-child(12) .single-courses-category a:hover i,
.col-lg-3:nth-child(13) .single-courses-category a:focus i,
.col-lg-3:nth-child(13) .single-courses-category a:hover i,
.col-lg-3:nth-child(14) .single-courses-category a:focus i,
.col-lg-3:nth-child(14) .single-courses-category a:hover i,
.col-lg-3:nth-child(15) .single-courses-category a:focus i,
.col-lg-3:nth-child(15) .single-courses-category a:hover i,
.col-lg-3:nth-child(17) .single-courses-category a:focus i,
.col-lg-3:nth-child(17) .single-courses-category a:hover i,
.col-lg-3:nth-child(18) .single-courses-category a:focus i,
.col-lg-3:nth-child(18) .single-courses-category a:hover i,
.col-lg-3:nth-child(2) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-3:nth-child(2) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-3:nth-child(2) .single-courses-category a:focus i,
.col-lg-3:nth-child(2) .single-courses-category a:hover i,
.col-lg-3:nth-child(3) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-3:nth-child(3) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-3:nth-child(3) .single-courses-category a:focus i,
.col-lg-3:nth-child(3) .single-courses-category a:hover i,
.col-lg-3:nth-child(4) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-3:nth-child(4) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-3:nth-child(4) .single-courses-category a:focus i,
.col-lg-3:nth-child(4) .single-courses-category a:hover i,
.col-lg-3:nth-child(5) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-3:nth-child(5) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-3:nth-child(5) .single-courses-category a:focus i,
.col-lg-3:nth-child(5) .single-courses-category a:hover i,
.col-lg-3:nth-child(6) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-3:nth-child(6) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-3:nth-child(6) .single-courses-category a:focus i,
.col-lg-3:nth-child(6) .single-courses-category a:hover i,
.col-lg-3:nth-child(7) .single-courses-category a:focus i,
.col-lg-3:nth-child(7) .single-courses-category a:hover i,
.col-lg-3:nth-child(8) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-3:nth-child(8) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-3:nth-child(8) .single-courses-category a:focus i,
.col-lg-3:nth-child(8) .single-courses-category a:hover i,
.col-lg-3:nth-child(9) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-3:nth-child(9) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-3:nth-child(9) .single-courses-category a:focus i,
.col-lg-3:nth-child(9) .single-courses-category a:hover i,
.col-lg-4:nth-child(10) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-4:nth-child(10) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-4:nth-child(11) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-4:nth-child(11) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-4:nth-child(12) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-4:nth-child(12) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-4:nth-child(2) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-4:nth-child(2) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-4:nth-child(3) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-4:nth-child(3) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-4:nth-child(4) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-4:nth-child(4) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-4:nth-child(5) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-4:nth-child(5) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-4:nth-child(6) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-4:nth-child(6) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-4:nth-child(8) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-4:nth-child(8) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-4:nth-child(9) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-4:nth-child(9) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-6:nth-child(10) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-6:nth-child(10) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-6:nth-child(11) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-6:nth-child(11) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-6:nth-child(12) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-6:nth-child(12) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-6:nth-child(2) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-6:nth-child(2) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-6:nth-child(3) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-6:nth-child(3) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-6:nth-child(4) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-6:nth-child(4) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-6:nth-child(5) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-6:nth-child(5) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-6:nth-child(6) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-6:nth-child(6) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-6:nth-child(8) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-6:nth-child(8) .single-courses-box:hover .courses-image .courses-tag a,
.col-lg-6:nth-child(9) .single-courses-box:focus .courses-image .courses-tag a,
.col-lg-6:nth-child(9) .single-courses-box:hover .courses-image .courses-tag a,
.featured-area .section-title h2,
.header-area.header-color-white .navbar-style-three .others-option .cart-wrapper-btn:hover,
.header-area.header-color-white .navbar-style-three .others-option .language-switcher .dropdown-toggle:hover,
.header-area.header-color-white .navbar-style-three .others-option .search-box:hover,
.header-area.header-color-white .navbar-style-three .raque-nav .navbar .navbar-nav .nav-item a.active,
.header-area.header-color-white .navbar-style-three .raque-nav .navbar .navbar-nav .nav-item a:hover,
.header-area.header-color-white .navbar-style-three .raque-nav .navbar .navbar-nav .nav-item.active a,
.health-coaching-banner-slides.owl-theme .owl-nav [class*=owl-]:hover,
.hero-banner-content .btn-box .optional-btn:focus,
.hero-banner-content .btn-box .optional-btn:hover,
.how-it-works-area .section-title .sub-title,
.how-it-works-area .section-title h2,
.main-banner-content .btn-box .optional-btn:focus,
.main-banner-content .btn-box .optional-btn:hover,
.motivation-featured-item h3 a,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item a,
.navbar-style-two .raque-nav .navbar .others-option .cart-wrapper-btn,
.navbar-style-two .raque-nav .navbar .others-option .language-switcher .dropdown-toggle span,
.navbar-style-two .raque-nav .navbar .others-option .search-box,
.offer-area .section-title .sub-title,
.offer-area .section-title h2,
.owl-item.active.center .single-testimonials-item p,
.owl-item:nth-child(10) .single-courses-box:focus .courses-image .courses-tag a,
.owl-item:nth-child(10) .single-courses-box:hover .courses-image .courses-tag a,
.owl-item:nth-child(11) .single-courses-box:focus .courses-image .courses-tag a,
.owl-item:nth-child(11) .single-courses-box:hover .courses-image .courses-tag a,
.owl-item:nth-child(11) .single-courses-category a:focus i,
.owl-item:nth-child(11) .single-courses-category a:hover i,
.owl-item:nth-child(1165) .single-courses-category a:focus i,
.owl-item:nth-child(1165) .single-courses-category a:hover i,
.owl-item:nth-child(12) .single-courses-box:focus .courses-image .courses-tag a,
.owl-item:nth-child(12) .single-courses-box:hover .courses-image .courses-tag a,
.owl-item:nth-child(12) .single-courses-category a:focus i,
.owl-item:nth-child(12) .single-courses-category a:hover i,
.owl-item:nth-child(13) .single-courses-category a:focus i,
.owl-item:nth-child(13) .single-courses-category a:hover i,
.owl-item:nth-child(14) .single-courses-category a:focus i,
.owl-item:nth-child(14) .single-courses-category a:hover i,
.owl-item:nth-child(15) .single-courses-category a:focus i,
.owl-item:nth-child(15) .single-courses-category a:hover i,
.owl-item:nth-child(17) .single-courses-category a:focus i,
.owl-item:nth-child(17) .single-courses-category a:hover i,
.owl-item:nth-child(18) .single-courses-category a:focus i,
.owl-item:nth-child(18) .single-courses-category a:hover i,
.owl-item:nth-child(2) .single-courses-box:focus .courses-image .courses-tag a,
.owl-item:nth-child(2) .single-courses-box:hover .courses-image .courses-tag a,
.owl-item:nth-child(2) .single-courses-category a:focus i,
.owl-item:nth-child(2) .single-courses-category a:hover i,
.owl-item:nth-child(3) .single-courses-box:focus .courses-image .courses-tag a,
.owl-item:nth-child(3) .single-courses-box:hover .courses-image .courses-tag a,
.owl-item:nth-child(3) .single-courses-category a:focus i,
.owl-item:nth-child(3) .single-courses-category a:hover i,
.owl-item:nth-child(4) .single-courses-box:focus .courses-image .courses-tag a,
.owl-item:nth-child(4) .single-courses-box:hover .courses-image .courses-tag a,
.owl-item:nth-child(4) .single-courses-category a:focus i,
.owl-item:nth-child(4) .single-courses-category a:hover i,
.owl-item:nth-child(5) .single-courses-box:focus .courses-image .courses-tag a,
.owl-item:nth-child(5) .single-courses-box:hover .courses-image .courses-tag a,
.owl-item:nth-child(5) .single-courses-category a:focus i,
.owl-item:nth-child(5) .single-courses-category a:hover i,
.owl-item:nth-child(6) .single-courses-box:focus .courses-image .courses-tag a,
.owl-item:nth-child(6) .single-courses-box:hover .courses-image .courses-tag a,
.owl-item:nth-child(6) .single-courses-category a:focus i,
.owl-item:nth-child(6) .single-courses-category a:hover i,
.owl-item:nth-child(7) .single-courses-category a:focus i,
.owl-item:nth-child(7) .single-courses-category a:hover i,
.owl-item:nth-child(8) .single-courses-box:focus .courses-image .courses-tag a,
.owl-item:nth-child(8) .single-courses-box:hover .courses-image .courses-tag a,
.owl-item:nth-child(8) .single-courses-category a:focus i,
.owl-item:nth-child(8) .single-courses-category a:hover i,
.owl-item:nth-child(9) .single-courses-box:focus .courses-image .courses-tag a,
.owl-item:nth-child(9) .single-courses-box:hover .courses-image .courses-tag a,
.owl-item:nth-child(9) .single-courses-category a:focus i,
.owl-item:nth-child(9) .single-courses-category a:hover i,
.partner-area.bg-color .section-title h2,
.program-area .section-title p,
.services-box:hover .icon,
.services-box:hover h3,
.services-box:hover p,
.single-boxes-item.bg-color .boxes-btn,
.single-boxes-item.bg-color h3,
.single-boxes-item.bg-image .boxes-btn,
.single-boxes-item.bg-image h3,
.single-courses-box:focus .courses-image .courses-tag a,
.single-courses-box:hover .courses-image .courses-tag a,
.single-courses-category a:focus i,
.single-courses-category a:hover i,
.single-courses-item:focus .courses-image .courses-tag a,
.single-courses-item:hover .courses-image .courses-tag a,
.single-courses-list-box:hover .box-item .courses-image .image .courses-tag a,
.single-offer-box:hover h3,
.top-header-btn .default-btn:focus .icon-arrow,
.top-header-btn .default-btn:hover .icon-arrow,
.top-header-style-four .top-header-login-register li,
.top-header-style-four .top-header-login-register li a,
.top-header-style-four .top-header-social a,
.top-header-style-four .top-header-social span {
    color: #fff
}

.top-header-style-two {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px
}

.top-header-style-two .top-header-contact-info li {
    color: #727695;
    text-align: left
}

.bg-dark .single-blog-post-box .post-content .category,
.bg-dark a:hover,
.blog-details-desc .article-content .entry-meta ul li a:focus,
.blog-details-desc .article-content .entry-meta ul li a:hover,
.blog-details-desc .article-footer .article-tags a:hover,
.cart-table table tbody tr td.product-quantity .input-counter span:hover,
.col-lg-3:nth-child(2) .single-courses-box .courses-image .courses-tag a,
.col-lg-3:nth-child(8) .single-courses-box .courses-image .courses-tag a,
.col-lg-4:nth-child(2) .single-courses-box .courses-image .courses-tag a,
.col-lg-4:nth-child(8) .single-courses-box .courses-image .courses-tag a,
.col-lg-6:nth-child(2) .single-courses-box .courses-image .courses-tag a,
.col-lg-6:nth-child(8) .single-courses-box .courses-image .courses-tag a,
.comments-area .comment-metadata a:hover,
.contact-info-box p a:hover,
.courses-box .courses-content .course-author span,
.courses-box .courses-image .fav:hover,
.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .lessons-info .attrachment-video:hover,
.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .lessons-title:hover,
.courses-details-header .courses-meta ul li a:focus,
.courses-details-header .courses-meta ul li a:hover,
.courses-list-tab .tabs li a:focus,
.courses-list-tab .tabs li a:hover,
.courses-list-tab .tabs li.current a,
.courses-sidebar-syllabus .courses-list ul li a:focus,
.courses-sidebar-syllabus .courses-list ul li a:hover,
.education-categories-item:hover h3 a,
.events-details-header .back-all-events:focus,
.events-details-header .back-all-events:hover,
.events-details-header .events-meta ul li a:focus,
.events-details-header .events-meta ul li a:hover,
.footer-area.footer-style-wrap .single-footer-widget .contact-us-link li i,
.header-area.header-color-white .navbar-style-three .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a.active,
.header-area.header-color-white .navbar-style-three .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a:hover,
.header-area.header-color-white .navbar-style-three .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active a,
.header-area.header-color-white .navbar-style-three.header-sticky .others-option .cart-wrapper-btn:hover,
.header-area.header-color-white .navbar-style-three.header-sticky .others-option .language-switcher .dropdown-toggle:hover,
.header-area.header-color-white .navbar-style-three.header-sticky .others-option .search-box:hover,
.header-area.header-color-white .navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a.active,
.header-area.header-color-white .navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a:hover,
.header-area.header-color-white .navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active a,
.header-area.header-color-white .navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav .nav-item a.active,
.header-area.header-color-white .navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav .nav-item a:hover,
.header-area.header-color-white .navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav .nav-item.active a,
.instructor-details-desc .instructor-details-sidebar .instructor-details-meta ul li a:focus,
.instructor-details-desc .instructor-details-sidebar .instructor-details-meta ul li a:hover,
.motivation-categories-card .motivation-categories-list li:hover h3 a,
.motivation-featured-card:hover .featured-btn,
.motivation-featured-card:hover h3 a,
.motivation-featured-item:hover .featured-btn,
.motivation-featured-item:hover h3 a,
.myAccount-profile .profile-content .contact-info li a:focus,
.myAccount-profile .profile-content .contact-info li a:hover,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item a.active,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item a:focus,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item a:hover,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item.active a,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item:hover a,
.navbar-style-two .raque-nav .navbar .others-option .cart-wrapper-btn:focus,
.navbar-style-two .raque-nav .navbar .others-option .cart-wrapper-btn:hover,
.navbar-style-two .raque-nav .navbar .others-option .search-box:hover,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item a.active,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item a:focus,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item a:hover,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item.active a,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item:hover a,
.navbar-style-two.is-sticky .raque-nav .navbar .others-option .cart-wrapper-btn:focus,
.navbar-style-two.is-sticky .raque-nav .navbar .others-option .cart-wrapper-btn:hover,
.navbar-style-two.is-sticky .raque-nav .navbar .others-option .search-box:hover,
.next-link-wrapper a:hover .next-link-info-wrapper,
.order-details .order-table table tbody tr td.product-name a:hover,
.overview-connections-card h3 span,
.owl-item:nth-child(2) .single-courses-box .courses-image .courses-tag a,
.owl-item:nth-child(8) .single-courses-box .courses-image .courses-tag a,
.pagination-area .page-numbers.current,
.pagination-area .page-numbers:focus,
.pagination-area .page-numbers:hover,
.prev-link-wrapper a:hover .prev-link-info-wrapper,
.product-details-desc .product-add-to-cart .input-counter span:hover,
.product-details-desc .product-meta span a:focus,
.product-details-desc .product-meta span a:hover,
.product-details-desc .product-meta span span.sku,
.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a,
.raque-nav .navbar .navbar-nav .nav-item a.active,
.raque-nav .navbar .navbar-nav .nav-item a:focus,
.raque-nav .navbar .navbar-nav .nav-item a:hover,
.raque-nav .navbar .navbar-nav .nav-item.active a,
.raque-nav .navbar .navbar-nav .nav-item:hover a,
.raque-nav .navbar .others-option .search-box:hover,
.shorting-menu .filter.mixitup-control-active,
.shorting-menu .filter:focus,
.shorting-menu .filter:hover,
.single-blog-post .post-content .post-meta li a:focus,
.single-blog-post .post-content .post-meta li a:hover,
.single-blog-post-box .post-content .category:hover,
.single-blog-post-card .post-content .post-meta li.post-author a:focus,
.single-blog-post-card .post-content .post-meta li.post-author a:hover,
.single-blog-post-card:focus .post-content h3 a,
.single-blog-post-card:hover .post-content h3 a,
.single-courses-box-item .courses-content .course-author span,
.single-courses-box-item .courses-image .fav:hover,
.single-footer-widget .contact-us-link li a:focus,
.single-footer-widget .contact-us-link li a:hover,
.single-motivation-courses-box:hover .courses-content h3 a,
.single-motivation-courses-item:hover .courses-content h3 a,
.start-free-trial-content .start-free-trial-form .form-check .form-check-label a,
.start-free-trial-content span a,
.top-header-login-register li a:focus,
.top-header-login-register li a:hover,
.top-header-social a:focus,
.top-header-social a:hover,
.top-header-style-three .top-header-contact-info li a:focus,
.top-header-style-three .top-header-contact-info li a:hover,
.top-header-style-two .top-header-contact-info li i,
.training-course-banner-content h1 span,
.user-actions span a:focus,
.user-actions span a:hover,
.widget-area .widget_categories ul li a:hover,
.widget-area .widget_events_details ul li a:hover {
    color: #ff1949
}

.courses-details-desc .audience-list li strong,
.courses-details-desc .description-features-list li strong,
.courses-details-desc p strong,
.hero-banner-content.black-color .btn-box .optional-btn,
.hero-banner-content.black-color .btn-box .optional-btn:focus,
.hero-banner-content.black-color .btn-box .optional-btn:hover,
.hero-banner-content.black-color .sub-title,
.hero-banner-content.black-color h1,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item a,
.navbar-style-two.is-sticky .raque-nav .navbar .others-option .cart-wrapper-btn,
.navbar-style-two.is-sticky .raque-nav .navbar .others-option .language-switcher .dropdown-toggle span,
.navbar-style-two.is-sticky .raque-nav .navbar .others-option .search-box,
.top-header-style-two .top-header-contact-info li a {
    color: #252525
}

.page-title-content ul li a:focus,
.page-title-content ul li a:hover,
.top-header-style-two .top-header-contact-info li a:focus,
.top-header-style-two .top-header-contact-info li a:hover {
    color: #ff1949;
    opacity: 1
}

.top-header-style-three {
    background-color: #1d1d1d;
    padding-top: 0;
    padding-bottom: 0
}

.top-header-style-four .top-header-contact-info,
.top-header-style-three .top-header-contact-info {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px
}

.top-header-style-three .top-header-contact-info li {
    padding-left: 0;
    font-size: 14px;
    color: #ccc
}

.top-header-style-three .top-header-contact-info li a {
    font-size: 14px;
    color: #ccc;
    font-weight: 500
}

.top-header-login-register {
    text-align: right;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.top-header-login-register li {
    display: inline-block;
    color: #ccc;
    margin-right: 20px
}

.top-header-login-register li a {
    display: inline-block;
    color: #ccc;
    position: relative;
    padding-left: 20px
}

.top-header-login-register li a i {
    position: absolute;
    left: 0;
    top: 3px
}

.top-header-social {
    display: inline-block;
    margin-left: 20px;
    border-left: 1px solid #4a4646;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px
}

.top-header-social span {
    display: inline-block;
    color: #ccc;
    margin-right: 5px
}

.top-header-social a {
    display: inline-block;
    color: #ccc;
    position: relative;
    top: 2px;
    font-size: 17px;
    margin-right: 2px
}

.top-header-style-four {
    background-color: #ff1949;
    padding-top: 0;
    padding-bottom: 0
}

.top-header-style-four .top-header-contact-info li {
    padding-left: 0;
    font-size: 14px;
    color: #fff
}

.top-header-style-four .top-header-contact-info li a {
    font-size: 14px;
    color: #fff;
    font-weight: 500
}

.top-header-style-four .top-header-social {
    border-left: 1px solid rgba(255, 255, 255, .6)
}

.become-instructor-partner-image img,
.blockquote cite,
.col-lg-4:nth-child(3) .single-work-process::before,
.comments-area .comment-author .says,
.comments-area .comment-respond label,
.countdown-timer #timer div:last-child::before,
.login-image img,
.main-banner-content.text-center .sub-title::before,
.order-details .payment-box .payment-method p [type=radio]:checked,
.order-details .payment-box .payment-method p [type=radio]:not(:checked),
.page-title-content ul li:last-child::before,
.products-details-image .slick-thumbs,
.raque-nav .navbar .others-option .language-switcher .dropdown-toggle::after,
.raque-responsive-nav,
.register-image img,
.single-blog-post .post-content .post-meta li:last-child::before,
.single-courses-list-box .box-item .courses-image .image img,
.single-events-box .events-box .events-image .image img,
.single-funfact h3 .odometer-formatting-mark,
.single-funfact-card h3 .odometer-formatting-mark,
.tab .tabs-item,
.why-choose-us-image img,
.widget-area .widget_search form .screen-reader-text,
blockquote cite {
    display: none
}

.raque-nav {
    margin-top: -10px
}

.raque-nav .navbar {
    /* background-color: #fff; */
    padding: 0 20px;
    border-radius: 3px
}

.raque-nav .navbar .navbar-brand,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
    padding: 0
}

.raque-nav .navbar ul,
.single-footer-widget .support-link,
.single-footer-widget .useful-link {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0
}

.main-banner-content.text-center,
.main-banner-content.text-center p,
.raque-nav .navbar .navbar-nav {
    margin-left: auto;
    margin-right: auto
}

.raque-nav .navbar .navbar-nav .nav-item {
    position: relative;
    padding: 0
}

.raque-nav .navbar .navbar-nav .nav-item a {
    color: #252525;
    transition: .5s;
    font-size: 14px;
    font-weight: 400;
    padding: 30px 0;
    margin-left: 10px;
    margin-right: 10px;
    font-family: "Funnel Display", sans-serif;
}

.raque-nav .navbar .navbar-nav .nav-item a i {
    font-size: 17px;
    position: relative;
    top: 2px;
    display: inline-block;
    margin-left: -3px;
    margin-right: -3px
}

.countdown-timer #timer div:first-child,
.courses-list-tab .tabs li:first-child,
.products-details-image .slick-dots li:first-child,
.raque-nav .navbar .navbar-nav .nav-item:first-child a {
    margin-left: 0
}

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    background: #0b0517;
    position: absolute;
    border: none;
    top: 82px;
    left: 0;
    width: 250px;
    z-index: 99;
    display: block;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transition: .2s ease-in-out;
    border-top: 2px solid #ff1949;
    padding: 0;
    transform: scaleX(0)
}

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
    padding: 13px 20px 11px;
    margin: 0;
    position: relative;
    display: block;
    color: #4a6f8a;
    border-bottom: 1px dashed #2d2b45;
    transition: .5s;
    font-size: 15px;
    font-weight: 500
}

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a i {
    margin: 0;
    position: absolute;
    top: 50%;
    font-size: 20px;
    transform: translateY(-50%);
    right: 10px
}

.cart-totals ul li:first-child,
.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons:last-child,
.courses-sidebar-information ul li:last-child,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a {
    border-bottom: none
}

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0)
}

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
    color: #4a6f8a
}

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: 250px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0)
}

.myAccount-content .myAccount-addresses .addresses-title .edit:hover,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,
.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a,
.single-instructor-box .image .social li a:hover,
.single-team-card:hover .team-content .social-btn span {
    color: #fff;
    background-color: #ff1949
}

.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu,
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1)
}

.raque-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu,
.raque-nav .navbar .others-option .language-switcher .dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: scaleX(1)
}

.raque-nav .navbar .others-option .language-switcher {
    position: relative;
    top: -1px
}

.raque-nav .navbar .others-option .language-switcher .dropdown-toggle {
    padding: 0;
    border: none;
    background-color: transparent;
    font-weight: 500
}

.raque-nav .navbar .others-option .language-switcher .dropdown-toggle img {
    width: 35px;
    border-radius: 5px;
    border: 3px solid #fff;
    position: relative;
    top: -2px
}

.raque-nav .navbar .others-option .language-switcher .dropdown-toggle span {
    display: inline-block;
    margin-left: 3px
}

.raque-nav .navbar .others-option .language-switcher .dropdown-toggle span i {
    position: relative;
    font-size: 20px;
    top: 4px;
    margin-left: -3px
}

.raque-nav .navbar .others-option .language-switcher .dropdown-menu {
    padding: 15px;
    float: unset;
    border: none;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    border-radius: 0;
    display: block;
    margin-top: 27px;
    opacity: 0;
    visibility: visible;
    transition: .5s;
    transform: scaleX(0)
}

.raque-nav .navbar .others-option .language-switcher .dropdown-menu .dropdown-item {
    padding: 0;
    color: #252525;
    margin-bottom: 10px;
    font-weight: 500
}

.raque-nav .navbar .others-option .language-switcher .dropdown-menu .dropdown-item img {
    width: 40px;
    border-radius: 5px;
    border: 3px solid #fff
}

.raque-nav .navbar .others-option .language-switcher .dropdown-menu .dropdown-item span {
    display: inline-block;
    margin-left: 5px
}

.raque-nav .navbar .others-option .language-switcher .dropdown-menu .dropdown-item:focus,
.raque-nav .navbar .others-option .language-switcher .dropdown-menu .dropdown-item:hover {
    background-color: transparent !important
}

.raque-nav .navbar .others-option .language-switcher .dropdown-menu .dropdown-item.active,
.raque-nav .navbar .others-option .language-switcher .dropdown-menu .dropdown-item:active {
    color: #252525;
    background-color: transparent
}

.raque-nav .navbar .others-option .cart-wrapper-btn {
    margin-left: 8px;
    font-size: 25px;
    line-height: 1;
    position: relative;
    top: 5px
}

.raque-nav .navbar .others-option .cart-wrapper-btn i,
.raque-nav .navbar .others-option .search-box i {
    line-height: 1
}

.raque-nav .navbar .others-option .cart-wrapper-btn span {
    position: absolute;
    right: -5px;
    top: -5px;
    width: 15px;
    height: 15px;
    background-color: red;
    color: #fff;
    line-height: 16.5px;
    text-align: center;
    border-radius: 3px;
    font-weight: 500;
    font-size: 10px
}

.raque-nav .navbar .others-option .search-box {
    margin-left: 16px;
    cursor: pointer;
    font-size: 25px;
    color: #252525;
    transition: .5s;
    line-height: 1;
    position: relative;
    top: 4px
}

.navbar-area.header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    background: #0b0517 !important;
    opacity: 0;
    visibility: hidden;
    transition: .5s
}

.header-area.header-color-white .navbar-style-three .raque-nav,
.header-area.header-color-white .navbar-style-three .raque-nav .navbar,
.navbar-style-two,
.navbar-style-two .raque-nav {
    background-color: transparent
}

.blog-slides.owl-theme .owl-nav,
.courses-categories-slides.owl-theme .owl-nav,
.courses-slides.owl-theme .owl-nav,
.feedback-slides.owl-theme .owl-nav,
.health-coaching-banner-slides.owl-theme .owl-nav,
.mission-content .owl-theme .owl-nav,
.navbar-area.header-sticky .raque-nav,
.team-slides.owl-theme .owl-nav,
.testimonials-wrap-slides.owl-theme .owl-dots {
    margin-top: 0
}

.navbar-area.header-sticky .raque-nav .navbar {
    box-shadow: unset;
    padding: 0
}

.banner-courses-category ul li a:focus::before,
.banner-courses-category ul li a:hover::before,
.blog-slides.owl-theme:focus .owl-nav [class*=owl-],
.blog-slides.owl-theme:hover .owl-nav [class*=owl-],
.courses-categories-slides.owl-theme:focus .owl-nav [class*=owl-],
.courses-categories-slides.owl-theme:hover .owl-nav [class*=owl-],
.courses-slides.owl-theme:focus .owl-nav [class*=owl-],
.courses-slides.owl-theme:hover .owl-nav [class*=owl-],
.gym-home-slides.owl-theme:hover .owl-nav,
.home-slides.owl-theme:hover .owl-nav,
.navbar-area.header-sticky.is-sticky,
.next-link-wrapper a:hover .image-next .post-nav-title,
.next-link-wrapper a:hover .image-next::after,
.prev-link-wrapper a:hover .image-prev .post-nav-title,
.prev-link-wrapper a:hover .image-prev::after,
.search-overlay.search-overlay-active.search-overlay,
.search-overlay.search-overlay-active.search-overlay .search-overlay-close,
.search-overlay.search-overlay-active.search-overlay .search-overlay-form,
.team-slides.owl-theme:focus .owl-nav [class*=owl-],
.team-slides.owl-theme:hover .owl-nav [class*=owl-] {
    opacity: 1;
    visibility: visible
}

.navbar-area.header-sticky.scrollUp {
    transform: translateY(-85px);
    opacity: 0;
    visibility: hidden
}

.navbar-style-two .raque-nav {
    margin-top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.navbar-style-two .raque-nav .navbar {
    border-radius: 0;
    padding: 0;
    background-color: transparent
}

.app-area .row,
.become-instructor-partner-area .container-fluid .row,
.boxes-area .container-fluid .row,
.funfacts-style-three .row,
.navbar-style-two .raque-nav .navbar .navbar-nav,
.why-choose-us-area .container-fluid .row {
    margin-left: 0;
    margin-right: 0
}

.cart-table table tbody tr td.product-quantity .input-counter span.minus-btn,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu,
.product-details-desc .product-add-to-cart .input-counter span.minus-btn {
    left: 0
}

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: 250px
}

.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu,
.navbar-style-two .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: -250px
}

.navbar-style-two .raque-nav .navbar .others-option {
    margin-left: auto
}

.navbar-style-two.is-sticky .raque-nav {
    border: none
}

.navbar-style-two.is-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
    color: #4a6f8a;
    border-bottom: 1px dashed #e5e5e5
}

.navbar-style-four .raque-nav,
.navbar-style-three .raque-nav {
    margin-top: 0;
    /* background-color: #fff */
}

.navbar-style-four .raque-nav .navbar,
.navbar-style-three .raque-nav .navbar {
    border-radius: 0;
    padding: 0
}

.navbar-style-three .raque-nav .navbar .navbar-nav,
.navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav {
    margin-left: auto;
    margin-right: 0
}

.navbar-style-three .raque-nav .navbar .others-option,
.navbar-style-three.header-sticky .raque-nav .navbar .others-option {
    margin-left: 25px
}

@media only screen and (max-width:991px) {
    .raque-responsive-nav {
        display: block
    }

    .raque-responsive-nav .raque-responsive-menu {
        position: relative
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav {
        margin-top: 53px
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav ul,
    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav ul li li a {
        font-size: 14px
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .search-box:hover,
    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav ul li a.active {
        color: #ff1949
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option {
        display: none;
        position: absolute;
        right: 50px;
        top: 4px
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher {
        position: relative;
        top: -1px
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-toggle {
        padding: 0;
        border: none;
        background-color: transparent;
        font-weight: 500
    }

    .raque-nav,
    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-toggle::after {
        display: none
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-toggle img {
        width: 35px;
        border-radius: 5px;
        border: 3px solid #fff;
        position: relative;
        top: -2px
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-toggle span {
        display: inline-block;
        margin-left: 3px
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-toggle span i {
        position: relative;
        font-size: 20px;
        top: 4px;
        margin-left: -3px
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu {
        padding: 15px;
        float: unset;
        border: none;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
        border-radius: 0;
        display: block;
        margin-top: 17px;
        opacity: 0;
        visibility: visible;
        transition: .5s;
        transform: scaleX(0)
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu .dropdown-item {
        padding: 0;
        color: #252525;
        margin-bottom: 10px;
        font-weight: 500
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu .dropdown-item:last-child {
        margin-bottom: 0
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu .dropdown-item img {
        width: 40px;
        border-radius: 5px;
        border: 3px solid #fff
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu .dropdown-item span {
        display: inline-block;
        margin-left: 5px
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu .dropdown-item:focus,
    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu .dropdown-item:hover {
        background-color: transparent !important
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu .dropdown-item.active,
    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu .dropdown-item:active {
        color: #252525;
        background-color: transparent
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .language-switcher .dropdown-menu.show {
        opacity: 1;
        visibility: visible;
        transform: scaleX(1)
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .cart-wrapper-btn {
        margin-left: 8px;
        font-size: 25px;
        line-height: 1;
        position: relative;
        top: 5px
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .cart-wrapper-btn i,
    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .search-box i {
        line-height: 1
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .cart-wrapper-btn span {
        position: absolute;
        right: -5px;
        top: -5px;
        width: 15px;
        height: 15px;
        background-color: red;
        color: #fff;
        line-height: 16.5px;
        text-align: center;
        border-radius: 3px;
        font-weight: 500;
        font-size: 10px
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option .search-box {
        margin-left: 16px;
        cursor: pointer;
        font-size: 25px;
        color: #252525;
        transition: .5s;
        line-height: 1;
        position: relative;
        top: 4px
    }

    .raque-responsive-nav .raque-responsive-menu.mean-container .navbar-nav {
        overflow-y: scroll;
        height: 360px;
        box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1);
        background: #250f21;
    }

    .raque-responsive-nav .mean-container a.meanmenu-reveal {
        color: #252525
    }

    .raque-responsive-nav .mean-container a.meanmenu-reveal span {
        background: #252525;
        position: relative;
        top: 8px;
        margin-top: -5.8px;
        border-radius: 5px
    }

    .raque-responsive-nav .logo {
        position: relative;
        width: 50%;
        z-index: 999
    }

    .navbar-area {
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .navbar-area.header-sticky.is-sticky {
        display: none !important
    }

    .navbar-area.navbar-style-two .raque-responsive-nav .raque-responsive-menu.mean-container .navbar-nav {
        height: 357px
    }
}

.search-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out;
    overflow: hidden
}

.search-overlay .search-overlay-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transform: translateX(100%)
}

.search-overlay .search-overlay-layer:first-child {
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    transition: .3s ease-in-out
}

.search-overlay .search-overlay-layer:nth-child(2) {
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    transition: .3s ease-in-out .3s
}

.search-overlay .search-overlay-layer:nth-child(3) {
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    transition: .9s ease-in-out .6s
}

.search-overlay .search-overlay-close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 50px;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    padding: 10px;
    transition: .9s ease-in-out 1.5s;
    opacity: 0;
    visibility: hidden
}

.search-overlay .search-overlay-close .search-overlay-close-line {
    width: 100%;
    height: 3px;
    float: left;
    margin-bottom: 5px;
    background-color: #fff;
    transition: .5s
}

.search-overlay .search-overlay-close .search-overlay-close-line:first-child {
    transform: rotate(45deg)
}

.search-overlay .search-overlay-close .search-overlay-close-line:nth-child(2) {
    margin-top: -7px;
    transform: rotate(-45deg)
}

.search-overlay .search-overlay-close:hover .search-overlay-close-line {
    background: #ff1949;
    transform: rotate(180deg)
}

.search-overlay .search-overlay-form {
    transition: .9s ease-in-out 1.4s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 2;
    max-width: 500px;
    width: 500px
}

.search-overlay .search-overlay-form form .input-search {
    display: block;
    width: 100%;
    height: 55px;
    border: none;
    border-radius: 30px;
    padding-left: 20px;
    color: #252525;
    font-size: 15px
}

.search-overlay .search-overlay-form form button {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 45px;
    color: #fff;
    height: 45px;
    border-radius: 50%;
    background-color: #ff1949;
    transition: .5s;
    border: none;
    font-size: 20px;
    line-height: 45px
}

.information-content .apply-details li:hover .icon,
.search-overlay .search-overlay-form form button:hover {
    background-color: #252525;
    color: #fff
}

.search-overlay.search-overlay-active.search-overlay .search-overlay-layer {
    transform: translateX(0)
}

.main-banner {
    position: relative;
    z-index: 1;
    background-color: #ff1949
}

.main-banner.item-bg1 {
    background-image: url(../images/main-banner5.jpg)
}

.banner-section,
.main-banner.item-bg2 {
    background-image: url(../images/main-banner4.jpg)
}

.main-banner.item-bg3 {
    background-image: url(../images/main-banner3.jpg)
}

.main-banner-content {
    overflow: hidden;
    max-width: 750px;
    margin-top: 150px
}

.hero-banner-content .sub-title,
.main-banner-content .sub-title,
.wrapper-content .sub-title {
    display: block;
    color: #fff;
    margin-bottom: 17px;
    text-transform: uppercase;
    position: relative;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 700
}

.banner-content .sub-title::before,
.hero-banner-content .sub-title::before,
.main-banner-content .sub-title::before,
.wrapper-content .sub-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background-color: #ff1949
}

.hero-banner-content h1,
.main-banner-content h1 {
    color: #fff;
    margin-bottom: 20px;
    animation-delay: 1s !important;
    font-size: 58px;
    font-weight: 700
}

.hero-banner-content p,
.main-banner-content p {
    animation-delay: 1.7s !important;
    line-height: 1.9
}

.main-banner-content p {
    color: #fff;
    max-width: 650px;
    font-size: 16px
}

.banner-content .btn-box,
.courses-details-desc,
.distance-learning-content .default-btn,
.experience-content .default-btn,
.hero-banner-content .btn-box,
.login-content .login-form form,
.main-banner-content .btn-box,
.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments,
.register-content .register-form form,
.why-choose-us-content .content .default-btn,
.why-choose-us-text .default-btn {
    margin-top: 35px
}

.hero-banner-content .btn-box .default-btn,
.main-banner-content .btn-box .default-btn {
    animation-delay: 2.2s !important
}

.hero-banner-content .btn-box .optional-btn,
.main-banner-content .btn-box .optional-btn {
    animation-delay: 2.9s !important;
    display: inline-block;
    color: #fff;
    position: relative;
    margin-left: 20px;
    font-size: 15px;
    font-weight: 600
}

.hero-banner-content .btn-box .optional-btn::before,
.main-banner-content .btn-box .optional-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: .5s
}

.hero-banner-content .btn-box .optional-btn::after,
.main-banner-content .btn-box .optional-btn::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #0eb582;
    transition: .5s
}

.hero-banner-content .btn-box .optional-btn:focus::after,
.hero-banner-content .btn-box .optional-btn:hover::after,
.main-banner-content .btn-box .optional-btn:focus::after,
.main-banner-content .btn-box .optional-btn:hover::after {
    width: 100%;
    right: auto;
    left: 0
}

.footer-area.footer-style-wrap .single-footer-widget .support-link li a:hover,
.footer-area.footer-style-wrap .single-footer-widget .useful-link li a:hover,
.main-banner-content.text-center .sub-title,
.students-feedback-form form .form-group .form-control:focus {
    padding-left: 0
}

.main-banner-content.text-center .btn-box .default-btn {
    margin-right: 10px
}

.main-banner-content.text-center .btn-box .optional-btn {
    margin-left: 10px
}

.banner-section {
    position: relative;
    z-index: 1;
    background-color: #ff1949
}

.banner-content {
    max-width: 750px;
    margin-top: 30px;
    position: relative;
    z-index: 1
}

.banner-content .sub-title {
    display: block;
    color: #fff;
    margin-bottom: 20px;
    text-transform: uppercase;
    position: relative;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 700
}

.banner-content h1 {
    color: #fff;
    margin-bottom: 18px;
    font-size: 58px;
    font-weight: 700
}

.banner-content p {
    color: #fff;
    max-width: 650px;
    line-height: 1.9;
    font-size: 16px;
    font-weight: 600
}

.banner-content .btn-box .default-btn {
    margin-right: 25px
}

.banner-content .btn-box .video-btn {
    color: #fff;
    font-weight: 500;
    display: inline-block;
    position: relative;
    font-size: 15px;
    padding-left: 46px;
    top: 2px
}

.banner-content .btn-box .video-btn span {
    position: absolute;
    left: 0;
    top: -10px;
    font-size: 40px;
    z-index: 1;
    line-height: 1;
    transition: .5s
}

.banner-content .btn-box .video-btn span::after,
.banner-content .btn-box .video-btn span::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
    width: 40px;
    height: 40px;
    left: 0;
    transition: .5s;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .6)
}

.banner-content .btn-box .video-btn span::before,
.faq-video .video-btn::before {
    animation: 2s linear infinite ripple
}

.banner-content .btn-box .video-btn span::after,
.faq-video .video-btn::after {
    animation: 2s linear 1s infinite ripple
}

.banner-content::before {
    content: "";
    position: absolute;
    top: -90px;
    width: 100%;
    max-width: 380px;
    text-align: center;
    height: 500px;
    left: 18%;
    margin-left: -190px;
    z-index: -1;
    border: 18px solid rgba(104, 89, 222, .1);
    box-sizing: border-box;
    box-shadow: 0 60px 40px -40px rgba(0, 0, 0, .09)
}

.divider {
    width: 100%;
    position: absolute;
    height: 6vw;
    bottom: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e");
    -webkit-mask-size: 100% 101%;
    mask-size: 100% 101%;
    background: #fff
}

.home-slides.owl-theme .owl-nav {
    margin-top: 0;
    opacity: 0;
    visibility: visible;
    transition: .5s
}

.home-slides.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #252525;
    font-size: 35px;
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, .7);
    border-radius: 0;
    width: 55px;
    height: 55px;
    transition: .5s
}

.home-slides.owl-theme .owl-nav [class*=owl-] i,
.single-gym-trainer .content .social-link li a i,
.single-instructor-member .member-content .social li a i,
.single-offer-box .icon i,
.single-team-member .member-content .social li a i,
.widget-area .widget_contact .text .icon i {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.home-slides.owl-theme .owl-nav [class*=owl-].owl-next {
    left: auto;
    right: 20px
}

.about-text .features-list li:hover i,
.blog-details-desc .article-author .author-profile .author-profile-title .author-profile-raque-profile a:focus,
.blog-details-desc .article-author .author-profile .author-profile-title .author-profile-raque-profile a:hover,
.courses-details-desc .courses-author .author-profile .author-profile-title .author-profile-raque-profile a:focus,
.courses-details-desc .courses-author .author-profile .author-profile-title .author-profile-raque-profile a:hover,
.faq-accordion-tab .tabs li a:hover,
.faq-accordion-tab .tabs li.current a,
.gym-home-slides.owl-theme .owl-nav [class*=owl-]:hover,
.home-slides.owl-theme .owl-nav [class*=owl-]:hover,
.mission-content .owl-theme .owl-nav [class*=owl-]:focus,
.mission-content .owl-theme .owl-nav [class*=owl-]:hover,
.motivation-categories-card .motivation-categories-list li:hover .icon,
.motivation-featured-card:hover .number,
.motivation-featured-item:hover .number,
.motivation-mission-content .mission-inner-box:hover .number,
.motivation-offer-content .offer-inner-box:hover .icon i,
.myAccount-content .downloads-table .table tbody td .downloads-button:hover,
.myAccount-content .orders-table .table tbody td .view-button:hover,
.myAccount-content .recent-orders-table .table tbody td .view-button:hover,
.myAccount-profile .profile-content .social li a:focus,
.myAccount-profile .profile-content .social li a:hover,
.single-blog-post:focus .post-image .tag a,
.single-blog-post:hover .post-image .tag a,
.single-footer-widget .social-link li a:focus,
.single-footer-widget .social-link li a:hover,
.single-gym-trainer .content .social-link li a:hover,
.single-instructor-member .member-content .social li a:focus,
.single-instructor-member .member-content .social li a:hover,
.single-product-box .product-image .add-to-cart-btn:focus,
.single-product-box .product-image .add-to-cart-btn:hover,
.single-team-member .member-content .social li a:focus,
.single-team-member .member-content .social li a:hover {
    background-color: #ff1949;
    color: #fff
}

.home-slides.owl-theme .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px
}

.home-slides.owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 0 5px;
    background: #fff;
    transition: .5s;
    border-radius: 50%;
    transform: scale(.9)
}

.cart-buttons .shopping-coupon-code button:hover,
.col-lg-3:nth-child(2) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-3:nth-child(2) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-3:nth-child(8) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-3:nth-child(8) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-4:nth-child(2) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-4:nth-child(2) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-4:nth-child(8) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-4:nth-child(8) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-6:nth-child(2) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-6:nth-child(2) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-6:nth-child(8) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-6:nth-child(8) .single-courses-box:hover .courses-image .courses-tag,
.countdown-area,
.courses-slides.owl-theme .owl-dots .owl-dot.active span,
.courses-slides.owl-theme .owl-dots .owl-dot:hover span,
.feedback-slides-two.owl-theme .owl-dots .owl-dot.active span::before,
.feedback-slides-two.owl-theme .owl-dots .owl-dot:hover span::before,
.gym-home-slides.owl-theme .owl-dots .owl-dot.active span::before,
.gym-home-slides.owl-theme .owl-dots .owl-dot:hover span::before,
.home-slides.owl-theme .owl-dots .owl-dot.active span,
.home-slides.owl-theme .owl-dots .owl-dot:hover span,
.motivation-course-banner-image .video-btn:hover,
.owl-item:nth-child(2) .single-courses-box:focus .courses-image .courses-tag,
.owl-item:nth-child(2) .single-courses-box:hover .courses-image .courses-tag,
.owl-item:nth-child(8) .single-courses-box:focus .courses-image .courses-tag,
.owl-item:nth-child(8) .single-courses-box:hover .courses-image .courses-tag,
.partner-area.bg-color,
.single-boxes-item.bg-color,
.testimonials-slides.owl-theme .owl-dots .owl-dot.active span,
.testimonials-slides.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #ff1949
}

.courses-slides.owl-theme .owl-dots .owl-dot.active span,
.home-slides.owl-theme .owl-dots .owl-dot.active span,
.testimonials-slides.owl-theme .owl-dots .owl-dot.active span {
    transform: scale(1.2)
}

.hero-banner {
    height: 800px;
    position: relative;
    z-index: 1;
    background-color: #ff1949;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/main-banner3.jpg)
}

.hero-banner.bg-white {
    height: auto;
    padding-top: 50px;
    padding-bottom: 0;
    background-color: #fff;
    background-image: unset !important
}

.hero-banner.hero-banner-video {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-image: none
}

.hero-banner.hero-banner-video::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .65;
    z-index: -1
}

.single-boxes-item.bg-color::after,
.single-categories-courses-box::after {
    right: 18px;
    animation: 5s linear infinite alternate forwards border-transform;
    content: ""
}

.hero-banner.hero-banner-video video {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    z-index: -2
}

.hero-banner.hero-banner-video .hero-banner-content {
    position: relative;
    overflow: hidden;
    z-index: 3
}

.hero-banner-content {
    overflow: hidden;
    max-width: 620px;
    margin-left: auto
}

.hero-banner-content p {
    color: #fff;
    font-size: 16px
}

.comments-area .comment-metadata a,
.hero-banner-content.black-color p,
.overview-connections-area.bg-FAF8F8 .overview-connections-card p,
.overview-connections-area.bg-FAF8F8 .section-title p,
.single-blog-post-card .post-content .post-meta li.post-author a {
    color: #727695
}

.hero-banner-content.black-color .btn-box .optional-btn::before,
.top-header.training-top-header-with-black-color {
    background-color: #252525
}

.banner-courses-category ul li:nth-child(11) a::before,
.banner-courses-category ul li:nth-child(2) a::before,
.col-lg-3:nth-child(11) .single-courses-category a::before,
.col-lg-3:nth-child(2) .single-courses-category a::before,
.hero-banner-content.black-color .btn-box .optional-btn::after,
.owl-item:nth-child(11) .single-courses-category a::before,
.owl-item:nth-child(2) .single-courses-category a::before,
.single-courses-box:focus .courses-image .courses-tag,
.single-courses-box:hover .courses-image .courses-tag,
.single-courses-item:focus .courses-image .courses-tag,
.single-courses-item:hover .courses-image .courses-tag {
    background-color: #0eb582
}

.footer-area.footer-style-wrap .single-footer-widget .support-link li,
.footer-area.footer-style-wrap .single-footer-widget .useful-link li,
.hero-banner-image {
    position: relative;
    padding-left: 15px
}

.hero-banner-image img {
    animation: 10s linear infinite alternate forwards border-transform
}

.main-banner-wrapper {
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-top: 100px
}

.banner-wrapper-content {
    text-align: center;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto
}

.banner-wrapper-content h1 {
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: 600
}

.banner-wrapper-content p {
    font-size: 16px;
    max-width: 600px;
    line-height: 1.8;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0
}

.banner-wrapper-content form {
    position: relative;
    margin-top: 30px
}

.banner-wrapper-content form .input-search,
.wrapper-content form .input-search {
    display: block;
    width: 100%;
    background-color: #fff;
    border: none;
    height: 60px;
    padding-left: 20px;
    border-radius: 70px;
    outline: 0;
    color: #252525;
    box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2) !important
}

.banner-wrapper-content form .input-search::-moz-placeholder {
    -moz-transition: .5s;
    transition: .5s;
    color: #727695
}

.banner-wrapper-content form .input-search::placeholder {
    transition: .5s;
    color: #727695
}

.banner-wrapper-content form .input-search:focus::-moz-placeholder {
    color: transparent
}

.banner-wrapper-content form .input-search:focus::placeholder {
    color: transparent
}

.banner-wrapper-content form button,
.wrapper-content form button {
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: #ff1949;
    color: #fff;
    border: none;
    height: 50px;
    padding: 0 30px;
    border-radius: 70px;
    transition: .5s;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600
}

.banner-wrapper-content form button:focus,
.banner-wrapper-content form button:hover,
.col-lg-3:nth-child(2) .single-blog-post:focus .post-image .tag a,
.col-lg-3:nth-child(2) .single-blog-post:hover .post-image .tag a,
.col-lg-3:nth-child(7) .single-blog-post:focus .post-image .tag a,
.col-lg-3:nth-child(7) .single-blog-post:hover .post-image .tag a,
.col-lg-4:nth-child(2) .single-blog-post:focus .post-image .tag a,
.col-lg-4:nth-child(2) .single-blog-post:hover .post-image .tag a,
.col-lg-4:nth-child(7) .single-blog-post:focus .post-image .tag a,
.col-lg-4:nth-child(7) .single-blog-post:hover .post-image .tag a,
.col-lg-6:nth-child(2) .single-blog-post:focus .post-image .tag a,
.col-lg-6:nth-child(2) .single-blog-post:hover .post-image .tag a,
.col-lg-6:nth-child(7) .single-blog-post:focus .post-image .tag a,
.col-lg-6:nth-child(7) .single-blog-post:hover .post-image .tag a,
.free-trial-form form button:hover,
.owl-item:nth-child(2) .single-blog-post:focus .post-image .tag a,
.owl-item:nth-child(2) .single-blog-post:hover .post-image .tag a,
.owl-item:nth-child(7) .single-blog-post:focus .post-image .tag a,
.owl-item:nth-child(7) .single-blog-post:hover .post-image .tag a,
.single-courses-list-box:hover .box-item .courses-image .image .courses-tag,
.single-footer-widget .newsletter-box form button:focus,
.single-footer-widget .newsletter-box form button:hover,
.single-team-card .team-content .social-btn ul li a:hover,
.start-free-trial-content .start-free-trial-form .free-btn-box button:hover,
.widget-area .widget_search form button:focus,
.widget-area .widget_search form button:hover,
.wrapper-content form button:focus,
.wrapper-content form button:hover {
    background-color: #0eb582;
    color: #fff
}

.banner-wrapper-image {
    margin-top: 50px;
    text-align: center
}

.banner-wrapper {
    background-color: #252525;
    background: linear-gradient(90deg, #232022 0, #0093c8);
    position: relative;
    z-index: 1;
    padding-top: 300px;
    padding-bottom: 150px
}

.offer-area,
.single-boxes-item.bg-image,
.single-categories-courses-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.information-image,
.wrapper-content {
    padding-right: 15px
}

.wrapper-content h1 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 58px;
    font-weight: 700
}

.wrapper-content p {
    color: #fff;
    line-height: 1.9
}

.wrapper-content form {
    position: relative;
    margin-top: 30px;
    margin-right: 50px
}

.wrapper-content form .input-search::-moz-placeholder {
    -moz-transition: .5s;
    transition: .5s;
    color: #727695
}

.wrapper-content form .input-search::placeholder {
    transition: .5s;
    color: #727695
}

.wrapper-content form .input-search:focus::-moz-placeholder {
    color: transparent
}

.wrapper-content form .input-search:focus::placeholder {
    color: transparent
}

.banner-courses-category {
    text-align: center;
    padding-left: 15px
}

.banner-courses-category ul {
    padding-left: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: -16px
}

.banner-courses-category ul li {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 16px
}

.banner-courses-category ul li a {
    display: block;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 1px 6px 0 rgba(50, 50, 50, .4);
    padding: 15px;
    color: #252525;
    font-size: 16px;
    font-weight: 600
}

.banner-courses-category ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3px;
    background-color: #ff1949;
    transition: .5s;
    opacity: 0;
    visibility: hidden
}

.banner-courses-category ul li a i {
    display: block;
    font-size: 45px;
    margin-bottom: 8px;
    color: #ff1949
}

.banner-courses-category ul li a:focus,
.banner-courses-category ul li a:hover {
    transform: scale(1.1);
    border-radius: 0
}

.banner-courses-category ul li:nth-child(11) a i,
.banner-courses-category ul li:nth-child(2) a i,
.bg-dark .single-blog-post-box .post-content .category:hover,
.col-lg-3:nth-child(11) .single-courses-category a i,
.col-lg-3:nth-child(2) .single-blog-post .post-image .tag a,
.col-lg-3:nth-child(2) .single-courses-category a i,
.col-lg-3:nth-child(7) .single-blog-post .post-image .tag a,
.col-lg-4:nth-child(2) .single-blog-post .post-image .tag a,
.col-lg-4:nth-child(2) .single-work-process:hover .icon,
.col-lg-4:nth-child(3) .single-instructor-box .content span,
.col-lg-4:nth-child(5) .single-instructor-box .content span,
.col-lg-4:nth-child(7) .single-blog-post .post-image .tag a,
.col-lg-6:nth-child(2) .single-blog-post .post-image .tag a,
.col-lg-6:nth-child(7) .single-blog-post .post-image .tag a,
.login-content .login-form form .forgot-password a:hover,
.owl-item:nth-child(11) .single-courses-category a i,
.owl-item:nth-child(2) .single-blog-post .post-image .tag a,
.owl-item:nth-child(2) .single-courses-category a i,
.owl-item:nth-child(3) .single-instructor-box .content span,
.owl-item:nth-child(5) .single-instructor-box .content span,
.owl-item:nth-child(7) .single-blog-post .post-image .tag a,
.product-details-desc .product-meta span span.in-stock,
.single-blog-post .post-content .post-meta li.post-author a,
.single-language-courses-box .content .link-btn:hover,
.single-learning-box .link-btn:hover {
    color: #0eb582
}

.banner-courses-category ul li:nth-child(12) a i,
.banner-courses-category ul li:nth-child(3) a i,
.col-lg-3:nth-child(12) .single-courses-category a i,
.col-lg-3:nth-child(3) .single-courses-category a i,
.owl-item:nth-child(12) .single-courses-category a i,
.owl-item:nth-child(3) .single-courses-category a i {
    color: #0093c9
}

.banner-courses-category ul li:nth-child(12) a::before,
.banner-courses-category ul li:nth-child(3) a::before,
.col-lg-3:nth-child(12) .single-courses-category a::before,
.col-lg-3:nth-child(3) .single-courses-category a::before,
.owl-item:nth-child(12) .single-courses-category a::before,
.owl-item:nth-child(3) .single-courses-category a::before {
    background-color: #0093c9
}

.banner-courses-category ul li:nth-child(13) a i,
.banner-courses-category ul li:nth-child(4) a i,
.col-lg-3:nth-child(13) .single-courses-category a i,
.col-lg-3:nth-child(4) .single-courses-category a i,
.owl-item:nth-child(13) .single-courses-category a i,
.owl-item:nth-child(4) .single-courses-category a i {
    color: #2d3942
}

.banner-courses-category ul li:nth-child(13) a::before,
.banner-courses-category ul li:nth-child(4) a::before,
.col-lg-3:nth-child(13) .single-courses-category a::before,
.col-lg-3:nth-child(4) .single-courses-category a::before,
.owl-item:nth-child(13) .single-courses-category a::before,
.owl-item:nth-child(4) .single-courses-category a::before {
    background-color: #2d3942
}

.banner-courses-category ul li:nth-child(14) a i,
.banner-courses-category ul li:nth-child(5) a i,
.col-lg-3:nth-child(14) .single-courses-category a i,
.col-lg-3:nth-child(5) .single-courses-category a i,
.owl-item:nth-child(14) .single-courses-category a i,
.owl-item:nth-child(5) .single-courses-category a i {
    color: #bfd131
}

.banner-courses-category ul li:nth-child(14) a::before,
.banner-courses-category ul li:nth-child(5) a::before,
.col-lg-3:nth-child(14) .single-courses-category a::before,
.col-lg-3:nth-child(5) .single-courses-category a::before,
.owl-item:nth-child(14) .single-courses-category a::before,
.owl-item:nth-child(5) .single-courses-category a::before {
    background-color: #bfd131
}

.banner-courses-category ul li:nth-child(15) a i,
.banner-courses-category ul li:nth-child(6) a i,
.col-lg-3:nth-child(15) .single-courses-category a i,
.col-lg-3:nth-child(6) .single-courses-category a i,
.owl-item:nth-child(15) .single-courses-category a i,
.owl-item:nth-child(6) .single-courses-category a i {
    color: #f49b29
}

.banner-courses-category ul li:nth-child(15) a::before,
.banner-courses-category ul li:nth-child(6) a::before,
.col-lg-3:nth-child(15) .single-courses-category a::before,
.col-lg-3:nth-child(6) .single-courses-category a::before,
.owl-item:nth-child(15) .single-courses-category a::before,
.owl-item:nth-child(6) .single-courses-category a::before {
    background-color: #f49b29
}

.banner-courses-category ul li:nth-child(1165) a i,
.banner-courses-category ul li:nth-child(7) a i,
.col-lg-3:nth-child(1165) .single-courses-category a i,
.col-lg-3:nth-child(7) .single-courses-category a i,
.owl-item:nth-child(1165) .single-courses-category a i,
.owl-item:nth-child(7) .single-courses-category a i {
    color: #833a8d
}

.banner-courses-category ul li:nth-child(1165) a::before,
.banner-courses-category ul li:nth-child(7) a::before,
.col-lg-3:nth-child(1165) .single-courses-category a::before,
.col-lg-3:nth-child(7) .single-courses-category a::before,
.owl-item:nth-child(1165) .single-courses-category a::before,
.owl-item:nth-child(7) .single-courses-category a::before {
    background-color: #833a8d
}

.banner-courses-category ul li:nth-child(17) a i,
.banner-courses-category ul li:nth-child(8) a i,
.col-lg-3:nth-child(17) .single-courses-category a i,
.col-lg-3:nth-child(8) .single-courses-category a i,
.owl-item:nth-child(17) .single-courses-category a i,
.owl-item:nth-child(8) .single-courses-category a i {
    color: #c81a7f
}

.banner-courses-category ul li:nth-child(17) a::before,
.banner-courses-category ul li:nth-child(8) a::before,
.col-lg-3:nth-child(17) .single-courses-category a::before,
.col-lg-3:nth-child(8) .single-courses-category a::before,
.owl-item:nth-child(17) .single-courses-category a::before,
.owl-item:nth-child(8) .single-courses-category a::before {
    background-color: #c81a7f
}

.banner-courses-category ul li:nth-child(18) a i,
.banner-courses-category ul li:nth-child(9) a i,
.col-lg-3:nth-child(10) .single-courses-box .courses-image .courses-tag a,
.col-lg-3:nth-child(18) .single-courses-category a i,
.col-lg-3:nth-child(4) .single-blog-post .post-image .tag a,
.col-lg-3:nth-child(4) .single-courses-box .courses-image .courses-tag a,
.col-lg-3:nth-child(9) .single-blog-post .post-image .tag a,
.col-lg-3:nth-child(9) .single-courses-category a i,
.col-lg-4:nth-child(10) .single-courses-box .courses-image .courses-tag a,
.col-lg-4:nth-child(4) .single-blog-post .post-image .tag a,
.col-lg-4:nth-child(4) .single-courses-box .courses-image .courses-tag a,
.col-lg-4:nth-child(9) .single-blog-post .post-image .tag a,
.col-lg-6:nth-child(10) .single-courses-box .courses-image .courses-tag a,
.col-lg-6:nth-child(4) .single-blog-post .post-image .tag a,
.col-lg-6:nth-child(4) .single-courses-box .courses-image .courses-tag a,
.col-lg-6:nth-child(9) .single-blog-post .post-image .tag a,
.owl-item:nth-child(10) .single-courses-box .courses-image .courses-tag a,
.owl-item:nth-child(18) .single-courses-category a i,
.owl-item:nth-child(4) .single-blog-post .post-image .tag a,
.owl-item:nth-child(4) .single-courses-box .courses-image .courses-tag a,
.owl-item:nth-child(9) .single-blog-post .post-image .tag a,
.owl-item:nth-child(9) .single-courses-category a i {
    color: #1cb5a3
}

.banner-courses-category ul li:nth-child(18) a::before,
.banner-courses-category ul li:nth-child(9) a::before,
.col-lg-3:nth-child(10) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-3:nth-child(10) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-3:nth-child(18) .single-courses-category a::before,
.col-lg-3:nth-child(3) .single-categories-courses-box,
.col-lg-3:nth-child(4) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-3:nth-child(4) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-3:nth-child(9) .single-categories-courses-box,
.col-lg-3:nth-child(9) .single-courses-category a::before,
.col-lg-4:nth-child(10) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-4:nth-child(10) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-4:nth-child(4) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-4:nth-child(4) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-6:nth-child(10) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-6:nth-child(10) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-6:nth-child(4) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-6:nth-child(4) .single-courses-box:hover .courses-image .courses-tag,
.owl-item:nth-child(10) .single-courses-box:focus .courses-image .courses-tag,
.owl-item:nth-child(10) .single-courses-box:hover .courses-image .courses-tag,
.owl-item:nth-child(18) .single-courses-category a::before,
.owl-item:nth-child(3) .single-categories-courses-box,
.owl-item:nth-child(4) .single-courses-box:focus .courses-image .courses-tag,
.owl-item:nth-child(4) .single-courses-box:hover .courses-image .courses-tag,
.owl-item:nth-child(9) .single-categories-courses-box,
.owl-item:nth-child(9) .single-courses-category a::before {
    background-color: #1cb5a3
}

@keyframes ripple {
    0% {
        transform: scale(1)
    }

    75% {
        transform: scale(1.75);
        opacity: 1
    }

    100% {
        transform: scale(2);
        opacity: 0
    }
}

.slider_area .tp-caption .NotGeneric-Icon,
.slider_area .tp-caption.NotGeneric-Icon {
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: Poppins, sans-serif !important
}

.slider_area .tp-caption .NotGeneric-Title,
.slider_area .tp-caption.NotGeneric-Title {
    letter-spacing: 0 !important;
    font-size: 58px !important;
    font-weight: 700 !important;
    font-family: Poppins, sans-serif !important
}

.slider_area .tp-caption .NotGeneric-SubTitle,
.slider_area .tp-caption.NotGeneric-SubTitle {
    letter-spacing: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: "Open Sans", sans-serif !important
}

.slider_area .tp-caption .NotGeneric-btn .default-btn,
.slider_area .tp-caption.NotGeneric-btn .default-btn {
    transition: .5s !important
}

.slider_area .tp-caption .NotGeneric-btn .default-btn .icon-arrow,
.slider_area .tp-caption.NotGeneric-btn .default-btn .icon-arrow {
    transition: transform .5s cubic-bezier(.86, 0, .07, 1), opacity .4s cubic-bezier(.86, 0, .07, 1) !important
}

.slider_area .tp-caption .NotGeneric-btn .default-btn .label,
.slider_area .tp-caption.NotGeneric-btn .default-btn .label {
    transition: transform .5s cubic-bezier(.86, 0, .07, 1) !important
}

.slider_area .metis .tp-bullet {
    background-color: #fff !important
}

.slider_area .metis .tp-bullet.selected,
.slider_area .metis .tp-bullet:hover {
    background-color: #ff1949 !important
}

.app-area .row .col-lg-5,
.app-area .row .col-md-7,
.become-instructor-partner-area .container-fluid,
.become-instructor-partner-area .container-fluid .row .col-lg-6,
.boxes-area .container-fluid,
.boxes-area .container-fluid .row .col-lg-3,
.funfacts-style-three .row .col-lg-3,
.motivation-mission-area .container-fluid,
.motivation-offer-area .container-fluid,
.testimonials-wrap-area .container-fluid,
.why-choose-us-area .container-fluid,
.why-choose-us-area .container-fluid .row .col-lg-6 {
    padding-left: 0;
    padding-right: 0
}

.single-boxes-item {
    padding: 40px;
    position: relative;
    background-color: #f8f8f8;
    z-index: 1;
    min-height: 210px
}

.instructor-details-desc .instructor-details h3,
.single-boxes-item h3 {
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 700
}

.single-boxes-item .boxes-btn {
    display: inline-block;
    position: relative;
    color: #252525;
    z-index: 1;
    padding-right: 22px;
    transition: .4s;
    font-size: 15px;
    font-weight: 600
}

.countdown-content .sign-up-btn i,
.single-blog-post .post-content .read-more-btn i,
.single-boxes-item .boxes-btn i,
.single-categories-courses-item .learn-more-btn i {
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.single-boxes-item .boxes-btn::before {
    content: "";
    position: absolute;
    background-color: #252525;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    z-index: -1;
    transition: .5s
}

.countdown-content .sign-up-btn:focus,
.countdown-content .sign-up-btn:hover,
.single-boxes-item .boxes-btn:focus,
.single-boxes-item .boxes-btn:hover {
    padding-right: 25px
}

.featured-area .section-title p,
.offer-area .section-title p,
.single-boxes-item.bg-color p,
.single-boxes-item.bg-image p,
.single-offer-box:hover p,
.single-work-process p {
    color: #fff;
    opacity: .95
}

.experience-content .features-list li span:hover i::after,
.feedback-area.bg-f8fafb,
.single-boxes-item.bg-color .boxes-btn::before,
.single-boxes-item.bg-image .boxes-btn::before {
    background-color: #fff
}

.single-boxes-item.bg-color::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 50px;
    height: 35px;
    background: #fff;
    opacity: .3;
    border-radius: 50% 50% 0 0
}

.single-boxes-item.bg-color::after {
    position: absolute;
    top: 18px;
    width: 40px;
    height: 40px;
    background: #fff;
    z-index: -1;
    border-radius: 50%;
    opacity: .2
}

.single-boxes-item.bg-image {
    background-color: #ff1949;
    background-image: url(../images/mission-bg.jpg)
}

.about-area,
.blog-area,
.courses-area,
.courses-categories-area,
.distance-learning-area,
.events-area,
.experience-area,
.faq-area,
.features-area,
.feedback-content,
.funfacts-and-feedback-area,
.health-coaching-bg-image,
.new-comers-image,
.premium-access-area,
.services-area,
.training-courses-image,
.training-overview-area,
.why-choose-us-area {
    position: relative;
    z-index: 1
}

.about-image {
    position: relative;
    padding-right: 100px;
    padding-bottom: 50px
}

.about-image img,
.courses-details-header .courses-price .default-btn,
.courses-details-image,
.faq-video img,
.myAccount-profile .profile-image img,
.next-link-wrapper .image-next img,
.prev-link-wrapper .image-prev img,
.single-gym-trainer img,
.single-instructor-box .image img {
    border-radius: 5px;
}

.about-image img:nth-child(2) {
    position: absolute;
    right: 10px;
    bottom: 0;
    z-index: 1
}

.about-content,
.become-box-item .become-box-content,
.information-content,
.why-choose-us-text {
    padding-left: 15px
}

.about-content h2 {
    margin-bottom: 15px;
    line-height: 1.4;
    font-size: 38px;
    font-weight: 700
}

.about-content h6 {
    margin-bottom: 14px;
    line-height: 1.6
}

.about-content .features-text,
.about-content .signature,
.become-box-item .become-box-content .btn-box,
.courses-slides.owl-theme .single-courses-box,
.events-details .events-info-links,
.instructor-details-desc .instructor-details .instructor-details-info,
.product-details-desc .product-add-to-cart,
.single-blog-post .post-content,
.single-blog-post-card .post-content,
.single-feedback-slides-item .client-info,
.single-gym-feedback-box .title,
.single-gym-trainer .content,
.single-instructor-box .content,
.single-motivation-courses-box .courses-content,
.start-free-trial-content .start-free-trial-form,
.training-courses-content .training-courses-btn {
    margin-top: 25px
}

.about-content .features-text h5 {
    margin-bottom: 22px;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    padding-left: 47px;
    padding-top: 7px
}

.about-content .features-text i {
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background-color: #f22049;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 20px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1);
    border-radius: 50%
}

.about-content.left-content {
    max-width: 625px;
    margin-left: auto;
    padding-left: 0;
    padding-right: 15px
}

.about-right-image {
    position: relative;
    text-align: right;
    padding-left: 100px;
    padding-bottom: 60px
}

.about-right-image img:nth-child(2) {
    position: absolute;
    left: 0;
    bottom: 0
}

.about-right-image .text-box {
    position: absolute;
    left: 220px;
    top: 60px;
    z-index: 1;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 6px 5px 25px rgba(0, 0, 0, .08);
    text-align: center
}

.about-right-image .text-box .inner {
    position: absolute;
    left: 0;
    top: 55%;
    right: 0;
    transform: translateY(-55%);
    text-transform: uppercase;
    color: #727695;
    font-size: 15px;
    font-weight: 600
}

.about-right-image .text-box .inner span {
    display: block;
    color: #ff1949;
    margin-top: -2px;
    font-size: 30px;
    font-weight: 700
}

.about-right-image .text-box::before {
    position: absolute;
    content: "";
    border: 2px dashed #ff1949;
    left: 0;
    top: 0;
    border-radius: 50%;
    z-index: -1;
    right: 0;
    bottom: 0;
    margin: 10px;
    animation-name: rotateMe;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.about-inner-area {
    margin-top: 80px
}

.about-text h3 {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    font-size: 20px;
    font-weight: 700
}

.about-text h3::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 50px;
    background-color: #ff1949;
    height: 1px
}

.about-text .features-list {
    padding-left: 0;
    list-style-type: none;
    margin-top: 15px;
    margin-bottom: 0
}

.about-text .features-list li {
    position: relative;
    margin-bottom: 12px;
    color: #252525;
    padding-top: 3px;
    padding-left: 30px
}

.about-text .features-list li i {
    font-size: 16px;
    color: #252525;
    background-color: #eaeaf2;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    transition: .5s;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

@keyframes rotateMe {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.story-content,
.values-content {
    margin-top: -6px
}

.courses-categories-slides.owl-theme,
.shorting-menu {
    margin-top: -30px
}

.single-product-box .product-content h3,
.story-content h3,
.values-content h3 {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600
}

.courses-categories-area.bg-image {
    background-image: url(../images/pattern.jpg)
}

.single-categories-courses-box {
    position: relative;
    z-index: 1;
    background-color: #0eb582;
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
    padding: 40px 20px
}

.single-categories-courses-box .icon {
    width: 100px;
    height: 100px;
    position: relative;
    background: rgba(255, 255, 255, .1);
    margin-bottom: 30px;
    font-size: 65px;
    color: #fff;
    transition: .5s;
    border: 2px dashed rgba(255, 255, 255, .1);
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto
}

.single-categories-courses-box .icon i,
.single-categories-courses-item .icon i,
.single-work-process .icon i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0
}

.single-categories-courses-box h3 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700
}

.single-categories-courses-box span {
    text-transform: uppercase;
    display: block;
    color: #fff;
    font-weight: 500;
    font-size: 14px
}

.single-categories-courses-box .link-btn,
.single-categories-courses-item .link-btn {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0
}

.single-categories-courses-box::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 50px;
    height: 35px;
    background: #fff;
    opacity: .06;
    border-radius: 50% 50% 0 0
}

.single-categories-courses-box::after {
    position: absolute;
    top: 18px;
    width: 40px;
    height: 40px;
    background: #fff;
    z-index: -1;
    border-radius: 50%;
    opacity: .05
}

.single-categories-courses-item .icon,
.single-offer-box .icon,
.single-services-box .icon {
    animation: 10s linear infinite alternate forwards border-transform
}

.single-categories-courses-box:focus .icon,
.single-categories-courses-box:hover .icon {
    background-color: #fff;
    border-color: #0eb582;
    color: #0eb582;
    animation: 10s linear infinite alternate forwards border-transform
}

.single-categories-courses-item {
    position: relative;
    z-index: 1;
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
    padding: 40px 20px;
    transition: .5s;
    background-color: #ff1949
}

.single-categories-courses-item .icon {
    width: 100px;
    height: 100px;
    position: relative;
    background: rgba(255, 255, 255, .2);
    margin-bottom: 30px;
    font-size: 65px;
    color: #fff;
    transition: .2s ease-in-out;
    border: 2px dashed rgba(255, 255, 255, .3);
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto
}

.single-categories-courses-item h3 {
    color: #fff;
    margin-bottom: 10px;
    transition: .3s ease-in-out;
    font-size: 20px;
    font-weight: 700
}

.single-categories-courses-item span {
    transition: .4s ease-in-out;
    text-transform: uppercase;
    display: block;
    color: #fff;
    font-weight: 500;
    font-size: 14px
}

.single-categories-courses-item .learn-more-btn {
    display: inline-block;
    position: absolute;
    color: #fff;
    z-index: 1;
    padding-right: 22px;
    transition: .5s ease-in-out;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    font-size: 15px;
    font-weight: 500
}

.countdown-content .sign-up-btn::before,
.single-categories-courses-item .learn-more-btn::before {
    content: "";
    position: absolute;
    background-color: #fff;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    z-index: -1;
    transition: .5s
}

.single-categories-courses-item.bg1 {
    background-image: url(../images/1_4.jpg)
}

.single-categories-courses-item.bg2 {
    background-image: url(../images/2_2.jpg)
}

.single-categories-courses-item.bg3 {
    background-image: url(../images/3_2.jpg)
}

.single-categories-courses-item.bg4 {
    background-image: url(../images/4_1.jpg)
}

.single-categories-courses-item.bg5 {
    background-image: url(../images/5_1.jpg)
}

.single-categories-courses-item.bg6 {
    background-image: url(../images/6.jpg)
}

.single-categories-courses-item.bg7 {
    background-image: url(../images/7.jpg)
}

.single-categories-courses-item.bg8 {
    background-image: url(../images/8.jpg)
}

.contact-info-box:hover,
.single-categories-courses-item:focus,
.single-categories-courses-item:hover,
.single-courses-box:focus,
.single-courses-box:hover {
    transform: translateY(-10px)
}

.single-categories-courses-item:focus .icon,
.single-categories-courses-item:hover .icon {
    border-color: #fff;
    transform: translateY(-18px)
}

.single-categories-courses-item:focus h3,
.single-categories-courses-item:focus span,
.single-categories-courses-item:hover h3,
.single-categories-courses-item:hover span {
    transform: translateY(-18px)
}

.single-categories-courses-item:focus .learn-more-btn,
.single-categories-courses-item:hover .learn-more-btn {
    opacity: 1;
    visibility: visible;
    bottom: 18px
}

.col-lg-3:nth-child(2) .single-categories-courses-box,
.col-lg-3:nth-child(3) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-3:nth-child(3) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-3:nth-child(8) .single-categories-courses-box,
.col-lg-3:nth-child(9) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-3:nth-child(9) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-4:nth-child(3) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-4:nth-child(3) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-4:nth-child(9) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-4:nth-child(9) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-6:nth-child(3) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-6:nth-child(3) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-6:nth-child(9) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-6:nth-child(9) .single-courses-box:hover .courses-image .courses-tag,
.owl-item:nth-child(2) .single-categories-courses-box,
.owl-item:nth-child(3) .single-courses-box:focus .courses-image .courses-tag,
.owl-item:nth-child(3) .single-courses-box:hover .courses-image .courses-tag,
.owl-item:nth-child(8) .single-categories-courses-box,
.owl-item:nth-child(9) .single-courses-box:focus .courses-image .courses-tag,
.owl-item:nth-child(9) .single-courses-box:hover .courses-image .courses-tag {
    background-color: #fea116
}

.col-lg-3:nth-child(2) .single-categories-courses-box:focus .icon,
.col-lg-3:nth-child(2) .single-categories-courses-box:hover .icon,
.col-lg-3:nth-child(8) .single-categories-courses-box:focus .icon,
.col-lg-3:nth-child(8) .single-categories-courses-box:hover .icon,
.col-lg-4:nth-child(3) .single-offer-box .icon,
.col-lg-4:nth-child(6) .single-offer-box .icon,
.owl-item:nth-child(2) .single-categories-courses-box:focus .icon,
.owl-item:nth-child(2) .single-categories-courses-box:hover .icon,
.owl-item:nth-child(8) .single-categories-courses-box:focus .icon,
.owl-item:nth-child(8) .single-categories-courses-box:hover .icon {
    border-color: #fea116;
    color: #fea116
}

.col-lg-3:nth-child(3) .single-categories-courses-box:focus .icon,
.col-lg-3:nth-child(3) .single-categories-courses-box:hover .icon,
.col-lg-3:nth-child(9) .single-categories-courses-box:focus .icon,
.col-lg-3:nth-child(9) .single-categories-courses-box:hover .icon,
.owl-item:nth-child(3) .single-categories-courses-box:focus .icon,
.owl-item:nth-child(3) .single-categories-courses-box:hover .icon,
.owl-item:nth-child(9) .single-categories-courses-box:focus .icon,
.owl-item:nth-child(9) .single-categories-courses-box:hover .icon {
    border-color: #1cb5a3;
    color: #1cb5a3
}

.col-lg-3:nth-child(10) .single-categories-courses-box,
.col-lg-3:nth-child(11) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-3:nth-child(11) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-3:nth-child(4) .single-categories-courses-box,
.col-lg-3:nth-child(5) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-3:nth-child(5) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-4:nth-child(11) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-4:nth-child(11) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-4:nth-child(5) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-4:nth-child(5) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-6:nth-child(11) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-6:nth-child(11) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-6:nth-child(5) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-6:nth-child(5) .single-courses-box:hover .courses-image .courses-tag,
.owl-item:nth-child(10) .single-categories-courses-box,
.owl-item:nth-child(11) .single-courses-box:focus .courses-image .courses-tag,
.owl-item:nth-child(11) .single-courses-box:hover .courses-image .courses-tag,
.owl-item:nth-child(4) .single-categories-courses-box,
.owl-item:nth-child(5) .single-courses-box:focus .courses-image .courses-tag,
.owl-item:nth-child(5) .single-courses-box:hover .courses-image .courses-tag {
    background-color: #3d64ff
}

.col-lg-3:nth-child(10) .single-categories-courses-box:focus .icon,
.col-lg-3:nth-child(10) .single-categories-courses-box:hover .icon,
.col-lg-3:nth-child(4) .single-categories-courses-box:focus .icon,
.col-lg-3:nth-child(4) .single-categories-courses-box:hover .icon,
.owl-item:nth-child(10) .single-categories-courses-box:focus .icon,
.owl-item:nth-child(10) .single-categories-courses-box:hover .icon,
.owl-item:nth-child(4) .single-categories-courses-box:focus .icon,
.owl-item:nth-child(4) .single-categories-courses-box:hover .icon {
    border-color: #3d64ff;
    color: #3d64ff
}

.col-lg-3:nth-child(11) .single-categories-courses-box,
.col-lg-3:nth-child(12) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-3:nth-child(12) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-3:nth-child(5) .single-categories-courses-box,
.col-lg-3:nth-child(6) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-3:nth-child(6) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-4:nth-child(12) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-4:nth-child(12) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-4:nth-child(6) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-4:nth-child(6) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-6:nth-child(12) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-6:nth-child(12) .single-courses-box:hover .courses-image .courses-tag,
.col-lg-6:nth-child(6) .single-courses-box:focus .courses-image .courses-tag,
.col-lg-6:nth-child(6) .single-courses-box:hover .courses-image .courses-tag,
.owl-item:nth-child(11) .single-categories-courses-box,
.owl-item:nth-child(12) .single-courses-box:focus .courses-image .courses-tag,
.owl-item:nth-child(12) .single-courses-box:hover .courses-image .courses-tag,
.owl-item:nth-child(5) .single-categories-courses-box,
.owl-item:nth-child(6) .single-courses-box:focus .courses-image .courses-tag,
.owl-item:nth-child(6) .single-courses-box:hover .courses-image .courses-tag {
    background-color: #e74d57
}

.col-lg-3:nth-child(11) .single-categories-courses-box:focus .icon,
.col-lg-3:nth-child(11) .single-categories-courses-box:hover .icon,
.col-lg-3:nth-child(5) .single-categories-courses-box:focus .icon,
.col-lg-3:nth-child(5) .single-categories-courses-box:hover .icon,
.owl-item:nth-child(11) .single-categories-courses-box:focus .icon,
.owl-item:nth-child(11) .single-categories-courses-box:hover .icon,
.owl-item:nth-child(5) .single-categories-courses-box:focus .icon,
.owl-item:nth-child(5) .single-categories-courses-box:hover .icon {
    border-color: #e74d57;
    color: #e74d57
}

.col-lg-3:nth-child(12) .single-categories-courses-box,
.col-lg-3:nth-child(6) .single-categories-courses-box,
.owl-item:nth-child(12) .single-categories-courses-box,
.owl-item:nth-child(6) .single-categories-courses-box {
    background-color: #9764df
}

.col-lg-3:nth-child(12) .single-categories-courses-box:focus .icon,
.col-lg-3:nth-child(12) .single-categories-courses-box:hover .icon,
.col-lg-3:nth-child(6) .single-categories-courses-box:focus .icon,
.col-lg-3:nth-child(6) .single-categories-courses-box:hover .icon,
.owl-item:nth-child(12) .single-categories-courses-box:focus .icon,
.owl-item:nth-child(12) .single-categories-courses-box:hover .icon,
.owl-item:nth-child(6) .single-categories-courses-box:focus .icon,
.owl-item:nth-child(6) .single-categories-courses-box:hover .icon {
    border-color: #9764df;
    color: #9764df
}

.app-image,
.distance-learning-image,
.instructor-details-desc .instructor-details-sidebar,
.single-courses-category,
.single-funfact,
.single-instructor-box {
    text-align: center
}

.single-courses-category a {
    display: block;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 8px 16px 0 rgba(146, 184, 255, .2);
    padding: 25px;
    color: #252525;
    z-index: 1;
    font-size: 20px;
    font-weight: 600
}

.single-courses-category a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3px;
    background-color: #ff1949;
    z-index: -1;
    transition: .5s
}

.single-courses-category a i {
    display: block;
    font-size: 55px;
    margin-bottom: 10px;
    color: #ff1949;
    transition: .5s
}

.single-courses-category a:focus,
.single-courses-category a:hover {
    border-radius: 0;
    color: #fff;
    transform: translateY(-7px)
}

.single-courses-category a:focus::before,
.single-courses-category a:hover::before {
    height: 100%
}

.blog-slides.owl-theme .owl-nav [class*=owl-],
.courses-categories-slides.owl-theme .owl-nav [class*=owl-],
.courses-slides.owl-theme .owl-nav [class*=owl-],
.team-slides.owl-theme .owl-nav [class*=owl-] {
    color: #87a1c1;
    font-size: 25px;
    margin: 0;
    padding: 0;
    background: 0 0;
    width: 50px;
    height: 50px;
    line-height: 51px;
    position: absolute;
    left: -45px;
    transition: .5s;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    border: 2px solid #e3e4ef
}

.blog-slides.owl-theme .owl-nav [class*=owl-].owl-next,
.courses-categories-slides.owl-theme .owl-nav [class*=owl-].owl-next,
.courses-slides.owl-theme .owl-nav [class*=owl-].owl-next,
.team-slides.owl-theme .owl-nav [class*=owl-].owl-next {
    left: auto;
    right: -45px
}

.blog-slides.owl-theme .owl-nav [class*=owl-]:focus,
.blog-slides.owl-theme .owl-nav [class*=owl-]:hover,
.courses-categories-slides.owl-theme .owl-nav [class*=owl-]:focus,
.courses-categories-slides.owl-theme .owl-nav [class*=owl-]:hover,
.courses-slides.owl-theme .owl-nav [class*=owl-]:focus,
.courses-slides.owl-theme .owl-nav [class*=owl-]:hover,
.feedback-slides.owl-theme .owl-nav [class*=owl-]:focus,
.feedback-slides.owl-theme .owl-nav [class*=owl-]:hover,
.team-slides.owl-theme .owl-nav [class*=owl-]:focus,
.team-slides.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: #ff1949;
    color: #fff;
    border-color: #ff1949;
    box-shadow: 0 8px 16px 0 rgba(241, 96, 1, .2)
}

.blog-slides.owl-theme .owl-nav [class*=owl-].disabled,
.courses-categories-slides.owl-theme .owl-nav [class*=owl-].disabled,
.courses-slides.owl-theme .owl-nav [class*=owl-].disabled,
.feedback-slides.owl-theme .owl-nav [class*=owl-].disabled,
.team-slides.owl-theme .owl-nav [class*=owl-].disabled {
    color: #e3e4ef
}

.blog-slides.owl-theme .owl-nav [class*=owl-].disabled:focus,
.blog-slides.owl-theme .owl-nav [class*=owl-].disabled:hover,
.courses-categories-slides.owl-theme .owl-nav [class*=owl-].disabled:focus,
.courses-categories-slides.owl-theme .owl-nav [class*=owl-].disabled:hover,
.courses-slides.owl-theme .owl-nav [class*=owl-].disabled:focus,
.courses-slides.owl-theme .owl-nav [class*=owl-].disabled:hover,
.feedback-slides.owl-theme .owl-nav [class*=owl-].disabled:focus,
.feedback-slides.owl-theme .owl-nav [class*=owl-].disabled:hover,
.team-slides.owl-theme .owl-nav [class*=owl-].disabled:focus,
.team-slides.owl-theme .owl-nav [class*=owl-].disabled:hover {
    background-color: transparent;
    color: #e3e4ef;
    border-color: #e3e4ef;
    box-shadow: unset
}

#particles-js-circle-bubble,
#particles-js-circle-bubble-2,
#particles-js-circle-bubble-3,
#particles-js-circle-bubble-4 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.single-partner-item a img {
    width: auto !important;
    display: inline-block !important;
    transition: .5s;
    opacity: .9
}

.single-partner-item:focus a img,
.single-partner-item:hover a img {
    opacity: 1
}

.next-link-wrapper a,
.partner-slides.owl-theme .owl-stage,
.prev-link-wrapper a {
    display: flex;
    align-items: center
}

.offer-area {
    position: relative;
    z-index: 1;
    background-color: #ff1949;
    background-image: url(../images/offer-bg.jpg)
}

.offer-area::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20%;
    z-index: -1;
    background-color: #fff
}

.single-offer-box {
    text-align: center;
    background-color: #fff;
    box-shadow: 6px 5px 25px rgba(0, 0, 0, .08);
    padding: 30px 25px;
    border-radius: 5px;
    position: relative;
    z-index: 1
}

.single-courses-box,
.single-courses-item,
.single-courses-list-box {
    /* box-shadow: 0 8px 16px 0 rgba(146, 184, 255, .2) */
}

.single-offer-box::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    border-radius: 5px;
    right: 0;
    bottom: 0;
    background: #0eb582;
    transform: scaleY(0);
    transform-origin: 50% 0;
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: ease-out
}

.single-offer-box .icon {
    width: 90px;
    height: 90px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    border: 2px dashed #ff1949;
    font-size: 45px;
    color: #ff1949;
    transition: .5s;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px
}

.single-offer-box h3 {
    transition: .5s;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600
}

.single-offer-box p {
    transition: .5s;
    line-height: 1.8
}

.single-offer-box:hover .icon {
    background-color: #ff1949;
    color: #fff;
    border-color: #fff
}

.single-offer-box:hover::before {
    transform: scaleY(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.col-lg-4:nth-child(2) .single-offer-box::before,
.col-lg-4:nth-child(5) .single-offer-box::before,
.pricing-table table thead tr,
.single-funfact-card .icon.bg-FF1949::before {
    background: #ff1949
}

.col-lg-4:nth-child(2) .single-offer-box .icon,
.col-lg-4:nth-child(5) .single-offer-box .icon {
    border-color: #0eb582;
    color: #0eb582
}

.col-lg-4:nth-child(2) .single-offer-box:hover .icon,
.col-lg-4:nth-child(5) .single-offer-box:hover .icon {
    background-color: #0eb582;
    color: #fff;
    border-color: #fff
}

.col-lg-4:nth-child(3) .single-offer-box::before,
.col-lg-4:nth-child(6) .single-offer-box::before {
    background: #3d64ff
}

.col-lg-4:nth-child(3) .single-offer-box:hover .icon,
.col-lg-4:nth-child(6) .single-offer-box:hover .icon {
    background-color: #fea116;
    color: #fff;
    border-color: #fff
}

.become-instructor-partner-content {
    position: relative;
    z-index: 1;
    padding: 100px;
    background-image: url(../images/pattern.png);
    background-position: center center;
    background-size: contain;
    background-repeat: repeat
}

.become-instructor-partner-content.bg-color::before,
.become-instructor-partner-image,
.courses-purchase-info,
.courses-purchase-info::after,
.how-it-works-area::before,
.single-courses-list-box .box-item .courses-image .image,
.slideshow-box .slideshow-slides li span {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.become-instructor-partner-content h2 {
    margin-bottom: 14px;
    font-size: 37px;
    font-weight: 700
}

.become-instructor-partner-content p {
    margin-bottom: 25px;
    max-width: 540px
}

.become-instructor-partner-content .default-btn,
.instructor-details-desc .instructor-details-sidebar .default-btn {
    border-radius: 30px
}

.become-instructor-partner-content.bg-color {
    background-color: #ff1949;
    background-image: unset !important
}

.become-instructor-partner-content.bg-color p {
    color: #fff;
    opacity: .97
}

.become-instructor-partner-content.bg-color .default-btn {
    background-color: #fff;
    color: #252525
}

.become-instructor-partner-content.bg-color .default-btn .icon-arrow,
.prev-link-wrapper .prev-link-info-wrapper {
    color: #252525;
    transition: .5s
}

.become-instructor-partner-content.bg-color .default-btn:focus,
.become-instructor-partner-content.bg-color .default-btn:hover {
    color: #fff;
    background-color: #252525;
    border-color: #252525
}

.become-instructor-partner-content.bg-color::before,
.courses-purchase-info::after,
.how-it-works-area::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(../images/bg-lines.svg)
}

.become-instructor-partner-image {
    width: 100%;
    height: 100%
}

.become-instructor-partner-image.bg-image1 {
    background-image: url(../images/become-instructor.jpg)
}

.become-instructor-partner-image.bg-image2 {
    background-image: url(../images/become-partner.jpg)
}

.cart-table table tbody tr td.product-subtotal,
.comments-area .comment-respond .comment-form,
.funfacts-area,
.myAccount-content .myAccount-addresses .addresses-title,
.online-area {
    overflow: hidden
}

.funfacts-inner {
    overflow: hidden;
    background-color: #ff1949;
    border-radius: 15px;
    padding: 50px;
    position: relative;
    z-index: 1;
    text-align: center
}

.funfacts-inner .col-lg-3 {
    border-right: 1px solid rgba(255, 255, 255, .3)
}

.funfacts-inner .col-lg-3:last-child {
    border-right: 0
}

.single-funfact .icon {
    color: #fff;
    line-height: 0;
    font-size: 50px;
    margin-top: -7px;
    margin-bottom: 10px
}

.single-funfact h3 {
    margin-bottom: 2px;
    color: #fff;
    font-size: 45px;
    font-weight: 600
}

.single-funfact p {
    color: #fff;
    line-height: initial;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 500
}

.funfacts-style-two {
    overflow: hidden;
    background-color: #ff1949;
    position: relative;
    z-index: 1
}

.single-features-box {
    min-height: 500px;
    position: relative;
    z-index: 3;
    overflow: hidden;
    padding: 30px;
    border-right: 1px solid #ccc
}

.single-features-box .inner-content {
    position: absolute;
    left: 30px;
    bottom: 30px;
    right: 30px
}

.single-features-box .inner-content h3 {
    color: #fff;
    margin-bottom: 15px;
    transition: .3s ease-in-out;
    font-size: 24px;
    font-weight: 700
}

.single-features-box .inner-content p {
    color: #fff;
    opacity: .95;
    transition: .4s ease-in-out;
    margin-bottom: 0
}

.single-features-box .inner-content .default-btn {
    transition: .5s ease-in-out;
    position: absolute;
    opacity: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    transform: translateY(30px)
}

.single-features-box:hover .inner-content h3,
.single-features-box:hover .inner-content p {
    transform: translateY(-75px)
}

.single-features-box:hover .inner-content .default-btn,
.single-instructor-box:hover .image .social li {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.slideshow-box {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.slideshow-box .slideshow-slides {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.slideshow-box .slideshow-slides li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.slideshow-box .slideshow-slides li span.bg1 {
    background-image: url(../img/about-slider/3.jpg)
}

.slideshow-box .slideshow-slides li span.bg2 {
    background-image: url(../img/about-slider/2.jpg)
}

.slideshow-box .slideshow-slides li span.bg3 {
    background-image: url(../img/about-slider/1.jpg)
}

.slideshow-box .slideshow-slides li span.bg4 {
    background-image: url(../img/about-slider/4.jpg)
}

.slideshow-box .slideshow-slides li span.bg5 {
    background-image: url(../img/about-slider/1.jpg)
}

.slideshow-box .slideshow-slides .owl-stage-outer,
.slideshow-box .slideshow-slides .owl-stage-outer .owl-stage,
.slideshow-box .slideshow-slides .owl-stage-outer .owl-stage .owl-item {
    height: 100%;
    width: 100%
}

.col-lg-3:nth-child(4) .single-features-box,
.funfacts-style-three .row .col-lg-3:last-child .single-funfacts-item {
    border-right: none
}

.single-courses-box {
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    transition: .5s
}

.single-courses-box .courses-image {
    border-radius: 5px 5px 0 0;
    position: relative
}

.single-courses-box .courses-image a img {
    border-radius: 5px 5px 0 0;
    width: 100%
}

.single-courses-box .courses-image .courses-tag {
    position: absolute;
    right: 25px;
    bottom: 0;
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    transition: .5s;
    padding: 5px 15px
}

.single-courses-box .courses-image .courses-tag a,
.single-courses-list-box .box-item .courses-image .image .courses-tag a {
    color: #0eb582;
    font-weight: 500
}

.single-courses-box .courses-content,
.single-courses-list-box .box-item .courses-desc .courses-content {
    padding: 25px 25px 9px
}

.single-courses-box .courses-content .course-author,
.single-courses-list-box .box-item .courses-desc .courses-content .course-author {
    margin-bottom: 13px
}

.single-courses-box .courses-content .course-author img {
    width: 37px;
    height: 37px;
    margin-right: 8px
}

.single-courses-box .courses-content .course-author span,
.single-courses-list-box .box-item .courses-desc .courses-content .course-author span {
    color: #252525;
    font-size: 14.5px;
    font-weight: 500
}

.single-courses-box .courses-content h3 {
    margin-bottom: 12px;
    line-height: 1.5;
    font-size: 22px;
    font-weight: 600
}

.single-courses-box .courses-content .courses-rating .review-stars-rated,
.single-courses-item .courses-content .courses-rating .review-stars-rated,
.single-courses-list-box .box-item .courses-desc .courses-content .courses-rating .review-stars-rated,
.single-motivation-courses-box .courses-content .course-author .courses-rating .review-stars-rated,
.single-motivation-courses-item .courses-content .courses-rating .review-stars-rated {
    color: #f2b827;
    display: inline-block
}

.single-courses-box .courses-content .courses-rating .review-stars-rated i,
.single-courses-item .courses-content .courses-rating .review-stars-rated i,
.single-courses-list-box .box-item .courses-desc .courses-content .courses-rating .review-stars-rated i {
    color: #f2b827;
    font-size: 16px;
    margin-right: -2px
}

.single-courses-box .courses-content .courses-rating .rating-total,
.single-courses-item .courses-content .courses-rating .rating-total,
.single-courses-list-box .box-item .courses-desc .courses-content .courses-rating .rating-total {
    display: inline-block;
    position: relative;
    top: -2px;
    font-size: 13px
}

.single-courses-box .courses-box-footer,
.single-courses-list-box .box-item .courses-desc .courses-box-footer {
    border-top: 1px solid #e2f4ff;
    padding: 20px 25px
}

.single-courses-box .courses-box-footer ul,
.single-courses-item .courses-box-footer ul,
.single-courses-list-box .box-item .courses-desc .courses-box-footer ul,
.single-motivation-courses-box .courses-box-footer ul,
.single-motivation-courses-item .courses-content .courses-box-footer ul {
    list-style-type: none;
    display: flex;
    padding-left: 0;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0;
    margin-left: -7px;
    margin-right: -7px
}

.single-courses-box .courses-box-footer ul li,
.single-courses-item .courses-box-footer ul li,
.single-courses-list-box .box-item .courses-desc .courses-box-footer ul li {
    color: #727695;
    font-size: 15px;
    padding-left: 7px;
    padding-right: 7px
}

.single-courses-box .courses-box-footer ul li i,
.single-courses-item .courses-box-footer ul li i,
.single-courses-list-box .box-item .courses-desc .courses-box-footer ul li i {
    color: #252525;
    position: relative;
    top: 1px
}

.single-courses-box .courses-box-footer ul li i.bx-book-open,
.single-courses-item .courses-box-footer ul li i.bx-book-open,
.single-courses-list-box .box-item .courses-desc .courses-box-footer ul li i.bx-book-open,
.single-motivation-courses-box .courses-box-footer ul li i.bx-book-open,
.single-motivation-courses-item .courses-content .courses-box-footer ul li i.bx-book-open {
    top: 1.3px
}

.single-courses-box .courses-box-footer ul .students-number,
.single-courses-item .courses-box-footer ul .students-number,
.single-courses-list-box .box-item .courses-desc .courses-box-footer ul .students-number,
.single-motivation-courses-box .courses-box-footer ul .students-number {
    flex: 0 0 37%;
    max-width: 37%
}

.single-courses-box .courses-box-footer ul .courses-lesson,
.single-courses-item .courses-box-footer ul .courses-lesson,
.single-courses-list-box .box-item .courses-desc .courses-box-footer ul .courses-lesson,
.single-motivation-courses-box .courses-box-footer ul .courses-lesson {
    flex: 0 0 34%;
    max-width: 34%
}

.single-courses-box .courses-box-footer ul .courses-price,
.single-courses-item .courses-box-footer ul .courses-price,
.single-courses-list-box .box-item .courses-desc .courses-box-footer ul .courses-price {
    flex: 0 0 29%;
    max-width: 29%;
    text-align: right;
    color: #ff1949;
    font-size: 18px;
    font-weight: 500
}

.single-courses-box .courses-box-footer ul .courses-price span,
.single-courses-item .courses-box-footer ul .courses-price span,
.single-courses-list-box .box-item .courses-desc .courses-box-footer ul .courses-price span {
    color: #81868a;
    text-decoration: line-through;
    font-size: 14px;
    font-weight: 400
}

.single-courses-box.without-box-shadow {
    box-shadow: unset
}

.single-courses-box.without-box-shadow .courses-content {
    padding: 25px 0 18px
}

.single-courses-box.without-box-shadow .courses-box-footer {
    padding: 18px 0 0
}

.single-courses-item {
    background-color: #fff;
    transition: .5s
}

.single-courses-item .courses-image,
.widget-area .widget_raque_posts_thumb {
    position: relative;
    overflow: hidden
}

.single-courses-item .courses-image a img {
    transition: .5s;
    width: 100%
}

.single-courses-item .courses-content {
    padding: 0 20px 20px;
    position: relative;
    z-index: 1
}

.single-courses-item .courses-content .course-author {
    margin-top: -15px
}

.single-courses-item .courses-content .course-author img {
    width: 50px;
    border: 3px solid #fff;
    height: 50px;
    border-radius: 3px
}

.single-courses-item .courses-content .course-author span {
    color: #252525;
    position: relative;
    top: 10px;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 500
}

.single-courses-item .courses-content .courses-rating {
    position: relative;
    top: 4px
}

.single-courses-item .courses-content h3 {
    line-height: 1.5;
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 19px;
    font-weight: 600
}

.faq-accordion .accordion .accordion-content p,
.single-courses-item .courses-content p {
    line-height: 1.8
}

.single-courses-item .courses-box-footer {
    border-top: 1px solid #e2f4ff;
    padding: 20px
}

.single-courses-item:focus .courses-image img,
.single-courses-item:hover .courses-image img {
    transform: scale(1.3) rotate(5deg)
}

.single-courses-list-box {
    background-color: #18162e;
    border-radius: 5px;
    transition: .5s
}

.single-courses-list-box .box-item,
.single-events-box .events-box {
    display: flex;
    flex-wrap: wrap;
    border-radius: 5px
}

.single-courses-list-box .box-item .courses-image {
    flex: 0 0 45%;
    max-width: 45%;
    border-radius: 5px 0 0 5px
}

.single-courses-list-box .box-item .courses-image .image {
    height: 100%;
    width: 100%;
    position: relative;
    border-radius: 5px 0 0 5px
}

.single-courses-list-box .box-item .courses-image .image.bg-1 {
    /* background-image: url(../images/1_1.jpg) */
    background: #100c33;
}

.single-courses-list-box .box-item .courses-image .image.bg-2 {
    background-image: url(../images/2_1.jpg)
}

.single-courses-list-box .box-item .courses-image .image.bg-3 {
    background-image: url(../images/3_1.jpg)
}

.single-courses-list-box .box-item .courses-image .image.bg-4 {
    background-image: url(../images/4_2.jpg)
}

.single-courses-list-box .box-item .courses-image .image.bg-5 {
    background-image: url(../images/5.jpg)
}

.single-courses-list-box .box-item .courses-image .image.bg-6 {
    background-image: url(../images/6_1.jpg)
}

.single-courses-list-box .box-item .courses-image .image .courses-tag {
    position: absolute;
    top: 15px;
    left: 15px;
    border-radius: 5px;
    background-color: #fff;
    transition: .5s;
    padding: 5px 15px
}

.single-courses-list-box .box-item .courses-image .image a.link-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block
}

.single-courses-list-box .box-item .courses-desc {
    flex: 0 0 55%;
    max-width: 55%
}

.single-courses-list-box .box-item .courses-desc .courses-content .course-author img {
    width: 37px;
    height: 37px
}

.single-courses-list-box .box-item .courses-desc .courses-content h3 {
    margin-bottom: 2px;
    line-height: 1.5;
    font-size: 19px;
    font-weight: 600
}

.single-courses-list-box .box-item .courses-desc .courses-content .courses-rating {
    margin-bottom: 8px
}

.col-lg-3:nth-child(3) .single-blog-post .post-image .tag a,
.col-lg-3:nth-child(3) .single-courses-box .courses-image .courses-tag a,
.col-lg-3:nth-child(8) .single-blog-post .post-image .tag a,
.col-lg-3:nth-child(9) .single-courses-box .courses-image .courses-tag a,
.col-lg-4:nth-child(2) .single-instructor-box .content span,
.col-lg-4:nth-child(3) .single-blog-post .post-image .tag a,
.col-lg-4:nth-child(3) .single-courses-box .courses-image .courses-tag a,
.col-lg-4:nth-child(3) .single-work-process:hover .icon,
.col-lg-4:nth-child(6) .single-instructor-box .content span,
.col-lg-4:nth-child(8) .single-blog-post .post-image .tag a,
.col-lg-4:nth-child(9) .single-courses-box .courses-image .courses-tag a,
.col-lg-6:nth-child(3) .single-blog-post .post-image .tag a,
.col-lg-6:nth-child(3) .single-courses-box .courses-image .courses-tag a,
.col-lg-6:nth-child(8) .single-blog-post .post-image .tag a,
.col-lg-6:nth-child(9) .single-courses-box .courses-image .courses-tag a,
.owl-item:nth-child(2) .single-instructor-box .content span,
.owl-item:nth-child(3) .single-blog-post .post-image .tag a,
.owl-item:nth-child(3) .single-courses-box .courses-image .courses-tag a,
.owl-item:nth-child(6) .single-instructor-box .content span,
.owl-item:nth-child(8) .single-blog-post .post-image .tag a,
.owl-item:nth-child(9) .single-courses-box .courses-image .courses-tag a {
    color: #fea116
}

.col-lg-3:nth-child(10) .single-blog-post .post-image .tag a,
.col-lg-3:nth-child(11) .single-courses-box .courses-image .courses-tag a,
.col-lg-3:nth-child(5) .single-blog-post .post-image .tag a,
.col-lg-3:nth-child(5) .single-courses-box .courses-image .courses-tag a,
.col-lg-4:nth-child(10) .single-blog-post .post-image .tag a,
.col-lg-4:nth-child(11) .single-courses-box .courses-image .courses-tag a,
.col-lg-4:nth-child(5) .single-blog-post .post-image .tag a,
.col-lg-4:nth-child(5) .single-courses-box .courses-image .courses-tag a,
.col-lg-6:nth-child(10) .single-blog-post .post-image .tag a,
.col-lg-6:nth-child(11) .single-courses-box .courses-image .courses-tag a,
.col-lg-6:nth-child(5) .single-blog-post .post-image .tag a,
.col-lg-6:nth-child(5) .single-courses-box .courses-image .courses-tag a,
.owl-item:nth-child(10) .single-blog-post .post-image .tag a,
.owl-item:nth-child(11) .single-courses-box .courses-image .courses-tag a,
.owl-item:nth-child(5) .single-blog-post .post-image .tag a,
.owl-item:nth-child(5) .single-courses-box .courses-image .courses-tag a {
    color: #3d64ff
}

.col-lg-3:nth-child(12) .single-courses-box .courses-image .courses-tag a,
.col-lg-3:nth-child(6) .single-courses-box .courses-image .courses-tag a,
.col-lg-4:nth-child(12) .single-courses-box .courses-image .courses-tag a,
.col-lg-4:nth-child(6) .single-courses-box .courses-image .courses-tag a,
.col-lg-6:nth-child(12) .single-courses-box .courses-image .courses-tag a,
.col-lg-6:nth-child(6) .single-courses-box .courses-image .courses-tag a,
.owl-item:nth-child(12) .single-courses-box .courses-image .courses-tag a,
.owl-item:nth-child(6) .single-courses-box .courses-image .courses-tag a {
    color: #e74d57
}

.shorting-menu {
    margin-bottom: 40px
}

.shorting-menu .filter {
    background-color: transparent;
    border: none;
    color: #727695;
    transition: .5s;
    padding: 0;
    margin-right: 20px;
    font-weight: 500
}

.courses-slides.owl-theme {
    margin-top: -25px
}

#contactForm #msgSubmit.text-danger,
#contactForm #msgSubmit.text-success,
.app-content .default-btn,
.blog-details-desc .article-author .author-profile .author-profile-title .author-profile-title-details,
.business-banner-content .default-btn,
.comments-area .comment-body .reply,
.courses-details-desc .courses-author .author-profile .author-profile-title .author-profile-title-details,
.courses-slides.owl-theme .owl-dots,
.feedback-slides-content p,
.gym-banner-content .default-btn,
.online-content .default-btn,
.single-banner-item .default-btn,
.start-free-trial-content .start-free-trial-form .form-check,
.subscribe-content .newsletter-form .validation-success,
.testimonials-slides.owl-theme .owl-dots {
    margin-top: 15px
}

.courses-slides.owl-theme .owl-dots .owl-dot span,
.testimonials-slides.owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 0 5px;
    background: #ddd;
    transition: .5s;
    border-radius: 50%;
    transform: scale(.9)
}

.courses-list-tab .tabs {
    margin-bottom: 40px;
    text-align: center;
    list-style-type: none;
    background-color: #fff;
    box-shadow: 0 2px 16px 0 rgba(146, 184, 255, .15);
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px
}

.courses-list-tab .tabs li {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px
}

.courses-list-tab .tabs li a {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 15px
}

.courses-list-tab .tabs li a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    transition: .5s;
    background: #eee
}

.courses-list-tab .tabs li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    transition: .5s;
    background-color: #ff1949;
    transform: scaleX(0)
}

.courses-list-tab .tabs li a:focus::after,
.courses-list-tab .tabs li a:hover::after,
.courses-list-tab .tabs li.current a::after {
    transform: scaleX(1)
}

.cart-table table tbody tr td.product-thumbnail a,
.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content.show,
.faq-accordion .accordion .accordion-content.show,
.feedback-slides-two.owl-theme .owl-dots .owl-dot,
.single-product-box .product-image a,
.tab .tabs-item:first-child {
    display: block
}

.courses-sidebar-information,
.courses-topbar,
.feedback-slides.owl-theme .single-feedback-item,
.gym-feedback-inner .section-title,
.instructor-details-area .section-title,
.widget-area .widget,
.woocommerce-topbar {
    margin-bottom: 40px
}

.courses-topbar .topbar-result-count p,
.woocommerce-topbar .topbar-result-count p {
    line-height: initial;
    font-family: Poppins, sans-serif;
    font-size: 16px
}

.courses-topbar .topbar-ordering-and-search .topbar-ordering .nice-select,
.woocommerce-topbar .topbar-ordering-and-search .topbar-ordering .nice-select {
    background-color: transparent;
    border: none;
    height: 45px;
    line-height: 45px;
    color: #727695;
    font-size: 15px;
    padding-left: 0;
    padding-right: 0
}

.courses-topbar .topbar-ordering-and-search .topbar-ordering .nice-select::after,
.woocommerce-topbar .topbar-ordering-and-search .topbar-ordering .nice-select::after {
    right: 2px;
    width: 7px;
    height: 7px;
    border-color: #727695;
    border-width: 1px
}

.courses-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list,
.woocommerce-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list {
    background-color: #fff;
    border-radius: 0;
    box-shadow: unset;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px
}

.courses-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option,
.myAccount-content .edit-account .form-group .nice-select .list .option,
.woocommerce-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option {
    font-size: 14px;
    transition: .5s;
    padding-left: 15px;
    padding-right: 15px
}

.courses-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option.focus,
.courses-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option.selected.focus,
.courses-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option:hover,
.myAccount-content .edit-account .form-group .nice-select .list .option.focus,
.myAccount-content .edit-account .form-group .nice-select .list .option.selected.focus,
.myAccount-content .edit-account .form-group .nice-select .list .option:hover,
.woocommerce-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option.focus,
.woocommerce-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option.selected.focus,
.woocommerce-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option:hover {
    background-color: transparent;
    color: #ff1949
}

.courses-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option.selected,
.myAccount-content .edit-account .form-group .nice-select .list .option.selected,
.woocommerce-topbar .topbar-ordering-and-search .topbar-ordering .nice-select .list .option.selected {
    font-weight: 400
}

.courses-topbar .topbar-ordering-and-search .topbar-search form label,
.woocommerce-topbar .topbar-ordering-and-search .topbar-search form label {
    display: block;
    margin-bottom: 0;
    position: absolute;
    left: 20px;
    top: 14.2px;
    font-size: 18px;
    color: #ff1949
}

.courses-topbar .topbar-ordering-and-search .topbar-search form .input-search,
.woocommerce-topbar .topbar-ordering-and-search .topbar-search form .input-search {
    height: 50px;
    color: #252525;
    background-color: #eef5f9;
    display: block;
    width: 100%;
    border-radius: 30px;
    padding: 3px 15px 0 48px;
    border: none;
    transition: .5s;
    font-size: 14px;
    font-weight: 400
}

.courses-topbar .topbar-ordering-and-search .topbar-search form .input-search::-moz-placeholder {
    color: #727695;
    -moz-transition: .5s;
    transition: .5s
}

.courses-topbar .topbar-ordering-and-search .topbar-search form .input-search::placeholder {
    color: #727695;
    transition: .5s
}

.courses-topbar .topbar-ordering-and-search .topbar-search form .input-search:focus::-moz-placeholder {
    color: transparent
}

.courses-topbar .topbar-ordering-and-search .topbar-search form .input-search:focus::placeholder {
    color: transparent
}

.courses-details-header .courses-title h2 {
    margin-bottom: 12px;
    font-size: 29px;
    font-weight: 700
}

.courses-details-desc .courses-accordion,
.courses-details-desc .why-you-learn,
.courses-details-header .courses-meta,
.events-details-header .events-meta,
.login-content .login-form form .connect-with-social,
.myAccount-content .myAccount-addresses,
.product-details-desc .custom-payment-options,
.product-details-desc .product-meta,
.register-content .register-form form .connect-with-social,
.start-free-trial-content .start-free-trial-form .free-btn-box {
    margin-top: 20px
}

.courses-details-header .courses-meta ul li,
.events-details-header .events-meta ul li {
    margin-right: 20px;
    position: relative;
    display: inline-block;
    border-right: 1px solid #eee;
    font-weight: 500;
    font-size: 16px;
    padding-right: 20px;
    padding-left: 37px
}

.courses-details-header .courses-meta ul li i,
.events-details-header .events-meta ul li i,
.instructor-details-desc .instructor-details .instructor-details-info ul li i,
.instructor-details-desc .instructor-details-sidebar .instructor-details-meta ul li i {
    font-size: 25px;
    color: #ff122c;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.blog-details-desc .article-content .entry-meta ul li span,
.courses-details-header .courses-meta ul li span,
.events-details-header .events-meta ul li span,
.instructor-details-desc .instructor-details .instructor-details-info ul li span,
.instructor-details-desc .instructor-details-sidebar .instructor-details-meta ul li span {
    display: block;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 1px;
    font-size: 14px;
    font-weight: 600
}

.blog-details-desc .article-content .entry-meta ul li a,
.courses-details-header .courses-meta ul li a,
.events-details-header .events-meta ul li a,
.instructor-details-desc .instructor-details-sidebar .instructor-details-meta ul li a,
.user-actions span a {
    display: inline-block;
    color: #252525
}

.blog-details-desc .article-content .entry-meta ul li:last-child,
.courses-details-header .courses-meta ul li:last-child,
.events-details-header .events-meta ul li:last-child,
.instructor-details-desc .instructor-details-sidebar .instructor-details-meta ul li:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none
}

.courses-details-header .courses-price .price {
    display: inline-block;
    margin-right: 15px;
    position: relative;
    top: 6px;
    font-size: 35px;
    font-weight: 600
}

.courses-details-header .courses-price .courses-review,
.courses-review-comments .user-review .review-rating {
    display: block;
    margin-bottom: 10px
}

.blog-details-desc .article-footer .article-share .social li,
.coming-soon-content .logo,
.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link,
.courses-box .courses-content h3 a,
.courses-details-header .courses-price .courses-review .review-stars,
.courses-review-comments .user-review .review-rating .review-stars,
.events-box .content h3 a,
.gym-feedback-inner .feedback-slides-two.owl-theme .owl-dots .owl-dot,
.login-content .login-form .logo a,
.login-content .login-form p a,
.myAccount-content .downloads-table .table tbody td a,
.product-details-desc .custom-payment-options .payment-methods a,
.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-title .rating,
.register-content .register-form .logo a,
.register-content .register-form p a,
.single-blog-post-box .post-content h3 a,
.single-courses-box-item .courses-content h3 a,
.single-events-box .events-box .events-content .content h3 a,
.single-events-box-item .content h3 a,
.single-instructor-box .content h3 a,
.single-instructor-member .member-content .social li,
.single-instructor-member .member-content h3 a,
.single-product-box .product-content h3 a,
.single-team-member .member-content h3 a,
.widget-area .widget_raque_posts_thumb .item .info .title a {
    display: inline-block
}

.courses-details-header .courses-price .courses-review .review-stars i {
    color: #f2b827;
    font-size: 20px;
    display: inline-block;
    margin-right: -3px
}

.courses-details-header .courses-price .courses-review .reviews-total {
    color: #727695;
    position: relative;
    top: -1px;
    font-weight: 500;
    margin-left: 2px
}

.blog-details-desc .article-image img,
.courses-details-image img,
.events-details .events-details-image img,
.products-details-image img {
    width: 100%;
    border-radius: 5px
}

.courses-details-desc h3 {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 600
}

.courses-details-desc .why-you-learn ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -12px
}

.courses-details-desc .why-you-learn ul li {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 12px
}

.courses-details-desc .why-you-learn ul li span {
    display: block;
    color: #252525;
    position: relative;
    padding-left: 28px;
    line-height: 1.7;
    font-weight: 500
}

.courses-details-desc .why-you-learn ul li span i {
    position: absolute;
    left: 0;
    top: 2px;
    color: #ff1949;
    font-size: 22px
}

.courses-details-desc .requirements-list li {
    color: #727695;
    margin-bottom: 10px;
    position: relative;
    padding-left: 17px;
    font-family: "Open Sans", sans-serif
}

.courses-details-desc .requirements-list li::before {
    position: absolute;
    left: 0;
    content: "";
    top: 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #252525
}

.courses-details-desc .description-features-list {
    padding-left: 15px;
    margin-bottom: 15px;
    list-style-type: none
}

.courses-details-desc .audience-list li,
.courses-details-desc .description-features-list li {
    color: #727695;
    margin-bottom: 10px;
    position: relative;
    padding-left: 17px;
    font-family: "Open Sans", sans-serif;
    line-height: 1.8
}

.courses-details-desc .audience-list li::before,
.courses-details-desc .description-features-list li::before {
    position: absolute;
    left: 0;
    content: "";
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #252525
}

.courses-details-desc .audience-list {
    padding-left: 15px;
    margin-bottom: 0;
    list-style-type: none
}

.courses-details-desc .courses-author {
    margin-top: 20px;
    border-radius: 5px;
    background: #f8f8f8
}

.blog-details-desc .article-author .author-profile-header,
.courses-details-desc .courses-author .author-profile-header {
    height: 115px;
    border-radius: 5px 5px 0 0;
    background-color: #ff1949;
    background-image: url(../images/bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.blog-details-desc .article-author .author-profile,
.courses-details-desc .courses-author .author-profile {
    padding: 0 25px 25px
}

.blog-details-desc .article-author .author-profile .author-profile-title,
.courses-details-desc .courses-author .author-profile .author-profile-title {
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    margin-top: -45px
}

.blog-details-desc .article-author .author-profile .author-profile-title img,
.courses-details-desc .courses-author .author-profile .author-profile-title img {
    display: inline-block;
    border: 3px solid #fff;
    width: 100px;
    height: 100px
}

.blog-details-desc .article-author .author-profile .author-profile-title .author-profile-title-details .author-profile-details h4,
.courses-details-desc .courses-author .author-profile .author-profile-title .author-profile-title-details .author-profile-details h4 {
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 600
}

.blog-details-desc .article-author .author-profile .author-profile-title .author-profile-title-details .author-profile-details span,
.courses-details-desc .courses-author .author-profile .author-profile-title .author-profile-title-details .author-profile-details span {
    color: #0eb582;
    font-size: 14px
}

.blog-details-desc .article-author .author-profile .author-profile-title .author-profile-raque-profile a,
.courses-details-desc .courses-author .author-profile .author-profile-title .author-profile-raque-profile a {
    color: #252525;
    padding: 5px 12px 4px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600
}

.courses-details-desc .courses-accordion .accordion .accordion-item {
    background-color: #131228
}

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-title {
    display: block;
    border: none;
    border-radius: 0;
    position: relative;
    padding: 13px 40px 13px 15px;
    border-top: none;
    color: #d3d3d3;
    font-size: 16px;
    font-weight: 600
}

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-title i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px
}

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-title.active i {
    transform: translateY(-50%) rotate(180deg)
}

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-title.active,
.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-title:hover {
    background-color: #ff1949;
    color: #fff;
    border-color: #ff1949 !important
}

.courses-details-desc .courses-accordion .accordion .accordion-item:first-child .accordion-title {
    border-top: 1px solid #030106;
}

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content {
    border: 1px solid #030106;
    border-top: none;
    display: none;
    padding: 10px 15px;
    background: #0b0517;
}

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons {
    border-bottom: 1px solid #3d246f;
    position: relative;
    padding-top: 10px;
    padding-right: 210px;
    padding-bottom: 10px;
}

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .number {
    color: #ff1949;
    display: inline-block;
    margin-right: 10px;
    font-weight: 500;
    font-size: 25px;
    /* line-height: 8px; */
    padding-top: 4px;
}

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .preview {
    padding: 1px 7px 0;
    text-align: center;
    margin-left: 5px;
    background: #0eb582;
    color: #fff;
    font-weight: 500;
    font-size: 12px
}

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .locked {
    padding: 1px 7px 0;
    text-align: center;
    margin-left: 5px;
    background: red;
    color: #fff;
    font-weight: 500;
    font-size: 12px
}

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .lessons-title {
    display: inline-block;
    color: #ffffff;
    font-size: 15.5px
}

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .lessons-info {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .lessons-info .duration {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    font-weight: 500;
    margin-right: 10px;
    color: #ffffff;
}

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .lessons-info .duration i {
    position: absolute;
    left: 0;
    top: 3px;
    color: #ff1949
}

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .lessons-info .attrachment-video {
    display: inline-block;
    position: relative;
    padding-left: 21px;
    font-weight: 500;
    color: #726b6b
}

.courses-details-desc .courses-accordion .accordion .accordion-item .accordion-content .courses-lessons .single-lessons .lessons-info .attrachment-video i {
    position: absolute;
    left: 0;
    font-size: 17px;
    top: 2px;
    color: #ff1949
}

.coming-soon-content #timer,
.courses-review-comments,
.related-courses,
.team-btn-box {
    margin-top: 40px
}

.related-courses h3 {
    margin-bottom: 25px;
    font-size: 22px;
    font-weight: 600
}

.courses-sidebar-information ul,
.courses-sidebar-syllabus .courses-list ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.courses-sidebar-information ul {
    background-color: #131228;
    box-shadow: 0 8px 16px 0 rgb(35 35 37 / 20%);
}

.courses-sidebar-information ul li {
    border-bottom: 1px dashed #563e85;
    color: #ffffff;
    overflow: hidden;
    text-align: right;
    padding: 12px 15px;
    font-size: 15px;
    font-weight: 500
}

.courses-sidebar-information ul li span {
    display: block;
    width: 170px;
    text-align: left;
    float: left
}

.courses-sidebar-information ul li span i {
    color: #ff1949;
    position: relative;
    top: 4px;
    transition: .5s;
    font-size: 20px;
    margin-right: 2px
}

.courses-sidebar-information ul li:hover span i {
    transform: rotateY(-180deg)
}

.courses-sidebar-syllabus {
    border: 1px solid #f3f3f3;
    margin-bottom: 40px;
    border-radius: 5px;
    padding: 20px
}

.courses-sidebar-syllabus h3 {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 600
}

.courses-sidebar-syllabus .chapter {
    color: #ff1949;
    display: block;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 600
}

.courses-sidebar-syllabus h4 {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 18px
}

.courses-sidebar-syllabus .courses-list ul li {
    font-size: 15px;
    color: #727695;
    line-height: 23px;
    margin: 12px 0
}

.contact-info-box p a,
.courses-sidebar-syllabus .courses-list ul li a,
.myAccount-profile .profile-content .contact-info li a,
.product-details-desc .product-meta span a,
.single-blog-post .post-content .post-meta li a,
.widget-area .widget_events_details ul li a {
    display: inline-block;
    color: #727695
}

.courses-sidebar-syllabus .courses-list ul li a .free-lesson {
    padding: 1px 8px;
    text-align: center;
    margin-left: 5px;
    background: #0eb582;
    color: #fff;
    position: relative;
    top: -2px;
    font-weight: 500;
    font-size: 12px
}

.courses-sidebar-syllabus .courses-list ul li .number {
    display: inline-block;
    color: #252525;
    font-weight: 500
}

.courses-purchase-info {
    padding: 20px;
    position: relative;
    border-radius: 5px;
    z-index: 1;
    background-image: url(../images/mission-bg.jpg)
}

.courses-purchase-info::before,
.widget-area .widget_contact::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
    background-color: #ff1949;
    opacity: .6;
    z-index: -1
}

.courses-purchase-info h4 {
    color: #fff;
    margin-bottom: 12px;
    line-height: 1.3;
    font-weight: 600;
    font-size: 19px
}

.courses-purchase-info p {
    color: #fff;
    font-size: 14px
}

.courses-purchase-info a {
    margin-right: 15px;
    text-decoration: underline;
    color: #fff;
    font-weight: 500
}

.courses-review-comments h3 {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 20px;
    margin-top: 0;
    margin-bottom: 0
}

.courses-review-comments .user-review {
    border-bottom: 1px solid #f3f3f3;
    padding: 20px 0 20px 110px;
    position: relative
}

.courses-review-comments .user-review img {
    position: absolute;
    left: 0;
    top: 20px;
    width: 90px;
    height: 90px;
    border-radius: 5px
}

.courses-review-comments .user-review .sub-comment {
    margin-bottom: 10px;
    font-weight: 600
}

.courses-review-comments .user-review .review-rating .review-stars i {
    color: #f2b827;
    font-size: 18px;
    display: inline-block;
    margin-right: -3px
}

.courses-review-comments .user-review .review-rating span {
    color: #252525;
    position: relative;
    top: -2px;
    font-weight: 500;
    margin-left: 5px
}

.instructor-details-desc .instructor-details-sidebar .social-link li,
.single-instructor-box .image .social li,
.single-team-member .member-content .social li {
    display: inline-block;
    margin-left: 1px;
    margin-right: 1px
}

.team-area {
    position: relative;
    z-index: 2
}

.single-instructor-member {
    position: relative;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 8px 16px 0 rgba(146, 184, 255, .2);
    text-align: center;
    z-index: 1;
    transition: .5s
}

.mission-area,
.single-feedback-item .info::before,
.students-feedback-form-area {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.single-instructor-member::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: #fff;
    transition: .5s;
    z-index: -1
}

.single-instructor-member .member-image {
    overflow: hidden;
    padding: 10px;
    border-radius: 5px 5px 0 0
}

.single-instructor-member .member-image img {
    transition: .5s;
    border-radius: 5px 5px 0 0
}

.single-instructor-member .member-content {
    padding: 15px 25px 25px;
    border-radius: 5px;
    position: relative
}

.single-instructor-member .member-content h3,
.single-team-member .member-content h3 {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 600
}

.single-instructor-member .member-content span {
    display: block;
    color: #ff1949;
    font-weight: 500
}

.single-instructor-member .member-content .social {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    top: -35px
}

.single-instructor-member .member-content .social li a {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 16px;
    background-color: #0eb582;
    color: #fff;
    opacity: 0;
    transform: translateY(-15px);
    position: relative
}

.single-instructor-member .member-content .social li a.facebook,
.single-team-member .member-content .social li a.facebook {
    background-color: #3b5998
}

.single-instructor-member .member-content .social li a.twitter,
.single-team-member .member-content .social li a.twitter {
    background-color: #1da1f2
}

.single-instructor-member .member-content .social li a.instagram,
.single-team-member .member-content .social li a.instagram {
    background-color: #c13584
}

.single-instructor-member .member-content .social li a.linkedin,
.single-team-member .member-content .social li a.linkedin {
    background-color: #0077b5
}

.single-instructor-member .member-content .social li:nth-child(2) a {
    transition-delay: 50ms
}

.single-instructor-box .image .social li:first-child,
.single-instructor-member .member-content .social li:nth-child(3) a {
    transition-delay: 0.1s
}

.single-instructor-member .member-content .social li:nth-child(4) a {
    transition-delay: 0.15s
}

.single-instructor-member:focus::after,
.single-instructor-member:hover::after {
    transform: rotate(7deg);
    box-shadow: 0 8px 16px 0 rgba(146, 184, 255, .2)
}

.single-instructor-member:focus .member-image img,
.single-instructor-member:hover .member-image img {
    transform: translateY(-50px)
}

.single-instructor-member:focus .member-content .social li a,
.single-instructor-member:hover .member-content .social li a {
    opacity: 1;
    transform: translateY(0)
}

.single-instructor-box .image {
    border: 4px solid #ffcbd6;
    padding: 10px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: .5s
}

.single-instructor-box .image .social {
    padding-left: 0;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0
}

.single-instructor-box .image .social li {
    transform: translateY(30px);
    transition: .3s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.single-instructor-box .image .social li a {
    display: block;
    width: 33px;
    height: 33px;
    background-color: #f4f5fe;
    text-align: center;
    position: relative;
    font-size: 20px;
    color: #252525;
    border-radius: 2px;
    transition: .5s
}

.single-instructor-box .image .social li a i {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto
}

.single-instructor-box .image .social li:nth-child(2) {
    transition-delay: 0.2s
}

.single-instructor-box .image .social li:nth-child(3) {
    transition-delay: 0.3s
}

.single-instructor-box .image .social li:nth-child(4) {
    transition-delay: 0.4s
}

.single-instructor-box .content h3 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600
}

.single-instructor-box .content span {
    display: block;
    color: #ff1949;
    font-size: 14px;
    margin-top: 6px
}

.faq-video .video-btn:hover::after,
.faq-video .video-btn:hover::before,
.feedback-slides-two.owl-theme .owl-dots .owl-dot.active span,
.feedback-slides-two.owl-theme .owl-dots .owl-dot:hover span,
.gym-home-slides.owl-theme .owl-dots .owl-dot.active span,
.gym-home-slides.owl-theme .owl-dots .owl-dot:hover span,
.single-instructor-box:hover .image {
    border-color: #ff1949
}

.col-lg-4:nth-child(2) .single-instructor-box .image,
.col-lg-4:nth-child(6) .single-instructor-box .image,
.owl-item:nth-child(2) .single-instructor-box .image,
.owl-item:nth-child(6) .single-instructor-box .image {
    border-color: #ffe5be
}

.col-lg-4:nth-child(2) .single-instructor-box .image .social li a:hover,
.col-lg-4:nth-child(6) .single-instructor-box .image .social li a:hover,
.owl-item:nth-child(2) .single-instructor-box .image .social li a:hover,
.owl-item:nth-child(6) .single-instructor-box .image .social li a:hover {
    color: #fff;
    background-color: #fea116
}

.col-lg-4:nth-child(2) .single-instructor-box:hover .image,
.col-lg-4:nth-child(6) .single-instructor-box:hover .image,
.owl-item:nth-child(2) .single-instructor-box:hover .image,
.owl-item:nth-child(6) .single-instructor-box:hover .image {
    border-color: #fea116
}

.col-lg-4:nth-child(3) .single-instructor-box .image,
.col-lg-4:nth-child(5) .single-instructor-box .image,
.owl-item:nth-child(3) .single-instructor-box .image,
.owl-item:nth-child(5) .single-instructor-box .image {
    border-color: #b2f3df
}

.col-lg-4:nth-child(3) .single-instructor-box .image .social li a:hover,
.col-lg-4:nth-child(5) .single-instructor-box .image .social li a:hover,
.comments-area .comment-respond .form-submit input:focus,
.comments-area .comment-respond .form-submit input:hover,
.owl-item:nth-child(3) .single-instructor-box .image .social li a:hover,
.owl-item:nth-child(5) .single-instructor-box .image .social li a:hover {
    color: #fff;
    background-color: #0eb582
}

.col-lg-4:nth-child(3) .single-instructor-box:hover .image,
.col-lg-4:nth-child(5) .single-instructor-box:hover .image,
.owl-item:nth-child(3) .single-instructor-box:hover .image,
.owl-item:nth-child(5) .single-instructor-box:hover .image {
    border-color: #0eb582
}

.motivation-partner-area .single-partner-item,
.single-team-member,
.training-course-banner-content .trusted-by-content .single-partner-item {
    text-align: center;
    position: relative
}

.single-team-member .member-content {
    padding: 25px;
    position: absolute;
    left: 0;
    top: 85%;
    z-index: 2;
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(146, 184, 255, .2);
    opacity: 0;
    right: 0;
    transition: .5s;
    visibility: hidden;
    transform: translateY(10px);
    margin-left: 15px;
    margin-right: 15px
}

.single-team-member .member-content span {
    display: block;
    color: #ff1949;
    margin-bottom: 9px;
    font-weight: 500;
    font-size: 14px
}

.single-team-member .member-content .social {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 5
}

.single-team-member .member-content .social li a {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 16px;
    background-color: #0eb582;
    color: #fff;
    position: relative
}

.single-team-member:hover .member-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.instructor-details-desc {
    margin-bottom: 60px
}

.instructor-details-desc .instructor-details-sidebar .instructor-details-meta {
    margin-bottom: 20px;
    margin-top: 30px
}

.instructor-details-desc .instructor-details-sidebar .instructor-details-meta ul li {
    position: relative;
    text-align: left;
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    padding-left: 37px;
    margin-left: 8px;
    margin-right: 8px
}

.instructor-details-desc .instructor-details-sidebar .social-link,
.single-footer-widget .social-link {
    padding-left: 0;
    list-style-type: none;
    margin-top: 25px;
    margin-bottom: 0
}

.instructor-details-desc .instructor-details-sidebar .social-link li a {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    font-size: 17px;
    position: relative;
    background-color: #ff1949;
    border: 1px solid #ff1949
}

.instructor-details-desc .instructor-details-sidebar .social-link li a i {
    position: absolute;
    left: 0;
    right: 0;
    top: 48%;
    transform: translateY(-48%)
}

.instructor-details-desc .instructor-details-sidebar .social-link li a:focus,
.instructor-details-desc .instructor-details-sidebar .social-link li a:hover {
    background-color: transparent;
    color: #ff1949;
    border-color: #ff1949
}

.blog-details-desc .article-footer .article-share .social li a.facebook,
.instructor-details-desc .instructor-details-sidebar .social-link li a.facebook {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #fff
}

.blog-details-desc .article-footer .article-share .social li a.facebook:focus,
.blog-details-desc .article-footer .article-share .social li a.facebook:hover,
.instructor-details-desc .instructor-details-sidebar .social-link li a.facebook:focus,
.instructor-details-desc .instructor-details-sidebar .social-link li a.facebook:hover {
    color: #3b5998;
    background-color: transparent
}

.blog-details-desc .article-footer .article-share .social li a.twitter,
.instructor-details-desc .instructor-details-sidebar .social-link li a.twitter {
    background-color: #1da1f2;
    border-color: #1da1f2;
    color: #fff
}

.blog-details-desc .article-footer .article-share .social li a.twitter:focus,
.blog-details-desc .article-footer .article-share .social li a.twitter:hover,
.instructor-details-desc .instructor-details-sidebar .social-link li a.twitter:focus,
.instructor-details-desc .instructor-details-sidebar .social-link li a.twitter:hover {
    color: #1da1f2;
    background-color: transparent
}

.blog-details-desc .article-footer .article-share .social li a.linkedin,
.instructor-details-desc .instructor-details-sidebar .social-link li a.linkedin {
    background-color: #007bb5;
    border-color: #007bb5;
    color: #fff
}

.blog-details-desc .article-footer .article-share .social li a.linkedin:focus,
.blog-details-desc .article-footer .article-share .social li a.linkedin:hover,
.instructor-details-desc .instructor-details-sidebar .social-link li a.linkedin:focus,
.instructor-details-desc .instructor-details-sidebar .social-link li a.linkedin:hover {
    color: #007bb5;
    background-color: transparent
}

.blog-details-desc .article-footer .article-share .social li a.instagram,
.instructor-details-desc .instructor-details-sidebar .social-link li a.instagram {
    background-color: #c13584;
    border-color: #c13584;
    color: #fff
}

.blog-details-desc .article-footer .article-share .social li a.instagram:focus,
.blog-details-desc .article-footer .article-share .social li a.instagram:hover,
.instructor-details-desc .instructor-details-sidebar .social-link li a.instagram:focus,
.instructor-details-desc .instructor-details-sidebar .social-link li a.instagram:hover {
    color: #c13584;
    background-color: transparent
}

.instructor-details-desc .instructor-details-sidebar .social-link li a.pinterest {
    background-color: #bd081c;
    border-color: #bd081c;
    color: #fff
}

.instructor-details-desc .instructor-details-sidebar .social-link li a.pinterest:focus,
.instructor-details-desc .instructor-details-sidebar .social-link li a.pinterest:hover {
    color: #bd081c;
    background-color: transparent
}

.instructor-details-desc .instructor-details .sub-title {
    color: #ff1949;
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500
}

.instructor-details-desc .instructor-details .instructor-details-info h3 {
    font-size: 20px;
    margin-bottom: 20px
}

.instructor-details-desc .instructor-details .instructor-details-info ul li {
    position: relative;
    text-align: left;
    display: block;
    font-weight: 500;
    font-size: 16px;
    padding-left: 37px;
    margin-bottom: 15px
}

.instructor-details-desc .instructor-details .instructor-details-info ul li:last-child {
    margin-bottom: 0;
    padding-right: 0;
    margin-right: 0;
    border-right: none
}

.mission-area {
    position: relative;
    z-index: 1;
    background-image: url(../images/mission-bg.jpg)
}

.mission-content {
    background-color: #fff;
    padding: 60px;
    border-radius: 5px;
    max-width: 630px
}

.mission-content .section-title {
    margin-bottom: 35px
}

.mission-content h3 {
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: 600
}

.mission-content .default-btn {
    margin-top: 8px
}

.mission-content .owl-theme .owl-nav [class*=owl-] {
    color: #252525;
    font-size: 25px;
    margin: 0;
    padding: 0;
    background: #fff;
    width: 50px;
    height: 50px;
    line-height: 56px;
    position: absolute;
    left: -84px;
    transition: .5s;
    border: none;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border-radius: 50%
}

.mission-content .owl-theme .owl-nav [class*=owl-].owl-next {
    left: auto;
    right: -84px
}

.testimonials-area {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.single-testimonials-item {
    background-color: #fff;
    padding: 35px 30px 95px;
    box-shadow: 6px 5px 25px rgba(0, 0, 0, .06);
    text-align: center;
    transition: .5s;
    position: relative;
    margin-bottom: 100px
}

.single-testimonials-item p {
    line-height: 1.9;
    margin-bottom: 0;
    transition: .5s;
    font-size: 16px
}

.single-testimonials-item .info {
    position: absolute;
    left: 0;
    bottom: -100px;
    right: 0
}

.single-testimonials-item .info img {
    width: 100px !important;
    height: 100px;
    display: inline-block !important;
    border: 3px solid #fff
}

.single-testimonials-item .info h3 {
    margin-bottom: 5px;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 600
}

.single-testimonials-item .info span {
    color: #ff1949;
    display: block;
    font-weight: 500
}

.owl-item .single-testimonials-item {
    box-shadow: unset;
    margin-top: 30px;
    transition: .5s;
    opacity: .7
}

.owl-item.active.center .single-testimonials-item {
    box-shadow: 6px 5px 25px rgba(0, 0, 0, .06);
    margin-top: 0;
    background-color: #ff1949;
    transition: .5s;
    opacity: 1;
    border-radius: 5px
}

.feedback-area {
    position: relative;
    z-index: 1;
    background-color: #f7f5f4
}

.single-feedback-item {
    text-align: left;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto
}

.single-feedback-item p {
    color: #252525;
    margin-bottom: 0;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    font-size: 22px
}

.single-feedback-item .info {
    text-align: right;
    margin-top: 50px;
    position: relative;
    z-index: 1;
    padding-right: 118px;
    padding-bottom: 22px
}

.single-feedback-item .info img {
    width: 100px !important;
    height: 100px;
    display: inline-block !important;
    border: 3px solid #fff;
    position: absolute;
    right: 0;
    bottom: 0
}

.single-feedback-item .info h3 {
    margin-bottom: 5px;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500
}

.single-feedback-item .info span {
    color: #ff1949;
    display: block;
    font-weight: 500;
    font-size: 14px
}

.single-feedback-item .info::before {
    content: "";
    position: absolute;
    right: 290px;
    bottom: 45px;
    width: 110px;
    height: 75px;
    background-image: url(../images/arrow.png)
}

.feedback-slides.owl-theme {
    margin-bottom: -40px
}

.feedback-slides.owl-theme .owl-nav [class*=owl-] {
    color: #87a1c1;
    font-size: 25px;
    margin: 0;
    padding: 0;
    background: 0 0;
    width: 50px;
    height: 50px;
    line-height: 51px;
    position: absolute;
    left: 50px;
    transition: .5s;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    border: 2px solid #e3e4ef
}

.feedback-slides.owl-theme .owl-nav [class*=owl-].owl-next {
    left: auto;
    right: 50px
}

.feedback-slides.owl-theme:focus .owl-nav [class*=owl-],
.feedback-slides.owl-theme:hover .owl-nav [class*=owl-] {
    left: 70px;
    opacity: 1;
    visibility: visible
}

.feedback-slides.owl-theme:focus .owl-nav [class*=owl-].owl-next,
.feedback-slides.owl-theme:hover .owl-nav [class*=owl-].owl-next {
    left: auto;
    right: 70px
}

.single-gallery-item {
    position: relative;
    z-index: 1;
    border-radius: 5px;
    overflow: hidden
}

.single-gallery-item img {
    border-radius: 5px;
    cursor: zoom-in;
    transition: .5s
}

.single-gallery-item:hover img {
    transform: scale(1.2) rotate(5deg);
    filter: blur(3px)
}

.students-feedback-form-area {
    position: relative;
    z-index: 1;
    background-image: url(../images/feedback-form-bg.jpg)
}

.students-feedback-form-content h2 {
    color: #fff;
    margin-bottom: 0;
    line-height: 1.3;
    font-size: 50px;
    font-weight: 700
}

.students-feedback-form {
    position: relative;
    z-index: 1;
    text-align: center;
    background-color: #131228;
    color: #131228;
}

.students-feedback-form h3 {
    background-color: #ff1949;
    margin-bottom: 0;
    color: #fff;
    padding: 25px 20px;
    font-size: 25px;
    font-weight: 600
}

.students-feedback-form form {
    color: #252525;
    padding: 30px
}

.students-feedback-form form .form-group {
    text-align: left;
    position: relative;
    margin-bottom: 30px
}

.students-feedback-form form .form-group .form-control {
    border-radius: 0;
    border: none;
    border-bottom: 1.3px solid #6c6a6e;
    padding: 0 0 0 30px;
    color: #fff;
    height: 45px;
    box-shadow: unset !important;
    transition: .5s;
    font-size: 15px;
    font-weight: 400
}

.students-feedback-form form .form-group .form-control::-moz-placeholder {
    -moz-transition: .2s;
    transition: .2s
}

.students-feedback-form form .form-group .form-control::placeholder {
    transition: .2s
}

.students-feedback-form form .form-group .form-control:focus::-moz-placeholder {
    color: transparent
}

.students-feedback-form form .form-group .form-control:focus::placeholder {
    color: transparent
}

.coming-soon-content form .form-group .input-newsletter:focus+.label-title::before,
.single-blog-post .post-content .read-more-btn:focus::before,
.single-blog-post .post-content .read-more-btn:hover::before,
.students-feedback-form form .form-group .form-control:focus+.label-title::before {
    width: 100%
}

.coming-soon-content form .form-group .input-newsletter:focus+.label-title,
.students-feedback-form form .form-group .form-control:focus+.label-title {
    color: #a1a1a1
}

.students-feedback-form form .form-group .form-control:focus+.label-title i {
    top: -15px
}

.coming-soon-content form .form-group .label-title,
.students-feedback-form form .form-group .label-title {
    margin-bottom: 0;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    color: #252525
}

.coming-soon-content form .form-group .label-title::before,
.students-feedback-form form .form-group .label-title::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    transition: .5s;
    background: #ff1949
}

.students-feedback-form form .form-group .label-title i {
    position: absolute;
    left: 0;
    transition: .5s;
    top: 10px;
    font-size: 20px;
    color: #c4c5d0;
}

.students-feedback-form form .form-group textarea.form-control {
    height: auto !important;
    padding-top: 10px
}

.students-feedback-form::after {
    right: 100%;
    top: 50%;
    border: 20px solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-top: -20px;
    border-right-color: inherit;
    z-index: -1
}

.feedback-form-area {
    position: relative;
    z-index: 1;
    margin-top: -80px
}

.feedback-form-inner {
    background-color: #fff;
    border-radius: 5px 0 5px 5px;
    box-shadow: 6px 5px 25px rgba(0, 0, 0, .08)
}

.feedback-form-inner .feedback-form-image {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative
}

.feedback-form-inner .feedback-form-image img {
    position: absolute;
    left: 0;
    text-align: center;
    margin: 0 auto;
    bottom: 10px;
    right: 0
}

.feedback-form-inner .feedback-form h3 {
    color: #fff;
    background-color: #0eb582;
    text-align: center;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    padding: 15px;
    font-size: 20px;
    font-weight: 600
}

.feedback-form-inner .feedback-form form {
    text-align: center;
    padding: 30px 30px 30px 0
}

.feedback-form-inner .feedback-form form .form-group {
    text-align: left;
    margin-bottom: 15px
}

.feedback-form-inner .feedback-form form .form-control::-moz-placeholder {
    -moz-transition: .5s;
    transition: .5s
}

.feedback-form-inner .feedback-form form .form-control::placeholder {
    transition: .5s
}

.feedback-form-inner .feedback-form form .form-control:focus::-moz-placeholder {
    color: transparent
}

.feedback-form-inner .feedback-form form .form-control:focus::placeholder {
    color: transparent
}

.feedback-form-inner .feedback-form form .default-btn {
    margin-top: 5px;
    border-radius: 3px
}

.courses-box .courses-image .image,
.courses-box .courses-image .image img,
.single-blog-post,
.single-blog-post-box .post-image,
.single-courses-box-item .courses-image .image,
.single-courses-box-item .courses-image .image img,
.single-language-courses-box a img {
    border-radius: 5px 5px 0 0
}

.single-blog-post .post-image {
    transition: .3s cubic-bezier(.3, .58, .55, 1);
    position: relative;
    overflow: hidden
}

.single-blog-post .post-image img {
    transition: 2s cubic-bezier(.2, 1, .22, 1)
}

.single-blog-post .post-image::after,
.single-blog-post .post-image::before,
.single-blog-post-card .post-image::after,
.single-blog-post-card .post-image::before,
.widget-area .widget_raque_posts_thumb .item .thumb::after,
.widget-area .widget_raque_posts_thumb .item .thumb::before {
    transition: .8s cubic-bezier(.2, 1, .22, 1);
    content: "";
    background-color: #fff;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%)
}

.single-blog-post .post-image::before,
.single-blog-post-card .post-image::before {
    width: 60px;
    height: 1px;
    left: 100%
}

.single-blog-post .post-image::after,
.single-blog-post-card .post-image::after {
    height: 60px;
    width: 1px;
    top: 0
}

.single-blog-post .post-image .tag {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 2
}

.single-blog-post .post-image .tag a {
    display: inline-block;
    background-color: #fff;
    color: #ff1949;
    transition: .5s;
    border-radius: 5px;
    padding: 4px 12px;
    font-size: 14px;
    font-weight: 500
}

.single-blog-post .post-content .post-meta {
    padding-left: 0;
    margin-bottom: 15px;
    list-style-type: none
}

.single-blog-post .post-content .post-meta li {
    display: inline-block;
    color: #727695;
    margin-right: 15px;
    position: relative
}

.single-blog-post .post-content .post-meta li.post-author img {
    width: 30px;
    height: 30px;
    position: relative;
    top: -2px;
    margin-right: 5px
}

.single-blog-post .post-content .post-meta li::before {
    position: absolute;
    right: -10px;
    top: 7px;
    height: 14px;
    content: "";
    width: 1px;
    background-color: #727695;
    transform: rotate(15deg)
}

.single-blog-post .post-content h3,
.single-motivation-courses-item .courses-content h3 {
    margin-bottom: 15px;
    line-height: 1.5;
    font-size: 20px;
    font-weight: 600
}

.single-blog-post .post-content .read-more-btn {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-right: 20px;
    font-size: 15px;
    font-weight: 400
}

.single-blog-post .post-content .read-more-btn::before {
    content: "";
    position: absolute;
    background-color: #ff1949;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    z-index: -1;
    transition: .5s
}

.single-blog-post-card:focus .post-image::after,
.single-blog-post-card:focus .post-image::before,
.single-blog-post-card:hover .post-image::after,
.single-blog-post-card:hover .post-image::before,
.single-blog-post:focus .post-image::after,
.single-blog-post:focus .post-image::before,
.single-blog-post:hover .post-image::after,
.single-blog-post:hover .post-image::before,
.widget-area .widget_raque_posts_thumb .item:hover .thumb::after,
.widget-area .widget_raque_posts_thumb .item:hover .thumb::before {
    opacity: 1;
    top: 50%;
    left: 50%
}

.single-blog-post-card:focus .post-image img,
.single-blog-post-card:hover .post-image img,
.single-blog-post:focus .post-image img,
.single-blog-post:hover .post-image img {
    zoom: 1;
    opacity: .9 !important;
    transform: scale(1.07)
}

.col-lg-3:nth-child(3) .single-blog-post:focus .post-image .tag a,
.col-lg-3:nth-child(3) .single-blog-post:hover .post-image .tag a,
.col-lg-3:nth-child(8) .single-blog-post:focus .post-image .tag a,
.col-lg-3:nth-child(8) .single-blog-post:hover .post-image .tag a,
.col-lg-4:nth-child(3) .single-blog-post:focus .post-image .tag a,
.col-lg-4:nth-child(3) .single-blog-post:hover .post-image .tag a,
.col-lg-4:nth-child(8) .single-blog-post:focus .post-image .tag a,
.col-lg-4:nth-child(8) .single-blog-post:hover .post-image .tag a,
.col-lg-6:nth-child(3) .single-blog-post:focus .post-image .tag a,
.col-lg-6:nth-child(3) .single-blog-post:hover .post-image .tag a,
.col-lg-6:nth-child(8) .single-blog-post:focus .post-image .tag a,
.col-lg-6:nth-child(8) .single-blog-post:hover .post-image .tag a,
.owl-item:nth-child(3) .single-blog-post:focus .post-image .tag a,
.owl-item:nth-child(3) .single-blog-post:hover .post-image .tag a,
.owl-item:nth-child(8) .single-blog-post:focus .post-image .tag a,
.owl-item:nth-child(8) .single-blog-post:hover .post-image .tag a {
    background-color: #fea116;
    color: #fff
}

.col-lg-3:nth-child(4) .single-blog-post:focus .post-image .tag a,
.col-lg-3:nth-child(4) .single-blog-post:hover .post-image .tag a,
.col-lg-3:nth-child(9) .single-blog-post:focus .post-image .tag a,
.col-lg-3:nth-child(9) .single-blog-post:hover .post-image .tag a,
.col-lg-4:nth-child(4) .single-blog-post:focus .post-image .tag a,
.col-lg-4:nth-child(4) .single-blog-post:hover .post-image .tag a,
.col-lg-4:nth-child(9) .single-blog-post:focus .post-image .tag a,
.col-lg-4:nth-child(9) .single-blog-post:hover .post-image .tag a,
.col-lg-6:nth-child(4) .single-blog-post:focus .post-image .tag a,
.col-lg-6:nth-child(4) .single-blog-post:hover .post-image .tag a,
.col-lg-6:nth-child(9) .single-blog-post:focus .post-image .tag a,
.col-lg-6:nth-child(9) .single-blog-post:hover .post-image .tag a,
.owl-item:nth-child(4) .single-blog-post:focus .post-image .tag a,
.owl-item:nth-child(4) .single-blog-post:hover .post-image .tag a,
.owl-item:nth-child(9) .single-blog-post:focus .post-image .tag a,
.owl-item:nth-child(9) .single-blog-post:hover .post-image .tag a {
    background-color: #1cb5a3;
    color: #fff
}

.col-lg-3:nth-child(10) .single-blog-post:focus .post-image .tag a,
.col-lg-3:nth-child(10) .single-blog-post:hover .post-image .tag a,
.col-lg-3:nth-child(5) .single-blog-post:focus .post-image .tag a,
.col-lg-3:nth-child(5) .single-blog-post:hover .post-image .tag a,
.col-lg-4:nth-child(10) .single-blog-post:focus .post-image .tag a,
.col-lg-4:nth-child(10) .single-blog-post:hover .post-image .tag a,
.col-lg-4:nth-child(5) .single-blog-post:focus .post-image .tag a,
.col-lg-4:nth-child(5) .single-blog-post:hover .post-image .tag a,
.col-lg-6:nth-child(10) .single-blog-post:focus .post-image .tag a,
.col-lg-6:nth-child(10) .single-blog-post:hover .post-image .tag a,
.col-lg-6:nth-child(5) .single-blog-post:focus .post-image .tag a,
.col-lg-6:nth-child(5) .single-blog-post:hover .post-image .tag a,
.owl-item:nth-child(10) .single-blog-post:focus .post-image .tag a,
.owl-item:nth-child(10) .single-blog-post:hover .post-image .tag a,
.owl-item:nth-child(5) .single-blog-post:focus .post-image .tag a,
.owl-item:nth-child(5) .single-blog-post:hover .post-image .tag a {
    background-color: #3d64ff;
    color: #fff
}

.blog-details-desc .article-content .entry-meta ul li {
    margin-right: 20px;
    position: relative;
    display: inline-block;
    border-right: 1px solid #eee;
    font-weight: 500;
    font-size: 16px;
    padding-right: 20px;
    padding-left: 45px
}

.blog-details-desc .article-content .entry-meta ul li i {
    font-size: 30px;
    color: #cfcfcf;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.blog-details-desc .article-content h3 {
    margin-bottom: 15px;
    margin-top: 25px;
    font-size: 22px;
    font-weight: 600
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 {
    padding-left: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin: 30px -10px
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 li {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding-right: 10px;
    padding-left: 10px
}

.blog-details-desc .article-content .features-list {
    padding-left: 0;
    list-style-type: none;
    margin-top: 25px;
    margin-bottom: 30px
}

.blog-details-desc .article-content .features-list li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 28px;
    color: #727695
}

.blog-details-desc .article-content .features-list li i {
    color: #ff1949;
    display: inline-block;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0
}

.blog-details-desc .article-footer {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #eee;
    padding-top: 30px;
    margin-top: 30px
}

.blog-details-desc .article-footer .article-tags {
    flex: 0 0 50%;
    max-width: 50%;
    color: #727695
}

.blog-details-desc .article-footer .article-share,
.prev-link-wrapper,
.single-events-box .events-box .events-content,
.single-motivation-courses-item .courses-content .courses-box-footer ul .students-number {
    flex: 0 0 50%;
    max-width: 50%
}

.blog-details-desc .article-footer .article-tags span {
    display: inline-block;
    color: #252525;
    margin-right: 3px;
    position: relative;
    top: 3px;
    font-size: 20px
}

.blog-details-desc .article-footer .article-tags a {
    display: inline-block;
    color: #727695;
    font-weight: 500
}

.blog-details-desc .article-footer .article-share .social {
    padding-left: 0;
    list-style-type: none;
    text-align: right;
    margin-bottom: 0
}

.blog-details-desc .article-footer .article-share .social li span {
    display: inline-block;
    margin-right: 3px;
    font-weight: 500;
    color: #727695;
    position: relative;
    top: -2px
}

.blog-details-desc .article-footer .article-share .social li a {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    background-color: #ff1949;
    color: #fff;
    border: 1px solid #ff1949;
    text-align: center;
    font-size: 17px;
    margin-left: 2px
}

.blog-details-desc .article-footer .article-share .social li a:focus,
.blog-details-desc .article-footer .article-share .social li a:hover,
.events-details .events-info-links a:focus,
.events-details .events-info-links a:hover {
    color: #ff1949;
    background-color: transparent
}

.blog-details-desc .article-author {
    margin-top: 30px;
    border-radius: 5px;
    background: #f8f8f8
}

.page-title-area,
.single-events-box .events-box .events-image .image,
.single-work-process::before {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.blockquote,
blockquote {
    overflow: hidden;
    background-color: #fafafa;
    padding: 50px !important;
    position: relative;
    text-align: center;
    z-index: 1;
    margin-bottom: 20px;
    margin-top: 20px
}

.blockquote p,
blockquote p {
    color: #252525;
    line-height: 1.6;
    margin-bottom: 0;
    font-style: italic;
    font-weight: 500;
    font-size: 22px !important
}

.blockquote::before,
.countdown-timer #timer div::before,
.page-title-content ul li::before,
blockquote::before {
    font-family: boxicons !important;
    font-style: normal;
    font-variant: normal
}

.blockquote::before,
blockquote::before {
    color: #efefef;
    position: absolute;
    left: 50px;
    top: -50px;
    z-index: -1;
    content: "\ed67";
    font-weight: 400;
    font-size: 135px
}

.blockquote::after,
blockquote::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #ff1949;
    margin-top: 20px;
    margin-bottom: 20px
}

.next-link-wrapper .image-next,
.prev-link-wrapper .image-prev {
    min-width: 100px;
    width: 100px;
    border-radius: 5px;
    vertical-align: top;
    transition: .5s;
    position: relative;
    overflow: hidden
}

.raque-post-navigation {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.prev-link-wrapper {
    padding-right: 15px
}

.prev-link-wrapper .image-prev {
    display: inline-block;
    margin-right: 20px
}

.next-link-wrapper .image-next::after,
.prev-link-wrapper .image-prev::after {
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    opacity: 0;
    background-color: #ff1949;
    visibility: hidden;
    transition: .5s
}

.next-link-wrapper .image-next .post-nav-title,
.prev-link-wrapper .image-prev .post-nav-title {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    z-index: 2;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    font-size: 16px;
    font-weight: 500
}

.next-link-wrapper .next-title,
.prev-link-wrapper .prev-title {
    display: inline-block;
    font-weight: 500;
    font-size: 17px
}

.next-link-wrapper .meta-wrapper,
.prev-link-wrapper .meta-wrapper {
    display: block;
    color: #727695;
    text-transform: capitalize;
    margin-top: 5px;
    font-weight: 400;
    font-size: 14px
}

.next-link-wrapper {
    flex: 0 0 50%;
    max-width: 50%;
    text-align: right;
    padding-left: 15px
}

.next-link-wrapper .image-next {
    display: inline-block;
    margin-left: 20px
}

.next-link-wrapper .next-link-info-wrapper {
    transition: .5s;
    color: #252525
}

.comments-area .comments-title {
    margin-bottom: 30px;
    line-height: initial;
    font-size: 22px;
    font-weight: 600
}

.comments-area .comment-list,
.comments-area ol,
.comments-area ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.comments-area .children {
    margin-left: 20px
}

.comments-area .comment-body {
    border-bottom: 1px dashed #eee;
    padding-left: 65px;
    color: #252525;
    font-size: 14px;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.comments-area .comment-body .reply a {
    border: 1px dashed #ded9d9;
    color: #252525;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600
}

.comments-area .comment-body .reply a:hover,
.products-details-tab .tabs li a:focus,
.products-details-tab .tabs li a:hover,
.products-details-tab .tabs li.current a,
.widget-area .tagcloud a:focus,
.widget-area .tagcloud a:hover {
    color: #fff;
    background-color: #ff1949;
    border-color: #ff1949
}

.comments-area .comment-author {
    font-size: 15px;
    margin-bottom: .2em;
    position: relative;
    z-index: 2
}

.comments-area .comment-author .avatar {
    height: 50px;
    left: -65px;
    position: absolute;
    width: 50px
}

.comments-area .comment-author .fn {
    font-weight: 600
}

.comments-area .comment-metadata {
    margin-bottom: .8em;
    color: #727695;
    letter-spacing: .01em;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400
}

.comments-area .comment-respond .comment-reply-title {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 600
}

.comments-area .comment-respond .comment-notes {
    margin-bottom: 20px;
    margin-top: 10px
}

.billing-details .form-group label .required,
.comments-area .comment-respond .comment-notes .required {
    color: red
}

.comments-area .comment-respond .comment-form-comment,
.comments-area .comment-respond .form-submit {
    float: left;
    width: 100%
}

.comments-area .comment-respond input[type=date],
.comments-area .comment-respond input[type=datetime-local],
.comments-area .comment-respond input[type=email],
.comments-area .comment-respond input[type=month],
.comments-area .comment-respond input[type=number],
.comments-area .comment-respond input[type=password],
.comments-area .comment-respond input[type=search],
.comments-area .comment-respond input[type=tel],
.comments-area .comment-respond input[type=text],
.comments-area .comment-respond input[type=time],
.comments-area .comment-respond input[type=url],
.comments-area .comment-respond input[type=week],
.comments-area .comment-respond textarea,
.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form form .form-group .form-control {
    display: block;
    width: 100%;
    background-color: #f4f4f4;
    border: none;
    padding: 0 0 0 15px;
    height: 50px;
    outline: 0;
    border-radius: 3px;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 14px
}

.comments-area .comment-respond input[type=date]::-moz-placeholder,
.comments-area .comment-respond input[type=datetime-local]::-moz-placeholder,
.comments-area .comment-respond input[type=email]::-moz-placeholder,
.comments-area .comment-respond input[type=month]::-moz-placeholder,
.comments-area .comment-respond input[type=number]::-moz-placeholder,
.comments-area .comment-respond input[type=password]::-moz-placeholder,
.comments-area .comment-respond input[type=search]::-moz-placeholder,
.comments-area .comment-respond input[type=tel]::-moz-placeholder,
.comments-area .comment-respond input[type=text]::-moz-placeholder,
.comments-area .comment-respond input[type=time]::-moz-placeholder,
.comments-area .comment-respond input[type=url]::-moz-placeholder,
.comments-area .comment-respond input[type=week]::-moz-placeholder,
.comments-area .comment-respond textarea::-moz-placeholder {
    -moz-transition: .5s;
    transition: .5s;
    color: #727695
}

.comments-area .comment-respond input[type=date]::placeholder,
.comments-area .comment-respond input[type=datetime-local]::placeholder,
.comments-area .comment-respond input[type=email]::placeholder,
.comments-area .comment-respond input[type=month]::placeholder,
.comments-area .comment-respond input[type=number]::placeholder,
.comments-area .comment-respond input[type=password]::placeholder,
.comments-area .comment-respond input[type=search]::placeholder,
.comments-area .comment-respond input[type=tel]::placeholder,
.comments-area .comment-respond input[type=text]::placeholder,
.comments-area .comment-respond input[type=time]::placeholder,
.comments-area .comment-respond input[type=url]::placeholder,
.comments-area .comment-respond input[type=week]::placeholder,
.comments-area .comment-respond textarea::placeholder {
    transition: .5s;
    color: #727695
}

.comments-area .comment-respond input[type=date]:focus::-moz-placeholder,
.comments-area .comment-respond input[type=datetime-local]:focus::-moz-placeholder,
.comments-area .comment-respond input[type=email]:focus::-moz-placeholder,
.comments-area .comment-respond input[type=month]:focus::-moz-placeholder,
.comments-area .comment-respond input[type=number]:focus::-moz-placeholder,
.comments-area .comment-respond input[type=password]:focus::-moz-placeholder,
.comments-area .comment-respond input[type=search]:focus::-moz-placeholder,
.comments-area .comment-respond input[type=tel]:focus::-moz-placeholder,
.comments-area .comment-respond input[type=text]:focus::-moz-placeholder,
.comments-area .comment-respond input[type=time]:focus::-moz-placeholder,
.comments-area .comment-respond input[type=url]:focus::-moz-placeholder,
.comments-area .comment-respond input[type=week]:focus::-moz-placeholder,
.comments-area .comment-respond textarea:focus::-moz-placeholder {
    color: transparent
}

.comments-area .comment-respond input[type=date]:focus::placeholder,
.comments-area .comment-respond input[type=datetime-local]:focus::placeholder,
.comments-area .comment-respond input[type=email]:focus::placeholder,
.comments-area .comment-respond input[type=month]:focus::placeholder,
.comments-area .comment-respond input[type=number]:focus::placeholder,
.comments-area .comment-respond input[type=password]:focus::placeholder,
.comments-area .comment-respond input[type=search]:focus::placeholder,
.comments-area .comment-respond input[type=tel]:focus::placeholder,
.comments-area .comment-respond input[type=text]:focus::placeholder,
.comments-area .comment-respond input[type=time]:focus::placeholder,
.comments-area .comment-respond input[type=url]:focus::placeholder,
.comments-area .comment-respond input[type=week]:focus::placeholder,
.comments-area .comment-respond textarea:focus::placeholder {
    color: transparent
}

.comments-area .comment-respond textarea {
    height: auto !important;
    padding-top: 15px
}

.comments-area .comment-respond .comment-form-author {
    float: left;
    width: 50%;
    padding-right: 10px;
    margin-bottom: 20px
}

.comments-area .comment-respond .comment-form-email {
    float: left;
    width: 50%;
    padding-left: 12px;
    margin-bottom: 20px
}

.comments-area .comment-respond .comment-form-url {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.comments-area .comment-respond .comment-form-cookies-consent {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 15px
}

.comments-area .comment-respond .comment-form-cookies-consent input {
    position: absolute;
    left: 0;
    top: 5px
}

.comments-area .comment-respond .comment-form-cookies-consent label {
    display: inline-block;
    margin: 0;
    color: #727695;
    position: relative;
    top: -1.5px;
    font-weight: 400;
    font-size: 16px
}

.comments-area .comment-respond .form-submit input {
    background: #ff1949;
    border: none;
    color: #fff;
    padding: 12px 30px;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    transition: .5s;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    font-family: Poppins, sans-serif
}

.how-it-works-area {
    position: relative;
    z-index: 1;
    background-color: #ff1949;
}

.single-work-process {
    text-align: center;
    position: relative;
    z-index: 1;
    padding-left: 30px;
    padding-right: 30px
}

.single-work-process .icon {
    width: 90px;
    height: 90px;
    position: relative;
    margin-bottom: 30px;
    font-size: 50px;
    color: #fff;
    transition: .5s;
    border: 2px dashed rgba(255, 255, 255, .8);
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto
}

.single-work-process h3 {
    color: #fff;
    margin-bottom: 12px;
    font-size: 22px;
    font-weight: 700
}

.single-work-process::before {
    content: "";
    position: absolute;
    right: -55px;
    top: 15px;
    width: 110px;
    height: 75px;
    transform: rotate(-15deg);
    background-image: url(../images/white-arrow.png)
}

.col-lg-4:nth-child(2) .single-work-process::before {
    transform: rotate(-10deg)
}

.pricing-area {
    background-color: #f7fafd
}

.pricing-table {
    background-color: #fff;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, .05)
}

.pricing-table table {
    margin-bottom: 0;
    text-align: center
}

.pricing-table table thead tr th {
    vertical-align: middle;
    border: none;
    color: #fff;
    padding: 16px 20px;
    font-size: 18px;
    font-weight: 600
}

.pricing-table table tbody td:first-child,
.pricing-table table thead tr th:first-child {
    text-align: left;
    padding-left: 30px
}

.pricing-table table tbody td {
    vertical-align: middle;
    color: #252525;
    padding: 16px 20px;
    border-color: #eee;
    font-size: 15px;
    font-weight: 400
}

.pricing-table table tbody td i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 100%;
    background-color: #0eb582;
    color: #fff;
    display: block;
    margin: 0 auto
}

.pricing-table table tbody td i.bx-x {
    line-height: 22px
}

.pricing-table table tbody tr:first-child td i,
.pricing-table table tbody tr:nth-child(8) td i {
    background-color: #facd60
}

.pricing-table table tbody tr:nth-child(10) td i,
.pricing-table table tbody tr:nth-child(3) td i {
    background-color: #fd6c28
}

.pricing-table table tbody tr:nth-child(11) td i,
.pricing-table table tbody tr:nth-child(4) td i {
    background-color: #ee0979
}

.pricing-table table tbody tr:nth-child(12) td i,
.pricing-table table tbody tr:nth-child(5) td i {
    background-color: #1ac0c6
}

.pricing-table table tbody tr:nth-child(13) td i,
.pricing-table table tbody tr:nth-child(6) td i {
    background-color: #f45271
}

.pricing-table table tbody tr:nth-child(14) td i,
.pricing-table table tbody tr:nth-child(7) td i {
    background-color: #fd6d27
}

.page-title-area {
    position: relative;
    z-index: 1;
    background-color: #ff1949;
    padding-top: 330px;
    padding-bottom: 120px
}

.page-title-area.page-title-style-two {
    padding-top: 280px;
    padding-bottom: 120px
}

.page-title-area.page-title-style-three {
    padding-top: 129px;
    padding-bottom: 50px;
}

.page-title-area.item-bg1 {
    background-image: url(../images/1_3.jpg)
}

.page-title-area.item-bg2 {
    background-image: url(../images/2_4.jpg)
}

.page-title-area.item-bg3 {
    background-image: url(../img/breadcum.jpg)
}

.page-title-area.item-bg4 {
    background-image: url(../images/4_4.jpg)
}

.page-title-content ul {
    padding-left: 0;
    margin-bottom: 12px;
    list-style-type: none
}

.page-title-content ul li {
    display: inline-block;
    margin-right: 25px;
    position: relative;
    color: #fff
}

.page-title-content ul li a {
    display: inline-block;
    color: #fff;
    opacity: .85
}

.page-title-content ul li::before {
    content: "\ea50";
    color: #fff;
    position: absolute;
    right: -25px;
    top: -4px;
    opacity: .85;
    font-weight: 400;
    font-size: 20px
}

.page-title-content h2 {
    color: #fff;
    margin-bottom: 0;
    font-size: 42px;
    font-weight: 700
}

.single-events-box {
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    background-color: #fff;
    border-radius: 5px
}

.single-events-box .events-box .events-image {
    flex: 0 0 25%;
    max-width: 25%;
    border-radius: 5px 0 0 5px
}

.single-events-box .events-box .events-image .image {
    height: 100%;
    width: 100%;
    border-radius: 5px 0 0 5px
}

.single-events-box .events-box .events-image .image.bg1 {
    background-image: url(../images/1_5.jpg)
}

.single-events-box .events-box .events-image .image.bg2 {
    background-image: url(../images/2_5.jpg)
}

.single-events-box .events-box .events-image .image.bg3 {
    background-image: url(../images/3_5.jpg)
}

.single-events-box .events-box .events-image .image.bg4 {
    background-image: url(../images/4_5.jpg)
}

.events-box .content,
.single-events-box .events-box .events-content .content,
.single-language-courses-box .content {
    padding: 30px
}

.contact-info-box h3,
.single-events-box .events-box .events-content .content h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600
}

.single-events-box .events-box .events-content .content .location {
    display: block;
    color: #727695;
    margin-top: 15px
}

.single-events-box .events-box .events-content .content .location i {
    color: #ff1949;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.single-events-box .events-box .events-content .content .join-now-btn {
    display: inline-block;
    margin-top: 20px;
    font-weight: 600;
    position: relative;
    padding-bottom: 3px
}

.single-events-box .events-box .events-content .content .join-now-btn::before {
    width: 100%;
    height: 1px;
    background: #ff1949;
    content: "";
    position: absolute;
    transition: .5s;
    left: 0;
    bottom: 0
}

.single-events-box .events-box .events-date {
    flex: 0 0 25%;
    max-width: 25%;
    border-radius: 0 5px 5px 0
}

.single-events-box .events-box .events-date .date {
    width: 100%;
    height: 100%;
    background-color: #ff1949;
    text-align: center;
    color: #fff;
    position: relative;
    border-radius: 0 5px 5px 0;
    z-index: 1;
    font-size: 22px;
    font-weight: 600
}

.single-events-box .events-box .events-date .date span {
    display: inline-block;
    position: relative;
    z-index: 1;
    letter-spacing: 1px;
    margin-bottom: 12px
}

.single-events-box .events-box .events-date .date span::before {
    content: "";
    position: absolute;
    right: 5px;
    top: 4px;
    background: #fff;
    width: 1px;
    height: 30px;
    transform: rotate(40deg)
}

.single-events-box .events-box .events-date .date h3 {
    color: #fff;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700
}

.single-events-box .events-box .events-date .date p {
    color: #fff;
    line-height: initial;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 600
}

.single-events-box .events-box .events-date .date i {
    display: inline-block;
    font-size: 200px;
    color: #fff;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    opacity: .2
}

.billing-details .form-group,
.events-details .events-details-image,
.events-details-header,
.motivation-course-banner-text p {
    margin-bottom: 25px
}

.events-details-header .back-all-events {
    display: inline-block;
    color: #727695;
    text-transform: uppercase;
    margin-bottom: 13px;
    position: relative;
    padding-left: 23px;
    font-weight: 600;
    font-size: 14px
}

.events-details-header .back-all-events i {
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0
}

.events-details-header h3 {
    margin-bottom: 13px;
    font-size: 25px;
    font-weight: 600
}

.events-details .events-info-links a {
    display: inline-block;
    background-color: #ff1949;
    color: #fff;
    border-radius: 5px;
    padding: 5px 15px 6px;
    margin-right: 5px;
    border: 1px solid #ff1949;
    font-size: 15px;
    font-weight: 500
}

.countdown-content h2 {
    margin-bottom: 18px;
    line-height: 1.3;
    color: #fff;
    font-size: 33px;
    font-weight: 700
}

.countdown-content .sign-up-btn {
    display: inline-block;
    position: relative;
    color: #fff;
    z-index: 1;
    padding-right: 22px;
    transition: .4s;
    font-size: 16px;
    font-weight: 400
}

.countdown-timer #timer div {
    display: inline-block;
    color: #fff;
    position: relative;
    font-size: 50px;
    font-weight: 700;
    margin-left: 30px;
    margin-right: 30px
}

.countdown-timer #timer div span {
    color: #fff;
    margin-top: -6px;
    display: block;
    font-size: 17px;
    font-weight: 500
}

.countdown-timer #timer div::before {
    content: "\ea4a";
    position: absolute;
    right: -48px;
    top: 9px;
    color: #fff;
    font-size: 35px;
    font-weight: 400
}

.woocommerce-topbar .topbar-ordering-and-search .topbar-search form .input-search::-moz-placeholder {
    color: #727695;
    -moz-transition: .5s;
    transition: .5s
}

.woocommerce-topbar .topbar-ordering-and-search .topbar-search form .input-search::placeholder {
    color: #727695;
    transition: .5s
}

.woocommerce-topbar .topbar-ordering-and-search .topbar-search form .input-search:focus::-moz-placeholder {
    color: transparent
}

.woocommerce-topbar .topbar-ordering-and-search .topbar-search form .input-search:focus::placeholder {
    color: transparent
}

.single-product-box {
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 40px 3px rgba(0, 0, 0, .05)
}

.cart-totals,
.user-actions {
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    background: #fff
}

.single-product-box .product-image {
    overflow: hidden;
    position: relative;
    text-align: left
}

.single-product-box .product-image a img {
    transition: .5s
}

.single-product-box .product-image a img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    margin-left: 20px
}

.single-product-box .product-image .add-to-cart-btn {
    position: absolute;
    bottom: -45px;
    left: 0;
    width: 100%;
    background-color: #252525;
    color: #fff;
    padding: 18px 20px 13px;
    text-transform: uppercase;
    opacity: 0;
    visibility: hidden;
    display: block;
    font-size: 15px;
    font-weight: 600
}

.single-product-box .product-image .add-to-cart-btn i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px
}

.single-product-box .product-image .sale-btn {
    position: absolute;
    left: 20px;
    top: 20px;
    background-color: red;
    color: #fff;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 50%;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px
}

.single-product-box .product-content {
    padding: 30px 25px
}

.single-product-box .product-content .price {
    color: #252525;
    font-weight: 500;
    font-size: 15px
}

.single-product-box .product-content .price .old {
    text-decoration: line-through;
    color: #828893;
    font-size: 14px
}

.single-product-box .product-content .rating {
    margin-top: 10px;
    color: #ffb708;
    font-size: 18px
}

.single-product-box .product-content .rating i {
    margin-right: -1px
}

.single-product-box:hover .product-image a img:nth-child(2) {
    opacity: 1;
    visibility: visible;
    margin-left: 0
}

.go-top.active,
.single-product-box:hover .product-image .add-to-cart-btn {
    bottom: 0;
    opacity: 1;
    visibility: visible
}

.products-details-image .slick-slider {
    position: relative;
    padding: 0;
    margin: 0;
    list-style-type: none
}

.products-details-image .slick-dots {
    padding: 0;
    text-align: center;
    margin: 10px 0 0;
    list-style-type: none;
    display: flex;
    width: 100%
}

.products-details-image .slick-dots li {
    display: block;
    flex: 1;
    margin: 0 5px
}

.products-details-image .slick-dots li button {
    padding: 0;
    outline: 0;
    border: none;
    margin: 0;
    cursor: pointer
}

.product-details-desc h3 {
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: 600
}

.product-details-desc .price {
    margin-bottom: 15px;
    color: #ff1949;
    font-size: 15px;
    font-weight: 600
}

.product-details-desc .price .old-price {
    text-decoration: line-through;
    color: #828893;
    font-weight: 400
}

#contactForm .form-group,
.courses-box .courses-content .course-author,
.free-trial-form form .form-group,
.login-content .login-form form .form-group,
.product-details-desc .product-review,
.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form form .form-group,
.register-content .register-form form .form-group,
.single-courses-box-item .courses-content .course-author,
.single-motivation-courses-box .courses-content .course-author,
.single-motivation-courses-box .courses-content .courses-tag,
.single-motivation-courses-item .courses-content .course-author,
.start-free-trial-content .start-free-trial-form .form-group {
    margin-bottom: 15px
}

.product-details-desc .product-review .rating {
    display: inline-block;
    padding-right: 5px;
    font-size: 18px
}

.product-details-desc .product-review .rating i {
    color: #ffba0a;
    display: inline-block;
    margin-right: -2px
}

.product-details-desc .product-review .rating-count {
    display: inline-block;
    color: #252525;
    border-bottom: 1px solid #252525;
    line-height: initial;
    position: relative;
    top: -2px
}

.product-details-desc .product-review .rating-count:hover {
    color: #ff1949;
    border-color: #ff1949
}

.product-details-desc .product-meta span {
    display: block;
    color: #252525;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 500
}

.product-details-desc .product-meta span span {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400
}

.product-details-desc .product-add-to-cart .input-counter {
    max-width: 130px;
    min-width: 130px;
    margin-right: 10px;
    text-align: center;
    display: inline-block;
    position: relative
}

.product-details-desc .product-add-to-cart .input-counter span {
    position: absolute;
    top: 0;
    background-color: transparent;
    cursor: pointer;
    color: #d0d0d0;
    width: 50px;
    height: 100%;
    line-height: 55px;
    transition: .5s;
    font-size: 25px
}

.cart-table table tbody tr td.product-quantity .input-counter span.plus-btn,
.product-details-desc .product-add-to-cart .input-counter span.plus-btn {
    right: 0
}

.product-details-desc .product-add-to-cart .input-counter input {
    height: 50px;
    color: #252525;
    outline: 0;
    display: block;
    border: none;
    background-color: #f8f8f8;
    text-align: center;
    width: 100%;
    font-size: 17px;
    font-weight: 600
}

.product-details-desc .product-add-to-cart .input-counter input::-moz-placeholder {
    color: #252525
}

.product-details-desc .product-add-to-cart .input-counter input::placeholder {
    color: #252525
}

.product-details-desc .product-add-to-cart .default-btn {
    height: 50px;
    top: -1px;
    position: relative;
    line-height: 50px;
    border: none;
    padding-top: 0;
    padding-bottom: 0
}

.product-details-desc .custom-payment-options span {
    display: block;
    color: #727695;
    margin-bottom: 10px
}

.product-details-desc .custom-payment-options .payment-methods a img {
    width: 40px
}

.products-details-tab {
    margin-top: 50px
}

.products-details-tab .tabs {
    list-style-type: none;
    margin-bottom: -1px;
    padding-left: 0
}

.products-details-tab .tabs li {
    display: inline-block;
    line-height: initial;
    margin-right: 5px
}

.products-details-tab .tabs li a {
    display: inline-block;
    position: relative;
    color: #252525;
    border: 1px dashed #eee;
    padding: 13px 30px 13px 48px;
    font-weight: 500;
    font-size: 15px
}

.products-details-tab .tabs li a .dot {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    width: 12px;
    height: 12px;
    border: 1px solid #252525;
    transition: .5s;
    border-radius: 50%
}

.products-details-tab .tabs li a .dot::before {
    position: absolute;
    top: 0;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background: #252525;
    margin: 2px;
    border-radius: 50%;
    transition: .5s
}

.health-coaching-banner-slides.owl-theme .owl-nav [class*=owl-]:hover::before,
.products-details-tab .tabs li a:focus .dot,
.products-details-tab .tabs li a:hover .dot,
.products-details-tab .tabs li.current a .dot {
    border-color: #fff
}

.products-details-tab .tabs li a:focus .dot::before,
.products-details-tab .tabs li a:hover .dot::before,
.products-details-tab .tabs li.current a .dot::before {
    background: #fff
}

.products-details-tab .tab-content {
    border: 1px dashed #eee;
    padding: 30px
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content p {
    margin-bottom: 20px;
    line-height: 1.8
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .additional-information {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    text-align: left
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .additional-information li {
    border: 1px solid #eee;
    border-bottom: none;
    padding: 10px 15px 7px;
    color: #727695
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .additional-information li:last-child {
    border-bottom: 1px solid #eee
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .additional-information li span {
    display: inline-block;
    width: 30%;
    color: #252525;
    font-weight: 500
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content h3 {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item .rating .bx.bxs-star,
.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-title .rating .bx.bxs-star {
    color: #ffba0a
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-title .rating i {
    color: #ebebeb;
    font-size: 18px;
    margin-right: -1px
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-title p {
    margin-bottom: 0;
    display: inline-block;
    padding-left: 5px;
    line-height: initial;
    position: relative;
    top: -2px
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-title .default-btn {
    position: absolute;
    right: 0;
    bottom: 0
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item {
    margin-top: 30px;
    position: relative;
    padding-right: 200px;
    border-top: 1px dashed #eee;
    padding-top: 30px
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item .rating i {
    font-size: 18px;
    color: #ebebeb;
    margin-right: -1px
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item h3 {
    font-size: 18px;
    margin-top: 8px;
    margin-bottom: 10px
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item span {
    margin-bottom: 10px;
    font-size: 12px;
    display: block
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item span strong {
    font-weight: 500
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link {
    position: absolute;
    right: 0;
    color: #727695;
    top: 40px;
    text-decoration: underline;
    font-weight: 500;
    font-size: 15px
}

.billing-details .form-check,
.feedback-area-two .section-title,
.myAccount-content .edit-account .form-group,
.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form h3,
.testimonials-wrap-slides-item .client-info {
    margin-bottom: 20px
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form form .form-group .form-control::-moz-placeholder {
    -moz-transition: .5s;
    transition: .5s;
    color: #727695
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form form .form-group .form-control::placeholder {
    transition: .5s;
    color: #727695
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form form .form-group .form-control:focus::-moz-placeholder {
    color: transparent
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form form .form-group .form-control:focus::placeholder {
    color: transparent
}

.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form form .form-group textarea.form-control {
    padding-top: 15px;
    height: auto
}

.language-banner-content .default-btn,
.premium-access-content .default-btn,
.products-details-tab .tab-content .tabs-item .products-details-tab-content .product-review-form .review-form form .default-btn {
    margin-top: 10px
}

.related-products {
    margin-top: 70px
}

.cart-table table thead tr th {
    border-bottom-width: 0;
    vertical-align: middle;
    padding: 25px 0;
    text-transform: uppercase;
    border: none;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 600
}

.cart-table table tbody tr td {
    vertical-align: middle;
    color: #727695;
    white-space: nowrap;
    padding-left: 0;
    padding-right: 0;
    border-color: #eaedff;
    border-left: none;
    border-right: none
}

.cart-table table tbody tr td.product-thumbnail a img {
    width: 80px
}

.cart-table table tbody tr td.product-name a {
    color: #727695;
    font-weight: 500;
    display: inline-block
}

.cart-table table tbody tr td.product-name a:hover {
    color: #252525
}

.cart-table table tbody tr td.product-subtotal .remove {
    color: red;
    float: right;
    position: relative;
    top: -1px;
    font-size: 18px
}

.cart-table table tbody tr td.product-quantity .input-counter {
    max-width: 130px;
    min-width: 130px;
    text-align: center;
    display: inline-block;
    position: relative
}

.cart-table table tbody tr td.product-quantity .input-counter span {
    position: absolute;
    top: 0;
    background-color: transparent;
    cursor: pointer;
    color: #d0d0d0;
    width: 40px;
    height: 100%;
    line-height: 50px;
    transition: .5s;
    font-size: 22px
}

.cart-table table tbody tr td.product-quantity .input-counter input {
    height: 45px;
    color: #252525;
    outline: 0;
    display: block;
    border: none;
    background-color: #f8f8f8;
    text-align: center;
    width: 100%;
    font-size: 17px;
    font-weight: 600
}

.cart-table table tbody tr td.product-quantity .input-counter input::-moz-placeholder {
    color: #252525
}

.cart-table table tbody tr td.product-quantity .input-counter input::placeholder {
    color: #252525
}

.cart-buttons {
    margin-top: 30px;
    text-align: right
}

.cart-buttons .shopping-coupon-code {
    position: relative;
    max-width: 530px
}

.cart-buttons .shopping-coupon-code .form-control {
    height: 50px
}

.cart-buttons .shopping-coupon-code .form-control::-moz-placeholder {
    -moz-transition: .5s;
    transition: .5s
}

.cart-buttons .shopping-coupon-code .form-control::placeholder {
    transition: .5s
}

.cart-buttons .shopping-coupon-code .form-control:focus::-moz-placeholder {
    color: transparent
}

.cart-buttons .shopping-coupon-code .form-control:focus::placeholder {
    color: transparent
}

.cart-buttons .shopping-coupon-code button {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    background: #252525;
    color: #fff;
    border: none;
    padding: 0 25px;
    line-height: 48px;
    outline: 0;
    transition: .5s;
    font-size: 15px;
    font-weight: 600
}

.cart-totals {
    padding: 40px;
    max-width: 650px;
    border-radius: 5px;
    margin-left: auto;
    margin-top: 50px
}

.cart-totals h3 {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 600
}

.cart-totals ul {
    padding-left: 0;
    margin: 0 0 25px;
    list-style-type: none
}

.cart-totals ul li {
    border: 1px solid #eaedff;
    padding: 15px;
    color: #252525;
    overflow: hidden;
    font-weight: 500
}

.cart-totals ul li:last-child {
    font-size: 18px;
    border-top: none
}

.billing-details .form-check .form-check-label,
.cart-totals ul li:last-child span,
.header-area.header-color-white .navbar-style-three .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a,
.header-area.header-color-white .navbar-style-three.header-sticky .others-option .cart-wrapper-btn,
.header-area.header-color-white .navbar-style-three.header-sticky .others-option .language-switcher .dropdown-toggle,
.header-area.header-color-white .navbar-style-three.header-sticky .others-option .search-box,
.header-area.header-color-white .navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a,
.header-area.header-color-white .navbar-style-three.header-sticky .raque-nav .navbar .navbar-nav .nav-item a,
.motivation-featured-card h3 a,
.myAccount-content p a:hover,
.overview-connections-area.bg-FAF8F8 .section-title.text-left h2,
.single-featured-box:hover h3,
.single-featured-box:hover p {
    color: #ffffff;
}

.cart-totals ul li span {
    float: right;
    color: #727695;
    font-weight: 400
}

.user-actions {
    padding: 15px 20px;
    border-top: 3px solid #ff1949;
    position: relative;
    margin-bottom: 40px
}

.login-image,
.register-image,
.widget-area .widget_contact {
    background-position: center center;
    background-size: cover
}

.user-actions i {
    color: #ff1949;
    margin-right: 2px;
    font-size: 20px;
    position: relative;
    top: 3px
}

.user-actions span {
    display: inline-block;
    font-weight: 500;
    color: #ff1949
}

.billing-details .title,
.order-details .title {
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    font-size: 20px;
    font-weight: 600
}

.billing-details .title::before,
.order-details .title::before {
    content: "";
    position: absolute;
    background: #ff1949;
    bottom: -1px;
    left: 0;
    width: 50px;
    height: 1px
}

.billing-details .form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 14px
}

.billing-details .form-group .nice-select {
    float: unset;
    line-height: 48px;
    color: #727695;
    font-weight: 400;
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 0
}

.billing-details .form-group .nice-select .list {
    background-color: #fff;
    box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
    border-radius: 0;
    margin-top: 0;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px
}

.billing-details .form-group .nice-select .list .option {
    transition: .5s;
    padding-left: 20px;
    padding-right: 20px
}

.billing-details .form-group .nice-select .list .option:hover {
    background-color: #ff1949 !important;
    color: #fff
}

.billing-details .form-group .nice-select .list .option.selected {
    background-color: transparent;
    font-weight: 600
}

.billing-details .form-group .nice-select:after {
    right: 20px
}

.billing-details .form-group .form-control {
    background: #f3f3f3;
    border-color: #f3f3f3
}

.billing-details .form-group .form-control::-moz-placeholder {
    color: #727695;
    -moz-transition: .5s;
    transition: .5s
}

.billing-details .form-group .form-control::placeholder {
    color: #727695;
    transition: .5s
}

.billing-details .form-group .form-control:focus {
    background-color: transparent;
    border-color: #eee
}

.billing-details .form-group .form-control:focus::-moz-placeholder {
    color: transparent
}

.billing-details .form-group .form-control:focus::placeholder {
    color: transparent
}

.billing-details .form-check label {
    position: relative;
    left: -3px;
    top: 1px;
    font-weight: 500
}

.order-details .order-table table thead tr th {
    border-bottom-width: 0;
    vertical-align: middle;
    border-color: #eaedff;
    padding: 12px 20px 10px;
    font-weight: 600
}

.order-details .order-table table tbody tr td {
    vertical-align: middle;
    color: #727695;
    border-color: #eaedff;
    font-size: 14.5px;
    padding: 15px 20px 13px
}

.order-details .order-table table tbody tr td.product-name a {
    color: #727695;
    display: inline-block;
    font-weight: 500
}

.language-banner-content p,
.order-details .order-table table tbody tr td.order-shipping span,
.order-details .order-table table tbody tr td.order-subtotal span,
.order-details .order-table table tbody tr td.total-price span {
    color: #252525;
    font-weight: 600
}

.order-details .order-table table tbody tr td.order-subtotal-price,
.order-details .order-table table tbody tr td.product-subtotal,
.order-details .order-table table tbody tr td.shipping-price {
    font-weight: 600;
    color: #252525
}

.order-details .payment-box {
    background-color: #fff;
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    margin-top: 30px;
    padding: 30px
}

.order-details .payment-box .payment-method p [type=radio]:checked+label,
.order-details .payment-box .payment-method p [type=radio]:not(:checked)+label {
    padding-left: 27px;
    cursor: pointer;
    display: block;
    color: #252525;
    position: relative;
    margin-bottom: 8px;
    font-weight: 600
}

.order-details .payment-box .payment-method p [type=radio]:checked+label::before,
.order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #fff
}

.order-details .payment-box .payment-method p [type=radio]:checked+label::after,
.order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::after {
    content: "";
    width: 12px;
    height: 12px;
    background: #ff1949;
    position: absolute;
    top: 6px;
    left: 3px;
    border-radius: 50%;
    transition: .5s
}

.order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::after {
    opacity: 0;
    visibility: hidden;
    transform: scale(0)
}

.order-details .payment-box .payment-method p [type=radio]:checked+label::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.order-details .payment-box .default-btn {
    margin-top: 15px;
    box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2);
    border-radius: 3px
}

.pagination-area {
    position: relative;
    z-index: 2;
    margin-top: 20px;
    margin-bottom: -12px
}

.pagination-area .page-numbers {
    color: #252525;
    display: inline-block;
    font-weight: 500;
    font-size: 19px;
    margin-left: 4px;
    margin-right: 4px
}

.pagination-area .page-numbers.next,
.pagination-area .page-numbers.prev {
    font-size: 28px;
    position: relative;
    top: 5px;
    margin-left: -3px;
    margin-right: -3px
}

.widget-area .widget .widget-title {
    margin-bottom: 25px;
    position: relative;
    padding-left: 10px;
    border-left: 3px dashed #dfdfdf;
    font-size: 19px;
    font-weight: 600
}

.widget-area .widget .widget-title::before {
    content: "";
    position: absolute;
    left: -3px;
    top: 0;
    width: 3px;
    height: 6px;
    background: #ff1949
}

.widget-area .widget .widget-title::after {
    content: "";
    position: absolute;
    left: -3px;
    top: 16px;
    width: 3px;
    height: 6px;
    background: #0eb582
}

.widget-area .widget_search form label {
    display: block;
    margin-bottom: 0
}

.widget-area .widget_search form .search-field {
    height: 55px;
    color: #252525;
    background-color: #eef5f9;
    display: block;
    width: 100%;
    border-radius: 5px;
    padding: 3px 0 0 18px;
    border: none;
    transition: .5s;
    font-size: 14px;
    font-weight: 400
}

.widget-area .widget_search form .search-field::-moz-placeholder {
    color: #727695;
    -moz-transition: .5s;
    transition: .5s
}

.widget-area .widget_search form .search-field::placeholder {
    color: #727695;
    transition: .5s
}

.widget-area .widget_search form .search-field:focus::-moz-placeholder {
    color: transparent
}

.widget-area .widget_search form .search-field:focus::placeholder {
    color: transparent
}

.widget-area .widget_search form button {
    border: none;
    background-color: #ff1949;
    color: #fff;
    height: 45px;
    width: 45px;
    position: absolute;
    right: 5px;
    transition: .5s;
    border-radius: 5px;
    top: 5px;
    font-size: 20px
}

.widget-area .widget_raque_posts_thumb .item {
    overflow: hidden;
    margin-bottom: 15px
}

.widget-area .widget_raque_posts_thumb .item .thumb {
    float: left;
    height: 80px;
    overflow: hidden;
    display: block;
    position: relative;
    width: 80px;
    margin-right: 15px;
    z-index: 1
}

.widget-area .widget_raque_posts_thumb .item .thumb .fullimage {
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 5px;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center center !important
}

.widget-area .widget_raque_posts_thumb .item .thumb .fullimage.bg1 {
    background-image: url(../images/7_1.jpg)
}

.widget-area .widget_raque_posts_thumb .item .thumb .fullimage.bg2 {
    background-image: url(../images/8_1.jpg)
}

.widget-area .widget_raque_posts_thumb .item .thumb .fullimage.bg3 {
    background-image: url(../images/9.jpg)
}

.widget-area .widget_raque_posts_thumb .item .thumb::before {
    width: 40px;
    height: 1px;
    left: 100%
}

.widget-area .widget_raque_posts_thumb .item .thumb::after {
    height: 40px;
    width: 1px;
    top: 0
}

.widget-area .widget_raque_posts_thumb .item .info {
    overflow: hidden;
    margin-top: 5px
}

.widget-area .widget_raque_posts_thumb .item .info time {
    display: block;
    color: #727695;
    text-transform: uppercase;
    margin-top: 3px;
    margin-bottom: 5px;
    font-size: 12px
}

.widget-area .widget_raque_posts_thumb .item .info .title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 15px;
    font-weight: 600
}

.widget-area .widget_categories ul li {
    position: relative;
    margin-bottom: 12px;
    overflow: hidden;
    color: #252525;
    padding-left: 18px;
    font-weight: 600;
    font-size: 14px
}

.widget-area .widget_categories ul li::before {
    background: #0eb582;
    height: 8px;
    width: 8px;
    content: "";
    border-radius: 50%;
    left: 0;
    top: 7px;
    position: absolute
}

.widget-area .widget_categories ul li a {
    color: #252525;
    display: inline-block
}

.widget-area .widget_categories ul li .post-count {
    color: #727695;
    font-size: 14px;
    display: inline-block;
    position: relative;
    top: 1px
}

.widget-area .widget_tag_cloud .widget-title {
    margin-bottom: 17px
}

.widget-area .tagcloud a {
    display: inline-block;
    background-color: #f6f6f6;
    color: #727695;
    padding: 7px 18px;
    border: 1px dashed #eee;
    border-radius: 3px;
    font-weight: 500;
    font-size: 13.5px !important;
    margin-top: 8px;
    margin-right: 4px
}

.widget-area .widget_instagram ul {
    padding-left: 0;
    list-style-type: none;
    flex-wrap: wrap;
    display: flex;
    margin-bottom: -10px;
    margin-left: -5px;
    margin-right: -5px
}

.coming-soon-content #timer div,
.faq-accordion-tab .tabs li {
    margin-left: 10px;
    margin-right: 10px
}

.widget-area .widget_instagram ul li {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    padding-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px
}

.widget-area .widget_instagram ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ff1949;
    transition: .5s;
    opacity: 0;
    visibility: hidden
}

.widget-area .widget_instagram ul li a:hover::before {
    opacity: .7;
    visibility: visible
}

.widget-area .widget_contact {
    position: relative;
    z-index: 1;
    border-radius: 5px;
    height: 400px;
    text-align: center;
    background-image: url(../images/mission-bg.jpg);
    background-repeat: no-repeat
}

.widget-area .widget_contact .text {
    position: absolute;
    left: 0;
    bottom: 25px;
    right: 0
}

.widget-area .widget_contact .text .icon {
    width: 65px;
    height: 65px;
    border: 2px dashed #fff;
    position: relative;
    color: #fff;
    border-radius: 50%;
    font-size: 35px;
    transition: .5s;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px
}

.widget-area .widget_contact .text span {
    display: block;
    color: #fff;
    margin-bottom: 7px;
    opacity: .9;
    font-size: 16px;
    font-weight: 500
}

.widget-area .widget_contact .text a {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    font-size: 25px
}

.widget-area .widget_events_details ul li {
    border-bottom: 1px dashed #eee;
    color: #727695;
    padding-bottom: 10px;
    padding-top: 10px
}

.widget-area .widget_events_details ul li:first-child {
    border-top: 1px dashed #eee
}

.widget-area .widget_events_details ul li span {
    display: inline-block;
    color: #252525;
    font-weight: 600
}

.login-image {
    height: 100%;
    width: 100%;
    background-image: url(../images/login-bg.jpg);
    background-repeat: no-repeat
}

.login-content,
.register-content {
    padding-top: 118px;
    padding-bottom: 50px;
}

.login-content .login-form,
.register-content .register-form {
    text-align: center;
    max-width: 807px;
    margin-left: auto;
    margin-right: auto;
    background: #0a1129;
    padding: 6px 30px 23px;
    margin-top: 26px;
    border-top: 1px dashed #f22049;
}

.login-form label {
    text-align: left;
    display: block;
    margin-bottom: 6px;
    color: #fff;
    font-size: 14px;
}

.login-content .login-form h3,
.register-content .register-form h3 {
    margin-bottom: 0;
    font-size: 35px;
    font-weight: 700
}

.login-content .login-form p,
.register-content .register-form p {
    margin-top: 8px;
    margin-bottom: 0
}

.login-content .login-form form .form-control,
.register-content .register-form form .form-control {
    background-color: #0b0517;
    color: #fff;
    border: none;
    transition: .5s;
    /* box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2) !important; */
    height: 55px;
    font-size: 15px
}

.login-content .login-form form .form-control::-moz-placeholder {
    -moz-transition: .5s;
    transition: .5s
}

.login-content .login-form form .form-control::placeholder {
    transition: .5s
}

.login-content .login-form form .form-control:focus::-moz-placeholder {
    color: transparent
}

.login-content .login-form form .form-control:focus::placeholder {
    color: transparent
}

.login-content .login-form form button,
.register-content .register-form form button {
    transition: .5s;
    display: block;
    width: 100%;
    padding: 13px 25px 12px;
    position: relative;
    background-color: #ff1949;
    color: #fff;
    box-shadow: 0 5px 28.5px 1.5px rgba(255, 97, 47, .2);
    border: 2px solid #ff1949;
    border-radius: 5px;
    font-size: 14.5px;
    font-weight: 600
}

.login-content .login-form form .forgot-password {
    text-align: right;
    margin-top: 20px
}

.login-content .login-form form .forgot-password a {
    display: inline-block;
    color: #ff1949;
    text-decoration: underline
}

.login-content .login-form form .connect-with-social button,
.register-content .register-form form .connect-with-social button {
    display: block;
    width: 100%;
    position: relative;
    border: 1px solid #ff1949;
    background-color: transparent;
    transition: .5s;
    padding: 12px 30px;
    border-radius: 2px;
    color: #ff1949;
    font-weight: 500
}

.login-content .login-form form .connect-with-social button i,
.register-content .register-form form .connect-with-social button i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    font-size: 20px
}

.login-content .login-form form .connect-with-social button.facebook,
.register-content .register-form form .connect-with-social button.facebook {
    border-color: #3b5998;
    color: #3b5998
}

.login-content .login-form form .connect-with-social button.facebook:hover,
.register-content .register-form form .connect-with-social button.facebook:hover {
    background-color: #3b5998;
    color: #fff;
    border-color: #3b5998
}

.login-content .login-form form .connect-with-social button.twitter,
.register-content .register-form form .connect-with-social button.twitter {
    margin-top: 10px;
    border-color: #1da1f2;
    color: #1da1f2
}

.login-content .login-form form .connect-with-social button.twitter:hover,
.register-content .register-form form .connect-with-social button.twitter:hover {
    background-color: #1da1f2;
    color: #fff;
    border-color: #1da1f2
}

.contact-info-box:hover .icon,
.login-content .login-form form .connect-with-social button:hover,
.myAccount-navigation ul li a.active,
.myAccount-navigation ul li a:hover,
.register-content .register-form form .connect-with-social button:hover {
    background-color: #ff1949;
    color: #fff;
    border-color: #ff1949
}

.register-image {
    height: 100%;
    width: 100%;
    background-image: url(../images/register-bg.jpg);
    background-repeat: no-repeat
}

.register-content .register-form form .form-control::-moz-placeholder {
    -moz-transition: .5s;
    transition: .5s
}

.register-content .register-form form .form-control::placeholder {
    transition: .5s
}

.register-content .register-form form .form-control:focus::-moz-placeholder {
    color: transparent
}

.register-content .register-form form .form-control:focus::placeholder {
    color: transparent
}

.register-content .register-form form .connect-with-social span {
    display: block;
    text-transform: uppercase;
    color: #727695;
    margin-bottom: 20px
}

.faq-accordion-tab .tabs {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 60px;
    text-align: center
}

.faq-accordion-tab .tabs li a {
    color: #252525;
    text-decoration: none;
    border-radius: 5px;
    padding: 20px;
    display: block;
    box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, .13) !important;
    font-size: 16px;
    font-weight: 600
}

.faq-accordion-tab .tabs li a i {
    font-size: 30px
}

.faq-accordion-tab .tabs li a span {
    display: block;
    margin-top: 8px
}

.faq-accordion .accordion {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}

.faq-accordion .accordion .accordion-item {
    border-radius: 5px;
    display: block;
    box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, .13) !important;
    background: #131228;
    margin-bottom: 15px
}

.faq-accordion .accordion .accordion-title {
    padding: 20px 25px 17px 60px;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 600
}

.faq-accordion .accordion .accordion-title i {
    position: absolute;
    left: 25px;
    top: 18px;
    font-size: 25px;
    transition: .5s
}

.faq-accordion .accordion .accordion-title.active i {
    transform: rotate(180deg)
}

.faq-accordion .accordion .accordion-content {
    display: none;
    position: relative;
    margin-top: -5px;
    padding-bottom: 20px;
    padding-right: 25px;
    padding-left: 60px
}

.coming-soon-area {
    height: 100vh;
    position: relative;
    z-index: 1;
    background: url(../images/coming-soon-bg.jpg) center center/cover no-repeat #f6f7fb
}

.coming-soon-content {
    max-width: 850px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    padding: 50px 60px 50px 30px;
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, .05);
    margin-left: auto;
    margin-right: auto
}

.coming-soon-content h2 {
    font-size: 37px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 0
}

.coming-soon-content #timer div {
    background-color: #333;
    color: #fff;
    width: 110px;
    height: 120px;
    border-radius: 5px;
    font-size: 38px;
    font-weight: 700
}

.coming-soon-content #timer div span {
    display: block;
    margin-top: -2px;
    font-size: 15px;
    font-weight: 500
}

.coming-soon-content form {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px
}

.coming-soon-content form .form-group {
    margin-bottom: 25px;
    width: 100%;
    position: relative
}

.coming-soon-content form .form-group .label-title i {
    position: absolute;
    left: 0;
    transition: .5s;
    top: 9px;
    font-size: 22px
}

.coming-soon-content form .form-group .input-newsletter {
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #eee;
    padding: 0 0 0 32px;
    color: #252525;
    height: 45px;
    display: block;
    width: 100%;
    transition: .5s;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 400
}

.coming-soon-content form .form-group .input-newsletter::-moz-placeholder {
    color: #a1a1a1;
    -moz-transition: .5s;
    transition: .5s
}

.coming-soon-content form .form-group .input-newsletter::placeholder {
    color: #a1a1a1;
    transition: .5s
}

.coming-soon-content form .form-group .input-newsletter:focus {
    padding-left: 2px
}

.coming-soon-content form .form-group .input-newsletter:focus::-moz-placeholder {
    color: transparent
}

.coming-soon-content form .form-group .input-newsletter:focus::placeholder {
    color: transparent
}

.coming-soon-content form .form-group .input-newsletter:focus+.label-title i {
    top: -22px
}

.coming-soon-content form .validation-danger {
    color: red;
    margin-top: 10px
}

.coming-soon-content form p {
    margin-bottom: 0;
    margin-top: 20px
}

.error-404-area {
    z-index: 1;
    background: #f8f8f8;
    position: relative;
    padding-top: 145px;
    padding-bottom: 145px
}

.error-404-area .notfound {
    position: relative;
    max-width: 520px;
    z-index: 1;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.error-404-area .notfound .notfound-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

.error-404-area .notfound .notfound-bg div {
    width: 100%;
    background: #fff;
    border-radius: 90px;
    height: 125px
}

.error-404-area .notfound .notfound-bg div:first-child {
    box-shadow: 5px 5px 0 0 #f3f3f3
}

.error-404-area .notfound .notfound-bg div:nth-child(2) {
    transform: scale(1.3);
    box-shadow: 5px 5px 0 0 #f3f3f3;
    position: relative;
    z-index: 10
}

.error-404-area .notfound .notfound-bg div:nth-child(3) {
    box-shadow: 5px 5px 0 0 #f3f3f3;
    position: relative;
    z-index: 90
}

.error-404-area .notfound h1 {
    background: url(../images/oops-bg.jpg) center/cover no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-size: 100px;
    font-weight: 900;
    margin-top: 0;
    margin-bottom: 10px
}

.error-404-area .notfound h3 {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 22px
}

.error-404-area .notfound p {
    color: #6084a4;
    margin-bottom: 20px;
    line-height: 1.7
}

.contact-area,
.contact-info-area,
.subscribe-area {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.contact-info-box {
    text-align: center;
    border-radius: 5px;
    transition: .5s;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    background: #151435;
    padding: 30px 60px
}

.contact-info-box .icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #f5f5f5;
    border-radius: 50%;
    font-size: 35px;
    color: #ff1949;
    transition: .5s;
    margin-bottom: 15px;
    position: relative
}

.blog-area.bg-image,
.business-coaching-banner,
.events-box .image,
.health-coaching-bg-image::before,
.program-area,
.single-banner-item,
.single-funfacts-box {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.contact-info-box .icon i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.contact-info-box p {
    margin-bottom: 2px
}

.contact-form {
    background-color: #151435;
    box-shadow: 0 8px 16px 0 rgb(24 26 28 / 20%);
    border-radius: 5px;
    padding: 50px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto
}

#contactForm .form-group .form-control {
    height: 50px;
    border-radius: 5px
}

#contactForm .form-group .form-control::-moz-placeholder {
    color: #727695;
    -moz-transition: .5s;
    transition: .5s
}

#contactForm .form-group .form-control::placeholder {
    color: #727695;
    transition: .5s
}

#contactForm .form-group .form-control:focus::-moz-placeholder {
    color: transparent
}

#contactForm .form-group .form-control:focus::placeholder {
    color: transparent
}

#contactForm .form-group textarea.form-control {
    height: auto
}

#contactForm .form-group .help-block.with-errors ul {
    color: red;
    margin-bottom: 0;
    margin-top: 10px
}

#contactForm .default-btn {
    border-radius: 30px;
    margin-top: 10px;
    box-shadow: 0 5px 28.5px 1.5px rgba(255, 25, 73, .2)
}

#contactForm .default-btn:focus,
#contactForm .default-btn:hover {
    box-shadow: 0 5px 28.5px 1.5px rgba(14, 181, 130, .2)
}

#contactForm #msgSubmit {
    margin: 0;
    font-size: 1.3rem
}

.contact-bg-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 65%;
    transform: translateY(-65%);
    text-align: center;
    z-index: -1;
    margin-left: auto;
    margin-right: auto
}

.go-top,
.myAccount-content .edit-account .form-group .nice-select::after {
    right: 15px
}

#map iframe {
    height: 550px;
    width: 100%;
    border: none;
    margin-bottom: -7px
}

.myAccount-profile {
    margin-bottom: 35px;
    border-radius: 5px;
    box-shadow: 0 0 40px 3px rgba(0, 0, 0, .04);
    background-color: #fff
}

.myAccount-profile .profile-content {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 30px
}

.myAccount-profile .profile-content h3 {
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 600
}

.myAccount-profile .profile-content .contact-info,
.myAccount-profile .profile-content .social {
    padding-left: 0;
    list-style-type: none;
    margin-top: 20px;
    margin-bottom: 0
}

.myAccount-profile .profile-content .contact-info li {
    margin-bottom: 10px;
    color: #727695;
    position: relative;
    padding-left: 25px
}

.myAccount-profile .profile-content .contact-info li i {
    font-size: 18px;
    position: absolute;
    left: 0;
    color: #252525;
    top: 1px
}

.myAccount-profile .profile-content .social li,
.single-footer-widget .social-link li {
    display: inline-block;
    margin-right: 2px
}

.myAccount-profile .profile-content .social li a {
    width: 30px;
    height: 30px;
    text-align: center;
    color: #ff1949;
    background-color: #f4f4f4;
    font-size: 18px;
    position: relative;
    border-radius: 2px
}

.myAccount-profile .profile-content .social li a i,
.single-footer-widget .social-link li a i {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    transform: translateY(-49%)
}

.myAccount-profile .profile-content .myAccount-logout {
    display: inline-block;
    margin-top: 20px;
    background-color: #d9534f;
    color: #fff;
    padding: 7px 20px 8px;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 500
}

.myAccount-profile .profile-content .myAccount-logout:hover {
    background-color: red;
    color: #fff
}

.myAccount-navigation ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    border-bottom: 1px solid #eee
}

.myAccount-navigation ul li {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -1px
}

.myAccount-navigation ul li a {
    display: block;
    padding: 9px 25px 9px 50px;
    color: #252525;
    border: 1px solid #eee;
    position: relative;
    border-radius: 3px 3px 0 0;
    font-size: 15px;
    font-weight: 600
}

.myAccount-navigation ul li a i {
    font-size: 18px;
    position: absolute;
    left: 25px;
    top: 47%;
    transform: translateY(-47%)
}

.myAccount-content p {
    margin-bottom: 10px
}

.myAccount-content p a {
    display: inline-block;
    color: #ff1949
}

.myAccount-content h3 {
    margin-top: 25px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 600
}

.myAccount-content .downloads-table .table thead th,
.myAccount-content .orders-table .table thead th,
.myAccount-content .recent-orders-table .table thead th {
    vertical-align: middle;
    border: 1px solid #dee2e6;
    white-space: nowrap;
    padding: 13px 20px 12px;
    color: #252525;
    font-size: 16px;
    font-weight: 600
}

.myAccount-content .downloads-table .table tbody td,
.myAccount-content .orders-table .table tbody td,
.myAccount-content .recent-orders-table .table tbody td {
    vertical-align: middle;
    border: 1px solid #dee2e6;
    white-space: nowrap;
    color: #252525;
    padding: 13px 20px 12px
}

.myAccount-content .downloads-table .table tbody td .downloads-button,
.myAccount-content .orders-table .table tbody td .view-button,
.myAccount-content .recent-orders-table .table tbody td .view-button {
    display: inline-block;
    background-color: #eaeaec;
    border-radius: 3px;
    padding: 6px 20px;
    font-size: 14px;
    font-weight: 600
}

.myAccount-content .edit-account {
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(146, 184, 255, .2);
    padding: 40px;
    border-radius: 5px
}

.myAccount-content .edit-account h3 {
    margin-top: 0;
    font-size: 20px
}

.myAccount-content .edit-account .form-group label {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500
}

.myAccount-content .edit-account .form-group label .required {
    color: red;
    font-size: 15px
}

.myAccount-content .edit-account .form-group span {
    font-size: 13.5px;
    color: #727695;
    display: inline-block
}

.myAccount-content .edit-account .form-group span em {
    margin-top: 5px;
    display: inline-block
}

.myAccount-content .edit-account .form-group .nice-select {
    background-color: #fff;
    border-radius: 3px;
    height: 48px;
    border: 1px solid #e6e9fc;
    line-height: 48px;
    color: #252525;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
    font-weight: 400
}

.myAccount-content .edit-account .form-group .nice-select span {
    font-size: 15px;
    color: #252525;
    display: block
}

.myAccount-content .edit-account .form-group .nice-select .list {
    border: 1px solid #e6e9fc;
    background-color: #fff;
    border-radius: 0;
    box-shadow: unset;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px
}

.myAccount-content .edit-account legend {
    display: block;
    margin-bottom: 15px;
    color: #727695;
    font-size: 20px;
    font-weight: 500
}

.myAccount-content .edit-account .default-btn {
    border-radius: 30px;
    margin-top: 5px;
    box-shadow: 0 5px 28.5px 1.5px rgba(255, 25, 73, .1)
}

.myAccount-content .edit-account .default-btn:focus,
.myAccount-content .edit-account .default-btn:hover {
    box-shadow: 0 5px 28.5px 1.5px rgba(14, 181, 130, .1)
}

.bg-dark .courses-box,
.faq-accordion-style-two.faq-accordion .accordion .accordion-item {
    box-shadow: unset !important;
    border-color: #463b5c
}

.myAccount-content .myAccount-addresses .addresses-title h3 {
    font-size: 18px;
    float: left;
    margin-top: 0;
    margin-bottom: 12px
}

.myAccount-content .myAccount-addresses .addresses-title .edit {
    float: right;
    display: block;
    background: #f9f9f9;
    padding: 4px 10px 2px;
    font-size: 13.5px;
    font-weight: 500
}

.myAccount-content .myAccount-addresses address {
    color: #727695;
    line-height: 1.8;
    margin-bottom: 0
}

.footer-area {
    background-color: #131228;
    padding-top: 65px
}

.single-footer-widget h3 {
    margin-bottom: 25px;
    color: #f22049;
    font-size: 20px;
    font-weight: 600
}

.single-footer-widget .contact-us-link {
    margin-bottom: 0;
    list-style-type: none;
    padding-left: 0;
    padding-right: 10px
}

.single-footer-widget .contact-us-link li {
    margin-bottom: 12px;
    color: #ccc;
    position: relative;
    padding-left: 25px
}

.single-footer-widget .contact-us-link li i {
    color: #f2203b;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 1px
}

.single-footer-widget .contact-us-link li a,
.single-footer-widget .support-link li a,
.single-footer-widget .useful-link li a {
    display: inline-block;
    color: #ccc
}

.single-footer-widget .support-link li,
.single-footer-widget .useful-link li {
    margin-bottom: 11px
}

.single-footer-widget .support-link li a:focus,
.single-footer-widget .support-link li a:hover,
.single-footer-widget .useful-link li a:focus,
.single-footer-widget .useful-link li a:hover {
    color: #ff1949;
    padding-left: 7px
}

.single-footer-widget .social-link li a {
    width: 30px;
    height: 30px;
    text-align: center;
    color: #ff1949;
    background-color: #fff;
    font-size: 18px;
    position: relative;
    border-radius: 2px
}

.single-footer-widget .newsletter-box p {
    color: #ccc;
    font-family: Poppins, sans-serif
}

.single-footer-widget .newsletter-box form label {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 15px
}

.single-footer-widget .newsletter-box form .input-newsletter {
    width: 100%;
    background-color: transparent;
    border: 1px solid #848282;
    border-radius: 5px;
    height: 43px;
    padding-left: 10px;
    color: #fff;
    font-size: 14px;
    transition: .5s
}

.single-footer-widget .newsletter-box form .input-newsletter::-moz-placeholder {
    color: #ccc
}

.single-footer-widget .newsletter-box form .input-newsletter::placeholder {
    color: #ccc
}

.single-footer-widget .newsletter-box form .input-newsletter:focus {
    padding-left: 12px;
    border-color: #ff1949
}

.single-footer-widget .newsletter-box form button {
    display: block;
    margin-top: .9rem;
    width: 100%;
    border-radius: .25rem;
    background-color: #ff1949;
    color: #fff;
    border: none;
    padding: 12px 25px;
    transition: .5s;
    font-weight: 500;
    font-size: 15px
}

.single-footer-widget .newsletter-box form #validator-newsletter {
    position: absolute;
    left: 0;
    bottom: -35px;
    color: #fff
}

.footer-bottom-area {
    margin-top: 29px;
    text-align: center;
    background-color: #fa1847;
    padding-top: 5px;
    padding-bottom: 5px;
}

.footer-bottom-area .logo,
.single-blog-post-card .post-content .tag {
    margin-bottom: 18px
}

.footer-bottom-area p {
    color: #fff;
    font-size: 17px;
}

.footer-bottom-area p i {
    position: relative;
    top: 1px
}

.footer-bottom-area p a {
    display: inline-block;
    font-weight: 600;
    color: #fff
}

.footer-bottom-area p a:focus,
.footer-bottom-area p a:hover {
    color: #ff1949;
    text-decoration: underline
}

.go-top {
    position: fixed;
    cursor: pointer;
    bottom: -42px;
    color: #fff;
    background-color: #ff1949;
    z-index: 4;
    width: 42px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    opacity: 0;
    visibility: hidden;
    font-size: 28px;
    transition: .5s;
    border-radius: 5px 5px 0 0
}

.go-top i {
    position: absolute;
    left: 0;
    right: 0;
    top: 55%;
    transform: translateY(-55%);
    transition: .3s
}

.go-top:hover i {
    margin-top: -3px
}

.become-box-area .container-fluid,
.feedback-area .container-fluid,
.health-coaching-banner .container-fluid,
.motivation-course-banner-area .container-fluid,
.motivation-featured-area.bg-fluid-black-color .container-fluid,
.navbar-area .container-fluid,
.top-header .container-fluid,
.training-course-banner-area .container-fluid {
    padding-left: 60px;
    padding-right: 60px
}

.header-area.header-color-white .top-header {
    background-color: transparent;
    border-bottom: 1px solid #343434
}

.header-area.header-color-white .top-header .top-header-social {
    border-left-color: #343434
}

.header-area.header-color-white .navbar-style-three .others-option .cart-wrapper-btn,
.header-area.header-color-white .navbar-style-three .others-option .search-box,
.header-area.header-color-white .navbar-style-three .raque-nav .navbar .navbar-nav .nav-item a {
    color: rgba(255, 255, 255, .87)
}

.header-area.header-color-white .navbar-style-three .others-option .language-switcher .dropdown-toggle {
    color: rgba(255, 255, 255, .87);
    transition: .5s
}

.single-banner-item {
    padding: 205px 175px
}

.single-banner-item.bg-1 {
    background-image: url(../images/main-banner1.jpg)
}

.single-banner-item.bg-2 {
    background-image: url(../images/main-banner2.jpg)
}

.single-banner-item h1 {
    max-width: 675px;
    margin-bottom: 35px;
    color: #005d40;
    font-size: 70px;
    font-weight: 700
}

.single-banner-item p {
    color: #252525;
    max-width: 590px;
    font-weight: 600;
    font-size: 16px
}

.health-coaching-banner-slides.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    font-size: 35px;
    line-height: 1;
    color: #005d40;
    background-color: transparent !important;
    transition: .5s;
    z-index: 1;
    padding: 0 0 0 6px !important
}

.health-coaching-banner-slides.owl-theme .owl-nav [class*=owl-]::before {
    width: 28px;
    height: 35px;
    content: "";
    position: absolute;
    left: 0;
    transition: .5s;
    top: 0;
    z-index: -1;
    border: 1px solid #005d40;
    border-radius: 2px
}

.health-coaching-banner-slides.owl-theme .owl-nav [class*=owl-].owl-next {
    left: auto;
    right: 40px;
    padding: 0 6px 0 0 !important
}

.owl-item.active .single-banner-item h1 {
    animation-delay: .7s
}

.owl-item.active .single-banner-item p {
    animation-delay: .9s
}

.owl-item.active .single-banner-item .default-btn {
    animation-delay: 1.1s
}

.health-coaching-bg-image::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 73.5%;
    z-index: -1;
    background-image: url(../images/bg-image.jpg)
}

.business-coaching-banner {
    position: relative;
    z-index: 1;
    padding-top: 50px;
    background-image: url(../images/banner-bg.jpg)
}

.business-coaching-banner .container {
    max-width: 1250px
}

.business-banner-content {
    z-index: 1;
    position: relative;
    padding: 70px
}

.business-banner-content .shape {
    position: absolute;
    left: -13%;
    top: 60%;
    transform: translateY(-60%);
    z-index: -1
}

.business-banner-content .shape img {
    max-width: 140%
}

.business-banner-content h1 {
    margin-bottom: 25px;
    font-size: 55px;
    font-weight: 700
}

.business-banner-content p {
    color: #606060;
    font-size: 16px;
    font-weight: 600
}

.business-shape1 {
    position: absolute;
    right: 5%;
    bottom: 0;
    z-index: -1
}

.business-shape1 img,
.health-coaching-shape3 img,
.lang-shape4 img {
    animation: 8s linear infinite movebounce3
}

.business-shape2 {
    position: absolute;
    left: 0;
    bottom: -80px;
    z-index: -1
}

.business-shape2 img,
.health-coaching-shape2 img {
    animation: 8s linear infinite movebounce2
}

.business-shape4 img,
.business-shape5 img,
.business-shape6 img,
.business-shape7 img,
.business-shape9 img,
.health-coaching-shape1 img,
.health-coaching-shape4 img,
.health-coaching-shape6 img {
    animation: 8s linear infinite movebounce
}

.business-shape3,
.business-shape6 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1
}

.services-box,
.single-services-box {
    margin-bottom: 30px;
    position: relative
}

.single-featured-box {
    margin-bottom: 30px;
    text-align: center;
    border: 1px dashed #6ba292;
    border-radius: 5px;
    padding: 40px 30px;
    transition: .5s
}

.single-featured-box .icon,
.single-services-box .icon {
    background-color: #fff;
    border-radius: 50%;
    transition: .5s
}

.single-featured-box .icon {
    width: 110px;
    height: 110px;
    line-height: 110px;
    font-size: 65px;
    color: #005d40;
    margin-left: auto;
    margin-bottom: 25px;
    margin-right: auto
}

.single-featured-box h3 {
    margin-bottom: 15px;
    color: #fff;
    transition: .5s;
    font-size: 24px;
    font-weight: 700
}

.single-featured-box p {
    transition: .5s;
    color: #fff
}

.single-featured-box .link-btn {
    display: inline-block;
    color: #ff1949;
    font-weight: 600;
    margin-top: 5px
}

.single-featured-box:hover {
    background-color: #fff;
    border-color: #fff
}

.single-featured-box:hover .icon {
    color: #fff;
    background-color: #005d40
}

.services-area .section-title h2 {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto
}

.single-services-box {
    padding-left: 92px
}

.single-services-box .icon {
    width: 70px;
    height: 70px;
    line-height: 69px;
    font-size: 40px;
    color: #005d40;
    text-align: center;
    border: 1px solid #d0e1dc;
    position: absolute;
    left: 0;
    top: 2px
}

.single-services-box h3 {
    margin-bottom: 13px;
    font-size: 24px;
    font-weight: 700
}

.single-services-box:hover .icon {
    background-color: #005d40;
    color: #fff;
    border-color: #005d40
}

.services-box {
    border: 4px solid #fbf1f2;
    border-radius: 5px;
    padding: 30px 30px 30px 90px;
    transition: .5s
}

.courses-box,
.single-courses-box-item,
.single-program-box {
    border-radius: 5px;
    box-shadow: 0 8px 16px 0 rgb(20 20 20 / 20%);
    margin-bottom: 30px
}

.services-box .icon {
    position: absolute;
    left: 30px;
    top: 32px;
    color: #252525;
    font-size: 40px;
    transition: .5s;
    line-height: 1
}

.services-box h3 {
    margin-bottom: 8px;
    transition: .5s;
    font-size: 22px;
    font-weight: 700
}

.services-box p {
    transition: .5s
}

.services-box:hover {
    border-color: #ff1949;
    background-color: #ff1949;
    color: #fff
}

.courses-info-wrap,
.services-btn {
    text-align: center;
    margin-top: 10px
}

@keyframes border-transform {

    0%,
    100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }

    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}

.health-coaching-shape1 {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: -1
}

.health-coaching-shape2 {
    position: absolute;
    left: 0;
    bottom: 8px;
    z-index: -1
}

@keyframes movebounce {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(20px)
    }
}

@keyframes movebounce2 {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-20px)
    }
}

.experience-content h2 {
    margin-bottom: 15px;
    font-size: 37px;
    font-weight: 700
}

.experience-content .features-list {
    padding-left: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin: 5px -15px 0
}

.experience-content .features-list li {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px
}

.experience-content .features-list li span {
    display: block;
    color: #252525;
    position: relative;
    font-weight: 600;
    padding-left: 40px;
    padding-top: 5px
}

.experience-content .features-list li span i {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background-color: #a3c5bb;
    z-index: 1;
    border-radius: 50%;
    font-size: 20px;
    transition: .5s
}

.experience-content .features-list li span i::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #005d40;
    border-radius: 50%;
    z-index: -1;
    margin: 2px 1px 1px 2px;
    transition: .5s
}

.experience-content .features-list li span:hover i {
    background-color: #ff1949;
    color: #ff1949
}

/*.experience-image {*/
/*    text-align: right;*/
/*    position: relative;*/
/*    z-index: 1;*/
/*    padding-top: 30px;*/
/*    padding-left: 30px;*/
/*    padding-bottom: 30px*/
/*}*/

/*.experience-image::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    z-index: -1;*/
/*    background-color: #fff;*/
/*    margin-right: 30px*/
/*}*/

.program-area::after,
.program-area::before {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -2;
    content: ""
}

.health-coaching-shape3 {
    position: absolute;
    left: 8px;
    bottom: 0;
    z-index: -1
}

.health-coaching-shape4 {
    position: absolute;
    right: 3%;
    top: 65%;
    transform: translateY(-65%);
    z-index: -1
}

.health-coaching-shape4 img {
    max-width: 300px
}

@keyframes movebounce3 {

    0%,
    100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(20px)
    }
}

.program-area {
    position: relative;
    z-index: 1;
    background-image: url(../img/certification-bg.jpg)
}

.program-area .section-title h2 {
    max-width: 585px;
    color: #fff;
    line-height: 1.4;
    margin-left: auto;
    margin-right: auto
}

.program-area::before {
    left: 0;
    top: 0;
    background-color: #0b0517;
    opacity: .79;
}

.program-area::after {
    left: 0;
    height: 32%;
    background-color: #0b0517;
}

.single-program-box {
    text-align: center;
    padding: 40px 30px;
    position: relative;
    z-index: 1;
    background-color: #100f1f;
    min-height: 256px;
    border: 1px dashed #12266d;
}

.single-program-box .icon {
    font-size: 60px;
    line-height: 1;
    color: #005d40;
    margin-bottom: 20px
}

.single-program-box h3 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 700
}

.single-program-box .link-btn {
    display: inline-block;
    color: #ff1949;
    margin-top: 5px;
    font-size: 15px;
    font-weight: 600
}

.single-program-box .link-btn:hover {
    color: #005d40
}

.health-coaching-shape8,
.single-program-box .shape {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.health-coaching-shape5 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    bottom: 4%
}

.health-coaching-shape5 img {
    animation-name: rotateMe;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.courses-box,
.single-courses-box-item {
    position: relative;
    background-color: #fff
}

.courses-box .courses-image,
.single-courses-box-item .courses-image {
    border-radius: 5px 5px 0 0;
    position: relative;
    z-index: 1
}

.courses-box .courses-image .fav,
.single-courses-box-item .courses-image .fav {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
    font-size: 30px;
    line-height: 1
}

.single-courses-box-item .courses-image .price {
    display: inline-block;
    background-color: #005d40;
    color: #fff;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    bottom: -32.5px;
    text-align: center;
    line-height: 67px;
    font-size: 24px;
    font-weight: 600
}

.single-courses-box-item .courses-content {
    border-radius: 0 0 5px 5px;
    padding: 25px
}

.courses-box .courses-content .course-author img,
.single-blog-post-box .post-content .post-content-footer li .post-author img,
.single-courses-box-item .courses-content .course-author img {
    width: 35px;
    height: 35px;
    margin-right: 10px
}

.single-courses-box-item .courses-content h3 {
    margin-bottom: 12px;
    line-height: 1.4;
    font-size: 24px;
    font-weight: 700
}

.courses-box .courses-image .price {
    display: inline-block;
    background-color: #ff1949;
    color: #fff;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    bottom: -32.5px;
    border: 4px solid #f8e8e9;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    font-weight: 600
}

.courses-box .courses-content {
    border-radius: 0 0 5px 5px;
    padding: 30px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.courses-box .courses-content h3 {
    margin-bottom: 12px;
    line-height: 1.4;
    font-size: 22px;
    font-weight: 700
}

.courses-box .courses-content .courses-box-footer,
.single-blog-post-box .post-content .post-content-footer {
    list-style-type: none;
    padding-left: 0;
    margin: 20px -7px 0
}

.courses-box .courses-content .courses-box-footer li,
.single-blog-post-box .post-content .post-content-footer li {
    color: #727695;
    font-size: 15px;
    position: relative;
    padding-left: 26px;
    padding-right: 7px
}

.courses-box .courses-content .courses-box-footer li i {
    color: #ff1949;
    position: absolute;
    left: 7px;
    top: 3px;
    line-height: 1
}

.courses-box .courses-content .courses-box-footer li i.flaticon-people {
    font-size: 18px;
    left: 3px
}

.courses-box .courses-content::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    z-index: -1;
    background-color: #ff1949
}

.courses-info {
    text-align: center;
    margin-top: 20px
}

.courses-info p,
.courses-info-wrap p {
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0
}

.courses-info p a,
.courses-info-wrap p a,
.feedback-slides-content .feedback-info p a {
    color: #ff1949;
    font-weight: 600
}

.courses-info p a:hover,
.courses-info-wrap p a:hover {
    text-decoration: underline;
    color: #252525
}

.feedback-area.bg-f8fafb::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 70%;
    z-index: -1;
    background-color: #f8fafb
}

.feedback-content p {
    font-size: 28px;
    color: #252525
}

.feedback-content .client-info img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.feedback-content .client-info .title,
.single-feedback-slides-item .client-info .title,
.testimonials-wrap-slides-item .client-info .title {
    margin-left: 15px
}

.feedback-content .client-info .title h3 {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600
}

.feedback-content .client-info .title span,
.testimonials-wrap-slides-item .review-stars-rated i {
    color: #ff1949;
    font-size: 14px
}

.feedback-content::before {
    content: "\f10e";
    position: absolute;
    right: 30px;
    bottom: -23px;
    line-height: 1;
    z-index: -1;
    color: #005d40;
    opacity: .5;
    font-family: Flaticon;
    font-size: 150px
}

.single-events-box-item {
    transition: .5s;
    background-color: #fff;
    margin-bottom: 30px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05)
}

.single-events-box-item .image {
    position: relative;
    border-radius: 5px 5px 5px 0
}

.single-events-box-item .image img {
    border-radius: 5px 5px 5px 0
}

.single-events-box-item .image .date {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    background-color: #005d40;
    color: #fff;
    padding: 9px 20px 7px;
    border-radius: 0 5px 0 0;
    font-weight: 500
}

.single-events-box-item .content {
    border-radius: 0 0 5px 5px;
    padding: 20px;
    position: relative
}

.single-events-box-item .content h3 {
    margin-bottom: 0;
    line-height: 1.3;
    font-size: 24px;
    font-weight: 700
}

.single-events-box-item .content .location {
    display: block;
    color: #727695;
    margin-top: 13px;
    position: relative;
    padding-left: 22px
}

.single-events-box-item .content .location i {
    color: #ff1949;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 18px
}

.events-box {
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 5px
}

.events-box .image {
    height: 100%;
    border-radius: 5px;
    position: relative
}

.events-box .image.bg1 {
    background-image: url(../images/events-img1.jpg)
}

.events-box .image.bg2 {
    background-image: url(../images/events-img2.jpg)
}

.events-box .image.bg3 {
    background-image: url(../images/events-img3.jpg)
}

.events-box .image.bg4 {
    background-image: url(../images/events-img4.jpg)
}

.events-box .image img {
    display: none;
    border-radius: 5px
}

.events-box .image .divider-shape {
    position: absolute;
    z-index: 1;
    top: 0;
    height: 100%;
    width: 2vw;
    max-width: 72px;
    right: -1px;
    pointer-events: none;
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,99 50,99 C66.6666667,99 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff' fill-rule='evenodd' transform='translate(50.000000, 50.000000) rotate(-90.000000) translate(-50.000000, -50.000000)' /%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,99 50,99 C66.6666667,99 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff' fill-rule='evenodd' transform='translate(50.000000, 50.000000) rotate(-90.000000) translate(-50.000000, -50.000000)' /%3e%3c/svg%3e");
    -webkit-mask-size: 100% 101%;
    mask-size: 100% 101%;
    background-color: #fff
}

.events-box .content .date {
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    padding: 6px 15px;
    background-color: #ff1949
}

.events-box .content .date span {
    color: #fff;
    font-weight: 500
}

.events-box .content h3 {
    margin-bottom: 10px;
    line-height: 1.3;
    font-size: 22px;
    font-weight: 700
}

.events-box .content .location {
    display: block;
    color: #727695;
    margin-top: 10px;
    position: relative;
    padding-left: 22px;
    font-weight: 500
}

.events-box .content .location i {
    color: #ff1949;
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 18px
}

.health-coaching-shape6 {
    position: absolute;
    right: 5%;
    top: 8%;
    z-index: -1
}

.health-coaching-shape7 {
    position: absolute;
    z-index: -1;
    left: 20px;
    bottom: 20px
}

.health-coaching-shape7 img {
    animation: 8s linear infinite movebounce;
    max-width: 150px
}

.blog-area.bg-image {
    background-image: url(../images/bg-image2.jpg)
}

.single-blog-post-box {
    margin-bottom: 30px;
    position: relative
}

.single-blog-post-box .post-image a {
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.single-blog-post-box .post-image a img {
    border-radius: 5px 5px 0 0;
    transition: .5s
}

.single-blog-post-box .post-content {
    background-color: #fffaf3;
    padding: 25px
}

.single-blog-post-box .post-content .category {
    display: inline-block;
    margin-bottom: 7px;
    color: #727695;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500
}

.single-blog-post-box .post-content h3 {
    margin-bottom: 12px;
    line-height: 1.4;
    font-size: 25px;
    font-weight: 600
}

.single-blog-post-box .post-content .post-content-footer li .post-author span {
    color: #ff1949;
    font-weight: 500;
    font-size: 15px
}

.single-blog-post-box .post-content .post-content-footer li i {
    color: #ff1949;
    position: absolute;
    left: 7px;
    top: 3px
}

.single-blog-post-box .post-content .post-content-footer li:first-child {
    padding-left: 7px
}

.single-blog-post-box.without-bg-color .post-content {
    padding: 25px 0 0;
    background-color: transparent
}

.single-blog-post-box:hover .post-image a img {
    transform: rotate(5deg) scale(1.3)
}

.blog-post-info {
    text-align: center;
    margin-top: 15px
}

.blog-post-info p {
    max-width: 600px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0
}

.blog-post-info p a {
    font-weight: 600;
    text-decoration: underline;
    color: #fff
}

.premium-access-content,
.subscribe-content {
    text-align: center;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto
}

.subscribe-content .sub-title {
    text-transform: uppercase;
    display: block;
    color: #ff1949;
    font-weight: 500;
    margin-bottom: 8px
}

.subscribe-content h2 {
    max-width: 615px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 37px;
    font-weight: 700
}

.premium-access-content p,
.subscribe-content p {
    max-width: 615px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px
}

.subscribe-content .newsletter-form {
    position: relative;
    max-width: 650px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto
}

.subscribe-content .newsletter-form .input-newsletter {
    display: block;
    width: 100%;
    border: none;
    background-color: #ebebeb;
    color: #252525;
    height: 50px;
    border-radius: 5px;
    padding-left: 18px;
    padding-top: 2px;
    font-size: 15px;
    font-weight: 400
}

.subscribe-content .newsletter-form .input-newsletter::-moz-placeholder {
    color: #999;
    -moz-transition: .5s;
    transition: .5s
}

.subscribe-content .newsletter-form .input-newsletter::placeholder {
    color: #999;
    transition: .5s
}

.subscribe-content .newsletter-form .input-newsletter:focus::-moz-placeholder {
    color: transparent
}

.subscribe-content .newsletter-form .input-newsletter:focus::placeholder {
    color: transparent
}

.subscribe-content .newsletter-form .validation-danger {
    color: red;
    margin-top: 15px
}

.subscribe-content .newsletter-form .default-btn {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 5px 5px 0;
    height: 50px
}

.health-coaching-shape8 img {
    max-width: 325px
}

.health-coaching-shape9 {
    position: absolute;
    right: 7%;
    top: 30%;
    z-index: -1
}

.health-coaching-shape9 img {
    animation: 8s linear infinite movebounce;
    max-width: 200px
}

.premium-access-content h2 {
    max-width: 615px;
    font-size: 37px;
    font-weight: 700;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto
}

.distance-learning-content {
    padding-left: 15px;
    margin-top: 20px
}

.distance-learning-content .sub-title,
.online-content .sub-title,
.why-choose-us-content .content .sub-title,
.why-choose-us-text .sub-title {
    display: block;
    text-transform: uppercase;
    color: #ff1949;
    margin-bottom: 12px;
    font-weight: 500
}

.distance-learning-content h2,
.online-content h2,
.why-choose-us-content .content h2,
.why-choose-us-text h2 {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 700
}

.distance-learning-content .features-list,
.why-choose-us-content .content .features-list,
.why-choose-us-text .features-list {
    padding-left: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px
}

.distance-learning-content .features-list li,
.why-choose-us-content .content .features-list li,
.why-choose-us-text .features-list li {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 16px
}

.distance-learning-content .features-list li span,
.why-choose-us-content .content .features-list li span {
    display: block;
    position: relative;
    color: #252525;
    font-size: 16px;
    font-weight: 700;
    padding-left: 50px;
    padding-top: 5px;
    padding-bottom: 5px
}

.distance-learning-content .features-list li span i,
.why-choose-us-content .content .features-list li span i,
.why-choose-us-text .features-list li span i {
    position: absolute;
    left: 0;
    top: -2px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    font-weight: 500;
    line-height: 40px;
    color: #ff1949;
    font-size: 25px;
    background-image: url(../images/circle-border.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.business-shape4,
.business-shape7 {
    position: absolute;
    right: 50px;
    bottom: 50px;
    z-index: -1
}

.business-shape5 {
    position: absolute;
    left: 50px;
    bottom: 50px;
    z-index: -1
}

.business-shape8,
.lang-shape3,
.why-choose-us-img .shape {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

.business-shape8 img {
    animation: 8s linear infinite movebounce2;
    max-width: 150px
}

.business-shape9 {
    position: absolute;
    z-index: -1;
    left: 15%;
    top: 35%
}

.business-shape10 {
    position: absolute;
    right: 15%;
    top: 25%;
    z-index: -1
}

.business-shape10 img,
.why-choose-us-img .shape img {
    animation-name: rotateMe;
    animation-duration: 40s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.lang-shape1 img,
.lang-shape2 img,
.lang-shape3 img {
    animation: 8s linear infinite movebounce2
}

.faq-video {
    position: relative;
    z-index: 1;
    border-radius: 5px;
    text-align: center
}

.faq-video .video-btn {
    display: inline-block;
    width: 80px;
    height: 80px;
    font-size: 60px;
    text-align: center;
    line-height: 90px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%) translateX(-50%);
    background-color: #ff1949;
    border-radius: 50%;
    color: #fff
}

.faq-video .video-btn::after,
.faq-video .video-btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    transition: .5s;
    border-radius: 50%;
    border: 1px solid #fff
}

.faq-video .video-btn:hover {
    color: #ff1949;
    background-color: #fff
}

.faq-accordion-style-two.faq-accordion .accordion .accordion-title {
    padding: 16px 15px 14px 45px
}

.faq-accordion-style-two.faq-accordion .accordion .accordion-title i {
    left: 13px;
    top: 14px;
    font-size: 25px
}

.faq-accordion-style-two.faq-accordion .accordion .accordion-content {
    padding-bottom: 18px;
    padding-right: 15px;
    padding-left: 45px
}

.funfacts-list .row .col-lg-6:first-child .single-funfacts-box {
    margin-top: 60px;
    margin-bottom: 30px
}

.funfacts-list .row .col-lg-6:nth-child(4) .single-funfacts-box {
    margin-top: -60px
}

.single-funfacts-box {
    text-align: center;
    border: 5px solid #222051;
    border-radius: 85px;
    margin-bottom: 30px;
    /* background-image: url(../images/funfacts-bg.jpg); */
    padding: 65px 16px;
    background: #141331;
}

.single-funfacts-box h3,
.single-funfacts-item h3 {
    margin-bottom: 0;
    color: #ff1949;
    font-size: 44px;
    font-weight: 800
}

.single-funfacts-box h3 span,
.single-funfacts-item h3 span {
    font-size: 48px
}

.single-funfacts-box h3 .odometer,
.single-funfacts-item h3 .odometer {
    position: relative;
    top: -2px
}

.single-funfacts-box p {
    text-transform: uppercase;
    color: #252525;
    line-height: 1;
    margin-top: 10px;
    font-weight: 700;
    font-size: 15px
}

.feedback-slides-content .sub-title {
    display: block;
    text-transform: uppercase;
    color: #ff1949;
    margin-bottom: 10px
}

.feedback-slides-content h2 {
    margin-bottom: 0;
    font-size: 37px;
    font-weight: 700
}

.feedback-slides-content .feedback-info p a:hover {
    text-decoration: underline;
    color: #0eb582
}

.feedback-slides-content .feedback-slides-two {
    margin-top: 30px;
    margin-bottom: 30px
}

.single-feedback-slides-item {
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding: 50px 70px 50px 50px;
    border-radius: 5px;
    overflow: hidden
}

.single-feedback-slides-item p {
    color: #606060;
    line-height: 1.8;
    font-size: 15px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0
}

.single-feedback-slides-item .client-info img {
    width: 55px;
    height: 55px
}

.single-feedback-slides-item .client-info .title h3 {
    margin-bottom: 0;
    color: #ff1949;
    font-size: 18px;
    font-weight: 600
}

.single-feedback-slides-item .client-info .title span {
    display: block;
    color: #727695;
    font-size: 14px;
    margin-top: 4px
}

.single-feedback-slides-item::after {
    width: 75px;
    height: 75px;
    content: "";
    border-radius: 50%;
    background-color: #ff1949;
    position: absolute;
    left: -25px;
    top: -25px;
    z-index: -1
}

.single-feedback-slides-item::before {
    content: "\f10e";
    font-family: Flaticon;
    font-size: 100px;
    position: absolute;
    right: 50px;
    color: #e8e8e8;
    z-index: -1;
    bottom: 25px;
    line-height: 1
}

.feedback-slides-two.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.feedback-slides-two.owl-theme .owl-dots .owl-dot span {
    margin: 3px 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: transparent !important;
    border: 1px solid #a8a8a8;
    position: relative;
    transition: .5s
}

.feedback-slides-two.owl-theme .owl-dots .owl-dot span::before,
.gym-home-slides.owl-theme .owl-dots .owl-dot span::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    border-radius: 50%;
    margin: 2px;
    transition: .5s
}

.language-banner-area {
    position: relative;
    z-index: 1;
    padding-top: 20px;
    background-color: #f8e8e9;
    background-image: url(../images/banner-bg_1.jpg);
    background-position: bottom left;
    background-size: cover;
    background-repeat: no-repeat
}

.app-area,
.free-trial-area,
.gym-feedback-area,
.gym-main-banner,
.single-funfacts-item,
.why-choose-us-area-two,
.why-choose-us-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.language-banner-area .container-fluid {
    max-width: 1275px
}

.language-banner-content {
    padding-right: 10px
}

.language-banner-content h1 {
    margin-bottom: 15px;
    font-size: 55px;
    font-weight: 700
}

.language-banner-image {
    text-align: center;
    position: relative;
    top: 15px
}

.lang-shape1 {
    position: absolute;
    left: 0;
    top: 16%;
    z-index: -1
}

.lang-shape1 img {
    max-width: 100px
}

.lang-shape2 {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

.lang-shape2 img {
    max-width: 170px
}

.lang-shape3 img {
    max-width: 250px
}

.lang-shape4 {
    position: absolute;
    right: 5%;
    top: 30%;
    z-index: -1
}

.lang-shape5 {
    position: absolute;
    left: 1%;
    bottom: 0;
    z-index: -1
}

.free-trial-area,
.free-trial-form,
.single-feedback-box,
.why-choose-us-img {
    position: relative;
    z-index: 1
}

.lang-shape5 img {
    animation: 8s linear infinite movebounce3;
    max-width: 350px
}

.single-language-courses-box {
    margin-bottom: 30px;
    text-align: center;
    background-color: #f9f9f9;
    border-radius: 5px
}

.single-language-courses-box .content h3 {
    text-transform: uppercase;
    margin-bottom: 12px;
    font-size: 22px;
    font-weight: 700
}

.single-language-courses-box .content .link-btn {
    display: inline-block;
    color: #ff1949;
    font-weight: 600
}

.why-choose-us-image {
    height: 100%;
    background-image: url(../images/why-choose-us.jpg)
}

.why-choose-us-content {
    padding: 120px 30px 120px 100px
}

.why-choose-us-content .content {
    max-width: 455px
}

.why-choose-us-area-two {
    background-image: url(../images/bg-shape.jpg)
}

.why-choose-us-img {
    overflow: hidden;
    text-align: center;
    margin-right: 15px
}

.why-choose-us-text .features-list li span {
    display: block;
    position: relative;
    color: #d4d4d4;
    font-size: 16px;
    font-weight: 700;
    padding-left: 50px;
    padding-top: 5px;
    padding-bottom: 5px
}

.free-trial-form .sub-title,
.information-content .sub-title {
    display: block;
    text-transform: uppercase;
    color: #ff1949;
    margin-bottom: 10px;
    font-weight: 500
}

.information-content h2 {
    margin-bottom: 40px;
    font-size: 37px;
    font-weight: 700
}

.information-content .apply-details li {
    position: relative;
    margin-top: 30px;
    padding-left: 108px
}

.information-content .apply-details li .icon {
    width: 85px;
    height: 85px;
    line-height: 84px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ff1949;
    color: #fff;
    font-size: 40px;
    text-align: center;
    transition: .5s
}

.information-content .apply-details li h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700
}

.free-trial-area {
    padding-top: 130px;
    padding-bottom: 130px;
    background-image: url(../images/free-trial-bg.jpg)
}

.free-trial-form {
    margin-left: auto;
    max-width: 600px;
    background-color: #f3f3f3;
    padding: 50px;
    border-radius: 5px
}

.free-trial-form::before {
    transform: rotate(6.5deg);
    content: "";
    position: absolute;
    border-radius: 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(243, 243, 243, .85);
    transition: .5s;
    z-index: -2
}

.free-trial-form::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-radius: 5px;
    bottom: 0;
    background-color: #f3f3f3;
    z-index: -1
}

.free-trial-form h2 {
    margin-bottom: 25px;
    font-size: 37px;
    font-weight: 700
}

.free-trial-form form .form-control {
    border: none;
    padding-top: 2px;
    padding-left: 15px
}

.free-trial-form form .form-control::-moz-placeholder {
    -moz-transition: .5s;
    transition: .5s
}

.free-trial-form form .form-control::placeholder {
    transition: .5s
}

.free-trial-form form .form-control:focus::-moz-placeholder {
    color: transparent
}

.free-trial-form form .form-control:focus::placeholder {
    color: transparent
}

.free-trial-form form button {
    display: block;
    width: 100%;
    background-color: #ff1949;
    color: #fff;
    border: none;
    transition: .5s;
    border-radius: 5px;
    margin-top: 20px;
    font-size: 14.5px;
    font-weight: 700;
    padding: 15px 25px 14px
}

.free-trial-form:hover::before {
    transform: rotate(-6.5deg)
}

.feedback-area-two .feedback-slides.owl-theme .owl-nav [class*=owl-] {
    opacity: 1;
    visibility: visible;
    left: 0;
    width: auto;
    height: auto;
    line-height: 1;
    border: none;
    font-size: 40px;
    color: #9d9d9d !important;
    background-color: transparent !important;
    box-shadow: unset !important
}

.feedback-area-two .feedback-slides.owl-theme .owl-nav [class*=owl-].owl-next {
    left: auto;
    right: 30px
}

.feedback-area-two .feedback-slides.owl-theme .owl-nav [class*=owl-]:hover {
    color: #ff1949 !important
}

.feedback-area-two .feedback-slides.owl-theme .single-feedback-box {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto
}

.feedback-image {
    text-align: center;
    margin-top: 30px
}

.single-feedback-box {
    text-align: center;
    margin-top: 25px
}

.single-feedback-box p {
    margin-bottom: 0;
    font-size: 19px;
    color: #606060
}

.single-feedback-box .info {
    margin-top: 25px;
    text-align: left
}

.single-feedback-box .info img {
    width: 55px !important;
    display: inline-block !important;
    height: 55px;
    border-radius: 50%;
    margin-right: 7px
}

.single-feedback-box .info .title {
    margin-left: 7px
}

.single-feedback-box .info .title h3 {
    margin-bottom: 5px;
    color: #ff1949;
    font-size: 17px;
    font-weight: 700
}

.single-feedback-box .info .title p {
    color: #606060;
    font-size: 14px
}

.single-feedback-box::before {
    content: "\f10e";
    position: absolute;
    left: -70px;
    top: -35px;
    line-height: 1;
    z-index: -1;
    color: #151428;
    opacity: .8;
    opacity: .5;
    font-family: Flaticon;
    font-size: 110px
}

.bg-dark {
    background-color: #000 !important;
    color: #fff
}

.bg-dark .courses-box .courses-content .courses-box-footer li,
.bg-dark p {
    color: #d4d4d4
}

.bg-dark.bg-0b0517 {
    background-color: #0b0517 !important
}

.bg-dark.bg-100f1f {
    background-color: #100f1f !important
}

.bg-dark .courses-box {
    background-color: #100f1f
}

.bg-dark .courses-box .courses-image .price {
    border-color: #100f1f
}

.bg-370920 {
    background-color: #370920
}

.online-image,
.single-gym-feedback-box {
    text-align: center;
    position: relative;
    z-index: 1
}

.gym-shape1 {
    position: absolute;
    top: 18%;
    left: 13%;
    z-index: -1
}

.app-area::before,
.gym-shape2 {
    position: absolute;
    left: 0;
    z-index: -1;
    bottom: 0
}

.gym-shape1 img {
    animation: 6s linear infinite movebounce2
}

.gym-shape2 img {
    animation: 6s linear infinite movebounce3
}

.online-content {
    margin-top: 100px
}

.app-area {
    position: relative;
    z-index: 1;
    background-image: url(../images/app-bg.jpg)
}

.app-area::before {
    content: "";
    right: 0;
    top: 0;
    background-color: #100f1f;
    opacity: .88
}

.app-area .overlay,
.app-area::after {
    left: 0;
    background-color: #0b0517;
    right: 0;
    height: 50px;
    z-index: -1;
    position: absolute
}

.app-area .overlay {
    top: 0
}

.app-area::after {
    bottom: 0;
    content: ""
}

.app-content .sub-title {
    display: block;
    text-transform: uppercase;
    color: #ff1949;
    margin-bottom: 10px;
    font-weight: 600
}

.app-content h2 {
    margin-bottom: 20px;
    line-height: 1.4;
    font-size: 37px;
    font-weight: 700
}

.single-gym-trainer {
    text-align: center;
    margin-bottom: 30px
}

.single-gym-trainer .content span {
    display: block;
    font-weight: 600;
    color: #ff1949;
    margin-bottom: 9px
}

.single-gym-trainer .content h3 {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 700
}

.single-gym-trainer .content .social-link li {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px
}

.single-gym-trainer .content .social-link li a {
    width: 40px;
    height: 40px;
    background-color: #100f1f;
    color: #78777e;
    font-size: 22px;
    position: relative
}

.gym-feedback-area {
    background-image: url(../images/feedback-bg.jpg)
}

.gym-feedback-inner {
    background-color: #000;
    max-width: 650px;
    margin-left: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 100px 50px
}

.gym-feedback-inner::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 63%;
    transform: translateY(-63%);
    width: 55px;
    height: 55px;
    border-radius: 50%;
    z-index: -1;
    background-color: #ff1949
}

.gym-feedback-inner .feedback-slides-two.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 25px;
    position: relative;
    right: 0;
    top: 0;
    transform: translateY(0)
}

.gym-feedback-inner .feedback-slides-two.owl-theme .owl-dots .owl-dot span {
    margin: 0 4px
}

.single-gym-feedback-box img {
    width: 90px !important;
    height: 90px;
    display: inline-block !important;
    margin-bottom: 25px;
    border-radius: 50%
}

.single-gym-feedback-box p {
    color: #d4d4d4;
    line-height: 1.8
}

.single-gym-feedback-box .title h3 {
    margin-bottom: 5px;
    color: #ff1949;
    font-size: 18px;
    font-weight: 700
}

.single-gym-feedback-box .title span {
    color: #d4d4d4;
    font-size: 14px
}

.single-gym-feedback-box::before {
    content: "\f10e";
    position: absolute;
    right: 30px;
    bottom: 0;
    line-height: 1;
    z-index: -1;
    color: #21071c;
    opacity: .9;
    font-family: Flaticon;
    font-size: 100px
}

.learning-area .section-title h2 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

.single-learning-box {
    margin-bottom: 30px;
    border: 1px solid #2b2635;
    border-radius: 5px;
    padding: 25px 25px;
    text-align: center
}

.single-learning-box .icon {
    margin-bottom: 25px;
    line-height: 1;
    color: #ff1949;
    font-size: 50px
}

.single-learning-box h3 {
    margin-bottom: 12px;
    font-size: 22px;
    font-weight: 700
}

.single-learning-box .link-btn {
    display: inline-block;
    font-weight: 500;
    color: #ff1949;
    margin-top: 2px
}

.funfacts-style-three .row .col-lg-3:nth-child(2) .single-funfacts-item {
    background-image: url(../images/funfacts-bg2.png)
}

.funfacts-style-three .row .col-lg-3:nth-child(3) .single-funfacts-item {
    background-image: url(../images/funfacts-bg3.png)
}

.funfacts-style-three .row .col-lg-3:nth-child(4) .single-funfacts-item {
    background-image: url(../images/funfacts-bg4.png)
}

.single-funfacts-item {
    border-right: 1px solid #0b0517;
    text-align: center;
    background-image: url(../images/funfacts-bg1.png);
    padding-top: 80px;
    padding-bottom: 80px;
}

.single-funfacts-item p {
    text-transform: uppercase;
    line-height: 1;
    margin-top: 10px;
    font-weight: 700;
    font-size: 15px
}

.gym-main-banner {
    padding-top: 185px;
    padding-bottom: 100px;
}

.gym-main-banner.bg-1 {
    /* background-image: url(../images/gym-main-banner1.jpg) */
    background-image: url(../img/banner-1.jpg)
}

.gym-main-banner.bg-2 {
    background-image: url(../img/banner-2.jpg)
}

.gym-main-banner .container {
    max-width: 1300px
}

.gym-banner-content {
    max-width: 550px;
    margin-left: 75px;
}

.gym-banner-content .sub-title {
    text-transform: uppercase;
    font-weight: 600;
    color: #ff1949;
    display: block;
    margin-bottom: 12px
}

.gym-banner-content h1 {
    margin-bottom: 20px;
    font-size: 55px;
    font-weight: 700
}

.gym-home-slides.owl-theme {
    margin-bottom: -2px
}

.gym-home-slides.owl-theme .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px
}

.gym-home-slides.owl-theme .owl-dots .owl-dot span {
    margin: 0 4px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: transparent !important;
    border: 1px solid #a8a8a8;
    position: relative;
    transition: .5s
}

.gym-home-slides.owl-theme .owl-nav {
    margin-top: 0;
    transition: .5s;
    opacity: 0;
    visibility: hidden
}

.gym-home-slides.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    line-height: 52px;
    font-size: 25px;
    margin: 0;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .45);
    color: #252525;
    transition: .5s
}

.gym-home-slides.owl-theme .owl-nav [class*=owl-].owl-next {
    left: auto;
    right: 25px
}

.motivation-course-banner-area {
    padding-top: 100px;
    border-top: 1px solid #e5e5e5
}

.motivation-course-banner-content h1 {
    font-size: 78px;
    font-weight: 700;
    margin-bottom: 0
}

.motivation-course-banner-text {
    padding-left: 45px
}

.motivation-course-banner-image {
    margin-top: 70px;
    overflow: hidden;
    border-radius: 25px;
    position: relative
}

.motivation-course-banner-image img {
    border-radius: 25px;
    transition: .5s
}

.motivation-course-banner-image:hover img {
    transform: scale(1.1)
}

.motivation-course-banner-image .video-btn {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background-color: #252525;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 75px;
    transition: .5s
}

.motivation-course-banner-image .video-btn i {
    position: absolute;
    left: 2.8px;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%)
}

.motivation-course-banner-image .video-btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #ff1949;
    animation: 2s linear infinite ripple
}

.motivation-featured-area .section-title.text-left h2 {
    max-width: 100%
}

.motivation-featured-area .section-title p {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 25px
}

.motivation-featured-area.bg-with-black-color {
    background-color: #252525;
    padding: 50px 40px 20px;
    margin-left: 60px;
    margin-right: 60px;
    border-radius: 15px
}

.motivation-featured-area.bg-fluid-black-color {
    background-color: #0e2742
}

.motivation-featured-area.bg-fluid-black-color .motivation-featured-item .icon i {
    border-radius: 50px;
    background: #ea9927
}

.motivation-featured-area.bg-fluid-black-color .motivation-featured-item .icon.bg-0B767A i,
.single-funfact-card .icon.bg-0B767A::before {
    background: #0b767a
}

.motivation-featured-area.bg-fluid-black-color .motivation-featured-item .icon.bg-9879B6 i,
.single-funfact-card .icon.bg-9879B6::before {
    background: #9879b6
}

.motivation-featured-area.bg-fluid-black-color .motivation-featured-item .icon.bg-FF305B i {
    background: #ff305b
}

.motivation-featured-card {
    margin-bottom: 30px;
    transition: .5s
}

.motivation-featured-card .number {
    display: inline-block;
    height: 70px;
    width: 90px;
    line-height: 70px;
    background-color: #252525;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    border-radius: 67% 33% 62% 38%/65% 35%;
    margin-bottom: 22px;
    transition: .5s
}

.motivation-featured-card h3 {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700
}

.motivation-featured-card .featured-btn {
    position: relative;
    z-index: 1;
    font-size: 15px;
    font-weight: 500;
    margin-top: 20px;
    display: inline-block;
    transition: .5s
}

.motivation-featured-card .featured-btn::before,
.motivation-featured-item .featured-btn::before {
    position: absolute;
    content: "";
    height: 25px;
    width: 25px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ff1949;
    opacity: .2;
    border-radius: 50px;
    transition: .5s
}

.motivation-featured-card .featured-btn::after,
.motivation-featured-item .featured-btn::after {
    position: absolute;
    content: "";
    height: 25px;
    width: 25px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ff1949;
    opacity: 0;
    visibility: hidden;
    border-radius: 50px;
    transition: .5s
}

.single-motivation-courses-box .courses-image .price,
.single-motivation-courses-item .courses-image .price {
    height: 70px;
    width: 90px;
    line-height: 70px;
    background-color: #ff1949;
    font-size: 20px;
    position: absolute;
    right: 20px;
    display: inline-block;
    transition: .5s
}

.motivation-categories-card .motivation-categories-list li:hover,
.motivation-featured-card:hover,
.motivation-featured-item:hover,
.single-motivation-courses-item:hover {
    transform: translateY(-5px)
}

.motivation-featured-card:hover .featured-btn::after,
.motivation-featured-item:hover .featured-btn::after {
    opacity: .2;
    visibility: visible
}

.motivation-featured-item {
    margin-bottom: 30px;
    transition: .5s;
    position: relative;
    padding-left: 95px
}

.motivation-featured-item .icon {
    margin-bottom: 22px;
    position: absolute;
    left: 0;
    top: 0
}

.motivation-featured-item .icon i {
    display: inline-block;
    height: 75px;
    width: 75px;
    line-height: 75px;
    background: linear-gradient(247.7deg, #806aff 0, #a049f7 70.91%);
    border-radius: 15px;
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    transition: .5s
}

.motivation-featured-item h3 {
    margin-bottom: 15px;
    font-size: 18.5px;
    font-weight: 600
}

.become-box-item .become-box-content p,
.motivation-featured-item p {
    margin-bottom: 0;
    color: #fff;
    font-size: 14px
}

.motivation-featured-item .featured-btn {
    position: relative;
    z-index: 1;
    font-weight: 500;
    margin-top: 20px;
    display: inline-block;
    transition: .5s;
    color: #fff;
    font-size: 14px
}

.motivation-courses-area.bg-FAF8F8 {
    background-color: #faf8f8
}

.motivation-courses-area.with-border-bottom-color .container {
    border-bottom: 1px solid #e5e5e5
}

.single-motivation-courses-box {
    background-color: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    padding: 25px;
    transition: .5s
}

.single-motivation-courses-box .courses-image img,
.single-motivation-courses-item .courses-image img,
.single-team-card img {
    border-radius: 10px
}

.single-motivation-courses-box .courses-image .price {
    color: #fff;
    font-weight: 600;
    text-align: center;
    border-radius: 67% 33% 62% 38%/65% 35%;
    bottom: -20.5px
}

.single-blog-post-card .post-content .tag a,
.single-motivation-courses-box .courses-content .courses-tag a {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ff1949
}

.single-motivation-courses-box .courses-content .course-author img,
.single-motivation-courses-item .courses-content .course-author img {
    width: 35px;
    height: 35px;
    margin-right: 5px
}

.single-motivation-courses-box .courses-content .course-author span,
.single-motivation-courses-item .courses-content .course-author span {
    color: #727695;
    font-size: 14.5px;
    font-weight: 500
}

.single-motivation-courses-box .courses-content .course-author .courses-rating .review-stars-rated i,
.single-motivation-courses-item .courses-content .courses-rating .review-stars-rated i {
    color: #f2b827;
    font-size: 14.5px;
    margin-right: -2px
}

.single-motivation-courses-box .courses-content .course-author .courses-rating .rating-total,
.single-motivation-courses-item .courses-content .courses-rating .rating-total {
    display: inline-block;
    position: relative;
    top: -1px;
    left: 1px;
    font-size: 13.2px;
    color: #727695
}

.single-motivation-courses-box .courses-content h3 {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 22px;
    font-weight: 600
}

.single-motivation-courses-box .courses-box-footer {
    border-top: 1px solid #f5f5f5;
    padding-top: 20px;
    margin-top: 22px
}

.single-motivation-courses-box .courses-box-footer ul li,
.single-motivation-courses-item .courses-content .courses-box-footer ul li {
    color: #727695;
    font-size: 15px;
    font-weight: 400;
    padding-left: 7px;
    padding-right: 7px
}

.single-motivation-courses-box .courses-box-footer ul li i,
.single-motivation-courses-item .courses-content .courses-box-footer ul li i {
    color: #ff1949;
    position: relative;
    top: 1px
}

.single-motivation-courses-box .courses-box-footer ul .courses-time {
    flex: 0 0 29%;
    max-width: 29%;
    text-align: right
}

.single-motivation-courses-box:hover {
    transform: translateY(-5px);
    border: 1px solid #ff1949
}

.single-motivation-courses-item {
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    transition: .5s
}

.single-motivation-courses-item .courses-image .price {
    color: #fff;
    font-weight: 600;
    text-align: center;
    border-radius: 67% 33% 62% 38%/65% 35%;
    bottom: 20px
}

.single-motivation-courses-item .courses-content {
    padding: 25px
}

.single-motivation-courses-item .courses-content .courses-box-footer {
    border-top: 1px solid #f5f5f5;
    padding-top: 18px;
    margin-top: 18px
}

.single-motivation-courses-item .courses-content .courses-box-footer ul .courses-lesson {
    flex: 0 0 50%;
    max-width: 50%;
    text-align: right
}

.motivation-categories-area {
    background: #faf8f8;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.education-course-banner-area,
.motivation-mission-image,
.motivation-offer-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.motivation-categories-card .motivation-categories-list {
    padding: 0;
    margin-bottom: 0
}

.motivation-categories-card .motivation-categories-list li {
    list-style-type: none;
    position: relative;
    background-color: #fff;
    padding: 22.8px 20px 22.8px 115px;
    margin-bottom: 30px;
    transition: .5s
}

.motivation-categories-card .motivation-categories-list li .icon {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    height: 100px;
    width: 105px;
    line-height: 100px;
    background-color: #252525;
    color: #fff;
    font-size: 45px;
    text-align: center;
    -webkit-clip-path: circle(60% at 30% 50%);
    clip-path: circle(60% at 30% 50%);
    transition: .5s
}

.motivation-categories-card .motivation-categories-list li .icon i {
    position: relative;
    left: -5.8px;
    top: 2.8px;
    line-height: 0
}

.education-categories-item h3,
.motivation-categories-card .motivation-categories-list li h3 {
    font-size: 18.8px;
    font-weight: 600;
    color: #252525;
    margin-bottom: 0;
    transition: .5s
}

.education-categories-item span,
.motivation-categories-card .motivation-categories-list li span {
    font-size: 14px;
    color: #727695;
    display: inline-block;
    margin-top: 10.8px
}

.motivation-categories-card .motivation-categories-image {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px
}

.motivation-categories-card .motivation-categories-image span {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-top: 30px;
    letter-spacing: 1px
}

.motivation-categories-card .motivation-categories-image span a {
    color: #ff1949;
    border-bottom: 1px solid #ff1949;
    font-weight: 600
}

.motivation-categories-card .motivation-categories-image span a:hover {
    color: #0eb582;
    border-bottom: 1px solid #0eb582
}

.motivation-categories-shape {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -120px;
    z-index: -1;
    text-align: center
}

.new-comers-image .wrap-shape,
.training-courses-image .wrap-shape {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.new-comers-content {
    padding-left: 30px
}

.motivation-mission-content .sub-title,
.motivation-offer-content .sub-title,
.new-comers-content .sub-title,
.training-courses-content .sub-title {
    text-transform: uppercase;
    display: block;
    color: #ff1949;
    font-weight: 500;
    margin-bottom: 12px
}

.new-comers-content h3,
.training-courses-content h3 {
    margin-bottom: 15px;
    line-height: 1.5;
    font-size: 38px;
    font-weight: 700
}

.new-comers-content h4 {
    margin-bottom: 18px;
    line-height: 1.6;
    font-size: 15.5px;
    font-weight: 600
}

.new-comers-content h5 {
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 1.6;
    font-size: 18.5px;
    font-weight: 600
}

.new-comers-content .new-comers-list {
    padding: 0;
    margin-top: 25px;
    margin-bottom: 0
}

.new-comers-content .new-comers-list li {
    font-size: 15px;
    font-weight: 600;
    color: #252525;
    list-style-type: none;
    margin-bottom: 30px;
    position: relative;
    padding-left: 28px
}

.new-comers-content .new-comers-list li i {
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    background-color: #ff1949;
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.motivation-partner-area {
    background-color: #ff1949;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 60px;
    margin-right: 60px;
    border-radius: 15px
}

.motivation-partner-area.bg-color-with-gradient {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    background: linear-gradient(270deg, #ff305b 0, #fd6e00 50%, #ff3142 100%)
}

.motivation-partner-area .single-partner-item::before {
    content: "";
    position: absolute;
    top: 0;
    right: -20px;
    width: 1px;
    height: 100%;
    background-color: #f9f9f9;
    opacity: .5
}

.motivation-mission-area,
.motivation-offer-area {
    overflow: hidden;
    background-color: #faf8f8
}

.motivation-offer-image {
    background-image: url(../images/motivation-offer.jpg);
    height: 100%;
    width: 100%
}

.motivation-offer-content {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 50px;
    max-width: 635px
}

.motivation-mission-content h3,
.motivation-offer-content h3 {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 38px;
    font-weight: 700
}

.motivation-offer-content .offer-inner-box {
    margin-top: 35px;
    position: relative;
    padding-left: 105px
}

.motivation-offer-content .offer-inner-box .icon {
    position: absolute;
    left: 0;
    top: 0
}

.motivation-offer-content .offer-inner-box .icon i {
    display: inline-block;
    height: 70px;
    width: 80px;
    line-height: 70px;
    background-color: #252525;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    border-radius: 67% 33% 62% 38%/65% 35%;
    transition: .5s
}

.motivation-mission-content .mission-inner-box h4,
.motivation-offer-content .offer-inner-box h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px
}

.single-blog-post-card,
.single-team-card {
    background-color: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    padding: 25px 30px;
    transition: .5s
}

.single-team-card .team-content {
    padding-right: 80px;
    position: relative;
    margin-top: 25px
}

.single-team-card .team-content h3 {
    font-size: 18px;
    margin-bottom: 12px;
    transition: .5s;
    font-weight: 700
}

.single-team-card .team-content span {
    color: #727695;
    font-size: 14px;
    transition: .5s
}

.single-team-card .team-content .social-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0
}

.single-team-card .team-content .social-btn span {
    display: inline-block;
    width: 50px;
    height: 50px;
    color: #fff;
    border-radius: 50%;
    background-color: #252525;
    position: relative;
    font-size: 18px;
    cursor: pointer;
    transition: .5s
}

.single-team-card .team-content .social-btn span i {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center
}

.single-team-card .team-content .social-btn ul {
    padding: 0;
    margin-bottom: 0;
    list-style-type: none;
    position: absolute;
    right: 6.8px;
    bottom: 95px
}

.single-team-card .team-content .social-btn ul li {
    top: 0;
    right: 0;
    display: inline-block;
    position: absolute;
    transition: .5s;
    transform: scale(0)
}

.single-team-card .team-content .social-btn ul li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    position: relative;
    font-size: 18px;
    background-color: #ff1949;
    transition: .5s
}

.single-team-card .team-content .social-btn ul li a i {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    margin-left: -1px
}

.single-team-card .team-content .social-btn ul li:first-child {
    top: -12px
}

.single-team-card .team-content .social-btn ul li:nth-child(2) {
    top: -70px
}

.single-team-card .team-content .social-btn ul li:nth-child(3) {
    top: -130px
}

.single-team-card .team-content .social-btn:hover ul li {
    transform: scale(1)
}

.single-blog-post-card:focus,
.single-blog-post-card:hover,
.single-team-card:hover {
    border: 1px solid #ff1949;
    transform: translateY(-5px)
}

.motivation-mission-image {
    background-image: url(../images/motivation-mission.jpg);
    height: 100%;
    width: 100%
}

.motivation-mission-content {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-right: 40px;
    max-width: 635px;
    margin-left: auto
}

.motivation-mission-content .mission-inner-box {
    margin-top: 35px;
    position: relative;
    padding-left: 80px
}

.motivation-mission-content .mission-inner-box .number {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    height: 50px;
    width: 60px;
    line-height: 50px;
    background-color: #252525;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border-radius: 67% 33% 62% 38%/65% 35%;
    transition: .5s
}

.single-blog-post-card .post-image {
    transition: .3s cubic-bezier(.3, .58, .55, 1);
    position: relative;
    overflow: hidden;
    border-radius: 10px
}

.single-blog-post-card .post-image img {
    transition: 2s cubic-bezier(.2, 1, .22, 1);
    border-radius: 10px
}

.single-blog-post-card .post-content .post-meta {
    padding-left: 0;
    margin-bottom: 18px;
    list-style-type: none
}

.single-blog-post-card .post-content .post-meta li {
    display: inline-block;
    color: #727695;
    margin-right: 20px;
    position: relative;
    font-size: 14px
}

.single-blog-post-card .post-content .post-meta li.post-author img {
    width: 30px;
    height: 30px;
    margin-right: 5px
}

.single-blog-post-card .post-content .post-meta li.date {
    position: relative;
    padding-left: 20px
}

.single-blog-post-card .post-content .post-meta li.date i {
    color: #ff1949;
    position: absolute;
    left: 0;
    top: 2.8px;
    font-size: 15px
}

.single-blog-post-card .post-content h3 {
    margin-bottom: 20px;
    line-height: 1.5;
    font-size: 20px;
    font-weight: 600
}

.single-blog-post-card .post-content .read-more-btn {
    display: inline-block;
    padding: 15px 30px;
    background-color: #fff;
    border: 1px solid #ff1949;
    border-radius: 5px;
    transition: .5s;
    font-size: 15px;
    font-weight: 500
}

.single-blog-post-card:focus .post-content .read-more-btn,
.single-blog-post-card:hover .post-content .read-more-btn {
    background-color: #ff1949;
    border: 1px solid #ff1949;
    color: #fff
}

.footer-area.footer-style-wrap .single-footer-widget .support-link li::before,
.footer-area.footer-style-wrap .single-footer-widget .useful-link li::before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    background-color: #ff1949;
    border-radius: 50px;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.testimonials-wrap-slides.owl-theme .owl-dots .owl-dot span,
.testimonials-wrap-slides.owl-theme .owl-dots .owl-dot.active span,
.testimonials-wrap-slides.owl-theme .owl-dots .owl-dot:hover span {
    background: linear-gradient(30deg, #fd6d6d 13.39%, #ed3389 50%, #d837bf 86.61%)
}

.footer-bottom-area.footer-bottom-style-wrap {
    background-color: #12141b;
    padding-top: 0;
    padding-bottom: 0
}

.footer-bottom-area.footer-bottom-style-wrap .container {
    border-top: 1px solid #252525;
    padding-top: 40px;
    padding-bottom: 35px
}

.education-course-banner-area {
    background-image: url(../images/education-course-banner.jpg);
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-top: 280px;
    padding-bottom: 300px
}

.education-course-banner-content {
    text-align: center;
    max-width: 1000px;
    margin: auto
}

.education-course-banner-content h1 {
    font-size: 80px;
    font-weight: 700;
    margin-bottom: 0;
    color: #fff
}

.education-course-banner-content .btn-box,
.training-course-banner-content .trusted-by-content {
    margin-top: 45px
}

.education-categories-item {
    position: absolute;
    background-color: #fff;
    padding: 22.8px 20px 22.8px 115px;
    transition: .5s;
    display: inline-block;
    border-radius: 50px 15px 15px 50px
}

.education-categories-item .icon {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    height: 100px;
    width: 100px;
    line-height: 100px;
    background-color: #ff1949;
    color: #fff;
    font-size: 45px;
    text-align: center;
    transition: .5s;
    border-radius: 50px
}

.education-categories-item .icon i {
    position: relative;
    top: 2.8px
}

.education-categories-item.technology {
    top: 15%;
    left: 30%;
    transform: translateY(-15%) translateX(-30%)
}

.education-categories-item.marketing {
    top: 50%;
    left: 2%;
    transform: translateY(-50%) translateX(-2%)
}

.education-categories-item.marketing .icon {
    background: linear-gradient(208.49deg, #24cfdd 9.31%, #94fa8c 93.21%)
}

.education-categories-item.business {
    bottom: 15%;
    left: 30%;
    transform: translateY(-15%) translateX(-30%)
}

.education-categories-item.business .icon {
    background: linear-gradient(208.49deg, #2f94f8 9.31%, #7adaf0 93.21%)
}

.education-categories-item.health {
    top: 10%;
    right: 12%;
    transform: translateY(-10%) translateX(-12%)
}

.education-categories-item.health .icon {
    background: linear-gradient(208.49deg, #3a41a1 9.31%, #b8c3fb 93.21%)
}

.education-categories-item.science {
    bottom: 40%;
    right: 2%;
    transform: translateY(-40%) translateX(-2%)
}

.education-categories-item.science .icon {
    background: linear-gradient(208.49deg, #fabc42 9.31%, #ea6495 93.21%)
}

.education-categories-item.graphics-design {
    bottom: 10%;
    right: 10%;
    transform: translateY(-10%) translateX(-10%)
}

.education-categories-item.graphics-design .icon {
    background: linear-gradient(234.34deg, #f25984 .81%, #fdb3b2 97.9%)
}

.overview-connections-area {
    background-color: #282525
}

.overview-connections-area .section-title.text-left h2 {
    max-width: 100%;
    color: #fff
}

.overview-connections-area .section-title p {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 25px;
    color: #fff
}

.overview-connections-area.bg-FAF8F8 {
    background-color: #faf8f8;
    margin-top: -162px;
    padding-top: 255px
}

.overview-connections-card {
    max-width: 350px
}

.overview-connections-card h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 18px
}

.overview-connections-card p {
    color: #fff;
    font-size: 15px
}

.become-box-item {
    background: linear-gradient(283.99deg, #ff305b .51%, #fd6e00 32.63%, #ff3142 100%);
    border-radius: 15px;
    padding: 15px 55px 15px 0
}

.become-box-item.with-gradient-color {
    background: linear-gradient(247.7deg, #806aff 0, #a049f7 70.91%);
    padding: 18.5px 55px 18.5px 0
}

.become-box-item .become-box-content h3 {
    font-size: 28px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 700
}

.testimonials-wrap-area {
    background: #faf8f8;
    overflow: hidden
}

.testimonials-wrap-area.bg-E7F0FD {
    background-color: #e7f0fd;
    margin-bottom: -155px;
    padding-bottom: 245px
}

.testimonials-wrap-slides-item {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 35px;
    transition: .5s;
    margin-bottom: 30px;
    position: relative
}

.start-free-trial-area,
.training-course-banner-area {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.testimonials-wrap-slides-item .client-info img {
    width: 75px;
    height: 75px
}

.testimonials-wrap-slides-item .client-info .title h3 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600
}

.testimonials-wrap-slides-item .client-info .title span {
    display: block;
    color: #ff1949;
    font-size: 14px;
    margin-top: 12px
}

.testimonials-wrap-slides-item p {
    color: #252525;
    line-height: 1.8;
    font-size: 15px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0
}

.testimonials-wrap-slides-item .review-stars-rated {
    position: absolute;
    right: 35px;
    top: 50px
}

.funfacts-style-area::before,
.training-overview-area::after {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    z-index: -1
}

.testimonials-wrap-slides-item:hover {
    border: 1px solid #ff1949
}

.testimonials-wrap-slides.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    transition: .5s;
    border-radius: 30px
}

.testimonials-wrap-slides.owl-theme .owl-dots .owl-dot.active span {
    width: 50px
}

.training-course-banner-area {
    background-image: url(../images/training-course-banner-bg.jpg);
    padding-top: 100px;
    padding-bottom: 100px
}

.training-course-banner-content h1 {
    font-size: 70px;
    margin-bottom: 25px;
    font-weight: 700
}

.training-course-banner-content p {
    margin-bottom: 0;
    max-width: 650px
}

.training-course-banner-content .trusted-by-content .title {
    margin-bottom: 25px;
    color: #002846;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    text-transform: uppercase
}

.training-course-banner-content .trusted-by-content .single-partner-item::before {
    content: "";
    position: absolute;
    top: 0;
    right: -18px;
    width: 1px;
    height: 100%;
    background-color: #727695;
    opacity: .5
}

.training-course-banner-content .trusted-by-content .single-partner-item a img {
    max-width: 90px
}

.funfacts-style-area {
    position: relative;
    z-index: 1;
    margin-bottom: -70px
}

.funfacts-style-area::before {
    top: 0;
    background: #0e2742;
    border-radius: 300px 0 0 300px;
    width: 98%
}

.funfacts-style-area::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: -1;
    width: 5%
}

.single-funfact-card {
    position: relative;
    padding-left: 120px
}

.single-funfact-card .icon {
    color: #fff;
    line-height: 0;
    font-size: 50px;
    position: absolute;
    left: 50px;
    top: 10px
}

.single-funfact-card .icon::before {
    position: absolute;
    content: "";
    height: 50px;
    width: 50px;
    background: #ea9927;
    left: -10px;
    top: -10px;
    z-index: -1;
    opacity: .3;
    border-radius: 50px
}

.single-funfact-card h3 {
    margin-bottom: 10px;
    color: #fff;
    font-size: 40px;
    font-weight: 600
}

.single-funfact-card p {
    color: #fff;
    line-height: initial;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500
}

.start-free-trial-area {
    background-image: url(../images/start-free-trial-bg.jpg);
    padding-top: 155px
}

.start-free-trial-content h3 {
    margin-bottom: 10px;
    line-height: 1.5;
    font-size: 38px;
    font-weight: 700
}

.start-free-trial-content span {
    font-size: 15px;
    font-weight: 500;
    color: #252525
}

.start-free-trial-content .start-free-trial-form .form-group label {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 8px
}

.start-free-trial-content .start-free-trial-form .form-control {
    color: #727695;
    border: 1px solid #fff;
    padding-top: 2px;
    padding-left: 15px;
    background-color: #fff
}

.start-free-trial-content .start-free-trial-form .form-control::-moz-placeholder {
    -moz-transition: .5s;
    transition: .5s;
    color: #727695
}

.start-free-trial-content .start-free-trial-form .form-control::placeholder {
    transition: .5s;
    color: #727695
}

.start-free-trial-content .start-free-trial-form .form-control:focus {
    background-color: transparent;
    border: 1px solid #ff1949
}

.start-free-trial-content .start-free-trial-form .form-check .form-check-label {
    font-size: 14px;
    color: #727695;
    font-weight: 400
}

.start-free-trial-content .start-free-trial-form .form-check .form-check-input:focus {
    border-color: #ff1949;
    outline: 0;
    box-shadow: unset;
    background-color: #ff1949
}

.start-free-trial-content .start-free-trial-form .free-btn-box button {
    display: block;
    background-color: #ff1949;
    color: #fff;
    border: none;
    transition: .5s;
    border-radius: 5px;
    font-size: 14.5px;
    font-weight: 600;
    padding: 15px 25px
}

.start-free-trial-image {
    padding-left: 25px
}

.training-overview-area::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: -1;
    background: #0e2742;
    border-radius: 0 300px 300px 0;
    width: 98%
}

.training-overview-area::after {
    top: 0;
    width: 5%
}

.training-overview-content h3 {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 38px;
    font-weight: 700;
    color: #fff
}

.training-courses-content {
    padding-left: 35px
}

.buy-now-btn {
    right: 30px;
    z-index: 99;
    top: 50%;
    position: fixed;
    transform: translateY(-50%);
    border-radius: 30px;
    display: inline-block;
    color: #fff !important;
    background-color: #82b440;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 600;
    animation-name: tada;
    animation-duration: 5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

.buy-now-btn:hover {
    background-color: #ff1949;
    color: #fff !important
}

@keyframes tada {

    0%,
    100% {
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

.login-btn {
    background: #f22049;
    color: #fff;
    padding: 7px 19px;
    border-radius: 24px;
    font-weight: 500;
    transition: 0.5s;
}

.login-btn:hover {
    background: #fff;
    color: #f22049;
}

.mr-13 {
    margin-right: 13px;
}

.bg-theme {
    background-color: #0b0517 !important;
}

.form-select {
    background-color: #fff;
    color: #252525;
    border: none;
    transition: .5s;
    box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2) !important;
    height: 55px;
    font-size: 15px;
}

.pt-15 {
    padding-top: 15px !important;
}

.theme-text {
    color: #f22049;
}

/* modal */

.modal-confirm {
    color: #636363;
    width: 600px;
    font-size: 14px;
}

.modal-confirm .modal-content {
    padding: 20px 30px;
    border-radius: 5px;
    border: none;
    background: #110823;
    border: 1px dashed #53101d;
}

.modal-confirm .modal-header {
    border-bottom: none;
    position: relative;
}

.modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -15px;
}

.modal-confirm .form-control,
.modal-confirm .btn {
    min-height: 40px;
    border-radius: 3px;
}

.modal-confirm .close {
    position: absolute;
    top: -5px;
    right: -5px;
}

.modal-confirm .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
}

.modal-confirm .icon-box {
    color: #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -70px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #f22049;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.modal-confirm .icon-box i {
    font-size: 58px;
    position: relative;
    top: 3px;
}

.modal-confirm.modal-dialog {
    margin-top: 148px;
}

.modal-confirm .btn {
    color: #fff;
    border-radius: 4px;
    background: #f22049;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    border: none;
}

.modal-confirm .btn:hover,
.modal-confirm .btn:focus {
    background: #6fb32b;
    outline: none;
}

.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}

.course-hightlights li {
    list-style: none;
    display: flex;
    gap: 17px;
    align-items: center;
}

.course-hightlights li i {
    font-size: 20px;
    color: #ffffff;
    background: #d91a40;
    border-radius: 40px;
    padding: 6px;
}

.enroll-btn {
    padding: 5px 25px 20px;
}

.enroll-btn .login-btn {
    width: max-content;
    gap: 10px;
    display: flex;
    align-items: center;
}

.c-price {
    color: #ff1949;
    font-size: 30px;
    font-weight: 500;
    padding: 0px 25px 10px;
}

.course-box-brdr {
    border-top: 1px dashed #4e357f;
    padding-top: 14px;
}

.pt-80 {
    padding-top: 80px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pt-40 {
    padding-top: 40px;
}

.form-control:focus {
    background-color: #131228;
    color: #fff;
}

.team-img {
    height: 220px;
    object-fit: cover;
}

.ptb-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.contact-info-box p a {
    color: #dbdbdb !important;
}

.pt-170 {
    padding-top: 170px;
}

.course-img-box {
    background: #131228;
    padding: 32px 20px;
}


.course-img-box img {
    width: 230px;
}

.accordion-item {
    border: 1px solid #3d246f;
}

.course-imgs {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lr-btn {
    background: #ff1949;
    display: none;
}

.nice-select .list {
    width: 100%;
    background: #0b0517;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #172658;
}

.banner-border {
    border-bottom: 1px solid;
    border-image: linear-gradient(45deg, #ae2148, #ff533b) 1;
}

.text-gradient {
    background: linear-gradient(90deg, #8115ff 0%, rgb(255 24 73) 50%, rgba(255, 143, 42, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% auto;
    animation: textGradientMove 3s linear infinite;
}

/* Gradient ko move karne ke liye Keyframes */
@keyframes textGradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.bg-courses {
    background-image: url(../images/pattern-bg.webp) !important;
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(0px, 0px);
    background-size: cover !important;
    background-color: #171717;
}

/* new */
.ftx-section-wrapper {
    --ftx-bg-color: #030303;
    --ftx-text-main: #ffffff;
    --ftx-text-muted: #a0a0a0;
    --ftx-grad-1: #8A2BE2;
    /* Purple */
    --ftx-grad-2: #FF1493;
    /* Pink */
    --ftx-grad-3: #FF8C00;
    /* Orange */
    --ftx-box-dark: rgba(12, 12, 12, 0.85);
    --ftx-box-darker: rgba(8, 8, 8, 0.7);

    background-color: var(--ftx-bg-color);
    position: relative;
    width: 100%;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    box-sizing: border-box;
    /* Add padding top/bottom to give it space on the page */
    padding: 3rem 0;
}

.ftx-section-wrapper *,
.ftx-section-wrapper *::before,
.ftx-section-wrapper *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.ftx-container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    min-height: 650px;
    display: flex;
    align-items: center;
}

/* --- Icons --- */
.ftx-icon-bottom-right {
    position: absolute;
    bottom: 0px;
    right: 0;
    background: #000;
    color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    cursor: pointer;
    transition: background 0.3s;
}

.ftx-icon-bottom-right:hover {
    background: #222;
}

/* --- Image Column (Background Right) --- */
.ftx-image-col {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 65%;
    z-index: 1;
    overflow: hidden;
    /* Added to contain parallax image scaling */
}

.ftx-image-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transform: scale(1.25);
    /* Increased scale to support stronger parallax movement */
    will-change: transform;
}

/* Overlay to blend image into background */
.ftx-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, var(--ftx-bg-color) 0%, transparent 40%, transparent 80%, rgba(0, 0, 0, 0.3) 100%);
}

/* --- Content Column (Left Side) --- */
.ftx-content-col {
    position: relative;
    z-index: 5;
    width: 55%;
    padding-left: 5%;
}

/* Decorative layered boxes behind text */
.ftx-content-col::before {
    content: '';
    position: absolute;
    top: -10%;
    bottom: -15%;
    left: 0;
    right: 15%;
    background: var(--ftx-box-dark);
    z-index: -1;
    /* Optional: adds subtle blur to whatever is behind the box */
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    opacity: 0;
    transform: translateX(-5%);
    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
}

.ftx-content-col::after {
    content: '';
    position: absolute;
    top: -25%;
    height: 60%;
    left: -5%;
    width: 70%;
    background: var(--ftx-box-darker);
    z-index: -2;
    opacity: 0;
    transform: translateX(-10%);
    transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
}

/* Animate boxes when visible */
.ftx-visible.ftx-content-col::before,
.ftx-visible.ftx-content-col::after {
    opacity: 1;
    transform: translateX(0);
}

/* --- Typography & Text Content --- */
.ftx-text-content {
    padding: 2rem 0;
}

.ftx-title {
    font-size: clamp(3.5rem, 8vw, 6.5rem);
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -0.04em;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
}

.ftx-gradient-text {
    background: linear-gradient(90deg, var(--ftx-grad-1) 0%, var(--ftx-grad-2) 50%, var(--ftx-grad-3) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    padding-right: 0.1em;
    /* Prevent clip cutoff on some fonts */
}

.ftx-arrow {
    color: var(--ftx-grad-3);
    margin-left: 5px;
    font-weight: 800;
    display: inline-block;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.ftx-section-wrapper:hover .ftx-arrow {
    transform: translateX(10px);
}

.ftx-subtitle {
    color: var(--ftx-text-main);
    font-size: clamp(1.0rem, 3vw, 1.5rem);
    font-weight: 400;
    margin-bottom: 2.5rem;
    letter-spacing: 0.5px;
    width: 80%;
}

.ftx-subtitle strong {
    font-weight: 800;
}

.ftx-desc {
    color: var(--ftx-text-muted);
    font-size: 0.95rem;
    line-height: 1.8;
    max-width: 480px;
    margin-bottom: 2.2rem;
    text-align: justify;
}

/* --- Button --- */
.ftx-btn {
    display: inline-block;
    text-decoration: none;
    color: var(--ftx-text-main);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 14px 32px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    background: transparent;
}

.ftx-btn:hover {
    background: var(--ftx-text-main);
    color: #000;
    border-color: var(--ftx-text-main);
}

/* --- Animation Classes --- */
.ftx-anim-item {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Staggered text animations triggered by parent visibility */
.ftx-visible .ftx-anim-item {
    opacity: 1;
    transform: translateY(0);
}

.ftx-visible .ftx-anim-item:nth-child(1) {
    transition-delay: 0.1s;
}

.ftx-visible .ftx-anim-item:nth-child(2) {
    transition-delay: 0.2s;
}

.ftx-visible .ftx-anim-item:nth-child(3) {
    transition-delay: 0.3s;
}

.ftx-visible .ftx-anim-item:nth-child(4) {
    transition-delay: 0.4s;
}

/* --- Responsive Design --- */
@media (max-width: 1024px) {
    .ftx-content-col {
        width: 65%;
    }

    .ftx-image-col {
        width: 55%;
    }

    .ftx-content-col::before {
        right: 0;
    }
}

@media (max-width: 768px) {
    .ftx-container {
        justify-content: center;
        min-height: auto;
        padding: 4rem 1.5rem;
    }

    .ftx-image-col {
        width: 100%;
        opacity: 0.4;
        /* Dim image to make text readable */
    }

    .ftx-image-overlay {
        background: rgba(0, 0, 0, 0.5);
        /* uniform overlay on mobile */
    }

    .ftx-content-col {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }

    .ftx-content-col::before {
        top: -2rem;
        bottom: -2rem;
        left: -1.5rem;
        right: -1.5rem;
        background: rgba(10, 10, 10, 0.6);
    }

    .ftx-content-col::after {
        display: none;
    }

    .ftx-title {
        justify-content: center;
    }

    .ftx-desc {
        max-width: 100%;
        margin: 0 auto 2rem auto;
    }

    .ftx-icon-bottom-right {
        display: none;
    }

    .ftx-subtitle {
        width: 100%;
    }
}

.cw-about-section {
    background-color: #000000;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    padding: 60px 40px;
    overflow: hidden;
    box-sizing: border-box;
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
}

.cw-about-section * {
    box-sizing: border-box;
}

/* Floating Settings Button exactly like the image */
.cw-settings-btn {
    position: absolute;
    top: 100px;
    right: 0;
    background: #ffffff;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 20;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    transition: background 0.3s;
}

.cw-settings-btn:hover {
    background: #f0f0f0;
}

.cw-about-container {
    max-width: 1250px;
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    /* Exact visual proportions */
    column-gap: 60px;
    row-gap: 70px;
    align-items: start;
}

/* --- GRID AREAS --- */
.cw-title-col {
    grid-column: 1;
    grid-row: 1;
    position: relative;
    z-index: 10;
    padding-top: 20px;
}

.cw-img-col {
    grid-column: 2;
    grid-row: 1;
    position: relative;
    z-index: 5;
}

.cw-stats-col {
    grid-column: 1;
    grid-row: 2;
    align-self: center;
}

.cw-line-col {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
}

.cw-btn-col {
    grid-column: 1;
    grid-row: 3;
}

.cw-text-col {
    grid-column: 2;
    grid-row: 3;
}

/* --- Top Row: Content & Image --- */

/* The dark box perfectly mimicking the original offset */
.cw-dark-bg-box {
    position: absolute;
    top: -20px;
    left: -30px;
    width: 115%;
    height: 125%;
    background-color: #0a0a0a;
    z-index: -1;
    background-image: url(../img/texture.png);
    background-size: cover;
}

.cw-about-title {
    font-size: 5.8rem;
    font-weight: 900;
    margin: 0 0 15px 0;
    display: flex;
    align-items: center;
    gap: 15px;
    line-height: 1;
    letter-spacing: -3px;
    /* Tight tracking like the image */
}

.cw-gradient-text {
    background: linear-gradient(90deg, #9D00FF 0%, #FF0055 100%);
    /* Exact purple to pink */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cw-arrow-icon {
    width: 35px;
    height: auto;
}

.cw-about-subtitle {
    font-size: 1.4rem;
    font-weight: 400;
    margin: 0 0 25px 0;
    letter-spacing: -0.5px;
    color: #ffffff;
}

.cw-about-subtitle strong {
    font-weight: 900;
}

.cw-about-desc {
    color: #a3a3a3;
    font-size: 0.9rem;
    line-height: 1.7;
    max-width: 90%;
    margin: 0;
    font-weight: 400;
}

.cw-about-img {
    width: 100%;
    height: 750px;
    object-fit: cover;
    display: block;
}

/* --- Middle Row: Numbers & Line --- */
.cw-stats-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 25px;
}

.cw-tiny-text {
    font-size: 0.7rem;
    color: #a3a3a3;
    text-align: right;
    max-width: 280px;
    line-height: 1.6;
    margin: 0;
}

.cw-large-number {
    font-size: 4.8rem;
    font-weight: 900;
    letter-spacing: -3px;
    line-height: 1;
    color: #ffffff;
}

.cw-horizontal-line {
    height: 1px;
    width: 100%;
    background-color: #2a2a2a;
    /* Exact faint line */
}

/* --- Bottom Row: Button & Footer --- */
.cw-open-btn {
    display: inline-block;
    padding: 12px 26px;
    border: 1px solid #ffffff;
    border-radius: 50px;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.75rem;
    letter-spacing: 2.5px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.cw-open-btn:hover {
    background-color: #ffffff;
    color: #000000;
}

.cw-footer-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 30px;
}

.cw-footer-text {
    font-size: 0.9rem;
    color: #a3a3a3;
    line-height: 1.7;
    max-width: 90%;
    margin: 0;
}

/* --- Animation Classes --- */
.cw-fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.cw-fade-up.cw-visible {
    opacity: 1;
    transform: translateY(0);
}

/* --- Responsive Design --- */
@media (max-width: 1024px) {
    .cw-about-container {
        grid-template-columns: 1fr;
        row-gap: 28px;
    }

    .cw-title-col {
        grid-column: 1;
        grid-row: 1;
    }

    .cw-img-col {
        grid-column: 1;
        grid-row: 2;
    }

    .cw-stats-col {
        grid-column: 1;
        grid-row: 3;
    }

    .cw-line-col {
        display: none;
        /* Hide horizontal line on mobile */
    }

    .cw-text-col {
        grid-column: 1;
        grid-row: 4;
    }

    .cw-btn-col {
        grid-column: 1;
        grid-row: 5;
    }

    .cw-dark-bg-box {
        display: none;
    }

    .cw-about-title {
        font-size: 4.5rem;
    }

    .cw-stats-wrapper {
        justify-content: flex-start;
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 15px;
    }

    .cw-tiny-text {
        text-align: left;
    }

    .cw-footer-flex {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .cw-footer-text {
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .cw-about-title {
        font-size: 3.5rem;
        flex-wrap: wrap;
    }

    .cw-about-img {
        height: 380px;
    }
}

.pb-50 {
    padding-bottom: 50px;
}

/* new buttons */

.u-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    /* Asymmetrical padding: Left mein text ke liye zyada space, right mein icon ke liye kam */
    padding: 8px 8px 8px 36px;
    background: linear-gradient(135deg, #ff2a5f 0%, #ff7e40 100%);
    border: none;
    border-radius: 60px;
    /* Perfect pill shape */
    overflow: hidden;
    /* Expanding background ko bahar nikalne se rokne ke liye */
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 8px 25px rgba(255, 42, 95, 0.35);
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Yeh woh white circle hai jo hover par bada hoga */
.u-bg-expand {
    position: absolute;
    right: 8px;
    /* Button ke right padding ke barabar */
    top: 8px;
    /* Button ke top padding ke barabar */
    width: 44px;
    height: 44px;
    background-color: #ffffff;
    border-radius: 50%;
    z-index: 0;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Text Styling */
.u-text {
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    margin-right: 24px;
    /* Text aur icon ke beech ka gap */
    letter-spacing: 0.5px;
    transition: color 0.4s ease, transform 0.4s ease;
}

/* Icon Box (SVG ko hold karne ke liye) */
.u-icon-box {
    position: relative;
    z-index: 1;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* Arrow fly animation mask */
}

/* Dono Arrows ki base styling */
.u-arrow-main,
.u-arrow-alt {
    position: absolute;
    width: 22px;
    height: 22px;
    stroke: #ff2a5f;
    /* Arrow ka color theme ke hisaab se */
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Initial positions */
.u-arrow-main {
    transform: translateX(0);
}

.u-arrow-alt {
    transform: translateX(-150%);
}

/* --- HOVER EFFECTS --- */

/* 1. Button upar uthega aur glow badhega */
.u-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(255, 42, 95, 0.5);
}

/* 2. White circle expand hokar poora button cover kar lega */
.u-btn:hover .u-bg-expand {
    transform: scale(15);
}

/* 3. Text white se theme color mein badal jayega aur thoda slide hoga */
.u-btn:hover .u-text {
    color: #ff2a5f;
    transform: translateX(-4px);
}

/* 4. Purana arrow udkar bahar jayega */
.u-btn:hover .u-arrow-main {
    transform: translateX(150%);
}

/* 5. Naya arrow peeche se aayega */
.u-btn:hover .u-arrow-alt {
    transform: translateX(0);
}

/* Active/Click State */
.u-btn:active {
    transform: scale(0.97) translateY(0);
    box-shadow: 0 5px 15px rgba(255, 42, 95, 0.4);
}

/* second buttons */

.spotlight-btn-wrapper {
    position: relative;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    outline: none;
    border-radius: 999px;
    overflow: hidden;
    text-decoration: none;
    display: inline-block;
}

.spotlight-btn-layer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px 5px 28px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    gap: 15px;
    width: 100%;
    box-sizing: border-box;
}

.spotlight-btn-base {
    background-color: #262626;
    color: #ffffff;
}

.spotlight-btn-base span {
    text-transform: uppercase;
}

.spotlight-btn-base .spotlight-btn-icon {
    background-color: #161616;
    color: #ffffff;
}

/* 2. Overlay Layer (Light - visible by default, becomes a spotlight on hover) */
.spotlight-btn-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f22049;
    color: #fff;
    --r: 150%;
    --x: 50%;
    --y: 50%;
    clip-path: circle(var(--r) at var(--x) var(--y));
    transition: --r 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.spotlight-btn-overlay .spotlight-btn-icon {
    background-color: #161616;
    color: #ffffff;
}

/* Arrow Icon Styling */
.spotlight-btn-icon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spotlight-btn-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.spotlight-btn-wrapper:hover .spotlight-btn-overlay {
    --r: 35px;
}

.spotlight-btn-overlay span {
    text-transform: uppercase;
}

/* Course cards */

.plx-crs-wrapper {
    background-color: #171717;
    padding: 50px 0 50px 0;
    color: #ffffff;
    background-image: url(../img/texture.png);
    background-size: contain;
    background-position: top;
}

/* Header Styling */
.plx-crs-header h2 span {
    color: rgb(186, 2, 74);
}

.plx-crs-header p {
    color: #a0a0a0;
    max-width: 600px;
    margin: 0 auto;
}

/* Base Card Styling */
.plx-crs-card {
    border-radius: 40px;
    padding: 20px 50px;
    margin-bottom: 40px;
    position: sticky;
    top: 100px;
    overflow: hidden;
    min-height: 370px;
    box-shadow: 0 -15px 40px rgba(0, 0, 0, 0.5), 0 20px 50px rgba(0, 0, 0, 0.6);
    border: none;
    will-change: transform;
    transition: all 0.4s ease;
    display: flex;
}

/* ==========================================================================
           DYNAMIC STYLING: ODD (1, 3, 5...) - DARK WINE THEME
           ========================================================================== */
.plx-crs-card:nth-child(odd) {
    background: linear-gradient(145deg, rgb(186, 2, 74) 0%, rgb(84, 0, 69) 100%);
    color: #ffffff;
}

.plx-crs-card:nth-child(odd) .plx-crs-title,
.plx-crs-card:nth-child(odd) .plx-crs-price {
    color: #ffffff;
}

.plx-crs-card:nth-child(odd) .plx-crs-desc {
    color: rgba(255, 255, 255, 0.9);
}

.plx-crs-card:nth-child(odd) .plx-crs-tag {
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #ffffff;
}

.plx-crs-card:nth-child(odd) .plx-crs-tag:hover {
    background-color: #ffffff;
    color: rgb(186, 2, 74);
    border-color: #ffffff;
}

.plx-crs-card:nth-child(odd) .plx-crs-btn {
    background-color: #ffffff;
    color: rgb(84, 0, 69);
}

.plx-crs-card:nth-child(odd) .plx-crs-corner-icon {
    border-color: rgba(255, 255, 255, 0.3);
    color: #fff;
}

/* ==========================================================================
           DYNAMIC STYLING: EVEN (2, 4, 6...) - WHITE THEME
           ========================================================================== */
.plx-crs-card:nth-child(even) {
    background: linear-gradient(145deg, #ffffff 0%, #e2e2e2 100%);
    color: #111111;
}

.plx-crs-card:nth-child(even) .plx-crs-title,
.plx-crs-card:nth-child(even) .plx-crs-price {
    color: #111111;
}

.plx-crs-card:nth-child(even) .plx-crs-desc {
    color: rgba(17, 17, 17, 0.7);
}

.plx-crs-card:nth-child(even) .plx-crs-tag {
    border: 1px solid rgba(17, 17, 17, 0.3);
    color: #111111;
}

.plx-crs-card:nth-child(even) .plx-crs-tag:hover {
    background-color: #111111;
    color: #ffffff;
    border-color: #111111;
}

.plx-crs-card:nth-child(even) .plx-crs-btn {
    background-color: #111111;
    color: #ffffff;
}

.plx-crs-card:nth-child(even) .plx-crs-corner-icon {
    border-color: rgba(0, 0, 0, 0.1);
    color: #111111;
}

/* Automating Z-index for stacking effect (Handles up to 12 cards now) */
.plx-crs-card:nth-child(1) {
    z-index: 1;
}

.plx-crs-card:nth-child(2) {
    z-index: 2;
}

.plx-crs-card:nth-child(3) {
    z-index: 3;
}

.plx-crs-card:nth-child(4) {
    z-index: 4;
}

.plx-crs-card:nth-child(5) {
    z-index: 5;
}

.plx-crs-card:nth-child(6) {
    z-index: 6;
}

.plx-crs-card:nth-child(7) {
    z-index: 7;
}

.plx-crs-card:nth-child(8) {
    z-index: 8;
}

.plx-crs-card:nth-child(9) {
    z-index: 9;
}

.plx-crs-card:nth-child(10) {
    z-index: 10;
}

.plx-crs-card:nth-child(11) {
    z-index: 11;
}

.plx-crs-card:nth-child(12) {
    z-index: 12;
}

/* Last card ke niche ka extra space aur shadow hatane ke liye */
.plx-crs-card:last-child {
    margin-bottom: 0;
    /* Sirf top shadow rakhi hai, niche wali (bottom) shadow hata di */
    box-shadow: 0 -15px 40px rgba(0, 0, 0, 0.5);
}


/* Content Styling */
.plx-crs-title {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.05;
    margin-bottom: 10px;
    letter-spacing: -2px;
    font-family: "Sora", sans-serif;
}

.plx-crs-desc {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
    font-weight: 400;
}

.plx-crs-tag {
    padding: 10px 22px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.plx-crs-price {
    font-size: 42px;
    font-weight: 800;
    letter-spacing: -1px;
}

.plx-crs-price strike {
    font-size: 31px;
    font-weight: 600;
    letter-spacing: -1px;
    opacity: 0.7;
}


.plx-crs-price span {
    font-size: 20px;
    opacity: 0.9;
    font-weight: 600;
}

.plx-crs-btn {
    padding: 16px 36px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: none;
}

.plx-crs-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.plx-crs-image {
    max-width: 100%;
    width: 400px;
    height: auto;
    border-radius: 20px;
    filter: drop-shadow(0 30px 40px rgba(0, 0, 0, 0.25));
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    will-change: transform;
}

.plx-crs-corner-icon {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 45px;
    height: 45px;
    border: 1px solid;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.plx-crs-card:hover .plx-crs-corner-icon {
    transform: scale(1.1) rotate(45deg);
}

/* Responsive Fixes */
@media (max-width: 991px) {
    .plx-crs-title {
        font-size: 42px;
    }

    .plx-crs-card {
        padding: 25px 0px;
    }

    .plx-crs-price strike {
        font-size: 19px;
    }
}

@media (max-width: 768px) {
    .plx-crs-card {
        text-align: center;
        top: 80px;
    }

    .plx-crs-title {
        font-size: 30px;
    }

    .plx-crs-image {
        width: 280px;
    }

    .plx-crs-corner-icon {
        display: none;
    }
}

/* Base Reset */
.sb-features-wrapper * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Main Section - Upgraded Premium Dark Theme */
.sb-features-wrapper {
    background-color: #050505;
    padding: 75px 20px 90px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-image: url(../img/texture-2.png);
    background-position: bottom;
    background-repeat: no-repeat;
}

/* Ambient Glowing Background Orbs */
.sb-features-wrapper::before,
.sb-features-wrapper::after {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(150px);
    z-index: -1;
    opacity: 0.3;
    animation: sb-pulse 8s infinite alternate;
}

.sb-features-wrapper::before {
    top: -100px;
    left: -200px;
    background: #c524b3;
}

.sb-features-wrapper::after {
    bottom: -100px;
    right: -200px;
    background: #f65327;
    animation-delay: 4s;
}

@keyframes sb-pulse {
    0% {
        transform: scale(1);
        opacity: 0.2;
    }

    100% {
        transform: scale(1.2);
        opacity: 0.4;
    }
}

.sb-container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
}

/* Header Styling */
.sb-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 80px auto;
}

.sb-subtitle {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #f65327;
    margin-bottom: 16px;
    padding: 6px 20px;
    border: 1px solid rgba(246, 83, 39, 0.3);
    border-radius: 50px;
    background: rgba(246, 83, 39, 0.1);
    box-shadow: 0 0 20px rgba(246, 83, 39, 0.1);
}

.sb-title {
    font-size: 3.3rem;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 24px;
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sb-description {
    font-size: 1.15rem;
    line-height: 1.6;
    color: #999999;
    max-width: 650px;
    margin: 0 auto;
}

/* Staggered Grid Layout */
.sb-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}

@media (min-width: 768px) {
    .sb-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .sb-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
    }

    /* Stagger effect for desktop */
    .sb-card:nth-child(even) {
        transform: translateY(40px);
    }
}

/* Advanced Glassmorphism Cards */
.sb-card {
    background: rgba(20, 20, 20, 0.6);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.03);
    border-radius: 24px;
    padding: 50px 30px;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    z-index: 1;
}

/* Top Gradient Highlight */
.sb-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #c524b3, #f65327);
    opacity: 0.3;
    transition: opacity 0.4s ease;
}

/* Glass Shine Sweep Effect */
.sb-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05), transparent);
    transform: skewX(-20deg);
    transition: 0.7s ease;
    z-index: 2;
    pointer-events: none;
}

@media (min-width: 1024px) {
    .sb-card:hover {
        transform: translateY(-10px);
        border-color: rgba(197, 36, 179, 0.3);
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8),
            0 0 40px rgba(246, 83, 39, 0.15);
    }

    .sb-card:nth-child(even):hover {
        transform: translateY(30px);
        /* Maintain stagger on hover */
    }
}

@media (max-width: 1023px) {
    .sb-card:hover {
        transform: translateY(-10px);
        border-color: rgba(197, 36, 179, 0.3);
    }
}

.sb-card:hover::before {
    opacity: 1;
}

.sb-card:hover::after {
    left: 200%;
}

/* Giant Background Watermarks */
.sb-watermark {
    position: absolute;
    right: -5px;
    bottom: -15px;
    font-size: 8rem;
    font-weight: 900;
    line-height: 1;
    color: rgba(255, 255, 255, 0.02);
    z-index: -1;
    transition: all 0.5s ease;
    pointer-events: none;
}

.sb-card:hover .sb-watermark {
    color: rgba(197, 36, 179, 0.05);
    transform: scale(1.05) translate(-10px, -10px);
}

/* Dynamic Floating Icons */
.sb-icon-container {
    margin-bottom: 30px;
    display: inline-block;
    position: relative;
}

.sb-icon-wrapper {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.5s ease;
    z-index: 2;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-8px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* Inner glowing circle */
.sb-icon-wrapper::before {
    content: '';
    position: absolute;
    inset: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(197, 36, 179, 0.2), rgba(246, 83, 39, 0.2));
    filter: blur(8px);
    opacity: 0.5;
    transition: all 0.5s ease;
}

.sb-card:hover .sb-icon-wrapper {
    border-color: rgba(246, 83, 39, 0.3);
    background: rgba(197, 36, 179, 0.1);
}

.sb-card:hover .sb-icon-wrapper::before {
    opacity: 1;
    inset: 5px;
    background: linear-gradient(135deg, rgba(197, 36, 179, 0.4), rgba(246, 83, 39, 0.4));
}

.sb-icon-wrapper svg {
    width: 36px;
    height: 36px;
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.5));
    transition: all 0.4s ease;
}

.sb-card:hover .sb-icon-wrapper svg {
    transform: scale(1.15);
    filter: drop-shadow(0 0 12px rgba(246, 83, 39, 0.6));
}

.sb-card-title {
    font-size: 1.4rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 16px;
    line-height: 1.25;
    letter-spacing: -0.5px;
    position: relative;
    z-index: 2;
    font-family: "Sora", sans-serif;
}

.sb-card-text {
    font-size: 0.9rem;
    color: #888888;
    line-height: 1.6;
    margin: 0;
    flex-grow: 1;
    position: relative;
    z-index: 2;
    transition: color 0.3s ease;
    text-align: justify;
}

.sb-card:hover .sb-card-text {
    color: #bbbbbb;
}

/* Mobile specific adjustments */
@media (max-width: 768px) {
    .sb-title {
        font-size: 2rem;
        margin-bottom: 6px;
    }

    .sb-features-wrapper {
        padding: 50px 10px 45px;
    }

    .sb-description {
        font-size: 0.9rem;
    }
}

/* Base Reset */

/* Main Section */
.sb-funfacts-wrapper {
    background-color: #080808;
    padding: 35px 20px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
}

/* Ambient Theme Glow */
.sb-funfacts-wrapper::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 150px;
    background: radial-gradient(circle, rgba(197, 36, 179, 0.15) 0%, transparent 70%);
    filter: blur(80px);
    z-index: -1;
}

.sb-funfacts-container {
    width: 100%;
    max-width: 1200px;
}

/* Continuous Glass Strip */
.sb-funfacts-strip {
    background: rgba(15, 15, 15, 0.8);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    border: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: 40px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    position: relative;
    overflow: hidden;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.7);
}

/* Top Glowing Gradient Line */
.sb-funfacts-strip::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #c524b3, #f65327, transparent);
    opacity: 1;
}

@media (min-width: 576px) {
    .sb-funfacts-strip {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .sb-funfacts-strip {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Stat Items */
.sb-stat-item {
    padding: 65px 30px;
    text-align: center;
    position: relative;
    transition: all 0.4s ease;
}

.sb-stat-item:hover {
    background: rgba(197, 36, 179, 0.04);
}

/* Dividers */
@media (min-width: 1024px) {
    .sb-stat-item:not(:last-child)::after {
        content: '';
        position: absolute;
        top: 25%;
        right: 0;
        height: 50%;
        width: 1px;
        background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.08), transparent);
    }
}

/* Typography - The Gradient Fix for Odometer */
.sb-stat-number-wrapper {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* IMPORTANT: This targets the odometer digits specifically to solve the 'invisible' issue */
.sb-stat-number,
.sb-stat-number.odometer .odometer-inside,
.sb-stat-number.odometer .odometer-digit,
.sb-stat-number.odometer .odometer-value {
    font-size: 2.0rem;
    font-weight: 900;
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* Fallback for browsers that might struggle */
    color: #c524b3;
    display: inline-block;
    letter-spacing: 1px;
}

/* Glow effect specifically for the numbers */
.sb-stat-number {
    filter: drop-shadow(0 0 15px rgba(197, 36, 179, 0.3));
}

.sb-stat-suffix {
    font-size: 3rem;
    font-weight: 800;
    color: #f65327;
    /* Orange color from gradient */
    margin-left: 4px;
    transform: translateY(0px);
    filter: drop-shadow(0 0 10px rgba(246, 83, 39, 0.3));
}

.sb-stat-item:hover .sb-stat-number-wrapper {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

.sb-stat-label {
    font-size: 0.85rem;
    font-weight: 700;
    color: #777777;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin: 0;
    transition: color 0.3s ease;
}

.sb-stat-item:hover .sb-stat-label {
    color: #ffffff;
    letter-spacing: 5px;
}

/* Mobile Adjustments */
@media (max-width: 768px) {

    .sb-stat-number,
    .sb-stat-number.odometer .odometer-value {
        font-size: 2rem;
    }

    .sb-stat-suffix {
        font-size: 2.2rem;
    }

    .sb-funfacts-wrapper {
        padding: 30px 15px;
    }

    .sb-stat-item {
        padding: 13px 15px;
        border-bottom: 1px dashed #ee4a4033;
    }
}

/* Base Reset */
.sb-cert-wrapper * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Main Section */
.sb-cert-wrapper {
    background-color: #050505;
    /* Deepest dark for contrast */
    padding: 60px 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.02);
}

/* Ambient Glow Effect */
.sb-cert-wrapper::before {
    content: '';
    position: absolute;
    right: -10%;
    top: 20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(246, 83, 39, 0.1) 0%, transparent 60%);
    filter: blur(80px);
    z-index: -1;
    border-radius: 50%;
}

.sb-cert-wrapper::after {
    content: '';
    position: absolute;
    left: -10%;
    bottom: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(197, 36, 179, 0.15) 0%, transparent 60%);
    filter: blur(80px);
    z-index: -1;
    border-radius: 50%;
}

.sb-cert-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

/* Split Layout Grid */
.sb-cert-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
    align-items: center;
}

@media (min-width: 1024px) {
    .sb-cert-grid {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
}

/* Left Side Content */
.sb-cert-content {
    max-width: 550px;
}

.sb-cert-badge {
    display: inline-flex;
    align-items: center;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ffffff;
    margin-bottom: 20px;
    padding: 8px 20px;
    background: linear-gradient(90deg, rgba(197, 36, 179, 0.2), rgba(246, 83, 39, 0.2));
    border: 1px solid rgba(246, 83, 39, 0.3);
    border-radius: 50px;
    box-shadow: 0 0 20px rgba(197, 36, 179, 0.15);
}

.sb-cert-badge svg {
    margin-right: 8px;
    width: 16px;
    height: 16px;
}

.sb-cert-title {
    font-size: 3.1rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.15;
    margin-bottom: 18px;
    color: #ffffff;
    letter-spacing: 1px;
}

.sb-cert-title span {
    /* The Signature Gradient */
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sb-cert-desc {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #a0a0a0;
    margin-bottom: 35px;
}

.sb-cert-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sb-cert-list li {
    font-size: 1.05rem;
    font-weight: 600;
    color: #dddddd;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.sb-cert-list li svg {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    fill: none;
    stroke: #f65327;
    /* Orange checkmarks */
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    background: rgba(246, 83, 39, 0.1);
    border-radius: 50%;
    padding: 4px;
}

/* Right Side Visuals (Certificates) */
.sb-cert-visuals {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 450px;
}

.sb-cert-card {
    background: rgba(20, 20, 20, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    padding: 20px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Positions for overlapping layout */
.sb-cert-card.card-1 {
    top: 10px;
    left: 5%;
    z-index: 2;
    border-bottom: 2px solid #c524b3;
    /* Magenta highlight */
}

.sb-cert-card.card-2 {
    bottom: 10px;
    right: 5%;
    z-index: 1;
    border-bottom: 2px solid #f65327;
    /* Orange highlight */
    transform: scale(0.95);
    opacity: 0.9;
}

/* Hover Effects */
.sb-cert-card:hover {
    z-index: 3;
    transform: translateY(-15px) scale(1.02);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8),
        0 0 30px rgba(197, 36, 179, 0.2);
    opacity: 1;
    border-color: rgba(197, 36, 179, 0.4);
}

.sb-cert-card.card-2:hover {
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8),
        0 0 30px rgba(246, 83, 39, 0.2);
    border-color: rgba(246, 83, 39, 0.4);
}

/* Image Wrapper with frosted white so dark logos show properly */
.sb-cert-img-wrapper {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 16px;
    padding: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);
}

.sb-cert-card.card-1 .sb-cert-img-wrapper {
    width: 220px;
    height: 160px;
}

.sb-cert-card.card-2 .sb-cert-img-wrapper {
    width: 260px;
    height: 180px;
}

.sb-cert-img-wrapper img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.sb-cert-label {
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Mobile Adjustments */
@media (max-width: 1023px) {
    .sb-cert-title {
        font-size: 2rem;
    }

    .sb-cert-visuals {
        min-height: auto;
        flex-direction: column;
        gap: 20px;
    }

    .sb-cert-card {
        position: relative;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
        width: 100%;
        max-width: 350px;
        opacity: 1;
    }
}

/* testimonials */

/* Base Reset */
.sb-testi-wrapper * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Main Section */
.sb-testi-wrapper {
    background-color: #080808;
    /* Dark theme */
    padding: 50px 20px 30px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    background-image: url(../img/bg-5.png);
    background-position: top;
    background-repeat: repeat-y;
    background-size: cover;
}

/* Subtle Background Glow */
.sb-testi-wrapper::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 200px;
    background: linear-gradient(90deg, rgba(197, 36, 179, 0.1), rgba(246, 83, 39, 0.1));
    filter: blur(100px);
    z-index: -1;
    border-radius: 50%;
}

.sb-testi-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Header Styling */
.sb-testi-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 20px auto;
}

.sb-testi-subtitle {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #f65327;
    margin-bottom: 16px;
    padding: 6px 20px;
    border: 1px solid rgba(246, 83, 39, 0.3);
    border-radius: 50px;
    background: rgba(246, 83, 39, 0.05);
}

.sb-testi-title {
    font-size: 3.3rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    color: #ffffff;
    letter-spacing: 1px;
}

.sb-testi-title span {
    /* The Signature Gradient */
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Testimonial Card Styling */
.sb-testi-card {
    background: linear-gradient(180deg, rgba(25, 25, 25, 0.9) 0%, rgba(15, 15, 15, 0.95) 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: 20px;
    padding: 45px 40px 35px 40px;
    margin: 25px 15px 15px 15px;
    /* Extra top margin for the floating badge */
    position: relative;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), inset 0 2px 0 0 rgba(197, 36, 179, 0.2);
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 330px;
}

.sb-testi-card:hover {
    transform: translateY(-8px);
    border-color: rgba(197, 36, 179, 0.3);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7),
        inset 0 2px 0 0 rgba(246, 83, 39, 0.8),
        0 0 30px rgba(197, 36, 179, 0.15);
}

/* Floating Quote Badge */
.sb-testi-quote-badge {
    position: absolute;
    top: -22px;
    right: 40px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #c524b3, #f65327);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 20px rgba(246, 83, 39, 0.4);
    transition: transform 0.4s ease;
}

.sb-testi-quote-badge svg {
    width: 20px;
    height: 20px;
    fill: #ffffff;
}

.sb-testi-card:hover .sb-testi-quote-badge {
    transform: rotate(15deg) scale(1.1);
}

/* Star Ratings */
.sb-testi-stars {
    display: flex;
    gap: 4px;
    margin-bottom: 20px;
}

.sb-testi-stars svg {
    width: 18px;
    height: 18px;
    fill: #f65327;
    /* Orange star */
    filter: drop-shadow(0 0 4px rgba(246, 83, 39, 0.4));
}

/* Testimonial Text */
.sb-testi-text {
    font-size: 1.15rem;
    line-height: 1.7;
    color: #d1d1d1;
    margin-bottom: 35px;
    position: relative;
    z-index: 2;
    flex-grow: 1;
    font-style: italic;
    font-weight: 400;
}

/* User Profile Area */
.sb-testi-user {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 25px;
}

/* Avatar Container to hold verified badge */
.sb-testi-avatar-wrapper {
    position: relative;
    margin-right: 18px;
    flex-shrink: 0;
}

/* Gradient Ring around Avatar */
.sb-testi-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #c524b3, #f65327);
    padding: 2px;
    /* Border thickness */
    box-shadow: 0 5px 15px rgba(197, 36, 179, 0.3);
}

.sb-testi-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #141414;
    /* Inner border */
}

/* Verified Tick Badge */
.sb-verified-tick {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 22px;
    height: 22px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    border: 2px solid #141414;
}

.sb-verified-tick svg {
    width: 12px;
    height: 12px;
    fill: #c524b3;
    /* Theme magenta check */
}

.sb-testi-info h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 4px 0;
    letter-spacing: -0.3px;
}

.sb-testi-info span {
    font-size: 0.8rem;
    font-weight: 600;
    color: #a0a0a0;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/* Styling Owl Carousel Dots */
.sb-testi-slider .owl-dots {
    text-align: center;
    margin-top: 40px !important;
}

.sb-testi-slider .owl-dot span {
    width: 10px !important;
    height: 10px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border-radius: 50%;
    margin: 0 5px !important;
    transition: all 0.3s ease !important;
}

.sb-testi-slider .owl-dot.active span {
    background: linear-gradient(90deg, #c524b3, #f65327) !important;
    width: 28px !important;
    border-radius: 10px;
}

/* Hamesha Show Hone Wale Navigation Arrows */
.sb-testi-slider .owl-nav {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    justify-content: center;
    gap: 20px;
    margin-top: 30px !important;
}

.sb-testi-slider .owl-nav button.owl-prev,
.sb-testi-slider .owl-nav button.owl-next {
    opacity: 1 !important;
    visibility: visible !important;
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    background: rgba(30, 30, 30, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    font-size: 28px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
}

.sb-testi-slider .owl-nav button.owl-prev:hover,
.sb-testi-slider .owl-nav button.owl-next:hover {
    background: linear-gradient(135deg, #c524b3, #f65327) !important;
    border-color: transparent !important;
    box-shadow: 0 5px 15px rgba(246, 83, 39, 0.4) !important;
    color: #ffffff !important;
    transform: translateY(-3px);
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .sb-testi-title {
        font-size: 2rem;
    }

    .sb-testi-wrapper {
        padding: 50px 15px;
    }

    .sb-testi-card {
        padding: 25px 20px;
        margin: 25px 5px 15px 5px;
    }

    .sb-testi-quote-badge {
        right: 20px;
    }
}

/* how it works */

/* Base Reset */
.sb-how-wrapper * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Main Section */
.sb-how-wrapper {
    background-color: #080808;
    padding: 50px 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

/* Ambient Glow */
.sb-how-wrapper::before {
    content: '';
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 400px;
    background: radial-gradient(ellipse at center, rgba(197, 36, 179, 0.1) 0%, transparent 60%);
    z-index: -1;
    filter: blur(80px);
}

.sb-how-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

/* Header Styling */
.sb-how-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 80px auto;
}

.sb-how-subtitle {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #f65327;
    margin-bottom: 16px;
    padding: 6px 20px;
    border: 1px solid rgba(246, 83, 39, 0.3);
    border-radius: 50px;
    background: rgba(246, 83, 39, 0.05);
    box-shadow: 0 0 20px rgba(246, 83, 39, 0.1);
}

.sb-how-title {
    font-size: 3.5rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    color: #ffffff;
    letter-spacing: 1px;
}

.sb-how-title span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Grid Layout */
.sb-how-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
    position: relative;
    z-index: 2;
}

@media (min-width: 1024px) {
    .sb-how-grid {
        grid-template-columns: 1fr auto 1fr auto 1fr;
        gap: 20px;
    }
}

/* Connectors (Arrows between cards) */
.sb-how-connector {
    display: none;
    justify-content: center;
    align-items: center;
    width: 60px;
}

@media (min-width: 1024px) {
    .sb-how-connector {
        display: flex;
    }
}

.sb-how-connector svg {
    width: 40px;
    height: 40px;
    fill: none;
    stroke: url(#how-gradient);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 8px rgba(246, 83, 39, 0.4));
    animation: pulse-arrow 2s infinite;
}

@keyframes pulse-arrow {
    0% {
        transform: translateX(-5px);
        opacity: 0.5;
    }

    50% {
        transform: translateX(5px);
        opacity: 1;
    }

    100% {
        transform: translateX(-5px);
        opacity: 0.5;
    }
}

/* Step Card */
.sb-how-card {
    background: linear-gradient(145deg, rgba(25, 25, 25, 0.8) 0%, rgba(12, 12, 12, 0.9) 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.04);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 50px 35px;
    text-align: left;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
}

.sb-how-card:hover {
    transform: translateY(-12px);
    border-color: rgba(197, 36, 179, 0.4);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8),
        inset 0 0 40px rgba(246, 83, 39, 0.05);
}

/* Giant Number Watermark */
.sb-how-watermark {
    position: absolute;
    right: -10px;
    bottom: -20px;
    font-size: 9rem;
    font-weight: 900;
    line-height: 1;
    background: linear-gradient(135deg, rgba(197, 36, 179, 0.1), rgba(246, 83, 39, 0.05));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 0;
    transition: all 0.5s ease;
    pointer-events: none;
}

.sb-how-card:hover .sb-how-watermark {
    background: linear-gradient(135deg, rgba(197, 36, 179, 0.3), rgba(246, 83, 39, 0.15));
    -webkit-background-clip: text;
    transform: scale(1.05) translate(-10px, -10px);
}

/* Custom Premium Icons */
.sb-how-icon-wrapper {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgba(15, 15, 15, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
    transition: all 0.5s ease;
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.02);
}

.sb-how-icon-wrapper::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 50%;
    background: linear-gradient(135deg, #c524b3, #f65327);
    z-index: -1;
    opacity: 0;
    transition: opacity 0.5s ease;
    filter: blur(5px);
}

.sb-how-card:hover .sb-how-icon-wrapper {
    transform: scale(1.1);
    border-color: transparent;
}

.sb-how-card:hover .sb-how-icon-wrapper::before {
    opacity: 1;
}

.sb-how-icon-wrapper svg {
    width: 32px;
    height: 32px;
    fill: none;
    stroke: url(#how-gradient);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: all 0.4s ease;
}

.sb-how-card:hover .sb-how-icon-wrapper svg {
    stroke: #ffffff;
    /* Turns white on hover for contrast against glow */
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5));
}

/* Text Content */
.sb-how-card h3 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
    position: relative;
    z-index: 2;
}

.sb-how-card p {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #a0a0a0;
    margin: 0;
    position: relative;
    z-index: 2;
    font-weight: 400;
}

.sb-how-card:hover p {
    color: #cccccc;
}

/* Mobile Adjustments */
@media (max-width: 1023px) {
    .sb-how-title {
        font-size: 2rem;
    }

    .sb-how-wrapper {
        padding: 35px 15px;
    }

    .sb-how-card {
        text-align: center;
        align-items: center;
        padding: 20px 20px;
    }
}

/* faqs */

/* Base Reset */
.sb-faq-wrapper * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Main Section - Unique Background */
.sb-faq-wrapper {
    /* Halka sa dark purple/blue tint black ki jagah */
    background-color: #0a0a0f;
    /* Modern Dot Matrix Background */
    background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1.5px, transparent 1.5px);
    background-size: 30px 30px;
    padding: 50px 20px;
    position: relative;
    z-index: 1;
}

/* Top and Bottom Fade to blend with other sections */
.sb-faq-wrapper::before,
.sb-faq-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 100px;
    z-index: -1;
}

.sb-faq-wrapper::before {
    top: 0;
    background: linear-gradient(to bottom, #050505, transparent);
}

.sb-faq-wrapper::after {
    bottom: 0;
    background: linear-gradient(to top, #050505, transparent);
}

.sb-faq-container {
    width: 100%;
    max-width: 900px;
    /* Narrower for better reading */
    margin: 0 auto;
}

/* Center Aligned Header */
.sb-faq-header {
    text-align: center;
    margin-bottom: 60px;
}

.sb-faq-badge {
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #f65327;
    margin-bottom: 20px;
    position: relative;
}

.sb-faq-badge::before,
.sb-faq-badge::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 30px;
    height: 1px;
    background: #f65327;
}

.sb-faq-badge::before {
    left: -40px;
}

.sb-faq-badge::after {
    right: -40px;
}

.sb-faq-title {
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.sb-faq-desc {
    font-size: 1.15rem;
    color: #888888;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Unique Minimalist Accordion List */
.sb-faq-list {
    display: flex;
    flex-direction: column;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sb-faq-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}

/* Hover effect on item line */
.sb-faq-item::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0%;
    height: 1px;
    background: linear-gradient(90deg, #c524b3, #f65327);
    transition: width 0.4s ease;
}

.sb-faq-item:hover::after,
.sb-faq-item.active::after {
    width: 100%;
}

/* Accordion Question (Button) */
.sb-faq-q {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: color 0.3s ease;
}

.sb-faq-item.active .sb-faq-q {
    color: #f65327;
    /* Theme color highlight */
}

/* Custom Animated Plus/Minus Icon */
.sb-faq-icon {
    position: relative;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-left: 20px;
}

.sb-faq-icon::before,
.sb-faq-icon::after {
    content: '';
    position: absolute;
    background: #ffffff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 2px;
}

/* Horizontal line of the plus */
.sb-faq-icon::before {
    top: 11px;
    left: 0;
    width: 24px;
    height: 2px;
}

/* Vertical line of the plus */
.sb-faq-icon::after {
    top: 0;
    left: 11px;
    width: 2px;
    height: 24px;
}

.sb-faq-item:hover .sb-faq-icon::before,
.sb-faq-item:hover .sb-faq-icon::after {
    background: #f65327;
}

.sb-faq-item.active .sb-faq-icon::before,
.sb-faq-item.active .sb-faq-icon::after {
    background: #c524b3;
}

/* Animate to Minus when active */
.sb-faq-item.active .sb-faq-icon::after {
    transform: rotate(90deg);
    opacity: 0;
}

.sb-faq-item.active .sb-faq-icon::before {
    transform: rotate(180deg);
}

/* Accordion Answer Content */
.sb-faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, padding 0.4s ease-out, opacity 0.4s ease-out;
    opacity: 0;
}

.sb-faq-item.active .sb-faq-a {
    opacity: 1;
    padding-bottom: 30px;
}

.sb-faq-a p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #a0a0a0;
    margin: 0;
    padding-right: 40px;
    /* Keep text away from icon area */
}

/* Highlighting keywords inside answers */
.sb-faq-a p strong {
    color: #e0e0e0;
    font-weight: 600;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .sb-faq-title {
        font-size: 2rem;
    }

    .sb-faq-q {
        font-size: 1.15rem;
        padding: 25px 0;
    }

    .sb-faq-a p {
        font-size: 1rem;
        padding-right: 10px;
    }

    .sb-faq-wrapper {
        padding: 35px 20px 40px;
    }

    .sb-faq-badge::before,
    .sb-faq-badge::after {
        width: 20px;
    }

    .sb-faq-badge::before {
        left: -30px;
    }

    .sb-faq-badge::after {
        right: -30px;
    }
}

/* Video */
/* Base Reset */
.sb-video-wrapper * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Main Section - Deep Dark Background */
.sb-video-wrapper {
    background-color: #050505;
    padding: 80px 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

/* Ambient Glow Effects */
.sb-video-wrapper::before {
    content: '';
    position: absolute;
    top: 20%;
    left: 10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(197, 36, 179, 0.15) 0%, transparent 60%);
    z-index: -1;
    filter: blur(80px);
    border-radius: 50%;
}

.sb-video-wrapper::after {
    content: '';
    position: absolute;
    bottom: 10%;
    right: 10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(246, 83, 39, 0.12) 0%, transparent 60%);
    z-index: -1;
    filter: blur(80px);
    border-radius: 50%;
}

.sb-video-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
}

/* Header Styling */
.sb-video-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 50px auto;
}

.sb-video-badge {
    display: inline-flex;
    align-items: center;
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ffffff;
    margin-bottom: 20px;
    padding: 8px 20px;
    background: linear-gradient(90deg, rgba(197, 36, 179, 0.2), rgba(246, 83, 39, 0.2));
    border: 1px solid rgba(246, 83, 39, 0.3);
    border-radius: 50px;
    box-shadow: 0 0 20px rgba(197, 36, 179, 0.15);
}

.sb-video-badge svg {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    fill: #f65327;
}

.sb-video-title {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1.15;
    color: #ffffff;
    letter-spacing: 1px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.sb-video-title span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sb-video-desc {
    font-size: 1.15rem;
    line-height: 1.6;
    color: #a0a0a0;
}

/* SLIDER WRAPPER - Exact width logic for 6 items */
.sb-slider-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    margin: 30px auto 0;
    /* 600px (active) + 5*100px (inactive) + 5*20px (gap) + 20px (padding) = 1220px */
    max-width: 1220px;
    /* <--- Ise update karein */
}

/* SLIDER GALLERY - Horizontal Scroll */
.sb-video-gallery {
    display: flex;
    gap: 20px;
    width: 100%;
    padding: 20px 10px;
    /* Padding for box-shadows */
    overflow-x: auto;
    scroll-behavior: smooth;
    /* Hide scrollbar */
    -ms-overflow-style: none;
    scrollbar-width: none;
    align-items: center;
}

.sb-video-gallery::-webkit-scrollbar {
    display: none;
}

/* INDIVIDUAL PANELS - Accordion Slider Layout */
.sb-panel {
    position: relative;
    flex: 0 0 100px;
    /* Narrow inactive state */
    height: 550px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 30px;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    align-items: flex-end;

    filter: grayscale(100%) brightness(0.4);
    transition: flex 0.6s cubic-bezier(0.25, 0.8, 0.25, 1), filter 0.6s ease;
}

.sb-panel:not(.active):hover {
    filter: grayscale(60%) brightness(0.6);
}

.sb-panel.active {
    flex: 0 0 600px;
    /* Wide active state */
    filter: grayscale(0%) brightness(1);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.8);
    cursor: default;
}

/* Gradient Border for Active Card exactly like Image */
.sb-panel.active::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 30px;
    border: 2px solid transparent;
    background: linear-gradient(135deg, #c524b3, #f65327) border-box;
    -webkit-mask:
        linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 10;
    pointer-events: none;
}

.sb-panel-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.sb-panel.playing .sb-panel-video {
    opacity: 1;
    pointer-events: auto;
}

.sb-panel-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%);
    z-index: 2;
    transition: opacity 0.4s ease;
}

.sb-panel.playing .sb-panel-overlay {
    opacity: 0;
    pointer-events: none;
}

.sb-panel-content {
    position: relative;
    z-index: 3;
    padding: 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    transition: opacity 0.4s ease;
}

.sb-panel.playing .sb-panel-content {
    opacity: 0;
    pointer-events: none;
}

.sb-panel-text {
    flex: 1;
}

.sb-panel-tag {
    display: inline-block;
    background: rgba(197, 36, 179, 0.2);
    border: 1px solid rgba(197, 36, 179, 0.5);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 50px;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sb-panel-text h3 {
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 800;
    margin: 0 0 5px 0;
    line-height: 1.2;
}

.sb-panel-text p {
    color: #cccccc;
    font-size: 1rem;
    margin: 0;
}

.sb-panel-play-btn {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: linear-gradient(135deg, #c524b3, #f65327);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 10px 25px rgba(246, 83, 39, 0.4);
    transition: all 0.3s ease;
    flex-shrink: 0;
    margin-left: 15px;
}

.sb-panel:hover .sb-panel-play-btn {
    transform: scale(1.1);
}

.sb-panel-play-btn svg {
    width: 22px;
    height: 22px;
    fill: #ffffff;
    margin-left: 4px;
}

/* SLIDER NAVIGATION BUTTONS */
.slider-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(5, 5, 5, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    backdrop-filter: blur(5px);
}

.slider-nav-btn:hover {
    background: linear-gradient(135deg, rgba(197, 36, 179, 0.8), rgba(246, 83, 39, 0.8));
    border-color: transparent;
    box-shadow: 0 0 20px rgba(246, 83, 39, 0.4);
}

.slider-nav-btn svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

.slider-prev {
    left: -25px;
}

.slider-next {
    right: -25px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .sb-slider-wrapper {
        max-width: 970px;
    }

    .sb-panel {
        flex: 0 0 80px;
        height: 480px;
    }

    .sb-panel.active {
        flex: 0 0 450px;
    }

    .sb-video-title {
        font-size: 2.8rem;
    }
}

@media (max-width: 768px) {
    .sb-panel {
        flex: 0 0 15vw;
        height: 450px;
    }

    .sb-panel.active {
        flex: 0 0 75vw;
    }

    .sb-video-title {
        font-size: 2.2rem;
    }

    .slider-nav-btn {
        display: none;
        /* Hide arrows on small screens, rely on touch swipe */
    }

    .sb-video-gallery {
        gap: 12px;
    }
}

/* social media Sec */

.sb-follow-wrapper * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Main Section */
.sb-follow-wrapper {
    background-color: #050505;
    padding: 45px 20px 75px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}

/* Decorative Background Line */
.sb-follow-line-decor {
    position: absolute;
    top: 140px;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    z-index: -1;
}

.sb-follow-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Header Styling */
.sb-follow-header {
    margin-bottom: 70px;
}

.sb-follow-title {
    font-size: 3.5rem;
    font-weight: 900;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    position: relative;
    background-color: #050505;
    padding: 0 30px;
}

.sb-follow-title span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Social Grid */
.sb-follow-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
    margin-top: 40px;
}

/* Circular Item Styling */
.sb-follow-item {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    background: #111111;
    border: 1px solid rgba(255, 255, 255, 0.05);
    /* Smooth cubic-bezier transition for premium feel */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

/* NEW: Theme Gradient Fill Effect (Replacing brand colors) */
.sb-follow-fill {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    /* Fixed Theme Gradient for all icons as requested */
    background: linear-gradient(135deg, #c524b3 0%, #f65327 100%);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    z-index: 1;
    border-radius: 50%;
}

.sb-follow-item:hover .sb-follow-fill {
    top: 0;
    border-radius: 0;
}

/* Icon/Image Container */
.sb-follow-icon-box {
    position: relative;
    z-index: 2;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* Image Styling with Grayscale */
.sb-follow-icon-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Ensures images fill the circle */
    /* filter: grayscale(100%); */
    /* Default Grayscale */
    opacity: 0.7;
    transition: all 0.5s ease;
}

.sb-follow-item:hover .sb-follow-icon-box img {
    opacity: 0;
    /* Fades out to show text clearly */
    transform: scale(1.2) rotate(5deg);
}

/* Hover Content (The Text) */
.sb-follow-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -20%);
    /* Start slightly lower */
    opacity: 0;
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    text-align: center;
    width: 100%;
    padding: 0 10px;
    z-index: 3;
    pointer-events: none;
}

/* Active States */
.sb-follow-item:hover {
    transform: translateY(-10px);
    border-color: rgba(255, 255, 255, 0.3);
    box-shadow: 0 20px 40px rgba(197, 36, 179, 0.3);
}

.sb-follow-item:hover .sb-follow-text {
    opacity: 1;
    transform: translate(-50%, -50%);
    /* Moves to center */
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .sb-follow-title {
        font-size: 2.2rem;
    }

    .sb-follow-item {
        width: 135px;
        height: 135px;
    }

    .sb-follow-text {
        font-size: 0.75rem;
    }

    .sb-follow-wrapper {
        padding: 30px 15px 40px;
    }
}

/* Footer Base Reset */
.sb-footer-wrapper * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* --- THE DYNAMIC FOOTER WRAPPER --- */
.sb-footer-wrapper {
    background-color: #050505;
    color: #ffffff;
    padding: 50px 20px 0 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    /* Premium Top Border Fade */
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.sb-footer-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #c524b3, #f65327, transparent);
    opacity: 0.5;
}

/* --- DYNAMIC BACKGROUND ANIMATIONS --- */
.sb-footer-bg {
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden;
}

/* 1. Floating Glowing Blobs */
.sb-footer-blob {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.15;
    animation: blob-float 20s infinite alternate ease-in-out;
}

.sb-blob-1 {
    top: -200px;
    right: -100px;
    background: #c524b3;
}

.sb-blob-2 {
    bottom: -200px;
    left: -100px;
    background: #f65327;
    animation-delay: -10s;
}

@keyframes blob-float {
    0% {
        transform: translate(0, 0) scale(1);
    }

    100% {
        transform: translate(-100px, 50px) scale(1.2);
    }
}

/* 2. Rotating Cyber Rings */
.sb-cyber-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px dashed rgba(255, 255, 255, 0.05);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: ring-spin linear infinite;
}

.sb-ring-1 {
    width: 800px;
    height: 800px;
    animation-duration: 40s;
    border-width: 2px;
}

.sb-ring-2 {
    width: 1200px;
    height: 1200px;
    animation-duration: 60s;
    animation-direction: reverse;
    border-style: dotted;
}

@keyframes ring-spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.sb-footer-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* --- GRID LAYOUT --- */
.sb-footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 50px;
    padding-bottom: 35px;
}

@media (min-width: 768px) {
    .sb-footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {

    /* 4 Columns: 1.5fr (Brand), 1fr (Platform), 1fr (Links), 1.2fr (Contact) */
    .sb-footer-grid {
        grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
        gap: 40px;
    }
}

/* --- WIDGET 1: BRAND & BIO --- */
.sb-brand-widget .logo {
    margin-bottom: 25px;
    display: inline-block;
    transition: transform 0.3s ease;
}

.sb-brand-widget .logo:hover {
    transform: scale(1.02);
}

.sb-brand-widget p {
    color: #9ca3af;
    line-height: 1.5;
    font-size: 0.9rem;
    text-align: justify;
    margin-bottom: 20px;
}

/* Glass Social Links */
.sb-social-links {
    display: flex;
    gap: 15px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sb-social-links a {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 22px;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.sb-social-links a:hover {
    background: linear-gradient(135deg, #c524b3, #f65327);
    border-color: transparent;
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(246, 83, 39, 0.3);
}

/* --- WIDGET HEADERS --- */
.sb-footer-widget h3 {
    font-size: 1.3rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 30px;
    letter-spacing: 0.5px;
    position: relative;
    display: inline-block;
}

.sb-footer-widget h3::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 25px;
    height: 3px;
    background: linear-gradient(90deg, #c524b3, #f65327);
    border-radius: 10px;
    transition: width 0.3s ease;
}

.sb-footer-widget:hover h3::after {
    width: 50px;
}

/* --- FOOTER LINKS --- */
.sb-widget-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sb-widget-list li {
    margin-bottom: 16px;
}

.sb-widget-list a {
    color: #9ca3af;
    text-decoration: none;
    font-size: 1.05rem;
    transition: all 0.3s ease;
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* Magnetic Animated Underline */
.sb-widget-list a::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0%;
    height: 1px;
    background: linear-gradient(90deg, #c524b3, #f65327);
    transition: width 0.4s ease;
}

/* Small Chevron on hover */
.sb-widget-list a::after {
    content: '›';
    position: absolute;
    right: -15px;
    opacity: 0;
    color: #f65327;
    transform: translateX(-10px);
    transition: all 0.3s ease;
}

.sb-widget-list a:hover {
    color: #ffffff;
}

.sb-widget-list a:hover::before {
    width: 100%;
}

.sb-widget-list a:hover::after {
    opacity: 1;
    transform: translateX(0);
}

/* --- CONTACT WIDGET --- */
.sb-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sb-contact-list li {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

/* Glowing Contact Icons */
.sb-contact-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: rgba(246, 83, 39, 0.1);
    border: 1px solid rgba(246, 83, 39, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f65327;
    font-size: 20px;
    flex-shrink: 0;
    transition: all 0.4s ease;
}

.sb-contact-list li:hover .sb-contact-icon {
    background: linear-gradient(135deg, #c524b3, #f65327);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 5px 15px rgba(246, 83, 39, 0.4);
    transform: scale(1.1);
}

.sb-contact-text a {
    color: #9ca3af;
    text-decoration: none;
    font-size: 1.05rem;
    transition: color 0.3s ease;
    font-weight: 500;
}

.sb-contact-text a:hover {
    color: #ffffff;
}

/* --- FOOTER BOTTOM / COPYRIGHT --- */
.sb-footer-bottom {
    padding: 30px 0;
    border-top: 1px dashed rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sb-footer-bottom p {
    color: #f4f4f4;
    font-size: 0.95rem;
    margin: 0;
}

.sb-footer-bottom p i {
    font-size: 14px;
    vertical-align: middle;
}

.sb-footer-bottom a {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    text-decoration: none;
}

/* Mobile Adjustments */
@media (max-width: 767px) {
    .sb-footer-wrapper {
        padding-top: 35px;
    }

    .sb-footer-grid {
        gap: 35px;
        padding-bottom: 11px;
    }

    .sb-footer-widget h3 {
        margin-bottom: 20px;
    }
}

/* header */
:root {
    /* Theme Colors inspired by the uploaded image */
    --mh-neon-pink: #ff007f;
    --mh-neon-orange: #ff5e00;
    --mh-neon-purple: #b200ff;

    /* Gradients */
    --mh-primary-gradient: linear-gradient(90deg, var(--mh-neon-pink), var(--mh-neon-orange));
    --mh-secondary-gradient: linear-gradient(90deg, var(--mh-neon-purple), var(--mh-neon-pink));

    /* Text Colors */
    --mh-text-light: #ffffff;
    --mh-text-muted: #b0b0b0;
}

/* Dark Glassmorphism Header Background */
.mh-custom-header.header-area {
    transition: all 0.4s ease;
}

/* Animated Nav Links */
.mh-custom-header .navbar-nav .nav-item .nav-link {
    color: var(--mh-text-light) !important;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    padding: 10px 15px;
    transition: color 0.3s ease, text-shadow 0.3s ease;
    background-color: transparent;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Hover Underline Animation with Glow */
.mh-custom-header .navbar-nav .nav-item .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: var(--mh-primary-gradient);
    box-shadow: 0 0 10px var(--mh-neon-pink);
    transition: all 0.3s ease;
    transform: translateX(-50%);
    border-radius: 2px;
}

.mh-custom-header .navbar-nav .nav-item .nav-link:hover {
    color: var(--mh-neon-pink) !important;
    text-shadow: 0 0 8px rgba(255, 0, 127, 0.4);
}

.mh-custom-header .navbar-nav .nav-item .nav-link:hover::after {
    width: 80%;
}

/* Dark Modern Dropdown Animation */
@media only screen and (min-width: 768px) {
    .mh-custom-header .navbar-nav .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transform: translateY(20px);
        transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        border: 1px solid rgba(255, 0, 127, 0.2);
        /* Neon subtle border */
        border-radius: 12px;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.7), 0 0 20px rgba(255, 0, 127, 0.1);
        background: rgba(20, 20, 25, 0.95);
        /* Dark dropdown bg */
        backdrop-filter: blur(10px);
        padding: 10px 0;
    }

    .mh-custom-header .navbar-nav .nav-item:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

.mh-custom-header .dropdown-menu .nav-item .nav-link {
    padding: 10px 25px;
    transition: all 0.3s ease;
    color: var(--mh-text-muted) !important;
    text-transform: capitalize;
}

.mh-custom-header .dropdown-menu .nav-item .nav-link:hover {
    background: rgba(255, 0, 127, 0.1);
    padding-left: 32px;
    color: var(--mh-text-light) !important;
    text-shadow: 0 0 8px rgba(255, 0, 127, 0.6);
}

/* =========================================
       PREMIUM NEON BUTTON ANIMATIONS
       ========================================= */
.mh-custom-header .others-option {
    display: flex;
    align-items: center;
    gap: 15px;
}

.mh-btn {
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 26px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Neon Outline Button (Login / Logout) */
.mh-btn-outline {
    background: transparent;
    color: var(--mh-text-light) !important;
    border: 2px solid var(--mh-neon-pink);
    box-shadow: inset 0 0 10px rgba(255, 0, 127, 0.2), 0 0 10px rgba(255, 0, 127, 0.2);
}

.mh-btn-outline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--mh-primary-gradient);
    z-index: -1;
    transition: opacity 0.4s ease;
    opacity: 0;
}

.mh-btn-outline:hover {
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(255, 0, 127, 0.5), 0 0 15px rgba(255, 94, 0, 0.4);
    border-color: transparent;
}

.mh-btn-outline:hover::before {
    opacity: 1;
}

/* Glowing Solid Gradient Button (Register / Welcome) */
.mh-btn-solid {
    background: var(--mh-primary-gradient);
    background-size: 200% auto;
    color: #fff !important;
    border: none;
    box-shadow: 0 4px 15px rgba(255, 0, 127, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.2);
}

.mh-btn-solid:hover {
    background-position: right center;
    color: #fff !important;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 12px 30px rgba(255, 0, 127, 0.6), 0 0 20px rgba(255, 94, 0, 0.5);
}

.mh-btn i {
    font-size: 18px;
    transition: transform 0.3s ease;
}

.mh-btn:hover i {
    transform: translateX(4px) scale(1.1);
}

/* Mobile specific display */
.mh-lr-btn {
    display: none;
}

@media only screen and (max-width: 991px) {
    .mh-custom-header .others-option {
        display: none;
    }

    .mh-lr-btn {
        display: block;
        margin-top: 10px;
    }

    .mh-lr-btn .nav-link {
        color: var(--mh-neon-pink) !important;
        font-weight: bold;
    }
}

.glassy-bg {
    background: rgba(10, 10, 15, 0.4) !important;
    backdrop-filter: blur(25px) !important;
    -webkit-backdrop-filter: blur(25px) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* vip section */

/* Base Reset */

/* --- MAIN VIP SECTION WRAPPER --- */
.sb-vip-wrapper {
    background-color: #050505;
    padding: 55px 20px 40px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

/* --- BACKGROUND ANIMATIONS & SHAPES --- */
.sb-vip-bg {
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden;
}

/* Network Dot Matrix Pattern */
.sb-vip-network {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background-image: radial-gradient(rgba(255, 255, 255, 0.08) 2px, transparent 2px);
    background-size: 40px 40px;
    mask-image: radial-gradient(circle at center, black 10%, transparent 60%);
    -webkit-mask-image: radial-gradient(circle at center, black 10%, transparent 60%);
    animation: network-spin 120s linear infinite;
}

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

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

/* Glowing Aura Blobs */
.sb-vip-aura {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.15;
    animation: aura-float 15s infinite alternate ease-in-out;
}

.sb-aura-1 {
    width: 500px;
    height: 500px;
    background: #c524b3;
    top: -100px;
    left: -100px;
}

.sb-aura-2 {
    width: 400px;
    height: 400px;
    background: #f65327;
    bottom: -50px;
    right: -50px;
    animation-delay: -5s;
}

@keyframes aura-float {
    0% {
        transform: translate(0, 0) scale(1);
    }

    100% {
        transform: translate(50px, 50px) scale(1.2);
    }
}

.sb-vip-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

/* --- HEADER STYLING --- */
.sb-vip-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 60px auto;
}

.sb-vip-badge {
    display: inline-flex;
    align-items: center;
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ffffff;
    margin-bottom: 20px;
    padding: 8px 20px;
    background: linear-gradient(90deg, rgba(197, 36, 179, 0.2), rgba(246, 83, 39, 0.2));
    border: 1px solid rgba(246, 83, 39, 0.3);
    border-radius: 50px;
    box-shadow: 0 0 20px rgba(197, 36, 179, 0.15);
}

.sb-vip-title {
    font-size: 3.5rem;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.sb-vip-title span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* --- VIP MEMBER CARD DESIGN --- */
.sb-vip-card {
    background: rgba(15, 15, 18, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    padding: 20px 25px 15px 25px;
    margin: 10px 0px;
    /* Spacing for Owl Carousel */
    text-align: center;
    position: relative;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
    overflow: hidden;
}

.sb-vip-card:hover {
    transform: translateY(-10px);
    border-color: rgba(197, 36, 179, 0.4);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6), inset 0 0 30px rgba(246, 83, 39, 0.05);
    background: rgba(20, 20, 25, 0.9);
}

/* Floating VIP Crown Badge */
.sb-vip-tag {
    position: absolute;
    top: 30px;
    right: 30px;
    background: linear-gradient(135deg, #c524b3, #f65327);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 5;
    box-shadow: 0 5px 15px rgba(246, 83, 39, 0.4);
    transition: all 0.3s ease;
}

.sb-vip-card:hover .sb-vip-tag {
    transform: scale(1.15) rotate(10deg);
}

.sb-vip-tag svg {
    width: 22px;
    height: 22px;
    fill: #ffffff;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.3));
}

/* Image Wrapper with Neon Reveal Border */
.sb-vip-img-wrap {
    width: 150px;
    height: 200px;
    margin: 0 auto 25px auto;
    border-radius: 50%;
    padding: 4px;
    background: rgba(255, 255, 255, 0.05);
    /* Default subtle border */
    position: relative;
    transition: all 0.4s ease;
}

.sb-vip-card:hover .sb-vip-img-wrap {
    background: linear-gradient(135deg, #c524b3, #f65327);
    box-shadow: 0 0 25px rgba(197, 36, 179, 0.5);
    transform: scale(1.05);
}

.sb-vip-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    background-color: #111;
    border: 3px solid #0a0a0c;
    /* Inner dark border */
}

/* Upgraded Content Styling for Name */
.sb-vip-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sb-vip-content h3 {
    font-size: 1.5rem;
    font-weight: 800;
    margin: 0;
    letter-spacing: -0.5px;
}

.sb-vip-content h3 a {
    text-decoration: none;
    transition: all 0.3s ease;
    /* Premium metallic text effect by default */
    background: linear-gradient(90deg, #ffffff 0%, #d1d5db 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sb-vip-card:hover .sb-vip-content h3 a {
    /* Active hover color */
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 2px 10px rgba(197, 36, 179, 0.3));
}

/* Added Elite Designation */
.sb-vip-designation {
    font-size: 1.0rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    opacity: 0.8;
    transition: all 0.3s ease;
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sb-vip-card:hover .sb-vip-designation {
    opacity: 1;
    color: #c524b3;
}

/* Customizing Owl Carousel Dots & Nav */
.sb-vip-wrapper .owl-dots {
    text-align: center;
    margin-top: 30px !important;
}

.sb-vip-wrapper .owl-dot span {
    width: 12px !important;
    height: 12px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border-radius: 50%;
    margin: 0 6px !important;
    transition: all 0.3s ease !important;
}

.sb-vip-wrapper .owl-dot.active span {
    background: linear-gradient(90deg, #c524b3, #f65327) !important;
    width: 30px !important;
    border-radius: 10px;
}

.sb-vip-wrapper .owl-nav {
    display: flex !important;
    justify-content: center;
    gap: 20px;
    margin-top: 30px !important;
}

.sb-vip-wrapper .owl-nav button {
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
    font-size: 24px !important;
    transition: all 0.3s ease !important;
}

.sb-vip-wrapper .owl-nav button:hover {
    background: linear-gradient(135deg, #c524b3, #f65327) !important;
    border-color: transparent !important;
    box-shadow: 0 5px 15px rgba(246, 83, 39, 0.4) !important;
    transform: translateY(-3px);
}

/* Mobile Adjustments */
@media (max-width: 767px) {
    .sb-vip-title {
        font-size: 2rem;
    }

    .sb-vip-wrapper {
        padding: 50px 10px 25px;
    }

    .sb-vip-card {
        padding: 30px 15px 25px 15px;
    }

    .sb-vip-img-wrap {
        width: 220px;
        height: 260px;
        margin: 0 auto 20px auto;
    }

    .sb-vip-content h3 {
        font-size: 1.3rem;
    }

    .sb-vip-designation {
        font-size: 1.4rem;
    }

    .sb-vip-tag {
        position: absolute;
        top: 40px;
        right: 87px;
    }
}

@media (max-width: 991px) {
    .cw-about-section {
        padding: 25px 25px;
        min-height: auto;
    }

    .sb-cert-wrapper {
        padding: 35px 20px;
    }

    .sb-cert-card.card-1 .sb-cert-img-wrapper {
        width: 100%;
        height: 150px;
        padding: 10px;
    }

    .sb-cert-card.card-2 .sb-cert-img-wrapper {
        width: 100%;
        height: 150px;
    }

    .sb-cert-grid {
        gap: 20px;
    }

    .sb-how-icon-wrapper {
        margin-bottom: 10px;
        width: 60px;
        height: 60px;
    }

    .sb-how-grid {
        gap: 30px;
    }

    .sb-video-wrapper {
        padding: 30px 20px;
    }

    .sb-video-title {
        font-size: 2rem;
    }
}

/* Upper course  */

/* --- PREMIUM WRAPPER --- */
.sb-pro-courses-wrapper {
    background: #090207;
    padding: 60px 20px 30px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

/* --- PREMIUM BACKGROUND --- */

/* Navin Soft Mesh Background (Premium look sathi) */
.sb-pro-bg-mesh {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        radial-gradient(circle at 0% 0%, rgba(197, 36, 179, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 100% 100%, rgba(246, 83, 39, 0.05) 0%, transparent 40%),
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.01) 0%, transparent 70%);
}

/* Moving Grid Pattern (Subtle grid) */
.sb-pro-bg-grid {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-size: 60px 60px;
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
    mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
    /* Grid animation kadhun takli ahe karan te shant disayla hava */
}

.sb-pro-container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* --- HEADER STYLING --- */
.sb-pro-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 40px auto;
}

.sb-pro-header h2 {
    font-size: 55px;
    font-weight: 700;
    font-family: "DM Sans", sans-serif;
    text-transform: uppercase;
}

.sb-pro-badge {
    display: inline-flex;
    align-items: center;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #ffffff;
    margin-bottom: 10px;
    padding: 8px 24px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    backdrop-filter: blur(10px);
}

.sb-pro-badge::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: linear-gradient(135deg, #c524b3, #f65327);
    border-radius: 50%;
    margin-right: 12px;
    box-shadow: 0 0 10px rgba(246, 83, 39, 0.8);
}

.sb-pro-title {
    font-size: 3.5rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -1px;
    line-height: 1.1;
    margin: 0;
}

.sb-pro-title span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* --- PRO CARD DESIGN --- */
.sb-pro-card {
    background: #0f0f13;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    overflow: hidden;
    position: relative;
    /* Yahan margin kam kiya gaya hai taaki cards ke beech gap sahi rahe (15px -> 6px) */
    margin: 20px 0px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
}

.sb-pro-card:hover {
    transform: translateY(-10px);
    border-color: rgba(246, 83, 39, 0.3);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8),
        0 15px 35px -10px rgba(197, 36, 179, 0.3);
}

/* Card Image Box */
.sb-pro-img-box {
    position: relative;
    width: 100%;
    /* aspect-ratio: 3 / 4; */
    aspect-ratio: 4 / 2;
    /* Fixed height hatakar aspect-ratio lagaya hai taaki vertical images poori dikhein */
    overflow: hidden;
    background: #111;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.sb-pro-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sb-pro-card:hover .sb-pro-img-box img {
    transform: scale(1.08);
}

.sb-pro-img-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 40%, rgba(0, 0, 0, 0.1) 100%);
    z-index: 1;
    pointer-events: none;
}

/* Floating Topic Badge */
.sb-pro-topic-tag {
    position: absolute;
    bottom: 6px;
    left: 6px;
    background: rgba(15, 15, 19, 0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 0.55rem;
    font-weight: 700;
    padding: 4px 11px;
    border-radius: 30px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.sb-pro-topic-tag svg {
    width: 12px;
    height: 12px;
    fill: #f65327;
    transition: fill 0.3s ease;
}

.sb-pro-card:hover .sb-pro-topic-tag {
    background: rgba(246, 83, 39, 0.9);
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.sb-pro-card:hover .sb-pro-topic-tag svg {
    fill: #fff;
}

/* Card Content */
.sb-pro-content {
    padding: 20px 20px 18px 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}

.sb-pro-title {
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.4;
    margin: 0 0 10px 0;
    text-decoration: none;
    transition: color 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sb-pro-card:hover .sb-pro-title {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Card Footer (Action Area) */
.sb-pro-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sb-pro-action-link {
    color: #9ca3af;
    font-size: 0.6rem;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
}

.sb-pro-action-link svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    transition: transform 0.3s ease;
}

.sb-pro-card:hover .sb-pro-action-link {
    color: #f65327;
}

.sb-pro-card:hover .sb-pro-action-link svg {
    transform: translateX(6px);
}

/* Owl Carousel Customization for Clean Look */
.sb-pro-courses-wrapper .owl-dots {
    text-align: center;
    margin-top: 40px !important;
}

.sb-pro-courses-wrapper .owl-dot span {
    width: 8px !important;
    height: 8px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border-radius: 50%;
    margin: 0 5px !important;
    transition: all 0.3s ease !important;
}

.sb-pro-courses-wrapper .owl-dot.active span {
    background: linear-gradient(90deg, #c524b3, #f65327) !important;
    width: 24px !important;
    border-radius: 10px;
}

/* Arrow Styling - By Default Visible (High Specificity to override global template) */
.sb-pro-courses-wrapper .owl-carousel .owl-nav,
.sb-pro-courses-wrapper .owl-theme .owl-nav {
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    margin-top: 30px !important;
    opacity: 1 !important;
    /* Force visible */
    visibility: visible !important;
}

.sb-pro-courses-wrapper .owl-carousel .owl-nav button.owl-prev,
.sb-pro-courses-wrapper .owl-carousel .owl-nav button.owl-next {
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.1) !important;
    /* Prominent default background */
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    /* Prominent default border */
    color: #ffffff !important;
    font-size: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    opacity: 1 !important;
    /* Hamesha dikhega */
    visibility: visible !important;
}

.sb-pro-courses-wrapper .owl-carousel .owl-nav button span {
    line-height: 0.8 !important;
    padding-bottom: 4px !important;
    color: #ffffff !important;
    display: block !important;
}

.sb-pro-courses-wrapper .owl-carousel .owl-nav button:hover {
    background: linear-gradient(135deg, #c524b3, #f65327) !important;
    border-color: transparent !important;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(246, 83, 39, 0.3) !important;
}

/* Mobile Adjustments */
@media (max-width: 767px) {
    .sb-pro-title {
        font-size: 1.4rem;
    }

    .sb-pro-courses-wrapper {
        padding: 35px 10px 15px;
    }

    .sb-pro-img-box {
        aspect-ratio: 3 / 4;
    }

    /* Ensuring aspect ratio holds on mobile */
}

/* Banner section */

/* --- HERO WRAPPER - Ultra Premium Dark Theme --- */
.sb-hero-wrapper {
    background-color: #020203;
    /* Ekdum gehra dark color */
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 93px 20px 15px 20px;
    z-index: 1;
    /* background:
    radial-gradient(circle at 20% 20%, rgba(255,80,120,0.15), transparent 40%),
    radial-gradient(circle at 80% 30%, rgba(255,120,60,0.15), transparent 40%); */
    background:
        radial-gradient(circle at 20% 20%, rgba(255, 80, 120, 0.15), transparent 40%),
        radial-gradient(circle at 80% 30%, rgba(255, 120, 60, 0.15), transparent 40%);
    background: radial-gradient(circle at 20% 20%, rgb(255 80 120 / 9%), transparent 40%), radial-gradient(circle at 80% 30%, rgb(255 120 60 / 12%), transparent 40%);
}

/* --- BACKGROUND: FLOATING PARTICLES & DYNAMIC GLOWS --- */

/* Ambient Aurora Glows (Existing) */
.sb-hero-aurora {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -2;
    animation: hero-breathe 12s infinite alternate ease-in-out;
}

.sb-aurora-primary {
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgba(197, 36, 179, 0.25) 0%, transparent 70%);
    top: -200px;
    left: -200px;
}

.sb-aurora-secondary {
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(246, 83, 39, 0.15) 0%, transparent 70%);
    bottom: -300px;
    right: -100px;
    animation-delay: -6s;
}

@keyframes hero-breathe {
    0% {
        transform: scale(1) translate(0, 0);
        opacity: 0.6;
    }

    100% {
        transform: scale(1.1) translate(50px, 30px);
        opacity: 1;
    }
}

/* CSS Floating Particles (Existing) */
.sb-hero-particles {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        radial-gradient(2px 2px at 20px 30px, #ffffff, rgba(0, 0, 0, 0)),
        radial-gradient(2px 2px at 40px 70px, #ffffff, rgba(0, 0, 0, 0)),
        radial-gradient(2px 2px at 50px 160px, #ffffff, rgba(0, 0, 0, 0)),
        radial-gradient(2px 2px at 90px 40px, #ffffff, rgba(0, 0, 0, 0)),
        radial-gradient(2px 2px at 130px 80px, #ffffff, rgba(0, 0, 0, 0)),
        radial-gradient(2px 2px at 160px 120px, #ffffff, rgba(0, 0, 0, 0));
    background-repeat: repeat;
    background-size: 200px 200px;
    opacity: 0.15;
    animation: particle-drift 60s linear infinite;
}

@keyframes particle-drift {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-200px);
    }
}

/* --- NAYE ANIMATIONS START --- */

/* 1. Sweeping Neon Ray */
.sb-neon-ray {
    position: absolute;
    top: 0;
    left: -30%;
    width: 15%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(197, 36, 179, 0.03), rgba(246, 83, 39, 0.08), transparent);
    transform: skewX(-30deg);
    z-index: -1;
    pointer-events: none;
    animation: sweep-ray-anim 7s infinite linear;
}

@keyframes sweep-ray-anim {
    0% {
        left: -30%;
    }

    100% {
        left: 130%;
    }
}

/* 2. Shooting Stars (Sci-Fi Vibe) */
.sb-shooting-star {
    position: absolute;
    width: 150px;
    height: 2px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    transform: rotate(-45deg);
    animation: shooting-star-anim 6s linear infinite;
}

.star-1 {
    top: 15%;
    right: 10%;
    animation-delay: 1s;
}

.star-2 {
    top: -5%;
    right: 40%;
    animation-delay: 3.5s;
    animation-duration: 8s;
}

.star-3 {
    top: 40%;
    right: -5%;
    animation-delay: 5s;
    animation-duration: 5s;
}

@keyframes shooting-star-anim {
    0% {
        transform: rotate(-45deg) translateX(0);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    15% {
        transform: rotate(-45deg) translateX(-1000px);
        opacity: 0;
    }

    100% {
        transform: rotate(-45deg) translateX(-1000px);
        opacity: 0;
    }
}

/* --- NAYE ANIMATIONS END --- */

/* --- CONTAINER & GRID --- */
.sb-hero-container {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    /* Left side thoda bada rakha hai */
    gap: 60px;
    align-items: center;
}

/* --- LEFT SIDE: HERO CONTENT --- */
.sb-hero-content {
    position: relative;
    z-index: 2;
}

/* Top Badge */
.sb-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 8px 20px;
    border-radius: 50px;
    color: #e5e7eb;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 30px;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.sb-badge-dot {
    width: 8px;
    height: 8px;
    background: #f65327;
    border-radius: 50%;
    box-shadow: 0 0 10px #f65327;
    animation: badge-pulse 2s infinite;
}

@keyframes badge-pulse {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.5;
        transform: scale(1.2);
    }
}

/* Main Headline */
.sb-hero-title {
    font-size: 4.5rem;
    font-weight: 900;
    color: #ffffff;
    line-height: 1.1;
    letter-spacing: -1.5px;
    margin-bottom: 25px;
}

/* Eye-catchy Text Gradient */
.sb-hero-title span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    position: relative;
}

/* Glowing underline for emphasis */
.sb-hero-title span::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, #c524b3, #f65327);
    border-radius: 10px;
    opacity: 0.3;
    filter: blur(4px);
}

.sb-hero-desc {
    font-size: 1.25rem;
    line-height: 1.7;
    color: #a1a1aa;
    margin-bottom: 45px;
    max-width: 580px;
}

/* Action Buttons */
.sb-hero-actions {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 60px;
}

.sb-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #c524b3, #f65327);
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 10px 30px rgba(197, 36, 179, 0.4);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.sb-btn-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transform: skewX(-20deg);
    transition: 0.6s ease;
}

.sb-btn-primary:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 20px 40px rgba(246, 83, 39, 0.5);
    border-color: #ffffff;
    color: #0b0517;
}

.sb-btn-primary:hover::before {
    left: 200%;
}

.sb-btn-icon {
    width: 34px;
    height: 34px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #050505;
}

.sb-btn-primary:hover .sb-btn-icon {
    transform: rotate(-45deg);
    transition: transform 0.4s ease;
}

/* --- RIGHT SIDE: PREMIUM VISUALS --- */
.sb-hero-visuals {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 600px;
}

/* Rotating Background Rings (Sci-Fi / EdTech feel) */
.sb-cyber-circle-1,
.sb-cyber-circle-2 {
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.sb-cyber-circle-1 {
    width: 480px;
    height: 480px;
    border: 1px solid rgba(197, 36, 179, 0.3);
    border-top: 1px solid rgba(246, 83, 39, 0.8);
    animation: spin-slow 20s linear infinite;
}

.sb-cyber-circle-2 {
    width: 580px;
    height: 580px;
    border: 1px dashed rgba(255, 255, 255, 0.1);
    animation: spin-slow 30s linear infinite reverse;
}

@keyframes spin-slow {
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* Main Image Wrapper */
.sb-hero-image-panel {
    position: relative;
    width: 400px;
    height: 550px;
    background: linear-gradient(180deg, rgba(20, 20, 25, 0.4) 0%, rgba(5, 5, 5, 0.9) 100%);
    border-radius: 200px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8);
}

.sb-hero-image-panel img {
    width: 125%;
    height: auto;
    position: absolute;
    bottom: 0;
    z-index: 3;
    mask-image: linear-gradient(to top, black 85%, transparent 100%);
    -webkit-mask-image: linear-gradient(to top, black 85%, transparent 100%);
}

/* --- FLOATING GLASS INFO CARDS --- */
/* Ye cards icons ki jagah premium details dikhayenge */
.sb-glass-card {
    position: absolute;
    background: rgba(15, 15, 20, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 15px 20px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 15px;
    z-index: 5;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
    animation: float-card 6s ease-in-out infinite;
}

.sb-glass-card.left-card {
    top: 20%;
    left: -80px;
    border-left: 3px solid #c524b3;
}

.sb-glass-card.right-card {
    bottom: 27%;
    right: -25px;
    border-right: 3px solid #f65327;
    animation-delay: 3s;
}

@keyframes float-card {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }
}

.sb-glass-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sb-glass-card.left-card .sb-glass-icon {
    color: #c524b3;
}

.sb-glass-card.right-card .sb-glass-icon {
    color: #f65327;
}

.sb-glass-icon svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

.sb-glass-text h4 {
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 800;
    margin: 0 0 2px 0;
}

.sb-glass-text p {
    color: #a1a1aa;
    font-size: 0.85rem;
    margin: 0;
    font-weight: 500;
}

/* Community Faces Overlay */
.sb-faces-group {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.sb-faces-group img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #1a1a20;
    margin-left: -10px;
}

.sb-faces-group img:first-child {
    margin-left: 0;
}

/* --- RESPONSIVE DESIGN --- */
@media (max-width: 1200px) {
    .sb-hero-title {
        font-size: 3.8rem;
    }

    .sb-hero-container {
        gap: 0;
    }

    .sb-glass-card.left-card {
        left: -40px;
    }

    .sb-glass-card.right-card {
        right: -30px;
    }
}

@media (max-width: 991px) {
    .sb-hero-container {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .sb-hero-badge {
        margin: 0 auto 10px auto;
    }

    .sb-hero-desc {
        margin: 0 auto 15px auto;
        font-size: 0.6rem;
    }

    .sb-hero-actions {
        justify-content: center;
    }

    .sb-hero-visuals {
        /* margin-top: 60px;
        min-height: 500px; */
        /* display: none; */
    }

    .sb-cyber-circle-1 {
        width: 380px;
        height: 380px;
    }

    .sb-cyber-circle-2 {
        width: 480px;
        height: 480px;
    }

    .sb-hero-image-panel {
        width: 100%;
        height: 362px;
    }

    .sb-glass-card.left-card {
        top: 10%;
        left: 0;
        display: none;
    }

    .sb-glass-card.right-card {
        bottom: 35%;
        right: 0;
    }

    .sb-hero-content {
        order: 2;
        margin-top: -50px;
        z-index: 9999;
    }

    .sb-hero-visuals {
        min-height: 450px;
    }

    .sb-hero-image-panel img {
        width: 75%;
    }

    .sb-hero-wrapper {
        padding: 41px 15px 40px 15px;
    }

    .sb-btn-primary {
        font-size: 1.0rem;
        font-weight: 600;
        padding: 15px 20px;
    }

    .sb-btn-icon {
        width: 25px;
        height: 25px;
    }

    .sb-btn-icon svg {
        width: 14px;
    }
}

@media (max-width: 767px) {
    .sb-hero-wrapper {
        padding: 41px 15px 40px 15px;
    }

    .sb-hero-title {
        font-size: 1.8rem;
        letter-spacing: 0px;
        margin-bottom: 5px;
    }

    .sb-hero-desc {
        font-size: 0.6rem;
        margin: 0 auto 12px auto;
    }

    .sb-btn-primary {
        width: max-content;
        justify-content: center;
    }

    .sb-glass-card {
        padding: 12px 15px;
    }

    .sb-glass-text h4 {
        font-size: 1rem;
    }

    .sb-glass-icon {
        width: 35px;
        height: 35px;
    }

    .sb-glass-icon svg {
        width: 18px;
        height: 18px;
    }

    .sb-cyber-circle-1 {
        width: 300px;
        height: 300px;
    }

    .sb-cyber-circle-2 {
        display: none;
    }

    /* Hide outer ring on mobile for clean look */
}

.glass-header {
    background: linear-gradient(123.51deg,
            rgba(215, 237, 237, 0.1) -61.8%,
            rgba(204, 235, 235, 0.01) 100%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}

/* Package details */

/* --- MAIN WRAPPER --- */
.sb-cd-wrapper {
    background-color: #050507;
    padding: 120px 20px 35px 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #ffffff;
}

/* --- BACKGROUND GLOWS --- */
.sb-cd-bg-glow {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(140px);
    z-index: -1;
    opacity: 0.25;
    animation: pulse-glow 10s alternate infinite ease-in-out;
}

.sb-cd-glow-1 {
    top: 0%;
    left: -100px;
    background: #c524b3;
}

.sb-cd-glow-2 {
    bottom: 100px;
    right: -100px;
    background: #f65327;
    animation-delay: -5s;
}

@keyframes pulse-glow {
    0% {
        transform: scale(1);
        opacity: 0.15;
    }

    100% {
        transform: scale(1.2);
        opacity: 0.3;
    }
}

.sb-cd-container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* =========================================
           TOP BANNER AREA (Upgraded Layout)
        ========================================= */
.sb-cd-banner {
    /* Premium dark gradient */
    background: linear-gradient(135deg, rgba(25, 25, 30, 0.8) 0%, rgba(12, 12, 15, 0.95) 100%);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 30px;
    padding: 36px 45px 80px 45px;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    display: flex;
    justify-content: flex-start;
    /* Aligned to left */
    align-items: center;
}

/* Banner Background Overlay */
.sb-cd-banner::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 40%;
    background: radial-gradient(ellipse at right, rgba(197, 36, 179, 0.15) 0%, rgba(246, 83, 39, 0.05) 50%, transparent 100%);
    z-index: 0;
    pointer-events: none;
}

/* Content Area - Width badha di gayi hai */
.sb-cd-banner-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 85%;
    /* Width properly increased */
}

.sb-cd-title {
    font-size: 3.1rem;
    font-weight: 600;
    line-height: 1.15;
    margin-bottom: 25px;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.sb-cd-banner-desc {
    font-size: 1rem;
    line-height: 1.8;
    color: #d7d7d7;
    margin-bottom: 35px;
    padding-right: 0px;
    /* Removed restricting padding */
}

.sb-cd-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    background: rgba(0, 0, 0, 0.4);
    padding: 15px 25px;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.03);
    display: inline-flex;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}

.sb-cd-meta li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #e5e7eb;
}

.sb-cd-meta li i {
    color: #f65327;
    font-size: 1.2rem;
}

/* Naye Relatable Banner Icons */
.sb-cd-banner-visuals {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

@media (max-width: 1024px) {
    .sb-cd-banner-visuals {
        display: none;
    }

    .sb-cd-banner-content {
        max-width: 100%;
    }
}

.sb-float-icon {
    position: absolute;
    background: rgba(30, 30, 35, 0.6);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 18px;
    padding: 16px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5), inset 0 0 15px rgba(255, 255, 255, 0.02);
    animation: float-anim 6s ease-in-out infinite;
}

.sb-float-icon svg {
    width: 35px;
    height: 35px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Icons Shifted Further Right */
.fi-1 {
    top: 15%;
    right: 12%;
    color: #c524b3;
    border-top: 2px solid #c524b3;
}

.fi-2 {
    bottom: 25%;
    right: 28%;
    color: #f65327;
    border-bottom: 2px solid #f65327;
    animation-delay: 2s;
}

.fi-3 {
    top: 45%;
    right: 4%;
    left: auto;
    color: #ffffff;
    border-right: 2px solid #ffffff;
    animation-delay: 4s;
}

@keyframes float-anim {

    0%,
    100% {
        transform: translateY(0);
    }

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

/* =========================================
           BODY GRID (Overview + Sticky Pricing)
        ========================================= */
.sb-cd-body-grid {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 40px;
    align-items: start;
}

/* --- LEFT PANEL: Course Overview & Curriculum --- */
.sb-cd-left-panel {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.sb-cd-overview-card {
    background: rgba(20, 20, 25, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}

.sb-cd-section-title {
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 25px;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 12px;
}

.sb-cd-section-title::before {
    content: '';
    width: 6px;
    height: 24px;
    background: linear-gradient(to bottom, #c524b3, #f65327);
    border-radius: 10px;
}

.sb-cd-desc-text {
    font-size: 1.05rem;
    line-height: 1.8;
    color: #a1a1aa;
}

/* --- Curriculum Accordion --- */
.sb-cd-accordion-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    list-style: none;
}

.sb-cd-accordion-item {
    background: rgba(20, 20, 25, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.sb-cd-accordion-item.active {
    border-color: rgba(197, 36, 179, 0.4);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.sb-cd-acc-btn {
    width: 100%;
    padding: 20px 25px;
    background: transparent;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    font-size: 1.15rem;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
    transition: background 0.3s ease;
}

.sb-cd-accordion-item:hover .sb-cd-acc-btn {
    background: rgba(255, 255, 255, 0.02);
}

.sb-cd-acc-btn i {
    font-size: 1.5rem;
    color: #f65327;
    transition: transform 0.3s ease;
}

.sb-cd-accordion-item.active .sb-cd-acc-btn i {
    transform: rotate(180deg);
    color: #c524b3;
}

.sb-cd-acc-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
    background: rgba(0, 0, 0, 0.2);
}

.sb-cd-lesson-list {
    list-style: none;
    padding: 15px 25px 25px 25px;
}

.sb-cd-lesson-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
}

.sb-cd-lesson-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.sb-cd-lesson-title {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #d1d5db;
    font-size: 1.05rem;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s ease;
}

.sb-cd-lesson-title i {
    color: #c524b3;
    font-size: 1.2rem;
    background: rgba(197, 36, 179, 0.1);
    padding: 8px;
    border-radius: 50%;
}

.sb-cd-lesson-item:hover .sb-cd-lesson-title {
    color: #ffffff;
}

.sb-cd-lesson-item:hover .sb-cd-lesson-title i {
    background: linear-gradient(135deg, #c524b3, #f65327);
    color: #ffffff;
    box-shadow: 0 0 10px rgba(246, 83, 39, 0.4);
}

.sb-cd-lesson-duration {
    font-size: 0.9rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 5px;
    background: rgba(255, 255, 255, 0.05);
    padding: 4px 12px;
    border-radius: 50px;
}

/* --- RIGHT PANEL: Overlapping Pricing Card --- */
.sb-cd-right-panel {
    position: sticky;
    top: 100px;
    /* Overlap effect */
    margin-top: -240px;
    z-index: 10;
}

.sb-cd-pricing-card {
    background: rgba(15, 15, 18, 0.85);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 30px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* Image Box inside Card */
.sb-cd-card-img {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 25px;
    background: #ffffff;
    padding: 20px;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.05);
}

.sb-cd-card-img img {
    width: 100%;
    height: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.sb-cd-pricing-card:hover .sb-cd-card-img img {
    transform: scale(1.05);
}

/* Price Tag Ribbon */
.sb-cd-price-tag {
    background: linear-gradient(135deg, #c524b3, #f65327);
    padding: 7px;
    border-radius: 12px;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 25px;
    box-shadow: 0 10px 20px rgba(246, 83, 39, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.sb-cd-price-tag s {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
}

.sb-cd-discount {
    font-size: 0.9rem;
    background: #ffffff;
    color: #f65327;
    padding: 3px 8px;
    border-radius: 6px;
    font-weight: 800;
}

/* Features List */
.sb-cd-features-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 30px;
}

.sb-cd-features-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    font-size: 1rem;
}

.sb-cd-features-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.sb-cd-features-list li span {
    color: #a1a1aa;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sb-cd-features-list li span i {
    color: #c524b3;
    font-size: 1.2rem;
}

.sb-cd-features-list li strong {
    color: #ffffff;
    font-weight: 700;
}

/* Checkout Button */
.sb-btn-checkout {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    background: #ffffff;
    color: #050505;
    font-size: 1rem;
    font-weight: 700;
    padding: 10px;
    border-radius: 50px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.sb-btn-checkout:hover {
    background: linear-gradient(135deg, #c524b3, #f65327);
    color: #ffffff;
    box-shadow: 0 10px 25px rgba(246, 83, 39, 0.4);
    transform: translateY(-3px);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .sb-cd-body-grid {
        grid-template-columns: 1fr;
    }

    .sb-cd-right-panel {
        position: relative;
        top: 0;
        margin-top: 0;
        order: -1;
    }

    .sb-cd-banner {
        padding: 40px 30px;
        margin-bottom: 40px;
    }
}

@media (max-width: 768px) {
    .sb-cd-wrapper {
        padding: 100px 15px 25px 15px;
    }

    .sb-cd-title {
        font-size: 2.2rem;
    }

    .sb-cd-banner {
        padding: 15px 20px;
        border-radius: 20px;
    }

    .sb-cd-pricing-card {
        padding: 25px 20px;
    }

    .sb-cd-price-tag {
        font-size: 1.6rem;
    }

    .sb-cd-overview-card {
        padding: 25px 20px;
    }

    .sb-cd-lesson-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

/* course content section */

/* --- WRAPPER SECTION --- */
.sb-content-section {
    background-color: #050507;
    /* Dark Premium Theme */
    padding: 42px 0;
    position: relative;
    overflow: hidden;
}

/* Ambient Background Glow */
.sb-content-section::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 300px;
    background: radial-gradient(ellipse at center, rgba(197, 36, 179, 0.1) 0%, transparent 60%);
    filter: blur(80px);
    z-index: 0;
    pointer-events: none;
}

.sb-content-container {
    position: relative;
    z-index: 1;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    /* Bootstrap container fallback padding */
}

/* --- HEADER STYLING --- */
.sb-content-header {
    text-align: center;
    margin-bottom: 60px;
}

.sb-content-subtitle {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #a1a1aa;
    display: inline-block;
    margin-bottom: 7px;
    background: rgba(255, 255, 255, 0.05);
    padding: 6px 20px;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.sb-content-title {
    font-size: 3.1rem;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: -1px;
    margin: 0;
    text-transform: uppercase;
}

.sb-content-title span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* --- MINIMALIST COURSE CARD STYLING --- */
.sb-course-card {
    background: rgba(20, 20, 25, 0.6);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    height: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.sb-course-card:hover {
    transform: translateY(-10px);
    border-color: rgba(246, 83, 39, 0.4);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), inset 0 0 20px rgba(246, 83, 39, 0.1);
    background: rgba(25, 25, 30, 0.9);
}

/* Image Box */
.sb-cc-img-box {
    position: relative;
    width: 100%;
    padding-top: 60%;
    /* Thoda aur height diya gaya hai clean look ke liye */
    overflow: hidden;
    background-color: #111;
    border-bottom: 2px solid rgba(255, 255, 255, 0.02);
    transition: border-color 0.4s ease;
}

.sb-course-card:hover .sb-cc-img-box {
    border-bottom-color: #c524b3;
    /* Hover par image ke niche premium line aayegi */
}

.sb-cc-img-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.sb-course-card:hover .sb-cc-img-box img {
    transform: scale(1.08);
    /* Hover image zoom effect */
}

/* Subtle dark overlay for premium feel */
.sb-cc-img-box::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 40%);
    pointer-events: none;
}

/* Clean Content Area */
.sb-cc-body {
    padding: 15px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    text-align: center;
}

.sb-cc-body h4 {
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    transition: all 0.3s ease;
    letter-spacing: -0.5px;
}

/* Hover karne par text gradient and halka pop-out hoga */
.sb-course-card:hover .sb-cc-body h4 {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: scale(1.05);
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .sb-content-section {
        padding: 40px 0 10px;
    }

    .sb-content-title {
        font-size: 2.2rem;
    }

    .sb-cc-body {
        padding: 20px 15px;
    }

    .sb-cc-body h4 {
        font-size: 1.2rem;
    }
}

/* certification */

/* --- MAIN SECTION --- */
.sb-earn-cert-wrapper {
    background-color: #050507;
    padding: 45px 0 60px;
    /* Padding kam ki gayi hai */
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #ffffff;
}

/* Ambient Glow Layers */
.sb-ec-glow {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    filter: blur(140px);
    z-index: -1;
    opacity: 0.2;
    animation: pulse-glow-ec 10s alternate infinite ease-in-out;
}

.sb-ec-glow-left {
    top: 10%;
    left: -100px;
    background: #c524b3;
}

.sb-ec-glow-right {
    bottom: 10%;
    right: -100px;
    background: #f65327;
    animation-delay: -5s;
}

@keyframes pulse-glow-ec {
    0% {
        transform: scale(1);
        opacity: 0.15;
    }

    100% {
        transform: scale(1.2);
        opacity: 0.3;
    }
}

/* --- LEFT SIDE: CERTIFICATE IMAGE BOX --- */
.sb-ec-img-container {
    position: relative;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Certificate Hover Wrapper */
.sb-ec-cert-box {
    background: #ffffff00;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 40px rgba(197, 36, 179, 0.2);
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 450px;
    /* Subtly rotated initially for a 3D effect */
    transform: perspective(1000px) rotateY(5deg) rotateX(2deg);
}

.sb-ec-img-container:hover .sb-ec-cert-box {
    transform: perspective(1000px) rotateY(0deg) rotateX(0deg) translateY(-10px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8), 0 0 50px rgba(246, 83, 39, 0.3);
}

.sb-ec-cert-box img {
    width: 100%;
    height: auto;
    border: 1px solid #e0e0e0;
    display: block;
}

/* Floating Decoration near Certificate */
.sb-ec-badge-float {
    position: absolute;
    bottom: 0;
    right: 10%;
    background: linear-gradient(135deg, #c524b3, #f65327);
    color: white;
    padding: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 20px rgba(246, 83, 39, 0.4);
    z-index: 3;
    animation: float-badge 4s infinite ease-in-out;
}

.sb-ec-badge-float i {
    font-size: 2rem;
}

@keyframes float-badge {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }
}

/* --- RIGHT SIDE: CONTENT & STEPS --- */
.sb-ec-content {
    padding-left: 20px;
}

.sb-ec-title {
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 15px;
    letter-spacing: 1px;
    line-height: 1.2;
    color: #ffffff;
    text-transform: uppercase;
}

.sb-ec-title span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sb-ec-desc {
    font-size: 1rem;
    color: #a1a1aa;
    line-height: 1.6;
    margin-bottom: 30px;
    /* Margin kam ki gayi hai */
}

/* Step List (Compact version) */
.sb-ec-steps {
    display: flex;
    flex-direction: column;
    gap: 15px;
    /* Gap kam ki gayi hai */
}

.sb-ec-step-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 15px 20px;
    /* Padding kam ki gayi hai */
    border-radius: 16px;
    transition: all 0.3s ease;
}

.sb-ec-step-item:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(197, 36, 179, 0.3);
    transform: translateX(8px);
    box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.2);
}

/* Icon Box */
.sb-ec-step-icon {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    background: rgba(246, 83, 39, 0.1);
    color: #f65327;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.sb-ec-step-item:hover .sb-ec-step-icon {
    background: linear-gradient(135deg, #c524b3, #f65327);
    color: #ffffff;
    box-shadow: 0 5px 15px rgba(246, 83, 39, 0.4);
}

/* Text Content */
.sb-ec-step-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.sb-ec-step-text h4 {
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

.sb-ec-step-text p {
    color: #9ca3af;
    font-size: 0.9rem;
    line-height: 1.4;
    margin: 0;
}

/* Mobile Adjustments */
@media (max-width: 991px) {
    .sb-ec-content {
        padding-left: 0;
        margin-top: 10px;
    }

    .sb-ec-title {
        font-size: 2.5rem;
    }

    .sb-ec-cert-box {
        transform: none;
        /* Disable 3D tilt on mobile for better fit */
    }
}

@media (max-width: 767px) {
    .sb-earn-cert-wrapper {
        padding: 25px 0 40px;
    }

    .sb-ec-title {
        font-size: 2.2rem;
    }

    .sb-ec-step-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

/* About us page */

/* --- MAIN WRAPPER --- */
.sb-about-section {
    background-color: #050507;
    /* Premium Dark Background */
    padding: 60px 0;
    position: relative;
    overflow: hidden;
    color: #ffffff;
}

/* Ambient Glow Layers */
.sb-abt-glow {
    position: absolute;
    width: 700px;
    height: 700px;
    border-radius: 50%;
    filter: blur(150px);
    z-index: 0;
    opacity: 0.15;
    animation: abt-pulse-glow 15s alternate infinite cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.sb-abt-glow-1 {
    top: -10%;
    left: -10%;
    background: #c524b3;
}

.sb-abt-glow-2 {
    bottom: -10%;
    right: -10%;
    background: #f65327;
    animation-delay: -7s;
}

@keyframes abt-pulse-glow {
    0% {
        transform: translate(0, 0) scale(1);
    }

    100% {
        transform: translate(150px, 80px) scale(1.2);
    }
}

.sb-about-container {
    position: relative;
    z-index: 2;
    max-width: 1350px;
    margin: 0 auto;
}

/* =========================================
           LEFT COLUMN (Advanced Visuals)
        ========================================= */
.sb-abt-visual-wrapper {
    position: relative;
    width: 100%;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Main Image with Animated Border Radius */
.sb-abt-main-img-box {
    position: relative;
    width: 85%;
    height: 500px;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8);
    border: 2px solid rgba(255, 255, 255, 0.05);
    animation: morph-shape 10s ease-in-out infinite alternate;
    z-index: 1;
}

.sb-abt-main-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.sb-abt-visual-wrapper:hover .sb-abt-main-img-box img {
    transform: scale(1.1);
}

@keyframes morph-shape {
    0% {
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    }

    33% {
        border-radius: 50% 50% 20% 80% / 25% 80% 20% 75%;
    }

    66% {
        border-radius: 80% 20% 50% 50% / 70% 30% 70% 30%;
    }

    100% {
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    }
}

/* Rotating Emblem Badge */
.sb-abt-emblem {
    position: absolute;
    bottom: 30px;
    left: -20px;
    width: 150px;
    height: 150px;
    background: rgba(15, 15, 20, 0.8);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
    animation: float-vertical 6s infinite ease-in-out;
}

.sb-abt-emblem svg {
    width: 100%;
    height: 100%;
    animation: spin-text 20s linear infinite;
}

.sb-abt-emblem-icon {
    position: absolute;
    font-size: 2.5rem;
    color: #f65327;
    background: linear-gradient(135deg, #c524b3, #f65327);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

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

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

/* Floating Stats Glass Card */
.sb-abt-float-card {
    position: absolute;
    top: 40px;
    right: -30px;
    background: linear-gradient(145deg, rgba(30, 30, 35, 0.8), rgba(15, 15, 20, 0.9));
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 3px solid #c524b3;
    border-radius: 20px;
    padding: 20px 25px;
    z-index: 4;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    gap: 15px;
    animation: float-vertical 7s infinite ease-in-out reverse;
}

.sb-abt-float-icon {
    width: 50px;
    height: 50px;
    background: rgba(246, 83, 39, 0.1);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: #f65327;
}

.sb-abt-float-content h4 {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 900;
    color: #ffffff;
}

.sb-abt-float-content p {
    margin: 0;
    font-size: 0.85rem;
    color: #a1a1aa;
    font-weight: 600;
}

.sb-abt-avatars {
    display: flex;
    margin-top: 6px;
}

.sb-abt-avatars img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #1a1a20;
    margin-left: -10px;
    transition: transform 0.3s ease;
}

.sb-abt-avatars img:first-child {
    margin-left: 0;
}

.sb-abt-avatars:hover img {
    transform: translateY(-3px);
}

@keyframes float-vertical {

    0%,
    100% {
        transform: translateY(0);
    }

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

/* =========================================
           RIGHT COLUMN (Modern Content & Grid)
        ========================================= */
.sb-abt-content-wrapper {
    padding-left: 30px;
}

.sb-abt-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 24px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50px;
    color: #d1d5db;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.sb-abt-badge i {
    color: #f65327;
    font-size: 1.2rem;
    animation: pulse-icon 2s infinite;
}

@keyframes pulse-icon {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.2);
        opacity: 0.7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.sb-abt-title {
    font-size: 3.1rem;
    font-weight: 600;
    line-height: 1.15;
    color: #ffffff;
    margin-bottom: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.sb-abt-title span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}

.sb-abt-title span::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #c524b3, #f65327);
    border-radius: 10px;
    opacity: 0.3;
}

.sb-abt-desc {
    font-size: 1rem;
    text-align: justify;
    line-height: 1.7;
    color: #d0d5dd;
    margin-bottom: 25px;
}

/* Feature Grid Layout */
.sb-abt-features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 45px;
}

.sb-feature-card {
    background: rgba(20, 20, 25, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 17px 17px;
    border-radius: 20px;
    backdrop-filter: blur(10px);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sb-feature-card:hover {
    transform: translateY(-10px);
    background: rgba(30, 30, 35, 0.8);
    border-color: rgba(197, 36, 179, 0.4);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(197, 36, 179, 0.1);
}

.sb-feature-card i {
    font-size: 2.2rem;
    color: #f65327;
    transition: all 0.4s ease;
}

.sb-feature-card:hover i {
    color: #c524b3;
    transform: scale(1.1) rotate(10deg);
}

.sb-feature-card h4 {
    color: #ffffff;
    font-size: 1.15rem;
    font-weight: 800;
    margin: 0;
    line-height: 1.3;
}

.sb-feature-card p {
    color: #888888;
    font-size: 0.9rem;
    margin: 0;
    line-height: 1.5;
}

/* Action Button */
.sb-abt-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #c524b3, #f65327);
    color: #ffffff;
    padding: 16px 35px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1.1rem;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(246, 83, 39, 0.4);
    transition: all 0.3s ease;
}

.sb-abt-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transform: skewX(-20deg);
    transition: 0.5s;
}

.sb-abt-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(197, 36, 179, 0.5);
    color: #fff;
}

.sb-abt-btn:hover::before {
    left: 200%;
}

/* =========================================
           RESPONSIVE DESIGN
        ========================================= */
@media (max-width: 1200px) {
    .sb-abt-title {
        font-size: 3rem;
    }

    .sb-abt-main-img-box {
        width: 95%;
    }

    .sb-abt-float-card {
        right: 0;
    }
}

@media (max-width: 991px) {
    .sb-abt-content-wrapper {
        padding-left: 0;
        margin-top: 10px;
    }

    .sb-abt-visual-wrapper {
        height: 500px;
    }

    .sb-abt-emblem {
        left: 0;
        width: 120px;
        height: 120px;
    }

    .sb-abt-emblem-icon {
        font-size: 2rem;
    }
}

@media (max-width: 767px) {
    .sb-about-section {
        padding: 15px 0;
    }

    .sb-abt-title {
        font-size: 2rem;
    }

    .sb-abt-features-grid {
        grid-template-columns: 1fr;
    }

    .sb-abt-visual-wrapper {
        height: 400px;
        margin-bottom: 20px;
    }

    .sb-abt-main-img-box {
        width: 100%;
        height: 350px;
    }

    .sb-abt-float-card {
        top: auto;
        bottom: 20px;
        right: 10px;
        padding: 15px 20px;
        transform: scale(0.9);
        animation: none;
        /* Disable float on mobile to prevent clipping */
    }

    .sb-abt-emblem {
        bottom: 10px;
    }
}

/* --- MAIN SECTION WRAPPER --- */
.sb-v2-section {
    position: relative;
    padding: 65px 0;
    background-color: #050505;
    overflow: hidden;
    z-index: 1;
    color: #ffffff;
}

/* --- BACKGROUND SLIDESHOW INTEGRATION --- */
.sb-v2-bg-wrapper {
    position: absolute;
    inset: 0;
    z-index: -2;
}

.sb-v2-bg-wrapper .slideshow-box,
.sb-v2-bg-wrapper .slideshow-slides {
    list-style: none;
    width: 100%;
    height: 100%;
}

.sb-v2-bg-wrapper .slideshow-slides li,
.sb-v2-bg-wrapper .slideshow-slides li span {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: center;
}

/* Premium Dark Mesh Overlay */
.sb-v2-overlay {
    position: absolute;
    inset: 0;
    /* Gradient to fade left to right and top to bottom */
    background: linear-gradient(135deg, rgba(5, 5, 7, 0.98) 0%, rgba(15, 10, 18, 0.85) 50%, rgba(5, 5, 7, 0.95) 100%);
    z-index: -1;
}

/* --- LAYOUT CONTAINER --- */
.sb-v2-container {
    max-width: 1350px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* =========================================
           LEFT CONTENT AREA (Sticky & Bold)
        ========================================= */
.sb-v2-left {
    padding-right: 40px;
    position: relative;
}

.sb-v2-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    color: #a1a1aa;
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 25px;
    backdrop-filter: blur(10px);
}

.sb-v2-badge i {
    color: #f65327;
    font-size: 1.2rem;
    filter: drop-shadow(0 0 5px rgba(246, 83, 39, 0.5));
}

.sb-v2-title {
    font-size: 3.8rem;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 1px;
    margin-bottom: 25px;
    color: #ffffff;
}

.sb-v2-title span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    display: inline-block;
}

/* Underline accent on span */
.sb-v2-title span::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #c524b3, #f65327);
    opacity: 0.4;
    border-radius: 10px;
}

.sb-v2-desc {
    font-size: 1.15rem;
    line-height: 1.7;
    color: #9ca3af;
    margin-bottom: 40px;
    max-width: 90%;
}

/* Trust Avatars */
.sb-v2-trust {
    display: flex;
    align-items: center;
    gap: 15px;
    background: rgba(20, 20, 25, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 15px 25px;
    border-radius: 20px;
    display: inline-flex;
    backdrop-filter: blur(10px);
}

.sb-v2-avatars {
    display: flex;
}

.sb-v2-avatars img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #141414;
    margin-left: -15px;
    object-fit: cover;
}

.sb-v2-avatars img:first-child {
    margin-left: 0;
}

.sb-v2-trust-text {
    color: #ffffff;
    font-size: 0.95rem;
    line-height: 1.3;
}

.sb-v2-trust-text strong {
    display: block;
    font-size: 1.1rem;
    font-weight: 800;
}

/* =========================================
           RIGHT CARDS AREA (Asymmetrical Stagger)
        ========================================= */
.sb-v2-cards-container {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* Premium Glass Card */
.sb-v2-card {
    background: rgba(18, 18, 22, 0.65);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    padding: 30px 40px 20px;
    display: flex;
    align-items: flex-start;
    gap: 25px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

/* STAGGERED LAYOUT (The Unique Factor) */
.sb-v2-card.c-left {
    margin-right: 50px;
}

.sb-v2-card.c-right {
    margin-left: 50px;
}

/* Subtle Inner Glow on Default */
.sb-v2-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at right bottom, rgba(246, 83, 39, 0.05), transparent 50%);
    z-index: 0;
    transition: opacity 0.4s ease;
}

/* Hover Physics */
.sb-v2-card:hover {
    background: rgba(25, 25, 30, 0.85);
    border-color: rgba(246, 83, 39, 0.3);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6), inset 0 0 20px rgba(197, 36, 179, 0.1);
}

/* Diagonal Movement based on position */
.sb-v2-card.c-left:hover {
    transform: translateX(15px) translateY(-5px);
}

.sb-v2-card.c-right:hover {
    transform: translateX(-15px) translateY(-5px);
}

.sb-v2-card:hover::before {
    opacity: 1;
    background: radial-gradient(circle at right bottom, rgba(246, 83, 39, 0.15), transparent 70%);
}

/* Giant Background Number */
.sb-v2-num {
    position: absolute;
    top: -15px;
    right: 15px;
    font-size: 8rem;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.02);
    line-height: 1;
    z-index: 0;
    transition: all 0.5s ease;
    pointer-events: none;
}

.sb-v2-card:hover .sb-v2-num {
    color: rgba(197, 36, 179, 0.05);
    transform: scale(1.1) translate(-10px, 10px);
}

/* Icon Wrapper */
.sb-v2-icon-box {
    width: 75px;
    height: 75px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    transition: all 0.4s ease;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
}

.sb-v2-card:hover .sb-v2-icon-box {
    transform: rotate(-5deg) scale(1.05);
    background: rgba(197, 36, 179, 0.1);
    border-color: rgba(246, 83, 39, 0.3);
}

.sb-v2-icon-box svg {
    width: 36px;
    height: 36px;
    fill: none;
    stroke: url(#sb-grad);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: all 0.4s ease;
    filter: drop-shadow(0 2px 5px rgba(246, 83, 39, 0.3));
}

.sb-v2-card:hover .sb-v2-icon-box svg {
    stroke: #ffffff;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

/* Content Text */
.sb-v2-content {
    position: relative;
    z-index: 2;
    flex-grow: 1;
}

.sb-v2-content h3 {
    font-size: 1.4rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 12px;
    letter-spacing: -0.5px;
    transition: color 0.3s ease;
}

.sb-v2-card:hover .sb-v2-content h3 {
    background: linear-gradient(90deg, #ffffff 0%, #d1d5db 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sb-v2-content p {
    font-size: 0.9rem;
    text-align: justify;
    line-height: 1.6;
    color: #9ca3af;
    margin-bottom: 10px;
}

/* Micro-Interaction Link */
.sb-v2-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    position: relative;
}

.sb-v2-link .link-text {
    font-size: 0.95rem;
    font-weight: 700;
    color: #d1d5db;
    transition: all 0.3s ease;
}

.sb-v2-link .link-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f65327;
    font-size: 1.1rem;
    transition: all 0.3s ease;
}

.sb-v2-card:hover .sb-v2-link .link-text {
    color: #ffffff;
}

.sb-v2-card:hover .sb-v2-link .link-icon {
    background: linear-gradient(135deg, #c524b3, #f65327);
    color: #ffffff;
    border-color: transparent;
    transform: translateX(6px);
    box-shadow: 0 5px 15px rgba(246, 83, 39, 0.4);
}

/* =========================================
           RESPONSIVE DESIGN
        ========================================= */
@media (max-width: 1200px) {
    .sb-v2-title {
        font-size: 3.2rem;
    }

    .sb-v2-card {
        padding: 30px;
        gap: 20px;
    }

    .sb-v2-icon-box {
        width: 65px;
        height: 65px;
    }
}

@media (max-width: 991px) {
    .sb-v2-left {
        padding-right: 0;
        margin-bottom: 10px;
        text-align: center;
    }

    .sb-v2-desc {
        margin: 0 auto 10px auto;
    }

    /* Remove stagger on tablets/mobile to keep it clean */
    .sb-v2-card.c-left,
    .sb-v2-card.c-right {
        margin-left: 0;
        margin-right: 0;
    }

    .sb-v2-card.c-left:hover,
    .sb-v2-card.c-right:hover {
        transform: translateY(-8px);
    }
}

@media (max-width: 767px) {
    .sb-v2-section {
        padding: 40px 0;
    }

    .sb-v2-title {
        font-size: 2rem;
    }

    .sb-v2-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 22px 22px;
    }

    .sb-v2-num {
        font-size: 6rem;
        top: 10px;
        right: 10px;
    }
}

/* --- MAIN SECTION --- */
.sb-ff-pano-wrapper {
    background-color: #030303;
    /* Deep black for immersive contrast */
    padding: 60px 0 65px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #ffffff;
}

/* --- AMBIENT BACKGROUND GLOWS & MESH --- */
.sb-ff-bg-mesh {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        radial-gradient(circle at 20% 0%, rgba(197, 36, 179, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 100%, rgba(246, 83, 39, 0.1) 0%, transparent 50%);
    filter: blur(60px);
    animation: breathe-mesh 15s infinite alternate ease-in-out;
}

@keyframes breathe-mesh {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }

    100% {
        transform: scale(1.1);
        opacity: 1;
    }
}

/* Techy Grid Lines Background */
.sb-ff-bg-lines {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 80px 80px;
    mask-image: radial-gradient(ellipse at center, black 20%, transparent 70%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 20%, transparent 70%);
}

.sb-ff-container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* =========================================
           CENTERED HEADER AREA
        ========================================= */
.sb-ff-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 45px auto;
}

.sb-ff-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 24px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    color: #d1d5db;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 15px;
    backdrop-filter: blur(10px);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.02);
}

.sb-ff-badge i {
    color: #f65327;
    font-size: 1.2rem;
    animation: pulse-ff-icon 2s infinite;
}

@keyframes pulse-ff-icon {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
        opacity: 0.8;
    }
}

.sb-ff-title {
    font-size: 3.5rem;
    font-weight: 900;
    line-height: 1.1;
    color: #ffffff;
    margin-bottom: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.sb-ff-title span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}

.sb-ff-desc {
    font-size: 1.15rem;
    line-height: 1.7;
    color: #a1a1aa;
    margin-bottom: 40px;
}

/* Register Button */
.sb-ff-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #c524b3, #f65327);
    color: #ffffff;
    padding: 16px 40px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1.1rem;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(246, 83, 39, 0.4);
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.sb-ff-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transform: skewX(-20deg);
    transition: 0.5s;
}

.sb-ff-btn:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 15px 40px rgba(197, 36, 179, 0.6);
    color: #ffffff;
}

.sb-ff-btn:hover::before {
    left: 200%;
}

.sb-ff-btn i {
    transition: transform 0.3s ease;
    font-size: 1.3rem;
}

.sb-ff-btn:hover i {
    transform: translateX(5px);
}

/* =========================================
           THE PANORAMIC RIBBON (No Boxes Layout)
        ========================================= */
.sb-ff-ribbon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(20, 20, 25, 0.4);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 40px;
    padding: 20px 20px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
}

/* Glowing Sweep inside the ribbon */
.sb-ff-ribbon::after {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.03), transparent);
    transform: skewX(-20deg);
    animation: sweep-ribbon 8s infinite linear;
    pointer-events: none;
}

@keyframes sweep-ribbon {
    0% {
        left: -50%;
    }

    100% {
        left: 150%;
    }
}

.sb-ff-stat-item {
    flex: 1;
    text-align: center;
    position: relative;
    padding: 20px 10px;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 2;
}

/* Soft Hover Glow behind specific stat */
.sb-ff-stat-item::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(246, 83, 39, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    opacity: 0;
    transition: all 0.4s ease;
    z-index: -1;
    pointer-events: none;
}

.sb-ff-stat-item:nth-child(3)::before {
    background: radial-gradient(circle, rgba(197, 36, 179, 0.15) 0%, transparent 70%);
}

.sb-ff-stat-item:nth-child(7)::before {
    background: radial-gradient(circle, rgba(197, 36, 179, 0.15) 0%, transparent 70%);
}

.sb-ff-stat-item:hover {
    transform: translateY(-8px);
}

.sb-ff-stat-item:hover::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

/* The Divider Line */
.sb-ff-divider {
    width: 1px;
    height: 100px;
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.15), transparent);
}

/* Icons */
.sb-ff-icon {
    font-size: 2.2rem;
    color: #4a4a52;
    margin-bottom: 10px;
    transition: all 0.4s ease;
}

.sb-ff-stat-item:hover .sb-ff-icon {
    color: #f65327;
    transform: scale(1.1) translateY(-5px);
    filter: drop-shadow(0 5px 10px rgba(246, 83, 39, 0.4));
}

/* Odometer Typography */
.sb-ff-number-wrap {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin-bottom: 5px;
}

.sb-ff-number,
.sb-ff-number.odometer .odometer-inside,
.sb-ff-number.odometer .odometer-digit,
.sb-ff-number.odometer .odometer-value {
    font-size: 3rem;
    font-weight: 900;
    background: linear-gradient(180deg, #ffffff 0%, #a1a1aa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ffffff;
    line-height: 1;
    letter-spacing: -2px;
    transition: all 0.4s ease;
}

.sb-ff-stat-item:hover .sb-ff-number,
.sb-ff-stat-item:hover .sb-ff-number.odometer .odometer-value {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sb-ff-suffix {
    font-size: 2.5rem;
    font-weight: 800;
    color: #f65327;
    margin-left: 5px;
    background: linear-gradient(90deg, #f65327 0%, #c524b3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sb-ff-label {
    font-size: 1rem;
    font-weight: 700;
    color: #888888;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    transition: color 0.3s ease;
}

.sb-ff-stat-item:hover .sb-ff-label {
    color: #ffffff;
}

/* =========================================
           RESPONSIVE ADJUSTMENTS
        ========================================= */
@media (max-width: 1200px) {
    .sb-ff-title {
        font-size: 3.2rem;
    }

    .sb-ff-number,
    .sb-ff-number.odometer .odometer-value {
        font-size: 3.5rem;
    }

    .sb-ff-suffix {
        font-size: 2rem;
    }
}

@media (max-width: 991px) {
    .sb-ff-ribbon {
        flex-wrap: wrap;
        border-radius: 30px;
        padding: 20px 10px;
    }

    .sb-ff-stat-item {
        flex: 1 1 40%;
        /* 2 items per row */
        padding: 30px 10px;
    }

    .sb-ff-divider {
        display: none;
        /* Hide vertical dividers on tablet/mobile */
    }

    /* Add horizontal divider pseudo elements for tablet grid */
    .sb-ff-stat-item:nth-child(1),
    .sb-ff-stat-item:nth-child(3) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }
}

@media (max-width: 767px) {
    .sb-ff-pano-wrapper {
        padding: 30px 15px 40px;
    }

    .sb-ff-title {
        font-size: 2rem;
    }

    .sb-ff-desc {
        font-size: 0.8rem;
    }

    .sb-ff-stat-item {
        flex: 1 1 100%;
        /* 1 item per row */
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        padding: 20px 10px;
    }

    .sb-ff-stat-item:last-child {
        border-bottom: none;
    }

    .sb-ff-number,
    .sb-ff-number.odometer .odometer-value {
        font-size: 4rem;
    }
}

/* contact us page */

/* --- MAIN SECTION --- */
.sb-cu-wrapper {
    background-color: #030303;
    padding: 60px 0 65px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #ffffff;
}

/* --- DYNAMIC BACKGROUND MESH --- */
.sb-cu-mesh {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        radial-gradient(circle at 10% 10%, rgba(197, 36, 179, 0.15) 0%, transparent 40%),
        radial-gradient(circle at 90% 90%, rgba(246, 83, 39, 0.15) 0%, transparent 40%);
    filter: blur(60px);
    animation: cu-mesh-breathe 10s infinite alternate ease-in-out;
}

@keyframes cu-mesh-breathe {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }

    100% {
        transform: scale(1.1);
        opacity: 1;
    }
}

.sb-cu-container {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* =========================================
           THE COMMAND CENTER PANEL (No more basic boxes)
        ========================================= */
.sb-cu-console {
    background: rgba(15, 15, 18, 0.6);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 40px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.8), inset 0 2px 0 rgba(255, 255, 255, 0.05);
    position: relative;
}

/* Console Inner Glowing Line */
.sb-cu-console::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #c524b3, #f65327, transparent);
    opacity: 0.5;
}

/* =========================================
           LEFT PANE: Header & Radar Animation
        ========================================= */
.sb-cu-left {
    flex: 1 1 45%;
    padding: 40px 50px;
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

/* CSS Radar Pulse Animation */
.sb-cu-radar {
    position: absolute;
    bottom: -50px;
    right: -50px;
    width: 400px;
    height: 400px;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
    opacity: 0.5;
}

.sb-cu-radar-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(246, 83, 39, 0.8);
    box-shadow: 0 0 20px rgba(246, 83, 39, 0.2), inset 0 0 20px rgba(197, 36, 179, 0.2);
    animation: radar-pulse 4s infinite linear;
    opacity: 0;
}

.sb-cu-radar-ring:nth-child(2) {
    animation-delay: 1.33s;
}

.sb-cu-radar-ring:nth-child(3) {
    animation-delay: 2.66s;
}

@keyframes radar-pulse {
    0% {
        width: 0;
        height: 0;
        opacity: 1;
        border-width: 2px;
    }

    100% {
        width: 400px;
        height: 400px;
        opacity: 0;
        border-width: 1px;
    }
}

/* Left Content Styling */
.sb-cu-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 24px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    color: #d1d5db;
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 30px;
    width: max-content;
    position: relative;
    z-index: 2;
}

.sb-cu-badge i {
    color: #f65327;
    font-size: 1.2rem;
}

.sb-cu-title {
    font-size: 3.5rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.1;
    color: #ffffff;
    margin-bottom: 20px;
    letter-spacing: 1px;
    position: relative;
    z-index: 2;
}

.sb-cu-title span {
    display: block;
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sb-cu-desc {
    font-size: 1rem;
    line-height: 1.7;
    color: #a1a1aa;
    position: relative;
    z-index: 2;
    max-width: 90%;
    text-align: justify;
}

/* =========================================
           RIGHT PANE: Interactive Strips
        ========================================= */
.sb-cu-right {
    flex: 1 1 55%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sb-cu-strip {
    display: flex;
    align-items: center;
    padding: 40px 50px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    text-decoration: none;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    background: transparent;
}

.sb-cu-strip:last-child {
    border-bottom: none;
}

/* Hover Sweep Gradient */
.sb-cu-strip::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(197, 36, 179, 0.1), rgba(246, 83, 39, 0.05));
    transform: translateX(-100%);
    transition: transform 0.6s ease;
    z-index: 0;
}

.sb-cu-strip:hover {
    padding-left: 65px;
    /* Pushes content right on hover */
    background: rgba(255, 255, 255, 0.02);
}

.sb-cu-strip:hover::before {
    transform: translateX(0);
}

/* Strip Icon */
.sb-cu-icon {
    width: 70px;
    height: 70px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    position: relative;
    z-index: 2;
    transition: all 0.4s ease;
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.02);
    flex-shrink: 0;
}

.sb-cu-strip:hover .sb-cu-icon {
    transform: rotate(10deg) scale(1.1);
    background: rgba(197, 36, 179, 0.1);
    border-color: rgba(246, 83, 39, 0.3);
    box-shadow: 0 10px 25px rgba(246, 83, 39, 0.2);
}

.sb-cu-icon svg {
    width: 32px;
    height: 32px;
    fill: none;
    stroke: #a1a1aa;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: all 0.4s ease;
}

.sb-cu-strip:hover .sb-cu-icon svg {
    stroke: #f65327;
    filter: drop-shadow(0 0 8px rgba(246, 83, 39, 0.6));
}

/* Strip Content */
.sb-cu-content {
    position: relative;
    z-index: 2;
    flex-grow: 1;
}

.sb-cu-label {
    font-size: 0.9rem;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 8px;
    transition: color 0.3s ease;
}

.sb-cu-strip:hover .sb-cu-label {
    color: #f65327;
}

.sb-cu-value {
    font-size: 1.4rem;
    font-weight: 600;
    color: #e5e7eb;
    transition: color 0.3s ease;
    display: block;
}

.sb-cu-strip:hover .sb-cu-value {
    color: #ffffff;
}

/* Go Arrow */
.sb-cu-arrow {
    position: relative;
    z-index: 2;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.2rem;
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.sb-cu-strip:hover .sb-cu-arrow {
    opacity: 1;
    transform: translateX(0);
    background: linear-gradient(135deg, #c524b3, #f65327);
    box-shadow: 0 5px 15px rgba(246, 83, 39, 0.4);
}

/* WhatsApp Live Indicator */
.sb-live-pulse {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(74, 222, 128, 0.1);
    border: 1px solid rgba(74, 222, 128, 0.3);
    padding: 4px 10px;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 800;
    color: #4ade80;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 12px;
    vertical-align: middle;
}

.sb-live-dot {
    width: 6px;
    height: 6px;
    background-color: #4ade80;
    border-radius: 50%;
    box-shadow: 0 0 10px #4ade80;
    animation: live-flash 1.5s infinite;
}

@keyframes live-flash {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.4;
        transform: scale(1.5);
    }
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
    .sb-cu-console {
        flex-direction: column;
    }

    .sb-cu-left {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        padding: 50px 40px;
    }

    .sb-cu-title {
        font-size: 3.5rem;
    }

    .sb-cu-radar {
        right: 0;
        bottom: 0;
    }
}

@media (max-width: 767px) {
    .sb-cu-wrapper {
        padding: 30px 0px 40px;
    }

    .sb-cu-console {
        border-radius: 24px;
    }

    .sb-cu-left {
        padding: 25px 20px;
    }

    .sb-cu-title {
        font-size: 2rem;
        margin-bottom: 5px;
    }

    .sb-cu-strip {
        padding: 20px 20px;
        flex-wrap: wrap;
    }

    .sb-cu-strip:hover {
        padding-left: 35px;
    }

    .sb-cu-icon {
        width: 50px;
        height: 50px;
        margin-right: 15px;
    }

    .sb-cu-icon svg {
        width: 24px;
        height: 24px;
    }

    .sb-cu-value {
        font-size: 1.1rem;
    }

    .sb-cu-arrow {
        display: none;
    }

    /* Hide arrow on mobile to save space */
    .sb-live-pulse {
        margin-left: 0;
        margin-top: 8px;
        display: flex;
        width: max-content;
    }
}

/* contact Form */

/* --- FORM SECTION WRAPPER --- */
.sb-form-section {
    padding: 60px 0 75px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #030303;
}

/* =========================================
           PREMIUM SMOOTH AURORA BACKGROUND 
        ========================================= */
.sb-form-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(150px);
    z-index: -2;
    opacity: 0.15;
    animation: orb-drift 20s infinite alternate ease-in-out;
    pointer-events: none;
}

/* Smooth Magenta Glow */
.sb-orb-1 {
    width: 700px;
    height: 700px;
    background: #c524b3;
    top: -20%;
    left: -10%;
}

/* Smooth Orange Glow */
.sb-orb-2 {
    width: 600px;
    height: 600px;
    background: #f65327;
    bottom: -20%;
    right: -10%;
    animation-delay: -10s;
}

@keyframes orb-drift {
    0% {
        transform: translate(0, 0) scale(1);
    }

    100% {
        transform: translate(100px, 50px) scale(1.2);
    }
}

/* Techy Grid Background Overlay */
.sb-form-grid-bg {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-size: 50px 50px;
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
    mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
}

.sb-form-section .sb-container {
    max-width: 950px;
    /* Thoda sleek kiya hai form ko */
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* =========================================
           FORM CARD DESIGN (Premium Glassmorphism)
        ========================================= */
.sb-form-card {
    background: rgba(18, 18, 22, 0.5);
    /* Thoda aur transparent jisse piche ka shape dikhe */
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 32px;
    padding: 45px 45px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), inset 0 0 30px rgba(255, 255, 255, 0.02);
    position: relative;
    overflow: hidden;
}

/* Top Glowing Edge */
.sb-form-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #c524b3, #f65327, transparent);
    opacity: 0.8;
    box-shadow: 0 0 15px rgba(246, 83, 39, 0.6);
}

.sb-form-header {
    text-align: center;
    margin-bottom: 45px;
}

.sb-form-title {
    font-size: 3.1rem;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.1;
    color: #ffffff;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.sb-form-title span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sb-form-desc {
    font-size: 1.05rem;
    color: #9ca3af;
    max-width: 550px;
    margin: 0 auto;
    line-height: 1.6;
}

/* --- UPGRADED INPUT FIELDS WITH ICONS --- */
.form-group {
    margin-bottom: 20px;
    position: relative;
}

/* Icon styling inside the input */
.sb-input-icon {
    position: absolute;
    top: 19px;
    left: 20px;
    font-size: 1.3rem;
    color: #6b7280;
    transition: color 0.3s ease;
    z-index: 2;
}

/* Adjust textarea icon position to stay at top */
textarea~.sb-input-icon,
.form-group:has(textarea) .sb-input-icon {
    top: 20px;
}

.sb-form-control {
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    /* Dark input field */
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 18px 25px 18px 55px;
    /* Extra padding on left for icon */
    color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}

.sb-form-control::placeholder {
    color: #6b7280;
    font-weight: 400;
}

/* Focus States */
.sb-form-control:focus {
    outline: none;
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(246, 83, 39, 0.5);
    box-shadow: 0 0 20px rgba(246, 83, 39, 0.1), inset 0 2px 5px rgba(0, 0, 0, 0.2);
}

.sb-form-control:focus+.sb-input-icon,
.sb-form-control:focus~.sb-input-icon,
.form-group:focus-within .sb-input-icon {
    color: #f65327;
    /* Icon turns orange on focus */
}

textarea.sb-form-control {
    resize: vertical;
    min-height: 140px;
}

/* --- VALIDATION ERROR STYLING --- */
.help-block.with-errors {
    color: #ff4d4f;
    font-size: 0.85rem;
    font-weight: 600;
    margin-top: 6px;
    padding-left: 20px;
    text-align: left;
    display: block;
}

/* Bootstrap Validator Error State */
.has-error .sb-form-control {
    border-color: #ff4d4f;
    background: rgba(255, 77, 79, 0.05);
}

.has-error .sb-input-icon {
    color: #ff4d4f;
}

/* Submit Message */
#msgSubmit {
    margin-top: 20px;
    font-weight: 700;
    font-size: 1.1rem;
}

#msgSubmit.text-success {
    color: #4ade80;
}

#msgSubmit.text-danger {
    color: #ff4d4f;
}

.hidden {
    display: none !important;
}

.clearfix {
    clear: both;
}

/* --- PREMIUM SUBMIT BUTTON --- */
.sb-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: linear-gradient(135deg, #c524b3, #f65327);
    color: #ffffff;
    padding: 18px 50px;
    border-radius: 50px;
    font-weight: 800;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(246, 83, 39, 0.4);
    transition: all 0.4s ease;
    border: none;
    cursor: pointer;
    width: auto;
    /* Not full width, looks more premium centered */
    min-width: 250px;
    margin-top: 15px;
}

/* Button Light Sweep */
.sb-submit-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transform: skewX(-25deg);
    transition: 0.6s ease;
}

.sb-submit-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(197, 36, 179, 0.6);
}

.sb-submit-btn:hover::before {
    left: 200%;
}

.sb-submit-btn i {
    font-size: 1.4rem;
    transition: transform 0.3s ease;
}

.sb-submit-btn:hover i {
    transform: translateX(6px) translateY(-4px) rotate(15deg);
    /* Paper plane flight effect */
}

/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 991px) {
    .sb-form-card {
        padding: 40px 30px;
    }

    .sb-form-title {
        font-size: 2.6rem;
    }

    .sb-orb-1,
    .sb-orb-2 {
        width: 400px;
        height: 400px;
    }
}

@media (max-width: 767px) {
    .sb-form-section {
        padding: 30px 10px;
    }

    .sb-form-card {
        padding: 35px 20px;
        border-radius: 24px;
    }

    .sb-form-title {
        font-size: 2.2rem;
    }

    .sb-form-desc {
        font-size: 0.95rem;
    }

    .sb-form-control {
        padding: 15px 20px 15px 45px;
        font-size: 0.95rem;
    }

    .sb-input-icon {
        top: 17px;
        left: 15px;
        font-size: 1.2rem;
    }

    textarea~.sb-input-icon,
    .form-group:has(textarea) .sb-input-icon {
        top: 18px;
    }

    .sb-submit-btn {
        width: 100%;
        margin-top: 0px;
    }

    /* Full width on mobile */
}

/* breadcum */

/* --- MAIN WRAPPER --- */
.sb-pt-wrapper {
    background-color: #030303;
    /* Deep Dark Premium Theme */
    /* Adjusted padding for fixed headers */
    padding: 125px 0 40px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}

/* --- DYNAMIC BACKGROUND EFFECTS --- */

/* Dynamic Slanted Stripes Background */
.sb-pt-stripes {
    position: absolute;
    inset: 0;
    z-index: -2;
    background: repeating-linear-gradient(-45deg,
            rgba(255, 255, 255, 0.02),
            rgba(255, 255, 255, 0.02) 1px,
            transparent 1px,
            transparent 15px);
    mask-image: radial-gradient(ellipse at center top, black 10%, transparent 80%);
    -webkit-mask-image: radial-gradient(ellipse at center top, black 10%, transparent 80%);
}

/* Rotating Scanning Beam */
.sb-pt-beam-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    z-index: -3;
    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}

.sb-pt-beam {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(from 90deg at 50% 50%,
            transparent 0deg,
            rgba(197, 36, 179, 0.08) 45deg,
            rgba(246, 83, 39, 0.08) 90deg,
            transparent 135deg);
    animation: spin-beam 15s linear infinite;
}

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

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

/* Ambient Glowing Orbs */
.sb-pt-glow {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(140px);
    z-index: -1;
    opacity: 0.15;
    animation: pt-glow-pulse 10s alternate infinite ease-in-out;
    pointer-events: none;
}

.sb-pt-glow-1 {
    top: -200px;
    left: 50%;
    transform: translateX(-50%);
    background: #c524b3;
}

.sb-pt-glow-2 {
    bottom: -100px;
    right: 10%;
    background: #f65327;
    width: 400px;
    height: 400px;
    animation-delay: -5s;
}

@keyframes pt-glow-pulse {
    0% {
        transform: translateX(-50%) scale(1);
        opacity: 0.1;
    }

    100% {
        transform: translateX(-50%) scale(1.2);
        opacity: 0.25;
    }
}

/* Bottom Sweeping Border for Seamless Transition */
.sb-pt-bottom-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.05);
}

.sb-pt-bottom-line::after {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, #c524b3, #f65327, transparent);
    animation: pt-sweep 5s infinite linear;
}

@keyframes pt-sweep {
    0% {
        left: -50%;
    }

    100% {
        left: 150%;
    }
}

.sb-pt-container {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* --- TRENDING PILL-SHAPED BREADCRUMB --- */
.sb-pt-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 24px;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50px;
    margin-bottom: 30px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 0 15px rgba(255, 255, 255, 0.02);
    transition: all 0.3s ease;
}

.sb-pt-breadcrumb:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.15);
}

.sb-pt-breadcrumb a {
    color: #9ca3af;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
}

.sb-pt-breadcrumb a i {
    font-size: 1.1rem;
    color: #6b7280;
    transition: color 0.3s ease;
}

.sb-pt-breadcrumb a:hover {
    color: #ffffff;
}

.sb-pt-breadcrumb a:hover i {
    color: #c524b3;
}

.sb-pt-separator {
    color: #4b5563;
    font-size: 0.9rem;
    font-weight: 500;
    user-select: none;
}

.sb-pt-current {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 700;
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}

/* Glowing dot for current page */
.sb-pt-current::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #f65327;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
    box-shadow: 0 0 8px #f65327;
}

/* --- MASSIVE PAGE TITLE --- */
.sb-pt-title {
    font-size: 4.2rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.1;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.sb-pt-title span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    display: inline-block;
}

/* Highlight underline */
.sb-pt-title span::after {
    content: '';
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #c524b3, #f65327);
    border-radius: 10px;
    opacity: 0.3;
}

/* --- PAGE SUBTITLE / DESC --- */
.sb-pt-desc {
    font-size: 1rem;
    color: #a1a1aa;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
}

/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 991px) {
    .sb-pt-title {
        font-size: 3.5rem;
    }
}

@media (max-width: 767px) {
    .sb-pt-wrapper {
        padding: 115px 15px 30px 15px;
    }

    .sb-pt-title {
        font-size: 2.1rem;
        letter-spacing: 1px;
        margin-bottom: 6px;
    }

    .sb-pt-breadcrumb {
        padding: 6px 18px;
        font-size: 0.85rem;
        margin-bottom: 13px;
    }

    .sb-pt-breadcrumb a,
    .sb-pt-current,
    .sb-pt-separator {
        font-size: 0.85rem;
    }

    .sb-pt-desc {
        font-size: 0.8rem;
    }
}

/* --- WRAPPER --- */
.sb-disc-content-wrapper {
    background-color: #030303;
    /* Deep Dark Premium Theme */
    padding: 65px 0 65px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #ffffff;
}

/* Ambient Glow Layers for depth */
.sb-disc-glow {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(150px);
    z-index: -1;
    opacity: 0.15;
    animation: disc-pulse 12s alternate infinite ease-in-out;
    pointer-events: none;
}

.sb-disc-glow-1 {
    top: 10%;
    left: -10%;
    background: #c524b3;
}

.sb-disc-glow-2 {
    bottom: 10%;
    right: -10%;
    background: #f65327;
    animation-delay: -5s;
}

@keyframes disc-pulse {
    0% {
        transform: scale(1);
        opacity: 0.1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0.2;
    }
}

/* --- GLASS DOCUMENT CONTAINER --- */
.sb-disc-container {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.sb-disc-glass-box {
    background: rgba(18, 18, 22, 0.6);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    padding: 50px 55px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transition: all 0.4s ease;
}

.sb-disc-glass-box:hover {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* Text Typography */
.sb-disc-text {
    color: #a1a1aa;
    font-size: 1rem;
    line-height: 1.85;
    margin-bottom: 10px;
    text-align: justify;
}

.sb-disc-text:last-of-type {
    margin-bottom: 0;
}

/* --- IMPORTANT ALERT BOX (For Hindi Text) --- */
.sb-disc-alert {
    margin-top: 45px;
    background: rgba(246, 83, 39, 0.05);
    border: 1px solid rgba(246, 83, 39, 0.2);
    border-left: 4px solid #f65327;
    border-radius: 16px;
    padding: 35px 40px;
    display: flex;
    gap: 25px;
    align-items: flex-start;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.sb-disc-alert:hover {
    background: rgba(246, 83, 39, 0.08);
    border-color: rgba(246, 83, 39, 0.3);
    transform: translateY(-3px);
    box-shadow: 0 20px 40px rgba(246, 83, 39, 0.15);
}

.sb-disc-alert-icon {
    font-size: 2.2rem;
    color: #f65327;
    background: rgba(246, 83, 39, 0.1);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sb-disc-alert-content h4 {
    color: #ffffff;
    margin: 0 0 12px 0;
    font-size: 1.3rem;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.sb-disc-alert-content p {
    color: #d1d5db;
    font-size: 1.05rem;
    line-height: 1.7;
    margin: 0;
    text-align: left;
}

/* Subtitle / Headings inside the document */
.sb-disc-subtitle {
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: 800;
    margin: 10px 0 15px 0;
    letter-spacing: -0.5px;
    position: relative;
    display: inline-block;
}

.sb-disc-subtitle::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, #c524b3, #f65327);
    border-radius: 5px;
}

/* Bulleted Lists inside the document */
.sb-disc-list {
    color: #a1a1aa;
    font-size: 1rem;
    line-height: 1.85;
    margin-bottom: 15px;
    padding-left: 20px;
}

.sb-disc-list li {
    margin-bottom: 5px;
}

.sb-disc-list li::marker {
    color: #f65327;
}

/* Stylish Email Link */
.sb-mail-link {
    color: #f65327;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
}

.sb-mail-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #c524b3;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.3s ease-out;
}

.sb-mail-link:hover {
    color: #c524b3;
}

.sb-mail-link:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

/* --- RESPONSIVE DESIGN --- */
@media (max-width: 991px) {
    .sb-disc-glass-box {
        padding: 40px 40px;
    }
}

@media (max-width: 767px) {
    .sb-disc-content-wrapper {
        padding: 30px 0 35px 0;
    }

    .sb-disc-glass-box {
        padding: 25px 10px;
        border-radius: 16px;
    }

    .sb-disc-text {
        font-size: 1rem;
        line-height: 1.7;
        margin-bottom: 20px;
    }

    .sb-disc-alert {
        flex-direction: column;
        gap: 15px;
        padding: 25px 20px;
        border-left: none;
        border-top: 4px solid #f65327;
        margin-top: 30px;
    }

    .sb-disc-alert-icon {
        width: 50px;
        height: 50px;
        font-size: 1.8rem;
    }

    .sb-disc-alert-content h4 {
        font-size: 1.15rem;
    }

    .sb-disc-alert-content p {
        font-size: 0.95rem;
        text-align: justify;
    }

    /* Baaki purani css... */
    .sb-disc-text,
    .sb-disc-list {
        font-size: 1rem;
        line-height: 1.7;
        margin-bottom: 15px;
    }

    .sb-disc-subtitle {
        font-size: 1.25rem;
        margin: 10px 0 12px 0;
    }
}

/* Login popup */

/* --- MODAL BACKDROP --- */
.modal-backdrop {
    background-color: rgba(2, 2, 5, 0.9);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

/* --- THE ANIMATED MODAL WRAPPER --- */
.sb-modal-content {
    background: #050505;
    border: none;
    border-radius: 28px;
    position: relative;
    padding: 2px;
    /* Space for the glowing border */
    z-index: 1;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.9), 0 0 40px rgba(197, 36, 179, 0.15);
    transform: scale(0.95);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Modal Entrance Animation via Bootstrap class */
.modal.show .sb-modal-content {
    transform: scale(1);
    opacity: 1;
}

/* The Rotating Neon Border */
.sb-modal-content::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(from 0deg, transparent 70%, #c524b3 85%, #f65327 100%);
    animation: rotate-neon 4s linear infinite;
    z-index: -2;
}

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

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

/* Inner Modal Card (Dark Glass) */
.sb-modal-inner {
    background: rgba(15, 15, 18, 0.95);
    border-radius: 26px;
    /* Slightly less than wrapper to fit inside */
    height: 100%;
    width: 100%;
    position: relative;
    z-index: -1;
    padding: 35px 40px 40px 40px;
    overflow: hidden;
}

/* Inner Ambient Glows */
.sb-modal-inner::after {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(246, 83, 39, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.sb-modal-inner::before {
    content: '';
    position: absolute;
    bottom: -50px;
    left: -50px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(197, 36, 179, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

/* --- HEADER --- */
.sb-btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #9ca3af;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
}

.sb-btn-close:hover {
    background: rgba(246, 83, 39, 0.1);
    color: #f65327;
    border-color: rgba(246, 83, 39, 0.4);
    transform: rotate(90deg);
}

.sb-modal-header-box {
    text-align: center;
    margin-bottom: 35px;
}

.sb-login-icon {
    width: 65px;
    height: 65px;
    margin: 0 auto 20px auto;
    background: linear-gradient(135deg, rgba(197, 36, 179, 0.15), rgba(246, 83, 39, 0.15));
    border: 1px solid rgba(246, 83, 39, 0.3);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f65327;
    font-size: 2rem;
    box-shadow: 0 10px 25px rgba(246, 83, 39, 0.2);
    transform: rotate(-5deg);
    transition: all 0.3s ease;
}

.sb-modal-content:hover .sb-login-icon {
    transform: rotate(0deg) scale(1.05);
    box-shadow: 0 15px 30px rgba(197, 36, 179, 0.3);
    color: #ffffff;
    background: linear-gradient(135deg, #c524b3, #f65327);
    border-color: transparent;
}

.sb-modal-title {
    font-size: 2.2rem;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -1px;
    margin-bottom: 8px;
}

.sb-modal-title span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sb-modal-subtitle {
    color: #9ca3af;
    font-size: 0.95rem;
    margin: 0;
}

/* --- ERROR MESSAGE (Dynamic Class Kept) --- */
.sb-error-box {
    background: rgba(255, 77, 79, 0.1);
    border-left: 4px solid #ff4d4f;
    color: #ff4d4f;
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
    box-shadow: 0 5px 15px rgba(255, 77, 79, 0.1);
}

/* --- FORM INPUTS --- */
.sb-input-group {
    margin-bottom: 22px;
}

.sb-input-label {
    display: block;
    color: #d1d5db;
    font-size: 0.85rem;
    font-weight: 700;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sb-input-wrapper {
    position: relative;
    width: 100%;
}

.sb-input-icon {
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
    color: #6b7280;
    font-size: 1.3rem;
    transition: all 0.3s ease;
    z-index: 2;
}

.sb-form-control {
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 16px 20px 16px 50px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5);
}

.sb-form-control::placeholder {
    color: #4b5563;
    font-weight: 400;
}

/* Focus Animation */
.sb-form-control:focus {
    outline: none;
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(246, 83, 39, 0.5);
    box-shadow: 0 0 20px rgba(246, 83, 39, 0.15), inset 0 2px 6px rgba(0, 0, 0, 0.5);
}

.sb-form-control:focus+.sb-input-icon,
.sb-form-control:not(:placeholder-shown)+.sb-input-icon,
.sb-input-group:focus-within .sb-input-icon {
    color: #c524b3;
}

/* --- FORGOT PASSWORD --- */
.sb-forgot-link {
    display: block;
    text-align: right;
    margin-top: -10px;
    margin-bottom: 30px;
}

.sb-forgot-link a {
    color: #9ca3af;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease;
}

.sb-forgot-link a:hover {
    color: #f65327;
    text-decoration: underline;
}

/* --- BUTTON --- */
.sb-btn-submit {
    width: 100%;
    background: linear-gradient(135deg, #c524b3, #f65327);
    color: #ffffff;
    border: none;
    padding: 13px;
    border-radius: 14px;
    font-size: 1.13rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px rgb(197 36 179 / 6%);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Shimmer Effect */
.sb-btn-submit::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transform: skewX(-25deg);
    transition: 0.6s ease;
}

.sb-btn-submit:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 40px rgba(246, 83, 39, 0.6);
}

.sb-btn-submit:hover::after {
    left: 200%;
}

.sb-btn-submit i {
    font-size: 1.4rem;
    transition: transform 0.3s ease;
}

.sb-btn-submit:hover i {
    transform: translateX(6px);
}

/* Mobile Adjustments */
@media (max-width: 576px) {
    .sb-modal-inner {
        padding: 35px 25px 30px 25px;
    }

    .sb-modal-title {
        font-size: 1.8rem;
    }

    .sb-login-icon {
        width: 55px;
        height: 55px;
        font-size: 1.6rem;
    }

    .sb-form-control {
        padding: 14px 20px 14px 45px;
    }

    .sb-input-icon {
        left: 15px;
        font-size: 1.2rem;
    }
}

/* Request a callback */

/* --- MODAL BACKDROP --- */
.modal-backdrop {
    background-color: rgba(5, 5, 8, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* --- NEW MODAL DESIGN (Different from Login) --- */
.sb-cl-modal-content {
    background: rgba(20, 20, 25, 0.7);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    position: relative;
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Modal Entrance Animation */
.modal.show .sb-cl-modal-content {
    transform: translateY(0);
    opacity: 1;
}

/* Internal Glowing Orbs (Soft Mesh Look) */
.sb-cl-modal-content::before {
    content: '';
    position: absolute;
    top: -50px;
    left: -50px;
    width: 250px;
    height: 250px;
    background: radial-gradient(circle, rgba(197, 36, 179, 0.25) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 0;
    pointer-events: none;
}

.sb-cl-modal-content::after {
    content: '';
    position: absolute;
    bottom: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(246, 83, 39, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 0;
    pointer-events: none;
}

/* Content Wrapper to sit above the glows */
.sb-cl-inner {
    position: relative;
    z-index: 2;
    padding: 40px 35px;
}

/* --- HEADER --- */
.sb-cl-close-btn {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 38px;
    height: 38px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #a1a1aa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
}

.sb-cl-close-btn:hover {
    background: rgba(246, 83, 39, 0.15);
    color: #f65327;
    border-color: rgba(246, 83, 39, 0.4);
    transform: rotate(90deg);
}

.sb-cl-header {
    text-align: center;
    margin-bottom: 20px;
}

.sb-cl-icon-wrap {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px auto;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 2rem;
    position: relative;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.02);
}

/* Glowing ring around icon */
.sb-cl-icon-wrap::after {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 50%;
    background: linear-gradient(135deg, #c524b3, #f65327);
    z-index: -1;
    opacity: 0.5;
    filter: blur(4px);
    animation: cl-pulse 2s infinite alternate;
}

@keyframes cl-pulse {
    0% {
        opacity: 0.3;
        transform: scale(0.95);
    }

    100% {
        opacity: 0.7;
        transform: scale(1.05);
    }
}

.sb-cl-title {
    font-size: 2rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.5px;
    margin-bottom: 8px;
}

.sb-cl-subtitle {
    color: #a1a1aa;
    font-size: 0.95rem;
    margin: 0;
    line-height: 1.5;
}

/* --- ERROR MESSAGE --- */
.sb-cl-error {
    background: rgba(255, 77, 79, 0.1);
    border: 1px solid rgba(255, 77, 79, 0.3);
    color: #ff4d4f;
    padding: 12px 15px;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
}

/* --- FORM INPUTS (Pill Shaped for distinct look) --- */
.sb-cl-input-group {
    margin-bottom: 25px;
}

.sb-cl-label {
    display: block;
    color: #d1d5db;
    font-size: 0.85rem;
    font-weight: 700;
    margin-bottom: 10px;
    margin-left: 15px;
    /* Indent for pill shape */
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sb-cl-input-wrapper {
    position: relative;
    width: 100%;
}

.sb-cl-input-icon {
    position: absolute;
    top: 50%;
    left: 22px;
    transform: translateY(-50%);
    color: #6b7280;
    font-size: 1.3rem;
    transition: all 0.3s ease;
    z-index: 2;
}

/* Number input spinner hide */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.sb-cl-form-control {
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.1);
    /* Pill shape instead of box */
    border-radius: 50px;
    padding: 16px 25px 16px 55px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3);
}

.sb-cl-form-control::placeholder {
    color: #6b7280;
}

.sb-cl-form-control:focus {
    outline: none;
    background: rgba(255, 255, 255, 0.03);
    border-color: #f65327;
    box-shadow: 0 0 15px rgba(246, 83, 39, 0.15), inset 0 2px 5px rgba(0, 0, 0, 0.3);
}

.sb-cl-form-control:focus+.sb-cl-input-icon,
.sb-cl-input-wrapper:focus-within .sb-cl-input-icon {
    color: #f65327;
}

/* --- FEATURES AS TAGS --- */
.sb-cl-features-wrap {
    margin-bottom: 25px;
}

.sb-cl-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-bottom: 20px;
}

.sb-cl-tag {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #d1d5db;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 0.65rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
}

.sb-cl-tag i {
    color: #c524b3;
    font-size: 1.1rem;
}

.sb-cl-tag:hover {
    background: rgba(197, 36, 179, 0.15);
    border-color: rgba(197, 36, 179, 0.3);
    color: #ffffff;
}

/* Alert Box for Time Note */
.sb-cl-time-alert {
    background: linear-gradient(90deg, rgba(246, 83, 39, 0.1), rgba(197, 36, 179, 0.1));
    border-left: 3px solid #f65327;
    padding: 12px 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.9rem;
    color: #e5e7eb;
    font-weight: 500;
}

.sb-cl-time-alert i {
    color: #f65327;
    font-size: 1.4rem;
    animation: bell-ring 2s infinite ease-in-out;
}

@keyframes bell-ring {

    0%,
    100% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(15deg);
    }

    75% {
        transform: rotate(-15deg);
    }
}

/* --- BUTTON --- */
.sb-cl-btn {
    width: 100%;
    background: #ffffff;
    color: #050505;
    border: none;
    padding: 13px;
    border-radius: 50px;
    /* Matching the pill shape */
    font-size: 1rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sb-cl-btn:hover {
    background: linear-gradient(135deg, #c524b3, #f65327);
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(246, 83, 39, 0.4);
}

.sb-cl-btn i {
    font-size: 1.3rem;
    transition: transform 0.3s ease;
}

.sb-cl-btn:hover i {
    transform: translateX(5px);
}

/* Mobile Adjustments */
@media (max-width: 576px) {
    .sb-cl-inner {
        padding: 35px 25px;
    }

    .sb-cl-title {
        font-size: 1.6rem;
    }

    .sb-cl-icon-wrap {
        width: 60px;
        height: 60px;
        font-size: 1.6rem;
    }

    .sb-cl-form-control {
        padding: 14px 20px 14px 50px;
    }

    .sb-cl-input-icon {
        left: 18px;
    }

    .sb-cl-tags {
        justify-content: flex-start;
    }
}

/* registration form */

/* --- MAIN WRAPPER --- */
.sb-reg-wrapper {
    background-color: #030303;
    /* Deep Dark Background */
    min-height: 100vh;
    padding: 120px 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* --- BACKGROUND ANIMATIONS --- */
.sb-reg-bg-glow {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(150px);
    z-index: -2;
    opacity: 0.15;
    animation: reg-pulse 15s infinite alternate ease-in-out;
    pointer-events: none;
}

.sb-reg-glow-1 {
    top: -10%;
    left: -10%;
    background: #c524b3;
}

.sb-reg-glow-2 {
    bottom: -10%;
    right: -10%;
    background: #f65327;
    animation-delay: -7s;
}

@keyframes reg-pulse {
    0% {
        transform: scale(1);
        opacity: 0.1;
    }

    100% {
        transform: scale(1.3);
        opacity: 0.25;
    }
}

.sb-reg-grid-pattern {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: radial-gradient(rgba(255, 255, 255, 0.04) 2px, transparent 2px);
    background-size: 40px 40px;
    mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
    pointer-events: none;
}

/* --- FORM CONTAINER & CARD --- */
.sb-reg-container {
    width: 100%;
    max-width: 900px;
    position: relative;
    z-index: 2;
}

.sb-reg-card {
    background: rgba(18, 18, 22, 0.8);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 28px;
    padding: 45px 45px;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    position: relative;
    overflow: hidden;
}

/* Top Gradient Accent */
.sb-reg-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #c524b3, #f65327);
    opacity: 0.8;
}

/* --- HEADER STYLING --- */
.sb-reg-header {
    text-align: center;
    margin-bottom: 40px;
}

.sb-reg-header h3 {
    font-size: 2.6rem;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -1px;
    margin-bottom: 10px;
}

.sb-reg-header h3 span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sb-reg-header p {
    color: #9ca3af;
    font-size: 1rem;
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.6;
}

/* --- FORM INPUTS --- */
.sb-reg-input-group {
    margin-bottom: 15px;
}

.sb-reg-input-group label {
    display: block;
    color: #e5e7eb;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 8px;
    margin-left: 2px;
}

.sb-reg-input-wrapper {
    position: relative;
    width: 100%;
}

.sb-reg-input-icon {
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
    color: #6b7280;
    font-size: 1.3rem;
    z-index: 2;
    transition: color 0.3s ease;
    pointer-events: none;
    /* Icon click block na kare */
}

.sb-reg-form-control {
    width: 100%;
    height: 58px;
    /* Fixed height to keep uniformity */
    background: rgba(255, 255, 255, 0.02);
    /* Slight fill */
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    /* Balanced top and bottom padding added for perfect vertical alignment */
    padding: 16px 20px 16px 52px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    line-height: normal;
    /* Normal line height to avoid browser quirks */
}

/* Number spin hide */
.sb-reg-form-control[type="number"]::-webkit-inner-spin-button,
.sb-reg-form-control[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.sb-reg-form-control::placeholder {
    color: #6b7280;
}

/* FIX FOR SELECT BOX (STATE)
           Padding top/bottom removed as an override so it inherits standard padding 
        */
select.sb-reg-form-control {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;

    /* Custom dropdown arrow */
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236b7280%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 18px top 50%;
    background-size: 12px auto;
}

select.sb-reg-form-control option {
    background-color: #121216;
    /* Dark dropdown options */
    color: #fff;
}

/* Focus states - Sleek Apple/Vercel Style Ring */
.sb-reg-form-control:focus {
    outline: none;
    background: rgba(255, 255, 255, 0.04);
    border-color: #f65327;
    /* Premium Focus Glow */
    box-shadow: 0 0 0 4px rgba(246, 83, 39, 0.15), inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.sb-reg-form-control:focus+.sb-reg-input-icon,
.sb-reg-input-wrapper:focus-within .sb-reg-input-icon {
    color: #f65327;
}

/* Password Toggle Button */
.sb-reg-pw-toggle {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 5px;
    transition: color 0.3s ease;
    z-index: 3;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sb-reg-pw-toggle:hover {
    color: #f65327;
}

/* Error Spans Styling */
.text-danger,
.sb-reg-error {
    color: #ff4d4f !important;
    font-size: 0.85rem;
    font-weight: 600;
    margin-top: 6px;
    display: block;
    margin-left: 5px;
}

/* Checkbox & Terms */
.sb-reg-terms-box {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 16px 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    margin-top: 5px;
}

.sb-reg-check-label {
    color: #d1d5db;
    font-size: 0.95rem;
    cursor: pointer;
    margin: 0 0 0 12px;
    user-select: none;
    font-weight: 500;
}

.sb-reg-check-label a {
    color: #f65327;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.sb-reg-check-label a:hover {
    color: #c524b3;
    text-decoration: underline;
}

.form-check-input {
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    margin-top: 2px;
}

.form-check-input:checked {
    background-color: #f65327;
    border-color: #f65327;
}

/* Submit Button */
.sb-reg-btn-submit {
    width: 100%;
    background: linear-gradient(135deg, #c524b3, #f65327);
    color: #ffffff;
    border: none;
    height: 58px;
    /* Match input height */
    border-radius: 14px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(246, 83, 39, 0.3);
    transition: all 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.sb-reg-btn-submit::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transform: skewX(-25deg);
    transition: 0.6s ease;
}

.sb-reg-btn-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(197, 36, 179, 0.5);
    color: #fff;
}

.sb-reg-btn-submit:hover::after {
    left: 200%;
}

/* Login Redirect Link */
.sb-reg-footer {
    text-align: center;
    margin-top: 25px;
    color: #9ca3af;
    font-size: 1rem;
}

.sb-reg-footer a {
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    margin-left: 5px;
    transition: color 0.3s ease;
    border-bottom: 1px dashed #ffffff;
}

.sb-reg-footer a:hover {
    color: #f65327;
    border-bottom-color: #f65327;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .sb-reg-card {
        padding: 40px 30px;
    }

    .sb-reg-header h3 {
        font-size: 2.2rem;
    }
}

@media (max-width: 767px) {
    .sb-reg-wrapper {
        padding: 109px 10px 40px;
    }

    .sb-reg-card {
        padding: 35px 20px;
        border-radius: 20px;
    }

    .sb-reg-header h3 {
        font-size: 1.7rem;
        margin-bottom: 5px;
    }

    .sb-reg-header p {
        font-size: 0.8rem;
        line-height: 1.5;
    }

    /* Mobile Input Padding Fix */
    .sb-reg-form-control {
        padding: 14px 15px 14px 45px;
        height: 54px;
    }

    select.sb-reg-form-control {
        background-position: right 15px top 50%;
    }

    .sb-reg-input-icon {
        left: 15px;
        font-size: 1.2rem;
    }

    .sb-reg-btn-submit {
        height: 54px;
        font-size: 1rem;
    }
}

/* --- MAIN WRAPPER --- */
.sb-fp-wrapper {
    background-color: #030303;
    /* Deep Dark Background */
    min-height: 100vh;
    padding: 120px 20px 55px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* --- BACKGROUND ANIMATIONS --- */
.sb-fp-bg-glow {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(150px);
    z-index: -2;
    opacity: 0.15;
    animation: fp-pulse 15s infinite alternate ease-in-out;
    pointer-events: none;
}

.sb-fp-glow-1 {
    top: -10%;
    left: -10%;
    background: #c524b3;
}

.sb-fp-glow-2 {
    bottom: -10%;
    right: -10%;
    background: #f65327;
    animation-delay: -7s;
}

@keyframes fp-pulse {
    0% {
        transform: scale(1);
        opacity: 0.1;
    }

    100% {
        transform: scale(1.3);
        opacity: 0.25;
    }
}

.sb-fp-grid-pattern {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: radial-gradient(rgba(255, 255, 255, 0.04) 2px, transparent 2px);
    background-size: 40px 40px;
    mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
    pointer-events: none;
}

/* --- FORM CONTAINER & CARD --- */
.sb-fp-container {
    width: 100%;
    max-width: 550px;
    /* Compact width for single input form */
    position: relative;
    z-index: 2;
}

.sb-fp-card {
    background: rgba(18, 18, 22, 0.8);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 28px;
    padding: 40px 40px;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    position: relative;
    overflow: hidden;
}

/* Top Gradient Accent */
.sb-fp-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #c524b3, #f65327);
    opacity: 0.8;
}

/* --- HEADER STYLING --- */
.sb-fp-header {
    text-align: center;
    margin-bottom: 25px;
}

.sb-fp-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px auto;
    background: linear-gradient(135deg, rgba(197, 36, 179, 0.1), rgba(246, 83, 39, 0.1));
    border: 1px solid rgba(246, 83, 39, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f65327;
    font-size: 2rem;
    box-shadow: 0 10px 20px rgba(246, 83, 39, 0.2);
}

.sb-fp-header h3 {
    font-size: 2.2rem;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -1px;
    margin-bottom: 10px;
}

.sb-fp-header h3 span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sb-fp-header p {
    color: #9ca3af;
    font-size: 0.85rem;
    max-width: 425px;
    margin: 0 auto;
    line-height: 1.6;
}

/* --- CUSTOM ALERT STYLING --- */
.sb-fp-alert {
    border-radius: 12px;
    padding: 12px 15px;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.sb-fp-alert.alert-danger {
    background: rgba(255, 77, 79, 0.1);
    border-color: rgba(255, 77, 79, 0.3);
    color: #ff4d4f;
}

.sb-fp-alert.alert-success {
    background: rgba(74, 222, 128, 0.1);
    border-color: rgba(74, 222, 128, 0.3);
    color: #4ade80;
}

/* --- FORM INPUTS --- */
.sb-fp-input-group {
    margin-bottom: 15px;
}

.sb-fp-input-group label {
    display: block;
    color: #e5e7eb;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 8px;
    margin-left: 2px;
}

.sb-fp-input-wrapper {
    position: relative;
    width: 100%;
}

.sb-fp-input-icon {
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
    color: #6b7280;
    font-size: 1.3rem;
    z-index: 2;
    transition: color 0.3s ease;
    pointer-events: none;
}

.sb-fp-form-control {
    width: 100%;
    height: 58px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 16px 20px 16px 52px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    line-height: normal;
}

.sb-fp-form-control::placeholder {
    color: #6b7280;
}

.sb-fp-form-control:focus {
    outline: none;
    background: rgba(255, 255, 255, 0.04);
    border-color: #f65327;
    box-shadow: 0 0 0 4px rgba(246, 83, 39, 0.15), inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.sb-fp-form-control:focus+.sb-fp-input-icon,
.sb-fp-input-wrapper:focus-within .sb-fp-input-icon {
    color: #f65327;
}

/* Error Spans Styling */
.text-danger,
.sb-fp-error {
    color: #ff4d4f !important;
    font-size: 0.85rem;
    font-weight: 600;
    margin-top: 6px;
    display: block;
    margin-left: 5px;
}

/* Submit Button */
.sb-fp-btn-submit {
    width: 100%;
    background: linear-gradient(135deg, #c524b3, #f65327);
    color: #ffffff;
    border: none;
    height: 52px;
    border-radius: 14px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(246, 83, 39, 0.3);
    transition: all 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.sb-fp-btn-submit::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transform: skewX(-25deg);
    transition: 0.6s ease;
}

.sb-fp-btn-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(197, 36, 179, 0.5);
    color: #fff;
}

.sb-fp-btn-submit:hover::after {
    left: 200%;
}

/* Login Redirect Link */
.sb-fp-footer {
    text-align: center;
    margin-top: 25px;
    color: #9ca3af;
    font-size: 1rem;
}

.sb-fp-footer a {
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    margin-left: 5px;
    transition: color 0.3s ease;
    border-bottom: 1px dashed #ffffff;
}

.sb-fp-footer a:hover {
    color: #f65327;
    border-bottom-color: #f65327;
}

/* Responsive Adjustments */
@media (max-width: 767px) {
    .sb-fp-wrapper {
        padding: 80px 15px;
    }

    .sb-fp-card {
        padding: 40px 25px;
        border-radius: 20px;
    }

    .sb-fp-header h3 {
        font-size: 1.8rem;
    }

    .sb-fp-form-control {
        padding: 14px 15px 14px 45px;
        height: 54px;
    }

    .sb-fp-input-icon {
        left: 15px;
        font-size: 1.2rem;
    }

    .sb-fp-btn-submit {
        height: 54px;
        font-size: 1rem;
    }
}

/* preloader */
/* --- PREMIUM PRELOADER WRAPPER --- */
.preloader.sb-preloader-wrap {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: #030303 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 999999 !important;
    transition: opacity 0.6s cubic-bezier(0.25, 0.8, 0.25, 1), visibility 0.6s ease;
}

/* Class to hide preloader after page load */
.preloader.sb-preloader-wrap.loaded {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* --- ISOLATED LOADER CONTAINER --- */
.sb-preloader-wrap .sb-pl-loader {
    position: relative !important;
    width: 160px !important;
    height: 160px !important;
    background: radial-gradient(circle, rgba(197, 36, 179, 0.15) 0%, transparent 60%) !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Outer Smooth Spinning Ring (Gradient Glow) */
.sb-preloader-wrap .sb-pl-loader::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 150px !important;
    height: 150px !important;
    border-radius: 50% !important;
    border: 3px solid transparent !important;
    border-top-color: #c524b3 !important;
    border-bottom-color: #f65327 !important;
    animation: spin-ring-forward 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite !important;
    box-shadow: 0 0 20px rgba(197, 36, 179, 0.4), inset 0 0 20px rgba(246, 83, 39, 0.4) !important;
    z-index: 1 !important;
    display: block !important;
}

/* Inner Dashed Spinning Ring (Tech feel) */
.sb-preloader-wrap .sb-pl-loader::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 120px !important;
    height: 120px !important;
    border-radius: 50% !important;
    border: 2px dashed rgba(255, 255, 255, 0.15) !important;
    border-left-color: #f65327 !important;
    border-right-color: #c524b3 !important;
    animation: spin-ring-reverse 2s linear infinite !important;
    z-index: 1 !important;
    display: block !important;
}

/* Animations updated with translate for perfect centering */
@keyframes spin-ring-forward {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes spin-ring-reverse {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

/* --- ISOLATED IMAGE CIRCLE (Pulsing Effect) --- */
.sb-preloader-wrap .sb-pl-image-circle {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    z-index: 2 !important;
    width: 90px !important;
    height: 90px !important;
    border-radius: 50% !important;
    background-color: #050505 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    animation: pulse-logo 2s ease-in-out infinite !important;
    border: 2px solid rgba(255, 255, 255, 0.05) !important;
    padding: 0 !important;
    margin: 0 !important;
    /* Webkit mask added to strictly enforce circular clipping in Safari/Chrome */
    -webkit-mask-image: -webkit-radial-gradient(white, black) !important;
}

/* Image styling securely isolated to avoid stretching/squishing */
.sb-preloader-wrap .sb-pl-image-circle img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    /* Changed to cover to fill the circle completely */
    padding: 0 !important;
    /* Removed padding to eliminate white square */
    display: block !important;
    max-width: none !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 50% !important;
    /* Forcing the image itself to be a circle */
    background: transparent !important;
}

@keyframes pulse-logo {

    0%,
    100% {
        transform: translate(-50%, -50%) scale(0.95);
        filter: drop-shadow(0 0 10px rgba(246, 83, 39, 0.3));
    }

    50% {
        transform: translate(-50%, -50%) scale(1.05);
        filter: drop-shadow(0 0 25px rgba(197, 36, 179, 0.6));
    }
}

@media only screen and (max-width:991px) {
    .raque-responsive-nav .logo img {
        margin-left: 0px !important;
        width: 130px;
    }

    .mean-container a.meanmenu-reveal {
        padding-top: 15px !important;
    }

    .sb-hero-wrapper {
        min-height: auto;
    }

    .sb-hero-actions {
        margin-bottom: 0;
    }

    .sb-pro-img-box {
        aspect-ratio: 4 / 2;
    }

    .sb-pro-header {
        margin: 0 auto 20px auto;
    }

    .sb-pro-header h2 {
        font-size: 35px;
    }

    .team-slides.owl-theme .owl-nav {
        margin-top: 12px !important;
    }

    .plx-crs-tag {
        padding: 4px 8px;
        font-size: 9px;
        font-weight: 500;
    }

    .plx-crs-btn {
        padding: 9px 17px;
        font-size: 11px;
        gap: 8px;
    }

    .plx-crs-desc {
        margin-bottom: 13px;
        font-size: 10px;
    }

    .plx-crs-tags {
        margin-bottom: .5rem !important;
    }

    .plx-crs-content {
        margin-bottom: .5rem !important;
    }

    .res-justify-center {
        justify-content: center !important;
    }

    .ftx-container {
        padding: 1rem 1.3rem;
    }

    .ftx-section-wrapper {
        padding: 1rem 0;
    }

    .ftx-text-content {
        padding: 1rem 0;
    }

    .cw-title-col {
        padding-top: 0;
    }

    .cw-about-desc {
        max-width: 100%;
    }

    .sb-vip-header {
        margin: 0 auto 30px auto;
    }

    .sb-vip-card {
        margin: 10px 10px;
    }

    .sb-header {
        margin: 0 auto 35px auto;
    }

    .sb-card {
        padding: 30px 25px;
    }

    .sb-grid {
        gap: 21px;
    }

    .sb-stat-number-wrapper {
        margin-bottom: 5px;
    }

    .sb-testi-text {
        font-size: 0.9rem;
        text-align: justify;
        line-height: 1.6;
        margin-bottom: 20px;
    }

    .sb-testi-user {
        padding-top: 15px;
    }

    .sb-testi-slider .owl-nav {
        margin-top: 10px !important;
    }

    .sb-how-header {
        margin: 0 auto 30px auto;
    }

    .sb-how-card p {
        font-size: 0.8rem;
        line-height: 1.5;
    }

    .sb-how-card h3 {
        font-size: 1.3rem;
        margin-bottom: 7px;
    }

    .sb-video-header {
        margin: 0 auto 13px auto;
    }

    .sb-faq-desc {
        font-size: 0.9rem;
        line-height: 1.5;
    }

    .sb-cd-price-tag {
        padding: 7px;
        font-size: 1.3rem;
        font-weight: 700;
    }

    .sb-cd-card-img img {
        height: 210px;
    }

    .sb-cc-img-box {
        padding-top: 45%;
    }

    .sb-cd-banner-desc {
        margin-bottom: 15px;
    }

    .sb-cd-accordion-list {
        padding-left: 0;
    }

    .sb-v2-desc {
        font-size: 0.7rem;
        margin-bottom: 40px;
    }

    .sb-v2-cards-container {
        margin-top: 20px !important;
    }

    .sb-ff-number,
    .sb-ff-number.odometer .odometer-inside,
    .sb-ff-number.odometer .odometer-digit,
    .sb-ff-number.odometer .odometer-value {
        font-size: 4rem;
        font-weight: 700;
    }

    .sb-cu-desc {
        font-size: 0.8rem;
        line-height: 1.5;
    }

    .sb-reg-header {
        margin-bottom: 25px;
    }

    .sb-reg-input-group {
        margin-bottom: 10px;
    }

    .plx-crs-price span {
        font-size: 20px !important;
        opacity: 1;
    }
}

/* Icome Source page */

/* --- MAIN SECTION --- */
.sbz-inc-src-wrapper {
    background-color: #030305;
    /* Deep dark theme */
    padding: 40px 0 65px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #ffffff;
    border-top: 1px solid rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

/* --- AMBIENT GLOW BACKGROUND --- */
.sbz-inc-src-glow {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(140px);
    z-index: -1;
    opacity: 0.15;
    animation: sbz-inc-src-pulse-glow 12s infinite alternate ease-in-out;
    pointer-events: none;
}

.sbz-inc-src-glow-1 {
    top: -10%;
    left: -10%;
    background: #c524b3;
}

.sbz-inc-src-glow-2 {
    bottom: -10%;
    right: -10%;
    background: #f65327;
    animation-delay: -6s;
}

@keyframes sbz-inc-src-pulse-glow {
    0% {
        transform: scale(1) translate(0, 0);
        opacity: 0.1;
    }

    100% {
        transform: scale(1.2) translate(50px, 50px);
        opacity: 0.25;
    }
}

.sbz-inc-src-container {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* --- HEADER STYLING --- */
.sbz-inc-src-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 40px auto;
}

.sbz-inc-src-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 24px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50px;
    color: #a1a1aa;
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
    backdrop-filter: blur(10px);
}

.sbz-inc-src-badge i {
    color: #f65327;
    font-size: 1.2rem;
    animation: pulse-icon 2s infinite;
}

@keyframes pulse-icon {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.2);
        opacity: 0.7;
    }
}

.sbz-inc-src-title {
    font-size: 3.2rem;
    font-weight: 900;
    line-height: 1.15;
    color: #ffffff;
    margin-bottom: 15px;
    letter-spacing: -1px;
}

.sbz-inc-src-title span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sbz-inc-src-desc {
    font-size: 1.1rem;
    color: #9ca3af;
    line-height: 1.7;
}

/* --- GRID LAYOUT --- */
.sbz-inc-src-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* --- INCOME SOURCE CARD --- */
.sbz-inc-src-card {
    background: rgba(18, 18, 22, 0.6);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    padding: 15px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    text-decoration: none;
    /* If used as link */
    cursor: pointer;
}

/* Hover Physics */
.sbz-inc-src-card:hover {
    transform: translateY(-10px);
    border-color: rgba(197, 36, 179, 0.3);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6), inset 0 0 20px rgba(197, 36, 179, 0.05);
    background: rgba(25, 25, 30, 0.8);
}

/* Glowing Bottom Line on Hover */
.sbz-inc-src-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 4px;
    background: linear-gradient(90deg, #c524b3, #f65327);
    border-radius: 10px 10px 0 0;
    transition: width 0.4s ease;
}

.sbz-inc-src-card:hover::after {
    width: 100%;
}

/* Image Box */
.sbz-inc-src-img-box {
    width: 100%;
    height: 220px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    background: #111;
}

.sbz-inc-src-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.4s ease;
    filter: brightness(0.85);
}

.sbz-inc-src-card:hover .sbz-inc-src-img-box img {
    transform: scale(1.1);
    filter: brightness(1.1);
}

/* Premium Overlay on Image */
.sbz-inc-src-img-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(15, 15, 20, 0.9) 0%, transparent 50%);
    pointer-events: none;
}

/* Floating Icon Badge */
.sbz-inc-src-icon-badge {
    position: absolute;
    bottom: -20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #c524b3, #f65327);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.5rem;
    box-shadow: 0 10px 20px rgba(246, 83, 39, 0.4);
    border: 2px solid #141418;
    z-index: 2;
    transition: all 0.4s ease;
}

.sbz-inc-src-card:hover .sbz-inc-src-icon-badge {
    transform: rotate(-10deg) scale(1.1);
}

/* Content Area */
.sbz-inc-src-content {
    padding: 20px 15px 15px 15px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.sbz-inc-src-grid .sbz-inc-src-title {
    font-size: 1.2rem;
    font-weight: 500;
    color: #ffffff;
    margin: 0;
    letter-spacing: -0.5px;
    transition: all 0.3s ease;
}

/* Gradient Text on Hover */
.sbz-inc-src-card:hover .sbz-inc-src-title {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .sbz-inc-src-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .sbz-inc-src-title {
        font-size: 2.8rem;
    }
}

@media (max-width: 767px) {
    .sbz-inc-src-wrapper {
        padding: 30px 0 40px;
    }

    .sbz-inc-src-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .sbz-inc-src-header {
        margin-bottom: 15px;
    }

    .sbz-inc-src-title {
        font-size: 2.2rem;
    }

    .sbz-inc-src-img-box {
        height: 200px;
    }

    .sbz-inc-src-content {
        padding: 15px 15px 10px 15px;
    }

    .sbz-inc-src-badge {
        font-weight: 600;
    }
}

/* instrcutor */

/* --- MAIN SECTION WRAPPER --- */
.sbz-inst-wrapper {
    background-color: #030303;
    /* Deep dark theme */
    padding: 50px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #ffffff;
    border-top: 1px solid rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

/* --- CONTINUOUS AMBIENT GLOWS --- */
.sbz-inst-glow {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    filter: blur(140px);
    z-index: -1;
    opacity: 0.15;
    animation: sbz-inst-pulse-glow 8s infinite alternate ease-in-out;
    pointer-events: none;
}

.sbz-inst-glow-1 {
    top: 0%;
    left: -10%;
    background: #c524b3;
}

.sbz-inst-glow-2 {
    bottom: 0%;
    right: -10%;
    background: #f65327;
    animation-delay: -4s;
}

@keyframes sbz-inst-pulse-glow {
    0% {
        transform: scale(1) translate(0, 0);
        opacity: 0.1;
    }

    100% {
        transform: scale(1.2) translate(30px, 30px);
        opacity: 0.3;
    }
}

.sbz-inst-container {
    max-width: 1100px;
    /* Kept slightly narrow for a focused, premium look */
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* --- HEADER STYLING --- */
.sbz-inst-header {
    text-align: center;
    margin-bottom: 50px;
}

.sbz-inst-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 24px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50px;
    color: #a1a1aa;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
    backdrop-filter: blur(10px);
}

.sbz-inst-badge i {
    color: #f65327;
    font-size: 1.2rem;
    animation: sbz-inst-star-pulse 2s infinite ease-in-out;
}

@keyframes sbz-inst-star-pulse {

    0%,
    100% {
        transform: scale(1);
        filter: drop-shadow(0 0 5px rgba(246, 83, 39, 0.4));
    }

    50% {
        transform: scale(1.2);
        filter: drop-shadow(0 0 15px rgba(246, 83, 39, 0.8));
    }
}

.sbz-inst-title {
    font-size: 3.1rem;
    font-weight: 600;
    line-height: 1.15;
    color: #ffffff;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sbz-inst-title span {
    background: linear-gradient(90deg, #c524b3 0%, #f65327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* --- PREMIUM INSTRUCTOR CARD --- */
.sbz-inst-card {
    background: rgba(18, 18, 22, 0.6);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 30px;
    padding: 50px;
    display: flex;
    align-items: center;
    gap: 50px;
    position: relative;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transition: all 0.4s ease;
    overflow: hidden;
}

/* Subtle Sweep Animation on Card */
.sbz-inst-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.03), transparent);
    transform: skewX(-20deg);
    animation: sbz-inst-sweep 6s infinite linear;
    pointer-events: none;
}

@keyframes sbz-inst-sweep {
    0% {
        left: -100%;
    }

    100% {
        left: 200%;
    }
}

.sbz-inst-card:hover {
    border-color: rgba(197, 36, 179, 0.3);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8), inset 0 0 20px rgba(197, 36, 179, 0.05);
    transform: translateY(-5px);
}

/* --- LEFT SIDE: IMAGE & CONTINUOUS RING ANIMATION --- */
.sbz-inst-left {
    flex-shrink: 0;
    position: relative;
}

.sbz-inst-img-wrapper {
    position: relative;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    padding: 6px;
    /* Space for the animated border */
    background: rgba(255, 255, 255, 0.02);
    z-index: 2;
}

/* The Continuous Spinning Neon Ring */
.sbz-inst-img-wrapper::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    padding: 3px;
    /* Thickness of the ring */
    background: conic-gradient(from 0deg, #c524b3, #f65327, #c524b3);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: sbz-inst-spin 4s linear infinite;
    z-index: -1;
    box-shadow: 0 0 20px rgba(246, 83, 39, 0.4);
}

@keyframes sbz-inst-spin {
    100% {
        transform: rotate(360deg);
    }
}

.sbz-inst-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #0d0d12;
    /* Inner dark border */
    background-color: #111;
    z-index: 2;
    position: relative;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}

/* Floating Interactive Tag */
.sbz-inst-floating-tag {
    position: absolute;
    bottom: 15px;
    right: -10px;
    background: linear-gradient(135deg, #c524b3, #f65327);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 800;
    padding: 8px 16px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 10px 20px rgba(246, 83, 39, 0.5);
    border: 2px solid #0d0d12;
    z-index: 5;
    animation: sbz-inst-float 4s ease-in-out infinite;
}

.sbz-inst-floating-tag i {
    font-size: 1.1rem;
}

@keyframes sbz-inst-float {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }
}

/* --- RIGHT SIDE: CONTENT --- */
.sbz-inst-right {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sbz-inst-name {
    font-size: 2.2rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 5px 0;
    letter-spacing: 1px;
}

.sbz-inst-role {
    font-size: 1.1rem;
    font-weight: 600;
    color: #f65327;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 20px 0;
}

.sbz-inst-divider {
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, #c524b3, #f65327);
    border-radius: 10px;
    margin-bottom: 20px;
}

.sbz-inst-desc {
    font-size: 1.03rem;
    line-height: 1.8;
    color: #a1a1aa;
    margin-bottom: 30px;
    text-align: justify;
}

/* Dynamic Stats Row */
.sbz-inst-stats {
    display: flex;
    gap: 40px;
    border-top: 1px dashed rgba(255, 255, 255, 0.1);
    padding-top: 20px;
}

.sbz-inst-stat-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sbz-inst-stat-item h4 {
    font-size: 1.8rem;
    font-weight: 900;
    color: #e5e7eb;
    margin: 0;
    letter-spacing: -0.5px;
}

.sbz-inst-stat-item span {
    font-size: 0.85rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Responsive Design */
@media (max-width: 991px) {
    .sbz-inst-card {
        flex-direction: column;
        text-align: center;
        padding: 25px 20px;
        gap: 23px;
    }

    .sbz-inst-divider {
        margin: 0 auto 15px auto;
    }

    .sbz-inst-desc {
        margin-bottom: 20px;
    }

    .sbz-inst-stats {
        justify-content: center;
    }

    .sbz-inst-floating-tag {
        right: 20px;
        /* Adjust tag for centered layout */
    }
}

@media (max-width: 991px) {
    .sbz-inst-wrapper {
        padding: 22px 0px;
    }

    .sbz-inst-title {
        font-size: 2.2rem;
    }

    .sbz-inst-img-wrapper {
        width: 220px;
        height: 220px;
    }

    .sbz-inst-name {
        font-size: 0.75rem;
    }

    .sbz-inst-role {
        font-size: 0.95rem;
        margin: 0 0 10px 0;
    }

    .sbz-inst-desc {
        font-size: 0.95rem;
    }

    .sbz-inst-stats {
        gap: 20px;
    }

    .sbz-inst-stat-item h4 {
        font-size: 1.4rem;
    }

    .sbz-inst-header {
        text-align: center;
        margin-bottom: 30px;
    }
}

/* ==========================================
       CURRENCY DROPDOWN STYLING (Premium Theme)
    ========================================== */
.sb-currency-dropdown {
    position: relative;
    display: inline-block;
}

/* Trigger Button */
.sb-currency-btn {
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.sb-currency-btn i {
    font-size: 0.9rem;
    transition: transform 0.3s ease;
}

.sb-currency-btn:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Rotate icon on hover over parent */
.sb-currency-dropdown:hover .sb-currency-btn i {
    transform: rotate(180deg);
    color: #f65327;
    /* Theme orange */
}

/* Premium Glass Dropdown Menu */
.sb-currency-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(15px) scale(0.95);
    background: rgba(15, 15, 20, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 3px solid #c524b3;
    /* Theme magenta highlight */
    border-radius: 12px;
    padding: 8px 0;
    list-style: none;
    min-width: 140px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 1050;
    margin: 0;
}

/* Show Menu on Hover */
.sb-currency-dropdown:hover .sb-currency-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(5px) scale(1);
}

/* Menu Items */
.sb-currency-menu li {
    margin: 0;
    padding: 0 8px;
    display: block;
}

.sb-currency-menu a {
    display: block;
    padding: 10px 20px;
    color: #a1a1aa;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    border-radius: 8px;
    transition: all 0.3s ease;
    text-align: left;
    position: relative;
    overflow: hidden;
}

/* Hover & Active State */
.sb-currency-menu a:hover,
.sb-currency-menu a.active {
    background: linear-gradient(90deg, rgba(197, 36, 179, 0.15), rgba(246, 83, 39, 0.05));
    color: #ffffff;
}

/* Active Indicator Line */
.sb-currency-menu a.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 3px;
    background: linear-gradient(to bottom, #c524b3, #f65327);
    border-radius: 0 4px 4px 0;
}

.header-sticky .sb-currency-btn {
    color: #ffffff;
}

/* ==========================================
       MOBILE VIEW FIXES
    ========================================== */
@media (max-width: 991px) {

    .raque-responsive-nav .mh-btn,
    .raque-responsive-nav .others-option {
        display: none !important;
    }

    /* Mobile Login/Register Buttons Styling */
    li.mh-lr-btn {
        margin: 10px 15px !important;
        padding: 0 !important;
        border: none !important;
        display: flex !important;
        justify-content: flex-start !important;
    }

    li.mh-lr-btn a {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 8px;
        background: transparent !important;
        color: #c524b3 !important;
        border: 1px solid #c524b3 !important;
        border-radius: 8px !important;
        padding: 10px 15px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        width: 300px !important;
        /* Uniform restricted width */
        max-width: 100% !important;
        transition: all 0.3s ease;
    }

    li.mh-lr-btn:last-child a {
        background: linear-gradient(90deg, #c524b3, #f65327) !important;
        color: #ffffff !important;
        border: none !important;
        padding: 11px 15px !important;
        /* Offset for missing border */
    }

    li.mh-lr-btn a i {
        font-size: 18px;
    }

    .sb-mobile-currency {
        position: absolute !important;
        right: 60px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 999 !important;
        display: block !important;
    }

    .sb-mobile-currency .sb-currency-menu {
        left: auto !important;
        right: -10px !important;
        transform: translateX(0) translateY(15px) scale(0.95) !important;
    }

    .sb-mobile-currency:hover .sb-currency-menu {
        transform: translateX(0) translateY(5px) scale(1) !important;
    }
}