/*
Theme Name: Community Television
Theme URI: https://blueastral.com/
Author: Blue Astral Themes
Author URI: https://blueastral.com/
Description: A fast-loading, user-friendly WordPress theme designed for community websites, educational platforms, video channels, and charity organizations. Features include integrated course, events, and video support, donation options, flexible header/footer layouts, and full compatibility with the Gutenberg editor.
Requires PHP: 1.0
Version: 1.0
Text Domain: blueastral.com
Tags: Community Television
*/
/* @import "dark-style.css"; */
/*
changes done by outer style.css
*/
/* changes done by Manish; */
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    src: url(webfonts/fa-regular-400.woff2) format("woff2"),url(webfonts/fa-regular-400.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url(webfonts/fa-solid-900.woff2) format("woff2"),url(webfonts/fa-solid-900.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    src: url(webfonts/fa-brands-400.woff2) format("woff2"),url(webfonts/fa-brands-400.woff) format("woff");
    font-display: swap
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    line-height: 26px;
    font-family: Arial, Helvetica, sans-serif;
}

a {
    text-decoration: none;
    color: #000;
}

:root {
    --primary-theme-color: #19385f;
    --secondary-theme-color: #9e263d;
    --theme-hover-color: #9e263d;
    --theme-dark-color: #131836;
    --theme-light-color: #1b203d;
    --theme-white: white;
    --theme-secondary: #e9e6ed;
    --theme-content-bg: #fff;
    --theme-text: #515151;
    --theme-subtext: #767676;
    --theme-light: #fafafa;
    --theme-border: #ddd;
    --grey-color: #4f5158;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    line-height: 1.3em;
}

h1 {
    margin-bottom: 0.6em;
}

h2 {
    margin-bottom: 0.505em;
}

h3 {
    margin-bottom: 0.405em;
}

h4 {
    margin-bottom: 0.305em;
}

h5 {
    margin-bottom: 0.205em;
}

h6 {
    margin-bottom: 0.105em
}

p {
    margin-bottom: 15px;
}

.p-0 {
    padding: 0px !important
}

.pt-0 {
    padding-top: 0px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

/* Marquee Start 
----------------------------------------------------------------------*/
.marquee_text:hover .track {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.marquee_text .track span.color {
    color: #000
}

.marquee_text a {
    font-weight: 400;
    transition: .3s all ease;
    color: #ffffff;
    cursor: context-menu;
}

.marquee_text {
    position: relative;
    width: 100vw;
    max-width: 100%;
    height: 65px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.marquee_text .track {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    animation: marquee-text 35s linear infinite;
    font-size: 22px;
    display: flex;
    align-items: center !important;
    font-weight: 500;
}

.marquee_text .track .dots {
    display: inline-flex;
    align-items: center;
    width: 90px;
    height: 19px;
    position: relative;
}

.marquee_text .track .dots i {
    width: 24px;
    height: 24px;
    border-radius: 50px;
    margin: 0 15px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 50%, rgb(255 255 255) 50%, rgb(255 255 255) 100%);
    border: 1px solid rgb(255 255 255);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.marquee_text.footer-reel {
    font-weight: 600;
    color: #1b1b1b;
    background: var(--primary-theme-color);
}

@keyframes marquee_text {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-1000%)
    }
}

.footer-reel {
    font-size: 2em;
    font-weight: 900;
    color: #3a3a3a;
}

.marquee-text .track span.color {
    color: transparent;
    -webkit-text-stroke: 3px #3a3a3a;
}

@keyframes marquee-text {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-20%)
    }
}

@media only screen and (min-width: 992px) {
    svg#tspCircle {
        max-width: 330px;
    }
}

svg#tspCircle {
    max-width: 230px;
    margin: auto;
    width: 100%;
    display: block;
}

.diffrent_marquee {
    height: 80px
}

.diffrent_marquee a {
    font-weight: 300
}

.diffrent_marquee .track {
    font-size: 30px;
    animation: marquee-text 42s linear infinite;
}

.diffrent_marquee .track .dots {
    width: 150px
}

.diffrent_marquee .track .dots i {
    width: 15px;
    height: 15px;
    background-image: linear-gradient(90deg,rgb(255 255 255 / 78%) 0,rgb(255 255 255 / 78%) 50%,rgb(255 255 255 / 78%) 50%,rgb(255 255 255 / 78%) 100%)
}

.diffrent_marquee .text-block {
    display: flex;
    align-items: center
}

/* Marquee End 
----------------------------------------------------------------------*/
/* News Shortcode CSS Start
-----------------------------------------------------------------------------*/
.news_shortcode_design .container {
    display: flex;
    justify-content: space-between;
    max-width: 100% !important;
}

.left_news_design {
    width: 51%;
    border-right: 1px solid #000;
    padding-right: 3%;
    padding-bottom: 3%
}

.left_news_design h2 {
    font-weight: 700;
    color: #000;
    font-size: 50px
}

.right_textnews_design {
    width: 46%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    padding-top: 2%
}

.news_shortcode_design .title {
    flex-basis: 100%;
    font-size: 2rem;
    font-weight: 700
}

.news_shortcode_design .main-news {
    flex: 1 1 60%;
    max-width: 60%
}

.news_shortcode_design .image-box img {
    width: 100%;
    height: auto
}

.news_shortcode_design .news-content {
    margin-top: 10px
}

.news_shortcode_design .tag {
    font-size: 1rem;
    color: var(--secondary-theme-color);
    font-weight: bold;
    text-transform: uppercase
}

.news_shortcode_design .community {
    color: #0a8b4c
}

.news_shortcode_design .headline {
    font-size: 1.65rem;
    font-weight: bold;
    margin: 10px 0;
    line-height: 38px;
    text-transform: uppercase;
}

.news_shortcode_design .summary {
    font-size: 1.1rem;
    color: #000000;
    line-height: 32px
}

.news_shortcode_design .date {
    font-size: 1.15rem;
    color: #3d3d3d;
    margin-top: 5px;
    font-weight: 600
}

.news_shortcode_design .news-item h3 {
    font-size: 1.5rem;
    margin: 10px 0;
    font-weight: 500;
    color: #000
}

.news_shortcode_design .see-all-btn {
    display: inline-block;
    text-align: center;
    padding: 17px 68px;
    margin-top: 20px;
    background-color: black;
    color: white;
    font-weight: bold;
    text-decoration: none;
    border-radius: 40px;
    transition: background-color .3s ease;
    text-transform: uppercase;
}

.news_shortcode_design .see-all-btn:hover {
    background-color: #222
}

@media only screen and (max-width: 1450px) {
    .program_wrapper figure img {
        min-height: 180px !important;
    }

    .left_news_design h2 {
        font-size: 35px
    }

    .news_shortcode_design .headline {
        font-size: 1.25rem;
        line-height: 30px
    }

    .news_shortcode_design .summary {
        font-size: .9rem;
        line-height: 27px
    }

    .news_shortcode_design .news-item h3 {
        font-size: 1.1rem;
        line-height: 27px
    }

    .news_shortcode_design .tag {
        font-size: .9rem
    }

    .news_shortcode_design .date {
        font-size: 1.05rem
    }

    .right_textnews_design {
        gap: 6px;
        padding-bottom: 4%
    }

    .news_shortcode_design .see-all-btn {
        padding: 12px 49px;
        font-size: 15px;
    }
}

@media only screen and (max-width: 900px) {
    .news_shortcode_design .main-news,.side-news {
        max-width:100%;
        flex-basis: 100%
    }

    .program_wrapper figure img {
        min-height: auto !important;
    }
}

@media only screen and (max-width: 500px) {
    .news_shortcode_design {
        margin-top:-20px
    }

    .news_shortcode_design .container {
        flex-direction: column
    }

    .left_news_design {
        width: 100%;
        border-right: none;
        padding-right: 0;
        border-bottom: 1px solid #000
    }

    .right_textnews_design {
        width: 100%;
        padding-bottom: 40px
    }
}

.borderline {
    border-bottom: 1px solid #878787;
    margin-bottom: 0.505em;
    font-weight: 400;
    color: #031f42;
    font-size: 36px;
}

/* News Shortcode CSS End 
-----------------------------------------------------------------------------*/
.lightbox-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.9);
    justify-content: center;
    align-items: center;
    z-index: 9999
}

.lightbox-overlay img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 4px
}

.lightbox-close,.lightbox-next,.lightbox-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;
    color: #fff;
    cursor: pointer;
    user-select: none;
    padding: 10px
}

.lightbox-close {
    top: 20px;
    right: 30px;
    transform: none
}

.lightbox-prev {
    left: 30px
}

.lightbox-next {
    right: 30px
}

/* Classes CSS Start 
-----------------------------------------------------------------------------*/
.out_classes .container {
    display: flex;
    justify-content: space-between;
    max-width: 100% !important;
}

.out_classes .sidebarsec {
    width: 27%;
    padding-right: 20px;
    border-right: 1px solid #000;
    padding-right: 3%
}

.out_classes .sidebarsec h2 {
    margin-bottom: 0.505em;
    font-weight: 400;
    color: #031f42;
    font-size: 36px;
}

.out_classes .sidebarsec p {
    font-size: 1.2rem;
    color: #141414
}

.info_title {
    width: 40%
}

.info_title h2 {
    font-weight: 600;
    color: #000;
    font-size: 26px
}

.out_classes .class-list {
    width: 70%
}

.out_classes .class-card {
    display: flex;
    border-top: 1px solid #303030;
    padding: 20px 0;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap
}

.out_classes .class-card img {
    width: 188px;
    height: 142px;
    object-fit: cover
}

.class_infos {
    width: 40%;
    display: flex;
    justify-content: space-between
}

.locations_part {
    width: auto;
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-transform: uppercase;
    font-weight: 500;
    color: #000
}

.locations_part strong {
    text-transform: uppercase;
    color: #a9a9a9;
    font-size: 13px;
    width: 100%;
}

.opento {
    width: auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-transform: uppercase;
    color: #000
}

.opento strong {
    text-transform: uppercase;
    color: #a9a9a9;
    font-size: 15px;
    white-space: nowrap;
}

.out_classes .class_infos h2 {
    font-size: 1.3rem;
    margin-bottom: 10px
}

.out_classes .sessions {
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 10px;
    font-weight: 600
}

.out_classes .details {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    font-size: .9rem;
    margin-top: 10px
}

.out_classes .details div {
    min-width: 150px
}

.out_classes .dot {
    height: 10px;
    width: 10px;
    background-color: black;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
    margin-top: 6px;
}

.out_classes hr {
    width: 100%;
    background: #000;
    height: 1px;
    border: none
}

.out_classes .see-all {
    display: table;
    text-align: center;
    padding: 17px 68px;
    background-color: black;
    color: white;
    font-weight: bold;
    text-decoration: none;
    border-radius: 40px;
    transition: background-color .3s ease;
    font-size: 18px;
    text-transform: uppercase;
    box-shadow: none;
    border: none;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 40px;
}

.out_classes .see-all:hover {
    background-color: #333
}

.point_texts {
    display: flex;
    flex-wrap: wrap
}

p.pehragraphs {
    width: 86%;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px
}

@media only screen and (max-width: 1450px) {
    .out_classes .see-all {
        padding:12px 49px;
        font-size: 15px
    }

    .out_classes .dot {
        height: 7px;
        width: 7px;
        margin-top: 5px
    }

    p.pehragraphs {
        font-size: 13px;
        line-height: 20px
    }

    .out_classes .sidebarsec h2 {
        font-size: 32px
    }

    .borderline {
        font-size: 32px
    }

    .out_classes .class-card img {
        width: 150px;
        height: 113px
    }

    .info_title h2 {
        font-size: 20px
    }

    .locations_part {
        width: 60%;
        font-size: 13px
    }

    .info_title {
        width: 38%
    }

    .class_infos {
        width: 38%
    }

    .locations_part strong {
        font-size: 12px
    }

    .opento {
        font-size: 13px;
        width: 35%
    }

    .opento strong {
        font-size: 12px
    }
}

@media only screen and (max-width: 900px) {
    .info_title {
        width:62%
    }

    .class_infos {
        width: 100%
    }
}

@media only screen and (max-width: 500px) {
    .out_classes .container {
        flex-wrap:wrap;
        flex-direction: column
    }

    .out_classes .sidebarsec {
        width: 100%;
        padding-right: 20px;
        border-right: none;
        padding-right: 0
    }

    .out_classes .class-list {
        width: 100%
    }

    .out_classes .class-card {
        padding: 25px 0;
        margin-top: 13px
    }

    .out_classes .sessions {
        font-size: .9rem
    }

    .info_title {
        width: 56%
    }

    .out_classes .class-card img {
        width: 120px;
        height: 91px
    }

    .info_title h2 {
        font-size: 16px
    }
}

/* Classes CSS End 
-----------------------------------------------------------------------------*/
.is-border-radius, .is-border-radius img {
    border-radius: 20px;
}

.imgFull-witdh img {
    width: 100% !important;
}

.wo-border-radius {
    border-radius: 0px;
}

.wo-border-radius .wp-block-cover, .wo-border-radius .wp-block-cover-image {
    border-radius: 0px;
}

body, body .body-inner, body.site_width_boxed {
    background-color: #fff
}

.body-inner {
    overflow: hidden;
}

.footer-logo a, .site-title a {
    text-decoration: none;
    font-weight: 700;
    display: block
}

.main-navigation .nav-menu {
    list-style: none;
    display: flex;
    gap: 1rem
}

.main-navigation .nav-menu li a {
    color: #fff;
    text-decoration: none;
    font-weight: 500
}

.main-navigation .nav-menu li a:hover {
    color: #f0a500
}

.primary-header-menu .sub-menu .menu-item-has-children>a::after {
    content: "\f078";
    color: #666666;
    font-family: FontAwesome;
    font-size: 12px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: middle;
    transition: transform .3s ease;
    -webkit-transition: all .3s 0s ease-out;
    -moz-transition: all .3s 0s ease-out;
    -ms-transition: all .3s 0s ease-out;
    -o-transition: all .3s 0s ease-out;
    transition: all .3s 0s ease-out;
    position: absolute;
    right: 10px;
    top: 13px;
    transform: rotate(-90deg)!important
}

.primary-header-menu .sub-menu .menu-item-has-children:hover>a::after {
    right: 7px;
    color: #556df5;
}

.breadcrumb__area .breadcrumb_content {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: center
}

.wpr-breadcrumb__content .wpr-breadcrumb__list {
    order: 2!important
}

.wpr-breadcrumb__content .page-tagline {
    order: 1!important;
    color: #fff
}

img.lazy {
    opacity: 0;
    transition: opacity .5s ease-in
}

img:not(.lazy) {
    opacity: 1
}

.driving-change-lives {
    position: relative!important
}

.driving-change-lives:before {
    content: "";
    position: absolute;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.home-2-hover-section img {
    width: 100%
}

.home-3-show-content img {
    width: 100%
}

.single-event .show_meta_icon {
    background: #1f212e;
    padding: 15px 15px
}

.single-event .show_meta_icon a, .single-event .show_meta_icon i, .single-event .show_meta_icon span {
    color: #fff;
    font-size: 17px
}

.single-event .class-description {
    display: flex;
    flex-direction: column
}

.same-banner {
    background-image: linear-gradient(0deg, rgb(31 33 46), rgb(31 33 46));
    min-height: 245px!important
}

.same-banner>span {
    background: 0 0!important
}

.same-banner h2 {
    font-size: 45px!important;
    font-weight: 600!important;
    text-align: center
}

.same-banner p {
    text-align: center
}

.page-title {
    max-width: 100%;
    border-radius: 0;
    margin: 0 auto;
    background-color: var(--primary-theme-color);
    color: #fff;
    position: relative;
    overflow: hidden;
    min-height: 300px;
    max-height: 250px;
    display: flex;
    align-content: center;
    text-align: center;
    background: url(https://startcompeting.com/wp-content/uploads/2025/04/bg_gradient.jpg) no-repeat;
    background-size: cover;
    position: relative;
    background-position: top center;
}

.classes-list-wrapper {
    padding-top: 0
}

.equal_width .wp-block-group__inner-container, .footer-width, .footer_CTA .wp-block-group__inner-container, .page-title .site-width, .content-area, .breadcrumb .site-width, .container, .class-detail-page .site-width {
    width: 100%!important;
    max-width: 90% !important;
}

.page-id-867 .content-area {
    width: 100%!important;
    max-width: 100% !important;
}

.equal_width .wp-block-column {
    max-width: 100%!important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

header .site-title a {
    display: flex
}

.design_popular_courses {
    padding-top: 80px!important;
}

.design_popular_courses .wp-block-column {
    padding-top: 0!important
}

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

#counters_design .wp-block-columns {
    padding-bottom: 36px
}

.deign_upcoming_events {
    padding-left: 5%!important;
    padding-right: 5%!important;
}

.deign_upcoming_events .wp-block-column {
    padding-top: 22px!important;
    padding-bottom: 0!important
}

.deign_upcoming_events .read-more {
    margin-bottom: 17px
}

.design_trending_videos .wp-block-column {
    padding-top: 0!important
}

.design_latest_read {
    padding-left: 5%!important;
    padding-right: 5%!important;
}

.design_latest_read .wp-block-column {
    padding-left: 0% !important;
    padding-right: 0%!important;
}

.design_latest_read .wp-block-column {
    padding-top: 20px!important
}

.search_design ul.search-results-list {
    grid-template-columns: repeat(auto-fit,minmax(16rem,24%));
    gap: .9rem;
    display: grid
}

.search_design ul.search-results-list li {
    position: relative;
    background-color: #fff;
    width: 100%;
    height: auto;
    padding-bottom: 12px;
    border-radius: 10px;
    border: 1px solid rgba(3,31,66,.08);
    padding: 15px 13px;
    -webkit-transition: all .3s 0s ease-out;
    -moz-transition: all .3s 0s ease-out;
    -ms-transition: all .3s 0s ease-out;
    -o-transition: all .3s 0s ease-out;
    transition: all .3s 0s ease-out;
    overflow: hidden
}

.search-result-title {
    line-height: 26px
}

.search-result-title a {
    color: #141414;
    text-decoration: none;
    font-size: 18px
}

.search_design ul.search-results-list li a.link_a_search {
    color: #000;
    background-color: #fff;
    font-size: 15px;
    letter-spacing: .3px;
    display: block;
    cursor: pointer;
    font-weight: 500;
    padding: 4px 13px;
    white-space: nowrap;
    border-radius: 6px;
    transition: .3s ease-in-out;
    border: 2px solid #000;
    margin-top: 17px;
    width: min-content
}

.search_design ul.search-results-list li a.link_a_search:hover {
    color: #fff;
    background-color: #000
}

.drop_form_design .wpcf7 input, textarea {
    margin-bottom: 10px;
    transition: .2s all ease
}

.drop_form_design .wpcf7 input:hover, .drop_form_design .wpcf7 textarea:hover {
    border-color: #000
}

.drop_form_design .wpcf7 input::placeholder, .drop_form_design .wpcf7 textarea::placeholder {
    color: #999999!important
}

.drop_form_design .wpcf7 input::placeholder, .drop_form_design .wpcf7 textarea::placeholder {
    color: #999999!important
}

.drop_form_design .wpcf7 textarea {
    margin-bottom: -12px
}

.servicehome_design .wp-block-button {
    margin-top: 1em
}

.servicehome_design .wp-block-button a:hover {
    border: 2px solid #000
}

.update_innerbanner {
    border-radius: 0!important
}

.update_innerbanner .wp-block-post-title {
    word-break: break-word;
    font-size: 73px;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0
}

.breadcrumb {
    font-size: 15px;
    padding: 10px 0px;
    margin-bottom: 42px;
    border-bottom: 1px solid #999
}

.staff_committee .members-shortcode-wrap {
    display: flex;
    flex-direction: row;
    gap: 35px
}

.staff_committee .members-shortcode-wrap .member-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
    background-color: #f2f6ff;
    padding: 15px;
    border-radius: 15px;
    width: 100%
}

.staff_committee .svg-icon {
    font-size: 30px;
    line-height: 0;
    color: var(--secondary-theme-color);
    margin: -20px 0;
    transition: .3s all ease
}

.staff_committee article:hover .svg-icon {
    color: #000
}

.staff_committee .member-designation {
    font-size: 14px;
    color: #000000;
    font-weight: 500;
}

.staff_committee .wp-block-column {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.staff_committee .wp-block-columns {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.staff_committee ul.social-icons {
    display: flex;
    flex-direction: row;
    margin-top: 15px
}

.staff_committee .post_withicon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px
}

.staff_committee ul.social-icons li {
    list-style: none;
    margin-right: 10px
}

.staff_committee ul.social-icons li a {
    padding: 4px;
    font-size: 14px;
    background-color: #dce2ef;
    border-radius: 6px;
    width: 35px;
    display: block;
    height: 35px;
    text-align: center;
    transition: .3s all ease;
    border: 1px solid #dce2ef
}

.staff_committee ul.social-icons li a:hover {
    background-color: #fff
}

.staff_committee .member-thumbnail {
    overflow: hidden;
    border-radius: 10px
}

.staff_committee .member-thumbnail img {
    border-radius: 10px;
    transition: transform .5s;
    width: 100%;
    height: auto
}

.staff_committee .member-content .member-name {
    font-size: 26px
}

.staff_committee article:hover .member-thumbnail img {
    transform: scale(1.1)
}

.space_reduce {
    margin-top: -2em!important
}

.servicehome_design .wp-block-button a:hover {
    border: 1px solid var(--theme-dark-color)
}

.form_contribution .wp-block-button a.wp-block-button__link:hover {
    border: 2px solid var(--theme-dark-color)
}

.makeart_design a.wp-block-button__link:hover {
    border-width: 1px;
    border-style: solid;
    border-color: var(--theme-dark-color)
}

.banner-v2 .wp-element-button:hover {
    border-width: 2px!important
}

.blog_wrapper li time ul {
    display: flex;
    gap: 8px;
    margin: unset;
    padding: unset;
    list-style: none;
    align-content: flex-end
}

.blog_wrapper li time ul li {
    position: relative
}

.blog_wrapper li time ul li a {
    color: #0c0c0c;
    font-size: 14px;
    margin-right: 38px;
    background-color: #fff;
    position: relative;
    border: none !important;
}

/* .design_latest_read .wp-block-column {padding-left:0!important; padding-right:0!important} */
.deign_upcoming_events .wp-block-column {
    padding-left: 0!important;
    padding-right: 0!important
}

#counters_design h2 {
    margin-bottom: 6px!important
}

.uniting_hearts .wp-block-columns {
    padding-left: 0!important;
    padding-right: 0!important
}

.drop_form_design form input, .visionWrap form textarea {
    width: 100%;
    height: 100%;
    display: block;
    margin-bottom: 5px;
    padding: 18px 20px;
    resize: none;
    border: 1px solid #ececec;
    text-transform: capitalize
}

.drop_form_design form textarea {
    max-height: 82px;
    min-height: 96px;
    height: 100%
}

.drop_form_design form .wpcf7-submit {
    font-weight: 500;
    letter-spacing: normal;
    display: inline-flex;
    gap: 10px;
    font-size: 17px;
    align-items: center;
    overflow: hidden;
    transition: all .4s linear;
    border: 2px solid var(--primary-theme-color);
    white-space: nowrap;
    border-color: rgba(15,15,15,.12)!important;
    padding: 14px;
    cursor: pointer;
    color: #fff;
    background: var(--primary-theme-color)!important;
}

.drop_form_design form .wpcf7-submit:hover {
    color: #fff;
    /* text-decoration:underline; */
    background: #000;
    border-color: #000
}

.design_donets select {
    width: 100%;
    display: block;
    padding: 13px;
    font-size: 15px;
    color: #2f2f2f;
    border: 1px solid #afafaf;
    margin-top: 5px
}

.design_donets .custom_price {
    width: 100%;
    display: block;
    padding: 13px;
    font-size: 15px;
    color: #2f2f2f;
    border: 1px solid #afafaf;
    margin-top: 5px
}

.design_donets .variation_links a {
    color: #fff;
    background-color: #000;
    border: 2px solid #000;
    transition: .3s ease-in-out;
    text-decoration: none;
    display: block;
    padding: 10px 30px;
    border-radius: 5px;
    text-align: center;
    margin-top: 10px
}

.design_donets .variation_links a:hover {
    background-color: #fff;
    border: 2px solid #000;
    color: #000
}

.design_donets .product_variation_price {
    font-weight: 600;
    margin-top: 10px
}

.design_donets .design_donets_img, .design_donets .design_donets_text .wp-block-group {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.whowe_aredesign .wp-block-group__inner-container {
    max-width: 100%!important
}

.purchase-course-btn {
    background-color: #1f212e!important;
    padding: 12px 20px
}

.purchase-course-btn:hover {
    background-color: #ffffff !important;
    color: #000000;
    box-shadow: 0px 0px 0px 1px #1f212e;
}

.purchase-course-btn:hover {
    background-color: #ffffff !important;
    color: #000000;
    box-shadow: 0px 0px 0px 1px #1f212e;
}

.program_block .read-more {
    margin-top: 16px;
    margin-bottom: 20px;
}

.courseinnerpage {
    margin-bottom: 2em
}

.classes-grid .block_learn {
    height: 100%
}

.checkout.woocommerce-checkout #customer_details {
    display: flex;
    flex-direction: column
}

.checkout.woocommerce-checkout .col2-set .col-1 {
    float: left;
    width: 100%
}

.woocommerce-checkout .woocommerce-info, .woocommerce-checkout .woocommerce-message {
    border-top-color: var(--primary-theme-color);
}

.woocommerce-info .showcoupon {
    text-decoration: underline;
}

.woocommerce-checkout .woocommerce-info:focus-visible {
    outline: none !important;
}

.woocommerce-page .woocommerce-message .button {
    color: #fff !important;
    font-weight: 500;
    font-size: 16px;
    background: var(--primary-theme-color) !important;
    border: 1px solid var(--primary-theme-color) !important;
    border-radius: 4px;
    line-height: 26px;
    padding: 8px 20px 10px 20px;
    margin-top: 0px;
    transition: .3s all ease;
}

.woocommerce-page .woocommerce-message .button:hover {
    color: var(--primary-theme-color) !important;
    background-color: #ffffff !important;
    border: 1px solid var(--primary-theme-color) !important;
}

.home3_counters .wp-block-column {
    border: 1px solid #00000040;
    padding-left: 3% !important;
}

.home3_counters .wp-block-group__inner-container h2 {
    text-align: left !important;
}

.home3_counters .wp-block-group__inner-container p {
    text-align: left !important;
}

.woocommerce-checkout #payment {
    background: #ffffff00;
}

.woocommerce-privacy-policy-text {
    font-size: 14px;
    line-height: 1.39em;
}

.woocommerce-privacy-policy-text a {
    text-decoration: underline;
}

.place-order button {
    width: 100%;
    text-transform: uppercase;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: .9em;
    line-height: normal;
    box-sizing: border-box;
    color: var(--wc-form-color-text, #444);
    font-weight: 400;
    font-size: 14px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.home3_services figure.wp-block-image {
    overflow: hidden;
    border-radius: 20px;
    border: 10px solid #ffffff;
    box-shadow: 0px 0px 0px 1px #00000063;
}

.home3_services figure.wp-block-image img {
    border-radius: 20px;
}

.home3_services .wp-block-columns {
    border-radius: 18px;
}

.video_hometwo {
    border-radius: 0 !important;
    padding-left: 5%;
}

.aboutus_secondpage {
    padding: 0 5.2% !important;
}

.aboutus_secondpage .wp-block-column {
    border: 1px solid #000;
    padding: 0 !important;
}

.aboutus_secondpage h2 {
    padding: 0 5.2% !important;
}

.aboutus_secondpage p {
    padding: 0 5.2% !important;
}

.counter_hometwo .wp-block-group__inner-container {
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 5.2% !important;
}

.counter_hometwo .counterWrap {
    border-radius: 20px;
}

.counter_hometwo h2 {
    text-align: center !important;
}

.counter_hometwo p {
    text-align: center !important;
}

.the_space ul {
    margin: 0;
    padding: 0 0 0 20px;
}

.the_space ul li {
    margin: 5px 0 3px 0;
    padding: 0;
    list-style: circle;
    font-size: 17px;
}

.the_space .wp-block-columns {
    margin: 0 !important;
    padding: 0 !important;
}

.the_space .wp-block-column {
    margin: 0 !important;
    padding: 0 !important;
}

.the_space {
    background: #fff;
    padding: 20px !important;
}

.cart-collaterals .cart_totals {
    border: 1px solid #b7b7b7;
    padding: 26px;
}

form.woocommerce-cart-form {
    border: 1px solid #b7b7b7;
    padding: 26px;
}

.woocommerce-checkout-review-order {
    border: 1px solid #b7b7b7;
    padding: 26px;
}

.text_lins {
    line-height: 50px;
}

.clientLogo .clientLogo-col {
    border: 1px solid #e7e7e7;
    text-align: center;
    border-radius: 2px;
    transition: all .3s ease-in-out;
}

.clientLogo .clientLogo-col:hover {
    border: 1px solid #c1c1c1;
    border-radius: 0px;
    box-shadow: 0 20px 40px 0 rgba(194, 191, 211, 0.40)
}

.aboutExp-col {
    position: relative;
}

.aboutExp-col .wp-block-image {
    max-width: 100% !important;
}

.aboutExp-col .aboutExp {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #295bff;
    text-align: center;
    padding: 15px 40px 25px;
}

.aboutExp-col .aboutExp h2 {
    color: #ffffff;
    font-size: 62px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 0.2em;
}

.aboutExp-col .aboutExp h5 {
    color: #ffffff;
    font-size: 18px;
}

.whowe_aredesign ul.wp-block-list {
    margin-left: 20px;
    padding: 0px;
}

.whowe_aredesign ul.wp-block-list li {
    font-size: 16px;
    font-weight: 600;
}

.event-category-filter-tab {
    display: flex;
    margin: 0 0 25px;
    padding: 0;
    align-items: center;
    justify-content: space-between
}

ul.category-tab {
    display: flex;
    margin: 0;
    padding: 8px 8px;
    color: #a6a6a6;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

ul.category-tab li {
    list-style: none;
    display: flex;
    gap: 27px;
    margin: 0;
    padding: 0px 10px 0px 0px;
    color: #a6a6a6;
    white-space: nowrap;
}

ul.category-tab li a {
    color: #000000;
    text-decoration: none;
    padding: 14px 12px;
    border-radius: 5px;
}

ul.category-tab li a:hover {
    color: #ffffff;
    background: var(--secondary-theme-color);
}

ul.category-tab li a.active_blog {
    color: #ffffff;
    font-weight: 600;
    background: var(--primary-theme-color);
    border-radius: 5px
}

ul.category-tab li a {
    padding: 10px 18px;
    font-size: 15px;
}

.members-category-filter-tab {
    display: flex ;
    margin: 0 0 25px;
    padding: 0;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.members-category-filter-tab ul.category-tab {
    display: flex ;
    margin: 0;
    padding: 8px 8px;
    color: #a6a6a6;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.lets_bring .wp-block-column {
    padding-left: 0!important
}

.lets_bring .wp-block-column {
    padding-left: 0;
    padding-right: 0
}

h3.lets_bring_heading {
    line-height: 60px !important;
}

.your_contribution {
    padding: 80px 0!important;
    border-radius: 0!important
}

.your_contribution .wp-block-columns {
    padding: 0!important
}

.form_contribution {
    padding: 80px 50px 80px 50px!important
}

.form_contribution .wp-block-button a.wp-block-button__link:hover {
    border: 2px solid #000
}

.form_contribution .wp-block-button {
    margin-top: 25px
}

.form_contribution h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 38px;
    line-height: 116%;
    font-weight: 600
}

.form_contribution p {
    opacity: .9;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.form_contribution input, textarea {
    margin: 0;
    box-shadow: none;
    border-radius: 0!important;
    width: 100%;
    color: #000;
    border: 1px solid #939393;
    padding: 14px 15px
}

.form_contribution span {
    width: 100%
}

.form_contribution textarea {
    height: 120px
}

.form_contribution p {
    text-align: left;
    display: flex;
    gap: 7px;
    flex-wrap: wrap
}

.form_contribution form br {
    display: none
}

.form_contribution form p:nth-child(3) {
    width: 100%;
    margin: 20px 0
}

.form_contribution form p:nth-child(3) span {
    width: 100%
}

.form_contribution form p:nth-child(5) {
    width: 100%;
    margin-top: 20px
}

.form_contribution form p:nth-child(5) span {
    width: 100%
}

.form_contribution input::placeholder {
    color: #8b8b8b!important
}

.form_contribution textarea::placeholder {
    color: #8b8b8b!important
}

.form_contribution .wpcf7-submit {
    border: 1px solid #000!important;
    box-shadow: none!important;
    font-weight: 300!important;
    font-size: 17px!important;
    padding: 13px 29px!important;
    background: #000;
    color: #fff;
    cursor: pointer;
    transition: .3s all ease
}

.form_contribution .wpcf7-submit:hover {
    background: #fff!important;
    color: #000
}

h1.special_whiteness {
    color: #fff!important;
    font-size: 45px;
    font-weight: 600;
    margin: 0;
    letter-spacing: -1.12px
}

.detail_program_banner h1.wpr-breadcrumb__title {
    color: #fff
}

.program_detail_design {
    margin-bottom: 4em!important
}

.program_detail_design .classes-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.program_detail_design .content_program_detail {
    width: 97%
}

.show_meta_icon {
    margin-bottom: 1em;
    display: flex;
    gap: 22px;
    font-size: 15px;
    border: 1px solid #c9c9c9;
    padding: 6px 10px;
    border-radius: 6px
}

.show_meta_icon i {
    font-size: 13px;
    margin-right: 3px
}

.program_detail_design .community-event-wrapper.related_event {
    width: 28%!important
}

.program_detail_design .community-event-wrapper.related_event li.program_block div {
    display: none
}

.program_detail_design .community-event-wrapper.related_event li.program_block p {
    display: none
}

.program_detail_design .community-event-wrapper.related_event li.program_block h3 {
    font-size: 22px;
    margin: 8px 0 6px 0
}

.program_detail_design .community-event-wrapper.related_event .slick-dots {
    display: none
}

.share_box_prograam {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 1em
}

.share_box_prograam h5 {
    font-size: 18px;
    margin: 0;
    color: #000
}

.share_box_prograam a {
    font-size: 16px;
    width: 94px;
    height: 42px;
    transition: .3s all ease;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2b2b2b
}

.share_box_prograam a:hover {
    color: #fff
}

.share_box_prograam a.color_blue:hover {
    background: #37589b
}

.share_box_prograam a.color_black:hover {
    background: #000
}

.share_box_prograam a.color_green:hover {
    background: #23cc62
}

.share_box_prograam a.color_red:hover {
    background: #cb2027
}

.share_box_prograam a.color_skyblue:hover {
    background: #419cca
}

.share_box_prograam a.color_orangered:hover {
    background-image: linear-gradient(222deg,#8c26df 0,#f10169 46%,#f6b102 100%)
}

.share_box_prograam a.color_twitskyblue:hover {
    background: #1c9bea
}

.for_design_sidebar .program_block {
    list-style: none
}

.event-filter-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    clear: both;
    margin-bottom: 20px;
}

.wrapper_progdesign li {
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 10px 10px 20px 10px;
}

.custom_events_design .program_block .read-more {
    margin-top: 16px
}

.hide_span_location {
    display: none
}

.custom_events_design .program_block .read-more a {
    box-shadow: none!important;
    background: #fff;
    border: 1px solid #000
}

.custom_events_design .program_block:hover .read-more a {
    background: #000;
    color: #fff
}

.event-filter-form label {
    font-weight: 600;
    color: #333
}

.event-filter-form select {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    font-size: 16px
}

.wrap_team {
    flex-wrap: wrap
}

.member_list_view article {
    display: flex;
    gap: 35px;
    border: 1px solid #dbdbdb;
    padding: 20px;
    border-radius: 10px;
    background: #f7f7f7;
    align-items: center!important
}

.member_list_view article:not(:last-child) {
    margin-bottom: 40px
}

.member_list_view .post_thumbnail {
    height: 350px;
    flex-shrink: 0;
    width: 47.9%;
    border-radius: 4px;
    object-fit: cover;
    overflow: hidden
}

.member_list_view .post_body {
    padding: 20px 0;
    flex: 1;
    display: flex;
    gap: 15px;
    flex-direction: column;
    justify-content: center
}

.member_list_view article:hover .post_thumbnail img {
    transform: scale(1.1)
}

.member_list_view .post_thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease
}

.member_list_view .team_title a {
    font-size: 26px;
    font-weight: 500;
    line-height: 36px;
    color: var(--theme-dark-color);
    display: inline-block;
    transition: all .3s;
    text-transform: capitalize
}

.member_list_view article .post_body .social-media {
    display: flex;
    flex-direction: row
}

.member_list_view article .post_body .social-media li {
    list-style: none;
    margin-right: 10px
}

.member_list_view article .post_body .social-media li a {
    padding: 4px;
    font-size: 14px;
    background-color: #dce2ef;
    border-radius: 6px;
    width: 35px;
    display: block;
    height: 35px;
    text-align: center
}

.member_list_view article .post_body .member__highlighted {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .025em;
    transition: .4s;
    color: #031f42;
    opacity: .4;
    position: relative;
    z-index: 1;
    display: inline-block;
    text-transform: uppercase;
    width: calc(100% - 40px)
}

.member_list_view article .post_body .member__info-icon {
    font-size: 30px;
    line-height: 0;
    color: var(--secondary-theme-color)
}

.member_list_view article .post_body .team-footer {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 15px
}

.design_socials .social-media {
    display: flex;
    flex-direction: row
}

.design_socials .social-media li {
    list-style: none;
    margin-right: 10px
}

.design_socials .social-media li a {
    padding: 4px;
    font-size: 14px;
    background-color: #dce2ef;
    border-radius: 6px;
    width: 35px;
    display: block;
    height: 35px;
    text-align: center
}

.detail_program_banner h1.wpr-breadcrumb__title {
    color: #fff
}

.program_detail_design {
    margin-bottom: 4em!important
}

.program_detail_design .classes-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.program_detail_design .content_program_detail img.wp-post-image {
    height: auto;
    margin-bottom: 1.33em;
    width: 100%
}

.show_meta_icon {
    margin-bottom: 1em;
    display: flex;
    gap: 22px;
    font-size: 15px;
    border: 1px solid #c9c9c9;
    padding: 6px 10px;
    border-radius: 6px
}

.show_meta_icon i {
    font-size: 13px;
    margin-right: 3px
}

.program_detail_design .community-event-wrapper.related_event {
    width: 28%!important
}

.program_detail_design .community-event-wrapper.related_event li.program_block div {
    display: none
}

.program_detail_design .community-event-wrapper.related_event li.program_block p {
    display: none
}

.program_detail_design .community-event-wrapper.related_event li.program_block h3 {
    font-size: 22px;
    margin: 8px 0 6px 0
}

.program_detail_design .community-event-wrapper.related_event .slick-dots {
    display: none
}

.share_box_prograam {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 1em
}

.share_box_prograam h5 {
    font-size: 18px;
    margin: 0;
    color: #000
}

.share_box_prograam a {
    font-size: 16px;
    width: 50px;
    height: 42px;
    transition: .3s all ease;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2b2b2b
}

.share_box_prograam a:hover {
    color: #fff
}

.share_box_prograam a.color_blue:hover {
    background: #37589b;
}

.share_box_prograam a.color_black:hover {
    background: #000;
}

.share_box_prograam a.color_green:hover {
    background: #23cc62;
}

.share_box_prograam a.color_red:hover {
    background: #cb2027;
}

.share_box_prograam a.color_skyblue:hover {
    background: #419cca;
}

.share_box_prograam a.color_orangered:hover {
    background-image: linear-gradient(222deg, #8c26df 0%, #f10169 46%, #f6b102 100%);
}

.share_box_prograam a.color_twitskyblue:hover {
    background: #1c9bea;
}

.custom_slide_second {
    height: calc(100vh - 130px)
}

.custom_slide_second .content_block {
    padding: 30px
}

.ba-slider-caption {
    background: linear-gradient(0deg, rgb(0 0 0) 0, rgba(255,255,255,0) 100%)
}

.ba-slider-item img {
    width: 100%;
    height: 100%
}

.custom_slide_second .ba-slider-caption {
    padding: 10px 67% 2% 4vw;
}

.content_block .ba-slider-caption {
    width: 100%;
    margin: 0 auto;
    padding: 0 41% 4% 17%
}

.custom_slide_second .content_block h1 {
    margin-bottom: 10px;
    font-size: 3.5em!important;
    font-weight: 700;
    line-height: 1.2em;
    color: #fff
}

.custom_slide_second .content_block p {
    margin: 15px 0 40px 0;
    font-size: 1.0em!important;
    line-height: 1.2em;
    color: #fff
}

.custom_slide_second .content_block a.link_bannerbar {
    margin-top: 50px;
    font-size: 18px!important;
    color: #000;
    padding: 14px 30px;
    background: #fff;
    border-radius: 7px;
    display: inline-block;
}

.custom_slide_second .content_block a.link_bannerbar:hover {
    text-decoration: underline
}

.banner-v2 a.wp-block-button__link:hover {
    border: 2px solid #fff
}

.home2-slider .ba-slider-caption {
    top: 50%;
    bottom: unset;
    transform: translateY(-50%);
    background: none !important;
}

.home2-slider .ba-slider-container .swiper-slide:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background-image: linear-gradient(0deg, rgb(0 0 0) 0, rgba(255,255,255,0) 100%)
}

.home2-slider .ba-slider-container .swiper-pagination .swiper-pagination-bullet {
    background: #ffffff;
    opacity: 0.5 !important;
}

.home2-slider .ba-slider-container .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--swiper-theme-color) !important;
    opacity: 1 !important;
}

.banner-v2 {
    height: calc(100vh - 130px)
}

.banner-v2 h1 {
    /* margin-bottom:50px; */
    /* font-size: 4.5em!important; */
    font-weight: 900;
    text-shadow: 0 15px 13px #021a1859;
    /* line-height:1.2em; */
    margin-bottom: 10px;
}

.video_section {
    height: 700px;
    overflow: hidden;
}

.lets_bring .wp-block-column {
    padding-left: 0 !important;
}

.your_contribution {
    padding: 80px 0!important;
    border-radius: 0!important
}

.your_contribution .wp-block-columns {
    padding: 0!important
}

.form_contribution {
    padding: 55px 50px 60px 50px!important;
}

.form_contribution .wp-block-button a.wp-block-button__link:hover {
    border: 1px solid var(--theme-dark-color);
}

.form_contribution .wp-block-button {
    margin-top: 25px
}

.form_contribution h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 38px;
    line-height: 116%;
    font-weight: 600
}

.form_contribution p {
    opacity: .9;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.form_contribution input, textarea {
    margin: 0;
    box-shadow: none;
    border-radius: 0!important;
    width: 100%;
    color: #000;
    border: 1px solid #939393;
    padding: 14px 15px
}

.form_contribution span {
    width: 100%
}

.form_contribution textarea {
    height: 120px
}

.form_contribution p {
    text-align: left;
    display: flex;
    gap: 7px;
    flex-wrap: wrap
}

.form_contribution form br {
    display: none
}

.form_contribution form p:nth-child(3) {
    width: 100%;
    margin: 20px 0
}

.form_contribution form p:nth-child(3) span {
    width: 100%
}

.form_contribution form p:nth-child(5) {
    width: 100%;
    margin-top: 20px
}

.form_contribution form p:nth-child(5) span {
    width: 100%
}

.form_contribution input::placeholder {
    color: #8b8b8b!important
}

.form_contribution textarea::placeholder {
    color: #8b8b8b!important
}

.form_contribution .wpcf7-submit {
    border: 1px solid #000!important;
    box-shadow: none!important;
    font-weight: 300!important;
    font-size: 17px!important;
    padding: 13px 29px!important;
    background: #000;
    color: #fff;
    cursor: pointer;
    transition: .3s all ease
}

.form_contribution .wpcf7-submit:hover {
    background: #fff!important;
    color: #000
}

#counters_design h2 {
    margin: 0 !important;
    text-align: center;
}

#counters_design p {
    text-align: center;
}

.answers_burning h2 {
    text-align: center;
}

.your_support {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    padding: 0;
}

.your_support h2 {
    text-align: center;
    font-weight: 600;
}

.for_display_hide {
    display: none
}

.post-content .woocommerce {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 16px;
    position: relative;
    justify-content: space-between;
}

.woocommerce .woocommerce-cart-form {
    box-sizing: border-box;
    margin: 0;
    padding-right: 3%;
    width: 65%
}

.woocommerce .cart-collaterals {
    box-sizing: border-box;
    padding-left: 2.2641509434%;
    width: 35%
}

.woocommerce .cart_totals {
    width: 100%!important
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    background-color: var(--primary-theme-color)!important;
    border: 1px solid var(--primary-theme-color)!important;
    padding: 15px 30px;
    border-radius: 5px;
    transition: .3s ease-in-out
}

.woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection {
    border-color: #4d3939;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    color: #000000;
    background-color: #ffffff!important;
    border: 1px solid var(--primary-theme-color)!important
}

.woocommerce-cart table.cart img {
    width: 70px;
    opacity: 1
}

.woocommerce table.cart td.actions .coupon {
    display: flex
}

.woocommerce-cart-form table.shop_table th {
    font-weight: 400;
    padding: 9px 12px;
    line-height: 1.5em;
    text-transform: uppercase;
    font-size: 14px
}

.woocommerce-page button.button {
    margin-top: 0!important
}

.woocommerce-page table.cart td.actions .input-text {
    width: 130px
}

table.shop_table .product-remove {
    padding: 9px 0 9px 12px
}

.cart-collaterals .cart_totals h2 {
    font-weight: 400;
    padding: 9px 12px;
    line-height: 1.5em;
    text-transform: uppercase;
    font-size: 14px;
    padding-left: 0;
    padding-top: 0;
    color: #4c4c4c
}

.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    padding: 9px 3px
}

form.checkout {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    width: 100%;
}

form.checkout {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    width: 100%;
}

#order_review_heading {
    display: none
}

.woocommerce-checkout-review-order {
    flex: 1 1 35%;
    max-width: 35%;
    box-sizing: border-box
}

.woocommerce .col2-set, .woocommerce-page .col2-set {
    flex: 1 1 60%;
    max-width: 60%;
    box-sizing: border-box
}

.woocommerce-form-coupon-toggle {
    width: 100%
}

.woocommerce-notices-wrapper {
    width: 100%
}

.woocommerce-additional-fields h3 {
    font-weight: 400;
    padding: 9px 12px;
    line-height: 1.5em;
    text-transform: uppercase;
    font-size: 14px;
    padding-left: 0;
    padding-top: 0;
    color: #4c4c4c
}

.woocommerce-billing-fields h3 {
    font-weight: 400;
    padding: 9px 12px;
    line-height: 1.5em;
    text-transform: uppercase;
    font-size: 14px;
    padding-left: 0;
    padding-top: 0;
    color: #4c4c4c
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    width: 100%
}

form.checkout.woocommerce-checkout {
    align-items: flex-start;
}

.wrap_team {
    flex-wrap: wrap
}

.member_list_view article {
    display: flex;
    gap: 35px;
    border: 1px solid #dbdbdb;
    padding: 20px;
    border-radius: 10px;
    background: #f7f7f7;
    align-items: center!important
}

.member_list_view article:not(:last-child) {
    margin-bottom: 40px
}

.member_list_view .post_thumbnail {
    height: 350px;
    flex-shrink: 0;
    width: 47.9%;
    border-radius: 4px;
    object-fit: cover;
    overflow: hidden
}

.member_list_view .post_body {
    padding: 20px 0;
    flex: 1;
    display: flex;
    gap: 15px;
    flex-direction: column;
    justify-content: center
}

.member_list_view article:hover .post_thumbnail img {
    transform: scale(1.1)
}

.member_list_view .post_thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease
}

.member_list_view .team_title a {
    font-size: 26px;
    font-weight: 500;
    line-height: 36px;
    color: var(--theme-dark-color);
    display: inline-block;
    transition: all .3s;
    text-transform: capitalize
}

.member_list_view article .post_body .social-media {
    display: flex;
    flex-direction: row
}

.member_list_view article .post_body .social-media li {
    list-style: none;
    margin-right: 10px
}

.member_list_view article .post_body .social-media li a {
    padding: 4px;
    font-size: 14px;
    background-color: #dce2ef;
    border-radius: 6px;
    width: 35px;
    display: block;
    height: 35px;
    text-align: center
}

.member_list_view article .post_body .member__highlighted {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .025em;
    transition: .4s;
    color: #031f42;
    opacity: .4;
    position: relative;
    z-index: 1;
    display: inline-block;
    text-transform: uppercase;
    width: calc(100% - 40px)
}

.member_list_view article .post_body .member__info-icon {
    font-size: 30px;
    line-height: 0;
    color: var(--secondary-theme-color)
}

.member_list_view article .post_body .team-footer {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 15px
}

.design_socials .social-media {
    display: flex;
    flex-direction: row;
    margin-top: 15px;
}

.design_socials .social-media li {
    list-style: none;
    margin-right: 10px
}

.design_socials .social-media li a {
    padding: 4px;
    font-size: 14px;
    background-color: #dce2ef;
    border-radius: 6px;
    width: 35px;
    display: block;
    height: 35px;
    text-align: center
}

.kmvt_welcome_small {
    position: absolute;
    top: 35%;
    left: -110px;
    padding: 45px 20px;
    background: #fff
}

.add-to-cart-section .added_to_cart {
    background-color: #3d3983;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: background-color .2sease;
    text-align: center;
    margin-bottom: 10px;
    width: 100%;
    display: block;
    font-size: 17px;
    font-weight: 400;
    border-radius: 6px;
    padding: 15px 20px 7px 20px;
    line-height: 35px
}

.about_community_design {
    justify-content: space-between;
}

.about_community_design2 .img-Col {
    padding-right: 3% !important;
    margin: 0px !important;
}

.about_community_design2 .img-Col img {
    border-radius: 10px;
}

/* .about_community_design2 .text-Col {padding-left:0 !important; margin:0px !important;} */
.about_community_design2 .text-Col .comm_buttondesign {
    gap: 0em;
}

.about_community_design2 .text-Col .comm_buttondesign .community-btn {
    width: 100%;
}

.about_community_design2 .text-Col .comm_buttondesign .community-btn a {
    display: block;
    width: 100%;
    padding: 30px;
    padding-left: 0px;
    text-align: left;
    color: #000000;
    background-color: #ffffff;
    border-radius: 0px !important;
    border: 0px;
    border-bottom: 1px solid #000000;
    font-size: 20px;
    line-height: 1.2em;
    transition: all .3s ease-in-out;
    position: relative;
}

.about_community_design2 .text-Col .comm_buttondesign .community-btn a:hover {
    padding-left: 20px;
    text-align: left;
    color: #ffffff;
    background-color: var(--secondary-theme-color);
    border-bottom: 1px solid var(--secondary-theme-color);
}

.about_community_design2 .text-Col .comm_buttondesign .community-btn a:before {
    content: "";
    background: url(images/right-arrow-swt.svg);
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    transition: .3s ease-in-out;
    transform: translateY(-50%);
    opacity: 0;
}

.about_community_design2 .text-Col .comm_buttondesign .community-btn a:hover:before {
    opacity: 1;
    right: 20px;
}

.about_community_design2 .text-Col .comm_buttondesign .community-btn a:after {
    content: "";
    background: url(images/right-arrow-st.svg);
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    transition: .3s ease-in-out;
    transform: translateY(-50%);
    opacity: 1;
}

.about_community_design2 .text-Col .comm_buttondesign .community-btn a:hover:after {
    opacity: 0;
}

.community_welcome_small {
    position: absolute;
    top: 30%;
    left: -12em;
    box-shadow: 0 0 99px 0 #00000030;
    background: #fff;
    padding: 70px 10px;
    width: 360px;
}

.welcomeimg img {
    border-radius: 0;
}

.comm_buttondesign .community-btn {
    background-color: #000000;
    border: none !important;
    border-radius: 5px;
}

.comm_buttondesign .community-btn:hover {
    border: none !important;
}

.comm_buttondesign .community-btn .wp-element-button {
    border: 1px solid #000;
    border-radius: 5px;
}

.comm_buttondesign .community-btn .wp-element-button:hover {
    border-color: #000;
}

.sticky_live {
    position: fixed;
    right: 12px;
    top: 60%;
    z-index: 9;
    font-size: 0;
    display: none;
}

.sticky_live img {
    width: 60px
}

.cart_sticky .cart-icon .dashicons-cart {
    display: none;
}

.cart_sticky {
    position: fixed;
    right: 12px;
    top: 70%;
    z-index: 9;
    font-size: 0;
    display: flex;
    flex-direction: row-reverse;
}

.cart_sticky img {
    width: 60px;
    border-radius: 80px;
    background-image: radial-gradient(#fff 5%, #fff 68%, var(--secondary-theme-color) 69%);
}

.cart_sticky .cart-count {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    background-color: var(--secondary-theme-color) !important;
}

.cart_sticky .cart-count {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    background-color: var(--secondary-theme-color) !important;
}

.banner_slider .swiper-pagination .swiper-pagination-bullet {
    padding: 8px;
    background: #fff;
}

.about_community_design {
    justify-content: space-between;
}

.schedules_program .read-more {
    margin-bottom: 20px;
}

/* .wp-block-column {max-width:1360px; margin:0 auto !important;} */
.banner_slider .wp-block-column {
    max-width: 100%;
}

.popular_questions {
    padding-left: 15% !important;
    padding-right: 15% !important;
}

.full_community_logo {
    border-radius: 11px;
    margin-bottom: 12px;
}

.out_member {
    border: 1px solid #b3b3b3;
    padding: 24px;
    border-radius: 20px;
}

.out_member .wp-block-cover {
    padding: 10em;
}

.three_blokcolumn .wp-block-column {
    padding: 32px 24px 24px 24px;
    border-radius: 8px;
}

.three_blokcolumn p {
    line-height: 40px;
}

.space_charting {
    margin-left: -15em !important;
    background: #fff;
    padding: 50px 72px !important;
    border-radius: 13px;
}

.main_heading_size {
    font-size: 70px !important;
    font-weight: 900;
}

.professional_life {
    padding: 0 !important;
    gap: 0 !important;
    display: flex;
    justify-content: space-between;
}

.coach_professional {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.for_headervideo .wp-block-cover {
    border-radius: 0 !important;
}

.learn_more_button .community-btn {
    background-color: #00000000;
    border: none;
    border-radius: 80px !important;
}

.learn_more_button .wp-block-button__link {
    color: #000000 !important;
    background-color: #00000000;
    border: 1px solid #000000;
}

.learn_more_button .wp-block-button__link:hover {
    color: #ffffff !important;
    background-color: #000000;
    border-color: #000000;
}

.who_weare {
    padding-top: 25px !important;
    padding-bottom: 0 !important;
}

.left_who .wp-block-cover {
    max-width: 100% !important;
}

.inner_count {
    border-right: 1px solid #cfcfcf;
    padding-right: 3%;
}

.design_testimonial .testimonial-quote {
    min-height: 80px;
    font-size: 16px;
    line-height: 24px !important;
    margin-bottom: 8px;
}

.design_testimonial .testimonial-quote p {
    margin-bottom: 0;
}

.design_testimonial .testimonial-quote span {
    border: 1px solid #dde0e7;
    border-radius: 50%;
    margin-bottom: 1rem;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px !important;
    line-height: 22px !important;
    font-size: 6rem;
    color: #899ab2;
    padding: 50px 0 0 0 !important;
}

.design_testimonial .testimonial-card {
    box-shadow: 1px 0px 0px 1px #dadae3;
    display: flex !important;
    align-items: center;
    gap: 20px;
    border-radius: 200px;
    padding: 16px 40px 16px 20px;
}

.design_testimonial .testimonial-user {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    gap: 1px;
    margin-top: 0;
}

.design_testimonial .testimonial-user div {
    line-height: 20px;
}

.design_testimonial .testimonial-user span {
    color: #dbe1e9;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1rem;
}

.design_testimonial .testimonial-user h4 {
    margin: 0 !important;
}

.design_testimonial .testimonial-user img {
    width: 65px;
    height: 65px;
}

.design_testimonial img {
    border-radius: 100%;
    width: 160px;
    height: 160px;
}

.design_testimonial .icon_testimonial {
    font-size: 120px !important;
    position: absolute;
    right: 16px;
    bottom: -14px;
}

.design_testimonial {
    padding: 0 20px !important;
}

.heading_customers {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.heading_customers .wp-block-column {
    padding-bottom: 20px !important;
    padding-top: 0 !important;
}

.container {
    width: 90%;
    margin: 0 auto;
}

.wo-border-radius video {
    border-radius: 0px !important;
}

.full_img {
    max-width: 100%;
    width: 100%;
    position: relative
}

.wrap-column-block {
    display: grid;
    grid-gap: 1.2rem;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 23.9%));
}

.wp-block-group .wp-block-group__inner-container .wp-block-columns {
    padding-left: 0;
    padding-right: 0;
}

.wp-block-video video {
    vertical-align: middle;
    width: 100%;
    border-radius: 10px;
}

.page-template-page-full-width-no-sidebar .wp-block-columns, .page-template-page-full-width-no-sidebar .wp-block-column, .themeRow .wp-block-column {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 45px;
    padding-bottom: 45px;
    width: 100%;
    max-width: 100%;
}

.page-template-page-full-width .wp-block-columns, .page-template-page-full-width .wp-block-column {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 45px;
    padding-bottom: 45px;
    width: 100%;
    max-width: 100%
}

.page-template-page-full-width-no-sidebar .wp-block-columns, .page-template-page-full-width-no-sidebar .wp-block-column.get_involve {
    padding-left: 0;
    padding-right: 0;
}

.block-padding-zero, .block-margin-zero {
    padding: 0px !important;
    margin: 0px !important;
}

.block-padding-zero .wp-block-columns, .block-margin-zero .wp-block-columns, .block-padding-zero .wp-block-column, .block-margin-zero .wp-block-column {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 0%;
    padding-right: 0%;
    padding-top: 0px;
    padding-bottom: 0px;
}

.wp-block-column {
    position: relative
}

.content-area {
    display: flex;
    gap: 30px;
    margin: 0 auto;
    display: flex;
    margin: 0 auto;
    flex: 1;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 50px!important
}

.main-content {
    flex: 3;
    display: flex;
    flex-direction: column;
    flex: 1 1 73.5%;
    max-width: 73.5%
}

.full-width-area {
    flex: 1 1 100%;
    max-width: 100%
}

.main-content .post-content {
    margin-bottom: 2rem;
}

.wp-element-button {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6em;
    color: var(--theme-light);
    background-color: var(--primary-theme-color);
    display: inline-block;
    padding: 12px 30px;
    text-align: center;
    border: none;
    border-radius: 6px;
    transition: .3s ease-in-out;
    border: 1px solid var(--primary-theme-color);
    text-transform: capitalize;
}

.wp-element-button:hover {
    background-color: #ffffff;
    color: var(--theme-dark-color);
    ; border: 1px solid var(--primary-theme-color);
}

.body-inner main {
    position: relative;
    z-index: 1;
}

.woocommerce table.shop_table {
    border: 0px solid rgba(0, 0, 0, .1);
}

.zoom-out figure {
    overflow: hidden;
    border-radius: 9999px
}

.zoom-out figure img {
    transform: scale(1);
    transition: .3s ease-in-out;
    width: 100%;
}

.zoom-out:hover figure img {
    transform: scale(1.2)
}

.card {
    border-radius: 16px;
    padding: 32px;
    position: relative;
    overflow: hidden
}

.card::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background: url(images/texture.svg);
    background-size: contain;
    background-position: left;
    background-attachment: fixed;
    opacity: .3;
    width: 100%;
}

.uniting_home2 .card::after {
    display: none
}

.card.text-space-between {
    height: 400px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    z-index: 12;
    padding: 30px!important
}

.bg-accent-light-2 {
    background-color: #dfecfb
}

.bg-light-orange {
    background-color: #f5e5c7
}

.bg-light-red {
    background-color: #f5d3d0
}

.wp-block-cover, .wp-block-cover-image {
    border-radius: 14px
}

.wp-block-details summary::marker {
    display: none!important;
    list-style: none;
    font-size: 0px
}

details[open]>summary::before {
    transform: rotate(45deg)
}

details[open]>summary::before:first-of-type {
    transform: rotate(45deg)
}

.wp-block-details summary::before {
    transform: rotate(0deg);
    content: "";
    background: url(images/Add.svg);
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    transition: .3s ease-in-out;
}

.site-title {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.site-header li {
    list-style: none
}

.header-menu {
    position: relative
}

.header-width, .site-container {
    margin: 0 auto
}

.header-width.full-width {
    max-width: 100% !important
}

.header-fixed {
    top: 0;
    width: 100%;
    z-index: 9;
    transition: all .5s;
    position: relative;
}

.header-fixed.sticky {
    position: fixed;
    top: 0px;
}

.top-bar-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.live-tv {
    position: relative;
    padding-left: 10px;
}

.live-tv:after {
    content: "";
    background-color: #00af00;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    position: absolute;
    left: -7px;
    top: 7px;
    animation: blinkFade 1.8s infinite ease-in-out;
}

@keyframes blinkFade {
    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

.top-bar {
    font-size: 15px;
    position: relative;
}

.main-header-bar {
    position: relative;
}

.top-bar-menu {
    list-style-type: none;
    padding: 0
}

.top-bar-menu li {
    display: inline-block;
    margin-left: 20px
}

.page_header {
    background-color: #f0f3ff;
    color: #000;
    padding: 50px 0 50px
}

.page_header .breadcrumb_nav a {
    color: var(--theme-white)
}

.page_header .breadcrumb_nav .icon-home {
    font-size: 14px
}

.page_header .breadcrumb_nav .icon-arrow-right {
    font-size: 10px
}

.page_header .breadcrumb_nav {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    font-size: 14px;
    margin-bottom: 45px
}

.page_header .page_title {
    font-weight: 700;
    font-size: 36px;
    line-height: 50px
}

.header-one .header-menu {
    position: relative
}

.header-one .top-social-media .social-media-icons a {
    margin: 5px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    width: 26px;
    height: 26px;
    padding: 5px;
    font-size: 15px;
    line-height: 16px
}

.header-one .top-social-media .social-media-icons a:hover {
    color: var(--primary-theme-color);
}

.header-one {
    box-shadow: rgba(0,0,0,.05) 0 6px 24px 0, rgba(0, 0, 0, .08) 0 0 0 1px
}

header img.site-logo {
    width: 100%;
    max-height: 64px;
}

.header-one .header-menu, .header-four .header-menu {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 10px 20px;
    width: 100%;
    align-items: center;
}

.right-menu .header-right-menu li a {
    list-style: none;
    color: #fff;
    background-color: var(--primary-theme-color);
    padding: 12px 30px;
    font-size: 16px;
    letter-spacing: .3px;
    white-space: nowrap;
    border-radius: 6px;
    transition: .3s ease-in-out;
    display: block;
    border: 1px solid var(--primary-theme-color);
}

.right-menu .header-right-menu li a:hover {
    background-color: #ffffff;
    color: var(--primary-theme-color);
    border: 1px solid var(--primary-theme-color);
}

.main-navigation li {
    padding: 14px 16px;
    font-size: 18px;
    letter-spacing: .3px;
    position: relative
}

.primary-header-menu li {
    display: inline-block
}

.header-one .header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 20px
}

.top-bar .top-social-media {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    align-items: center
}

.social-text {
    margin-right: 20px
}

#menu_open_icon {
    font-size: 25px;
    display: none;
    margin-left: 30px
}

#menu_close_icon {
    font-size: 25px;
    display: none;
    transition: display .5s ease;
    position: absolute;
    top: -30px;
    right: 21px;
    color: #000;
    z-index: 10000;
    background-color: #fff;
    width: 35px;
    height: 35px;
    align-content: center;
    justify-content: center;
    text-align: center
}

body.logged-in #menu_close_icon {
    top: 0px
}

header {
    position: relative;
    z-index: 2;
}

.body-inner::before {
    position: fixed;
    top: auto;
    left: 0;
    width: 100%;
    height: 0%;
    background: rgba(232, 232, 237, .4);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    transition: opacity .32s cubic-bezier(.4, 0, .6, 1) 80ms, visibility .32s step-end 80ms;
    content: "";
    z-index: 2;
}

.body-inner.active-overlay::before {
    height: 100% !important;
    transition: all 0.5,
}

.header-second {
    box-shadow: rgba(0,0,0,.05) 0 6px 24px 0, rgba(0, 0, 0, .08) 0 0 0 1px
}

.header-second .main-header-bar {
    padding: 1px 20px
}

.header-second .top-bar {
    background-color: #ffffff !important;
}

.header-second .top-bar .header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 5px 20px;
    align-content: center
}

.need-help .need-text a {
    font-weight: 800;
    margin-top: 10px;
    display: inline-block
}

.header-second .header-border {
    border-top: 1px solid #ccc
}

.header-second .main-header-bar .header-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.header-third {
    padding: 10px 20px;
    box-shadow: rgba(0,0,0,.05) 0 6px 24px 0, rgba(0, 0, 0, .08) 0 0 0 1px
}

.header-third .header_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-third .site-title img.site-logo {
    max-width: 100%;
    width: auto
}

.header-third .header_wrapper .site-branding {
    flex: 0 0 20%;
    text-align: center
}

.header-third .header_wrapper .social-media-icons, .header-third .header_wrapper .social-media-icons .social-icons-wrapper {
    display: flex;
    justify-content: end;
    align-items: center
}

.header-third .header_wrapper .social-media-icons i {
    font-size: 16px;
    margin-right: 15px;
    color: #000
}

.header-third .header_wrapper .social-media-icons a:last-child i {
    margin-right: 0
}

.header-third .header_wrapper .social-media-icons .separator {
    width: 80px;
    height: 2px;
    margin: 0 18px;
    background-color: #000
}

.header-third .header_wrapper .social-media-icons .connect-text {
    font-size: 16px;
    font-weight: 600;
    margin-right: 18px;
    display: inline-block
}

.header-third .main-menu li.mega-menu>ul.sub-menu {
    margin: 0;
    left: 10%
}

.header-four {
    box-shadow: none;
}

.header-four .right-menu {
    display: flex;
    align-content: center;
    flex-direction: row;
    align-items: center;
}

.fullnav {
    position: fixed;
    background: #ffffff;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden
}

.fullnav.open {
    opacity: 1;
    visibility: visible;
    height: 100%;
    z-index: -1;
    overflow: auto;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.fullnav.open li {
    -webkit-animation: fadeInRight .5s ease forwards;
    animation: fadeInRight .5s ease forwards;
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

.fullnav.open li:nth-of-type(2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.fullnav.open li:nth-of-type(3) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.fullnav.open li:nth-of-type(4) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.fullnav.open li:nth-of-type(5) {
    -webkit-animation-delay: .55s;
    animation-delay: .55s
}

.fullnav.open li:nth-of-type(6) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.fullnav.open li:nth-of-type(7) {
    -webkit-animation-delay: .65s;
    animation-delay: .65s
}

.fullnav.open li:nth-of-type(8) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.fullnav.open li:nth-of-type(9) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.fullnav.open li:nth-of-type(10) {
    -webkit-animation-delay: .8s;
    animation-delay: .85s
}

.fullnav nav {
    position: relative;
    top: 115px;
    font-size: 35px;
    font-weight: 400;
    text-align: right;
    padding: 0 75px 0 0;
    overflow: hidden;
}

.fullnav ul {
    list-style: none;
    padding: 0;
    display: inline-block;
    position: relative;
    height: 100%
}

.fullnav ul li {
    display: block;
    position: relative;
    opacity: 0;
    margin-bottom: 50px;
    flex-direction: column;
    align-items: flex-end;
}

.fullnav ul li.menu-item-has-children {
    margin-bottom: 0px;
}

.fullnav ul li a {
    display: block;
    position: relative;
    color: #000000;
    text-decoration: none;
    font-size: 2em;
    line-height: 1.1em;
}

.fullnav ul li a:active:after, .fullnav ul li a:focus:after, .fullnav ul li a:hover:after {
    width: 100%
}

.fullnav ul li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 3px;
    background: transparent;
    -webkit-transition: .35s;
    transition: .35s
}

.fullnav ul li.current_page_item a {
    color: #f7931e;
}

body.open {
    overflow: hidden;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
        bottom: 20%;
    }

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

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
        bottom: 20%;
    }

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

.fullnavBtn {
    position: relative;
    width: 35px;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    height: 35px;
    display: block;
    margin-left: 15px;
    margin-top: 6px;
}

.fullnavBtn:hover {
    opacity: .7
}

.fullnavBtn.active .top {
    -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
    transform: translateY(11px) translateX(0) rotate(45deg);
    background: #000000;
}

.fullnavBtn.active .middle {
    opacity: 0;
    background: #000000;
}

.fullnavBtn.active .bottom {
    -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #000000;
}

.fullnavBtn span {
    background: #000000;
    border: none;
    height: 4px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

.fullnavBtn span:nth-of-type(2) {
    top: 11px
}

.fullnavBtn span:nth-of-type(3) {
    top: 22px
}

.header-four .primary-header-menu .menu-item-has-children a::after {
    right: 0;
    top: 8px
}

.header-four .primary-header-menu li ul {
    position: relative;
    height: 0
}

.header-four .sub-menu li {
    margin-bottom: 20px;
    position: relative
}

.header-four .sub-menu li li {
    margin-bottom: 10px;
}

.header-four ul.sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
    padding-left: 25px
}

.header-four ul.sub-menu.open {
    max-height: 500px;
    margin-top: 35px
}

.header-four ul.sub-menu.open ul {
    margin-top: 0px;
}

.header-four .submenu {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 0;
    overflow: hidden;
    transition: height .3s ease;
    background: #fff
}

.fullnav ul li {
    padding: 0
}

.fullnav ul li li {
    padding: 0
}

.fullnav ul li li li {
    padding: 0
}

.fullnav ul ul li a {
    font-size: 1.5em
}

.fullnav ul ul ul li a {
    font-size: 1em;
    line-height: 1.8em
}

.header-four .menu-toggle::after {
    content: "";
    background: #dbdbdb47;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -17px;
    left: -11px;
    z-index: 0;
    border-radius: 50px
}

.header-four .menu-toggle {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(43deg);
    position: absolute;
    top: 13px;
    cursor: pointer;
    padding: 5px;
    display: block;
    z-index: 5
}

.header-four .sub-menu.open~.menu-toggle {
    transform: rotate(-226deg)
}

.header-four .primary-header-menu li:hover ul, .header-four .primary-header-menu li:hover ul li:hover ul, .header-four .primary-header-menu li:hover ul li:hover ul li:hover ul {
    height: auto
}

section {
    padding: 40px 0 50px 0
}

section h2 {
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 500
}

.wp-block-details {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-top: 15px
}

.wp-block-details summary {
    font-size: 1.2em;
    margin-bottom: 9px;
    font-weight: 600;
    position: relative;
    padding-right: 35px;
}

.answers_burning p {
    padding-right: 35px;
}

.border-style-1 {
    border: 1px solid #eee;
    padding: 25px
}

.page-title:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(images/triangles.svg) bottom right no-repeat;
    top: 0;
    left: 0;
    z-index: 1;
}

.page-title:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, rgb(31 33 46 / 67%), rgb(31 33 46 / 84%));
    top: 0;
    left: 0;
    z-index: 0;
}

.classes-list-wrapper .page-title:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.page-title .site-width {
    position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-content: center;
}

.wpr-breadcrumb__title {
    color: #ffffff;
    font-size: 45px;
    font-weight: 600;
    margin: 0;
}

.wpr-breadcrumb__list {
    margin-bottom: 0px;
}

.wpr-breadcrumb__list span {
    position: relative;
    font-size: 16px;
    font-weight: 300;
    color: #040404;
}

.wpr-breadcrumb__list {
    text-align: left;
}

.course-template-default .wpr-breadcrumb__list {
    color: #000;
}

.wpr-breadcrumb__list span:not(:last-child)::after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    width: 1px;
    height: 16px;
    background-color: rgb(73 73 73 / 86%);
    transform: translateY(-50%)
}

.wpr-breadcrumb__list span:not(:last-child) {
    padding-right: 12px;
    margin-right: 15px;
}

.wpr-breadcrumb__list span a {
    display: inline-block;
    font-weight: 500;
}

.wpr-breadcrumb__list span a:hover {
    display: inline-block;
    text-decoration: underline;
}

.dark-mode .wpr-breadcrumb__list, .dark-mode .wpr-breadcrumb__list span a, .dark-mode span {
    color: #ffffff !important;
}

.dark-mode .wpr-breadcrumb__list svg path {
    fill: #ffffff !important;
}

.dark-mode .wpr-breadcrumb__list span:not(:last-child)::after {
    background-color: #ffffff !important;
}

.banner {
    background-size: cover;
    background-position: center;
    color: #fff;
    text-align: center;
    padding: 0
}

.banner h1 {
    margin: 0;
    font-size: 3em;
    text-shadow: 2px 2px 5px rgba(0,0,0,.7)
}

.responsive_logo_design {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(18rem,2fr));
    grid-gap: 1.9rem
}

.partner-logo-wrapper {
    text-align: center;
    padding: 20px;
    background-color: #fff
}

.banner-v2 {
    background-color: #1f212e;
    align-items: center;
    flex-direction: row;
    min-height: 89vh;
    height: calc(-84px + 100vh);
    border-radius: 0px;
    padding: 3em;
}

.banner-v2 .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 3;
    padding: 0px !important;
}

.banner-v2 .wp-block-column h3 {
    max-width: 620px;
    margin: 0px auto 30px;
}

.banner-v2 .wp-block-button__link:hover {
    background-color: #ffffff;
    color: #000000 !important;
    border-color: #ffffff !important;
}

.partner-logo-wrapper img {
    max-width: 100%;
    margin: 0 auto
}

.partner-logo-wrapper h2 {
    font-weight: 500;
    font-size: 32px
}

.welcome {
    background-color: #fff;
}

.welcome h2 {
    font-size: 48px;
    margin-bottom: 1em;
    position: relative;
    font-weight: 500;
    text-shadow: -17px -11px 0 #ebebeb
}

.welcome h2 img {
    position: absolute;
    bottom: -29px;
    left: 6em
}

.welcome p {
    font-size: 1.1em
}

.welcome_content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.welcome_text {
    width: 60%;
    padding-right: 17%
}

.welcome_text p {
    line-height: 30px;
    font-size: 16px
}

.welcome_image {
    width: 40%;
    text-align: center
}

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

.welcome_image {
    position: relative
}

.community_welcome_small {
    position: absolute;
    top: 30%;
    left: -10em;
    box-shadow: 0 0 99px 0 #00000030;
    background: #fff;
    padding: 80px 10px
}

.theme-btn-1 {
    background: #000;
    color: #fff;
    border-radius: 9px;
    padding: 14px 32px;
    transition: .3s;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-top: 3em
}

.theme-btn-1 img {
    width: 15px
}

.theme-btn-1:hover {
    background: #264b8b;
    color: #fff
}

.classes-wrapper {
    background: #f4f9ff;
    color: #fff;
    padding: 60px 0;
    margin-top: 2em
}

.classes-wrapper p {
    color: #fff;
    font-size: 13px;
    line-height: 20px
}

.classes-wrapper h2 {
    color: #000;
    font-weight: 500
}

.title-highlight {
    position: relative;
    margin-bottom: 23px;
    color: var(--secondary-theme-color);
    font-weight: 600;
}

.title-highlight::before {
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    content: "";
    width: 100%;
    height: 6px;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(images/top-bar.png);
    -webkit-animation: width 1.5s linear 2 !important;
    animation: width 1.5s linear 2 !important;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-position: center left;
}

.classes-wrapper h4 {
    color: #515151;
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 10px
}

.community-wrapper h4 {
    color: #515151;
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 20px
}

.community-wrapper .tab-container {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.community-wrapper .link_community {
    background: #000;
    color: #fff;
    border-radius: 8px;
    padding: 14px 32px;
    transition: .3s;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-top: 3em;
    text-decoration: none
}

.community-wrapper .link_community:hover {
    background: #264b8b;
    color: #fff
}

.community-wrapper .tab-menu {
    display: flex;
    flex-direction: row;
    background-color: #f9f9f9;
    overflow-x: auto
}

.community-wrapper .tab-link {
    padding: 10px 20px;
    text-align: center;
    border: none;
    background: 0 0;
    cursor: pointer;
    font-size: 16px;
    flex-shrink: 0;
    white-space: nowrap
}

.community-wrapper .tab-link:hover {
    background-color: #ddd
}

.community-wrapper .tab-link.active {
    background-color: #ddd;
    color: #000
}

.community-wrapper .tab-content {
    padding: 20px
}

.community-wrapper .tab-panel {
    display: none
}

.community-wrapper .tab-panel img {
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    box-shadow: -8px 9px 0 8px #f0f0f0
}

.community-wrapper .tab-panel.active {
    display: block
}

.text_tab_sec {
    position: absolute;
    left: 0;
    bottom: 50px;
    width: 43%
}

.text_tab_sec h5 {
    color: #000;
    font-weight: 100;
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 10px
}

.text_tab_sec p {
    color: #000;
    font-weight: 100;
    font-size: 15px;
    margin-top: 0
}

.wp-block-separator {
    border: none;
    border-top: 1px solid !important;
}

.box_inner_four time {
    color: #555;
    font-size: 16px
}

.community-event-wrapper {
    margin-bottom: 50px !important;
}

.ipsum_inner h3 {
    margin: 0 0 2px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3em
}

.ipsum_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px
}

.inner_news_video time {
    color: #555;
    font-size: 16px;
    padding-left: 20px
}

.inner_news_video h3 {
    display: flex;
    justify-content: space-between;
    padding: 10px 0 0 20px;
    color: #555;
    align-items: center
}

.inner_news_video h3 a {
    margin: 0 0 2px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3em;
    color: #000
}

.arrow_gray_inner {
    width: 30px;
    margin-right: 20px
}

.blogs-wrapper {
    padding: 50px 0 30px;
    margin: 0
}

.block_learn {
    position: relative;
    background-color: #fff;
    width: 100%;
    height: auto;
    padding-bottom: 12px;
    border-radius: 20px;
    border: 1px solid rgba(3,31,66,.08);
    padding: 15px 13px;
    -webkit-transition: all .3s 0s ease-out;
    -moz-transition: all .3s 0s ease-out;
    -ms-transition: all .3s 0s ease-out;
    -o-transition: all .3s 0s ease-out;
    transition: all .3s 0s ease-out;
    overflow: hidden;
}

.block_learn .block-category {
    display: none !important;
}

.block_learn .block-image {
    position: relative;
    max-height: 300px;
    overflow: hidden;
}

.block_learn .block-image img {
    border-radius: 7px;
    display: block;
    width: 100%;
    height: auto
}

.block-content {
    padding: 15px 10px 5px 10px;
}

.block_learn .block-content {
    -webkit-transition: all .3s 0s ease-out;
    -moz-transition: all .3s 0s ease-out;
    -ms-transition: all .3s 0s ease-out;
    -o-transition: all .3s 0s ease-out;
    transition: all .3s 0s ease-out;
    background: #fff
}

.block_learn:hover .block-content {
    transform: translateY(-60px)
}

.block_learn .course-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 34px;
    text-align: center;
    transform: translateY(50px);
    -webkit-transition: all .3s 0s ease-out;
    -moz-transition: all .3s 0s ease-out;
    -ms-transition: all .3s 0s ease-out;
    -o-transition: all .3s 0s ease-out;
    transition: all .3s 0s ease-out
}

.block_learn:hover .course-btn {
    transform: translateY(-30px)
}

.block_learn .course-btn .course-list-btn a {
    display: block;
    text-align: center;
    line-height: 1;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    color: #fff;
    background-color: var(--primary-theme-color);
}

.block_learn .regular-price {
    font-size: 22px;
}

.class-detail-page h1, .class-detail-page h2, .class-detail-page h3 {
    font-weight: 600;
    color: #ffffff;
}

.block-content .block-category {
    margin-bottom: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none
}

.block-content .block-category li a {
    display: inline-block;
    padding: 8px 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f9ff;
    font-weight: 600;
    font-size: 13px;
    color: #25395e;
    line-height: 1;
    border-radius: 27px
}

.block-content h4 {
    color: #cbdcf3;
    font-weight: 400;
    font-size: 17px;
    margin: 0 0 0;
    line-height: 1.4em;
    border-bottom: 1px solid #e6efff;
    padding-bottom: 0;
    height: 56px;
    overflow: hidden;
}

.block-content h4 a {
    text-decoration: none;
    outline: 0!important;
    cursor: pointer;
    color: #000;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.block-content .post-class {
    margin-top: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none
}

.block-content .post-class li {
    font-size: 0.8em;
    color: #000
}

.block-content .post-class li .class-price {
    font-size: 18px;
    font-weight: 600;
    color: var(--tp-dashboard-secondary)
}

.block-content .post-class li .theme-btn {
    padding: 10px 16px;
    font-size: 14px;
    background: 0 0;
    border: 1px solid #a6b2c7;
    color: #5b6d84;
    border-radius: 7px;
    font-weight: 600
}

.load-more-btn, .load-more-blog-posts {
    color: var(--primary-theme-color);
    background-color: #ffffff;
    padding: 12px 30px;
    font-size: 16px;
    letter-spacing: .3px;
    white-space: nowrap;
    border-radius: 6px;
    transition: .3s ease-in-out;
    display: block;
    border: 1px solid var(--primary-theme-color);
    margin: 0px auto;
    margin-top: 35px;
    cursor: pointer;
    font-weight: 600;
}

.load-more-btn, .load-more-blog-posts:hover {
    background-color: var(--primary-theme-color);
    color: #ffffff;
}

.load-more-btn, .load-more-blog-posts:target {
    box-shadow: 1px 1px 1px var(--primary-theme-color);
}

.class-single-breadcrumb {
    /* padding: 65px 0; */
    background-color: #eee;
    background: url(https://startcompeting.com/wp-content/uploads/2025/04/bg_gradient.jpg) no-repeat;
    background-size: cover;
    position: relative;
    background-position: bottom center;
    color: #fff;
    min-height: 300px;
    max-height: 250px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.class-single-breadcrumb .wpr-breadcrumb__list span {
    color: #ffffff;
}

.class-single-breadcrumb .wpr-breadcrumb__list span:not(:last-child)::after {
    background-color: rgba(255, 255, 255, 0.86);
}

.class-single-breadcrumb .wpr-breadcrumb__list {
    margin-bottom: 3em
}

.class-info {
    margin-top: 23px
}

.class-info ul {
    display: flex;
    flex-wrap: wrap;
}

.class-info ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 12px;
    padding-bottom: 5px;
}

.class-info ul li i {
    padding: 15px;
    background-color: #fff;
    border-radius: 50px;
    margin-right: 9px
}

.class-info ul li ul {
    display: flex;
    flex-direction: column;
}

.class-info ul li ul li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1em;
}

.class-info ul li ul li h5 {
    color: #ffffff;
}

.class-info ul li ul li b {
    font-weight: 600;
    font-size: 13px;
}

.class-summary .add-to-cart-section .woocommerce-Price-amount {
    display: none
}

.content-breadcrumb .course-title {
    font-weight: 600;
    font-size: 2em;
}

.classes-list-wrapper .page-title .course-title {
    color: #ffffff !important
}

.classes-list-wrapper .page-title .breadcrumb__title {
    color: #ffffff !important
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 30%;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 66%;
}

.woocommerce-MyAccount-navigation li {
    list-style: none;
    width: 100%;
    clear: both
}

.woocommerce-MyAccount-navigation li.is-active a {
    color: #041a57;
    box-shadow: 0 3px 3px 2px rgba(213,218,223,.35);
    border-left: 5px solid #041a57
}

.woocommerce-MyAccount-navigation li a:hover {
    color: #041a57;
    box-shadow: 0 3px 3px 2px rgba(213,218,223,.35);
    border-left: 5px solid #041a57
}

.woocommerce-MyAccount-navigation li a {
    font-weight: 400 !important;
    font-size: 26px;
    line-height: 1.3em;
    letter-spacing: 0;
    color: #a8a8a8;
    margin: 0;
    font-weight: 300;
    box-shadow: 0 3px 3px 2px rgba(213, 218, 223, .35);
    border-left: 5px solid #28ab26;
    background: #fff;
    border: 1px #d5dadf solid;
    border-left: 5px solid #d5dadf;
    box-shadow: 0 2px 3px rgba(213, 218, 223, .35);
    padding: 11px 15px;
    border-radius: 3px;
    cursor: pointer;
    transition: all .2s ease;
    margin-bottom: 15px;
    list-style: none;
    display: block;
}

.mob-break {
    display: none;
    clear: none
}

.woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {
    float: none;
    width: 100%
}

.woocommerce div.product div.images img {
    width: 98%;
    margin: 0 auto!important
}

.woocommerce-account .woocommerce-MyAccount-content {
    color: #000
}

.u-columns.addresses {
    margin-top: 30px
}

.u-columns.addresses .woocommerce-Address {
    width: 48%!important
}

.woocommerce-account .addresses .title .edit {
    float: left
}

.woocommerce-page button.button {
    color: #fff!important;
    font-weight: 500;
    font-size: 16px;
    background: var(--primary-theme-color) !important;
    border: 1px solid var(--primary-theme-color)!important;
    border-radius: 4px;
    line-height: 26px;
    padding: 8px 20px 10px 20px;
    margin-top: 23px;
    transition: .3s all ease;
    font-family: inherit;
}

.woocommerce-page button.button:hover {
    color: var(--primary-theme-color)!important;
    background-color: #ffffff!important;
    border: 1px solid var(--primary-theme-color)!important
}

.woocommerce form .form-row {
    margin: 0 0 15px;
}

.woocommerce form .form-row .input-text, .woocommerce form .form-row select, .select2-container .select2-dropdown, .select2-container .select2-selection {
    height: 42px;
    border-radius: 4px !important;
    border: 2px solid #ddd !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius: 0px !important;
}

.woocommerce-input-wrapper textarea {
    height: 120px !important;
}

.woocommerce form .form-row label {
    line-height: 2;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
}

.woocommerce-EditAccountForm fieldset {
    padding: 15px;
}

.woocommerce form.login {
    width: 100% !important;
}

.woocommerce table.my_account_orders .button {
    background-color: var(--primary-theme-color);
    color: #ffffff;
}

.checkout_coupon {
    margin-top: -35px !important;
    padding: 20px 20px 3px 20px !important;
}

.select2-container--default .select2-results>.select2-results__options, .select2-results {
    background-color: #fff;
    margin-top: 2px;
}

.event-filter-tab {
    display: flex;
    margin: 0 0 25px;
    padding: 0;
    align-items: center;
    justify-content: space-between
}

ul.tab_blog {
    display: flex;
    margin: 0;
    padding: 8px 8px;
    color: #a6a6a6;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    align-items: center;
    justify-content: space-around;
}

ul.tab_blog li {
    list-style: none;
    display: flex;
    gap: 27px;
    margin: 0;
    padding: 0 5px;
    color: #a6a6a6
}

ul.tab_blog li a {
    color: #000000;
    text-decoration: none;
    padding: 14px 12px;
    border-radius: 5px;
}

ul.tab_blog li a:hover {
    color: #ffffff;
    background: var(--secondary-theme-color);
}

ul.tab_blog li a.active_blog {
    color: #ffffff;
    font-weight: 600;
    background: var(--primary-theme-color);
    border-radius: 5px
}

ul.breadcrumb {
    display: flex;
    margin: 0 0 25px;
    padding: 0;
    color: #a6a6a6
}

ul.breadcrumb li {
    list-style: none;
    display: flex;
    gap: 27px;
    margin: 0 20px 0 0;
    padding: 0 0 0 13px;
    color: #a6a6a6
}

ul.breadcrumb li a {
    color: #000000;
    text-decoration: none
}

ul.breadcrumb li a:hover {
    color: #0077d4
}

ul.breadcrumb li a.activea {
    color: #0077d4;
    font-weight: 600
}

.events-list {
    margin-top: 45px;
}

.event-table {
    display: flex;
    flex-direction: column;
    width: 100%
}

.event-row {
    display: flex;
    justify-content: space-between
}

.event-cell {
    flex: 1;
    padding: 10px;
    border: 1px solid #ddd
}

.event-row.header {
    background-color: #f4f4f4;
    font-weight: 700
}

.add-calendar-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.add-calendar-list li {
    display: inline-block;
    margin-right: 10px
}

.add-to-calendar {
    display: flex;
    align-items: center
}

.calendar-icon {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.event_list_grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
    flex-direction: column
}

.event_list_grid .event_list_data {
    padding: 24px 40px;
    background-color: var(--white);
    border-radius: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid;
    position: relative
}

.event_list_grid .event_list_data .content-items .content {
    max-width: 400px
}

.event_list_grid .event_list_data .content-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px
}

.event_list_grid .event_list_data .content-items .post-date {
    padding: 11px 15px;
    border-radius: 10px;
    border: 1px solid rgba(0,91,255,.1);
    background: rgba(0,91,255,.1);
    font-size: 14px;
    font-weight: 500;
    color: var(--theme-blue);
    display: inline-block;
    line-height: 1
}

.event_list_grid .event_list_data .event-image {
    margin-right: 45px;
    min-width: 250px;
    position: relative;
    min-height: 50px
}

.event_list_grid .event_list_data .event-image img {
    max-width: 250px;
    border-radius: 10px
}

.event_list_grid .event_list_data img {
    position: absolute;
    transform: translateY(-32%) rotate(0deg) scale(0.4);
    opacity: 1;
    transition: all .5s ease;
    z-index: 1;
    min-width: 70px;
}

.event_list_grid .event_list_data.active img {
    opacity: 1;
    transform: translateY(-32%) rotate(-8deg) scale(1);
    z-index: 4;
    top: -30%;
}

.event_list_grid .event_list_data .button-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
    list-style: none
}

.event_list_grid .event_list_data .button-list li i {
    color: var(--primary-theme-color)
}

.event_list_grid .event_list_data .button-list li .list-btn {
    position: relative;
    z-index: 2;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 15px;
    border: none;
    text-align: center;
    background-color: var(--theme-green);
    color: var(--header);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1;
    padding: 20px 30px;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    color: var(--header);
    padding: 16px 25px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid var(--grey-color);
    transition: all .25s
}

.event_list_grid .event_list_data .button-list li .list-btn:hover {
    background-color: var(--primary-theme-color);
    color: #ffffff;
}

.event_list_grid .event_list_data:hover .button-list li .list-btn {
    border: 2px solid var(--primary-theme-color);
}

.page-title .content {
    text-align: left;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    justify-content: center;
    align-content: flex-start;
}

.page-title .dark-mode h1 {
    color: #fff;
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: left;
}

.page-title .dark-mode h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    text-align: left;
}

.pagination-wrapper {
    width: 100%;
    text-align: center;
    margin: 20px 0
}

.pagination-wrapper ul.custom-pagination {
    display: inline-flex!important;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    gap: 10px
}

.pagination-wrapper ul.custom-pagination li {
    float: none!important;
    position: static!important;
    display: inline-block!important
}

.pagination-wrapper ul.custom-pagination li a, .pagination-wrapper ul.custom-pagination li span.current {
    display: inline-block!important;
    padding: 8px 14px;
    border-radius: 5px;
    background-color: #eee;
    color: #333;
    text-decoration: none;
    user-select: none;
    transition: background-color .3s ease
}

.pagination-wrapper ul.custom-pagination li a:hover {
    background-color: #3d3983;
    color: #fff
}

.pagination-wrapper ul.custom-pagination li span.current {
    background-color: #3d3983;
    color: #fff;
    font-weight: 700
}

.pagination-wrapper ul.custom-pagination li a.next, .pagination-wrapper ul.custom-pagination li a.prev {
    position: static!important;
    top: auto!important;
    transform: none!important
}

.event-filter-form label {
    font-weight: 600;
    color: #333
}

.event-filter-form select {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    font-size: 16px;
    padding-right: 20px;
    padding-left: 0;
}

/* .event-filter-form select {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-image:linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ffffff, #ffffff); background-position:calc(100% - 21px) calc(1em + 0px), calc(100% - 16px) calc(1em + 0px), calc(100% - 2.5em) 0.5em; background-size:5px 5px, 5px 5px; background-repeat:no-repeat; padding:9px 35px 9px 12px;} */
.event-filter-form select#event_type {
    background-position: calc(100% - 20px) calc(1em + 0px), calc(100% - 16px) calc(1em + 0px), calc(100% - 2.5em) 0.5em;
}

.blog h2 {
    font-size: 2.1em;
    margin-bottom: 20px
}

.program_wrapper li {
    list-style: none!important;
    position: relative;
    /* background-color:#fff; */
    width: 100%;
    height: auto;
    padding-bottom: 12px;
    border-radius: 0px;
    border: none;
    padding: 0px;
    -webkit-transition: all .3s 0s ease-out;
    -moz-transition: all .3s 0s ease-out;
    -ms-transition: all .3s 0s ease-out;
    -o-transition: all .3s 0s ease-out;
    transition: all .3s 0s ease-out;
    /* overflow:hidden; */
}

.program_wrapper li:hover {
    border-color: #1f212e
}

.program_wrapper figure {
    position: relative;
    overflow: hidden
}

.program_wrapper figure img {
    border-radius: 8px;
    object-fit: cover;
}

.program_wrapper span {
    background: #f2f2f2;
    padding: 9px 20px;
    font-size: 15px;
    font-weight: 600
}

.program_wrapper h3 {
    color: var(--secondary-theme-color);
    font-weight: 400;
    font-size: 1em;
    margin: 0 0 16px 0;
    line-height: 1.4em;
    border-bottom: 1px solid #e6efff;
    padding-bottom: 0;
    overflow: hidden;
}

.program_wrapper h3 a {
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 1.5em;
    margin-bottom: 8px;
}

.program_wrapper i {
    font-size: 14px;
    position: absolute;
    left: 15px;
    bottom: 50px;
    height: 35px;
    z-index: 5;
    padding: 10px 5px 9px 9px;
    background-color: #000;
    display: flex;
    color: #fff;
    align-items: center;
    font-style: normal;
    border-radius: 6px
}

.program_wrapper i svg {
    width: 21px;
    height: 22px;
    margin-top: -5px;
    margin-right: 4px
}

.program_wrapper p {
    margin: -5px 0 5px 0;
    color: #555;
    font-size: 15px;
}

.read-more a {
    background: #ffffff;
    align-items: center;
    justify-content: center;
    padding: 8px 17px;
    line-height: 23px;
    cursor: pointer;
    transition: .3s all ease;
    color: #2c2c2c;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #999;
}

.read-more a:hover {
    color: #fff;
    background: var(--primary-theme-color);
    border: 1px solid var(--primary-theme-color);
}

.video-block i {
    width: 35px;
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    height: 35px;
    z-index: 5
}

.video-block i svg {
    width: 100%;
    height: 35px
}

.video-section {
    background-color: #fff;
    padding: 40px 20px
}

.video-section h2 {
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 20px
}

.video-block {
    list-style: none;
    position: relative
}

.video-block a {
    position: relative;
}

.video-block iframe {
    width: 100%;
    height: 200px
}

.video-slider-wraper {
    position: relative;
}

.video-icon {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 1;
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -33px;
    margin-left: -33px;
    cursor: pointer;
    transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, border-color 0.3s;
    -webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, border-color 0.3s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    z-index: 5;
}

.video-icon:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 11px 17px;
    border-left-color: rgba(255, 255, 255, 0.5);
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -6px;
    transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.video-icon:hover {
    animation: videoiconclick 1.5s infinite ease-in-out;
    -webkit-animation: videoiconclick 1.5s infinite ease-in-out;
}

.video-block .video-icon:before {
    content: '';
    display: none;
    position: absolute;
    left: -3px;
    top: -3px;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: #fff;
    border-right-color: rgba(255, 255, 255, 0.68);
    border-bottom-color: #fff;
    border-left-color: rgba(255, 255, 255, 0.68);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.video-block:hover .video-icon:before {
    display: block;
    animation: lds-dual-ring 1.2s linear infinite
}

.video-block:hover .video-icon:after {
    border-left-color: rgba(255, 255, 255,1);
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg)
    }

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

@-webkit-keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg)
    }

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

@keyframes videoiconclick {
    from {
        transform: scale3d(1, 1, 1);
        background-color: var(--secondary-theme-color);
    }

    50% {
        transform: scale3d(1.1, 1.1, 1.1);
        background-color: rgba(0, 0, 0, 0.5);
    }

    to {
        transform: scale3d(1, 1, 1);
        background-color: var(--secondary-theme-color);
    }
}

@-webkit-keyframes videoiconclick {
    from {
        transform: scale3d(1, 1, 1);
        background-color: var(--secondary-theme-color);
    }

    50% {
        transform: scale3d(1.1, 1.1, 1.1);
        background-color: rgba(0, 0, 0, 0.5);
    }

    to {
        transform: scale3d(1, 1, 1);
        background-color: var(--secondary-theme-color);
    }
}

.video_wrapper {
    position: relative
}

.video_wrapper li {
    list-style: none;
    position: relative
}

.video_wrapper .video-block h3 {
    transition: .3s all ease
}

.video_wrapper .video-block h3 a {
    color: #000
}

.video_wrapper .video-block:hover h3 {
    color: #0077d4
}

.video_wrapper .video-block figure {
    margin-bottom: 14px;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
}

.video_wrapper .video-block figure::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    transition: all .5s ease;
    top: 0;
    background-color: #000000;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.video_wrapper .video-block:hover figure::before {
    opacity: 0.3;
}

.video-block figure {
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 10px;
}

.video-block figure img {
    width: 100%;
    z-index: 2;
    display: block;
    position: relative;
}

.video-block time {
    margin-bottom: 15px;
    display: block;
}

.video-block time ul {
    display: flex;
    gap: 8px;
    margin: unset;
    padding: unset;
    list-style: none;
    align-content: flex-end
}

.video-block time ul li {
    position: relative
}

.video-block time ul li a {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    border-radius: 100px;
    margin-right: 10px;
    position: relative
}

.video-block time ul li a::after {
    position: absolute;
    content: "";
    top: 44%;
    right: -11px;
    height: 6px;
    width: 6px;
    background-color: #454545;
    border-radius: 50px;
}

.video-block time ul li:not(:first-child) {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #57595f;
    line-height: 2.0em;
}

.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    z-index: 1000;
    justify-content: center;
    align-items: center
}

.popup-content {
    position: relative;
    width: 80%;
    max-width: 800px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden
}

.popup-content iframe {
    width: 100%;
    height: 450px;
    border: none
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    background: red;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    font-weight: 700
}

.faq-wrapper {
    background: #f2f6ff;
    padding: 60px 0 60px 0;
    margin: 30px 0 60px 0
}

.left_faq_text {
    width: 40%
}

.right_faq_design {
    width: 60%
}

.faq-wrapper .container {
    display: flex
}

.faq-wrapper h2 {
    font-size: 45px;
    margin-bottom: 1em
}

.accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%
}

.accordion__item {
    border-bottom: 1px solid #d1d6df;
    overflow: hidden
}

.accordion__header {
    padding: 20px 0;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    font-size: 20px
}

.accordion__header::after {
    content: '';
    background: url(https://www.svgrepo.com/show/357035/angle-down.svg) no-repeat center;
    width: 20px;
    height: 20px;
    transition: .4s;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1
}

.accordion__header.active {
    background: #e5f3fa
}

.accordion__header.active::after {
    transform: rotateX(180deg)
}

.accordion__item .accordion__content {
    padding: 0 25px;
    max-height: 0;
    transition: .5s;
    overflow: hidden
}

.blogs-wrapper {
    padding: 0 0 0;
    margin: 0
}

.pectives_design {
    width: 100%
}

.inner_news_video {
    border: 1px solid #d1d6df;
    font-size: 25px
}

.inner_news_video h3 {
    display: flex;
    justify-content: space-between;
    padding: 0 20px
}

.blogs-wrapper .herf_link_news {
    border: 1px solid #cdcdcd;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 20px;
    line-height: 23px;
    cursor: pointer;
    transition: .3s all ease;
    color: #6a6a6a;
    text-decoration: none
}

.blogs-wrapper .herf_link_news:hover {
    border-color: #000;
    color: #000
}

.arrow_gray_inner {
    width: 50px
}

.blogs-wrapper .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}

.blog_wrapper h2 {
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 100
}

.blog_wrapper span {
    background: #f2f2f2;
    padding: 6px 11px
}

.blog_wrapper .blog_block h3, .related_video .blog_block h3 {
    margin: 0 0 13px;
    font-weight: 500;
    line-height: 2.3em
}

.blog_wrapper .blog_block h3 a, .related_video .blog_block h3 a {
    color: #000;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.6em;
    line-height: 1.3em
}

.blog_wrapper time, .related_video time {
    color: #555;
    font-size: 16px;
    margin-bottom: 6px;
    display: block;
}

.blog_wrapper .blog_block, .related_video .blog_block {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    list-style: none;
    align-content: space-around;
}

.latest_news_blog .blog_block {
    width: 25%;
}

.blog_wrapper .blog_block figure, .related_video .blog_block figure {
    height: 230px;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 14px;
}

.blog_wrapper .blog_block figure a img, .related_video .blog_block figure a img {
    display: block;
    transform: scale(1.05);
    transition: all .3s 0s ease-out;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog_wrapper .blog_block figure a:hover img, .related_video .blog_block figure a:hover img {
    transform: scale(1.2)
}

.blog_wrapper li time ul {
    display: flex;
    gap: 8px;
    margin: unset;
    padding: unset;
    list-style: none;
    align-content: flex-end
}

.blog_wrapper li time ul li {
    position: relative
}

.blog_wrapper li time ul li a::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: -35px;
    height: 1px;
    width: 24px;
    background-color: #d9d9d9
}

.blog_wrapper li time ul li:not(:first-child) {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #57595f
}

.slick-slider .element {
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    margin: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px
}

.slick-disabled {
    pointer-events: none;
    border-color: #3d3983
}

.slick-disabled svg {
    fill: #3d3983
}

.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none
}

.slick-dots li {
    margin: 0 .25rem
}

.slick-dots button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #d9d9d9;
    text-indent: -9999px
}

.slick-dots li.slick-active button {
    background-color: #3d3983
}

.aboutWelcome {
    padding: 30px 0
}

.aboutWelcome .aboutWelcome_content {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap
}

.aboutWelcome .aboutWelcome_image {
    width: 30%;
    padding-right: 15%
}

.aboutWelcome .aboutWelcome_text {
    width: 70%
}

.aboutWelcome .aboutWelcome_text p {
    line-height: 30px;
    font-size: 16px
}

.aboutWelcome .aboutWelcome_text h2 {
    font-size: 48px;
    position: relative;
    font-weight: 100;
    text-shadow: -17px -11px 0 #ebebeb
}

.aboutWelcome .aboutWelcome_image img, .rotating img {
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-name: clockwiseSpin;
    animation-timing-function: linear
}

.aboutWelcome .visionMission-wrap {
    display: inline-block;
    width: 100%;
    padding: 30px 0
}

.aboutWelcome .visionMission-wrap .visionWrap {
    width: 48%;
    float: left;
    display: block;
    margin-right: 4%;
    border-bottom: 1px solid #ebebeb
}

.aboutWelcome .visionMission-wrap .missionWrap {
    width: 48%;
    float: left;
    display: block;
    border-bottom: 1px solid #ebebeb
}

.aboutWelcome .visionMission-wrap h3 {
    font-size: 26px;
    font-weight: 400
}

.counterSection {
    padding: 50px 0 70px
}

.counterSection .counterWrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between
}

.counterSection .counterWrapper .counterWrap {
    text-align: center;
    padding: 60px 20px;
    background: #f8f8f9;
    width: 32.333%
}

.counterSection .counterWrapper .counterWrap .countMeter {
    font-size: 52px;
    font-weight: 400
}

.counterSection .counterWrapper .counterWrap h5 {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #9f9f9f
}

@keyframes clockwiseSpin {
    0%, 100% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(360deg)
    }
}

.welcome_text {
    width: 60%;
    padding-right: 17%
}

ul.community-services-list {
    margin: unset;
    padding: unset;
    list-style: none;
    margin-top: 55px
}

.services-mar__services {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.services-mar__services li {
    position: relative;
    padding-left: 40px;
    z-index: 0;
    counter-increment: steps
}

.services-mar__services li .service-name.h3 a {
    color: #464646!important;
    font-size: 26px;
    font-weight: 300;
    line-height: 109.375%;
    display: inline-block;
    transition: all .5s ease
}

.services-mar__services li.active .service-name.h3 a {
    color: #000!important
}

.services-mar__services li::before {
    position: absolute;
    top: 33%;
    left: 0;
    transform: translateY(-50%);
    content: "0" counter(steps);
    font-size: 26px;
    font-weight: 400;
    line-height: normal;
    color: #464646!important
}

.services-mar__services li.active::before {
    color: #000!important
}

.services-mar__services li img {
    position: absolute;
    top: 10%;
    right: 5%;
    transform: translateY(-30%) rotate(-8deg) scale(0);
    opacity: 0;
    transition: all .5s ease;
    z-index: 1;
    max-width: 320px;
}

.services-mar__services li.active .service-name.h3+img {
    opacity: 1;
    transform: translateY(-30%) rotate(-8deg) scale(1);
}

.services-mar__services li:last-child img {
    top: -120px;
}

#page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    visibility: hidden
}

.loader {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 1s linear infinite;
    position: fixed;
}

#page-loader .loader-logo img {
    width: 58px;
    height: auto;
}

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

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

/* #pre-load {height:100%;width:100%;position:fixed;margin-top:0;top:0;z-index:999999;display:flex;align-items:center;justify-content:center}
#pre-load .loader-inner{--loader-background:linear-gradient(
  0deg,
  rgba(50, 50, 50, 0.2) 0%,
  rgba(100, 100, 100, 0.2) 100%
  );height:250px;aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center}
#pre-load .loader-inner .loader-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:999;animation:color-change 2s infinite ease-in-out}
#pre-load .loader-inner .loader-logo span{color:var(--titleColor);font-size:50px;font-weight:700;display:block}
#pre-load .loader-inner .loader-logo img{width:60px;height:auto}
#pre-load .loader-inner .box{position:absolute;background:rgba(100,100,100,.15);background:#ffffff38;border-radius:50%;border-top:1px solid #646464;box-shadow:rgba(0,0,0,.3) 0 10px 10px 0;backdrop-filter:blur(5px);animation:ripple 2s infinite ease-in-out}
#pre-load .loader-inner .box:first-child{width:25%;z-index:99;aspect-ratio:1/1}
#pre-load .loader-inner .box:nth-child(2){inset:30%;z-index:98;border-color:rgba(100,100,100,.8);animation-delay:.2s}
#pre-load .loader-inner .box:nth-child(3){inset:20%;z-index:97;border-color:rgba(100,100,100,.6);animation-delay:.4s}
#pre-load .loader-inner .box:nth-child(4){inset:10%;z-index:96;border-color:rgba(100,100,100,.4);animation-delay:.6s}
#pre-load .loader-inner .box:nth-child(5){inset:0%;z-index:95;border-color:rgba(100,100,100,.2);animation-delay:.8s}
@keyframes ripple{
0%{transform:scale(1);box-shadow:rgba(0,0,0,.3) 0 10px 10px 0}
50%{transform:scale(1.3);box-shadow:rgba(0,0,0,.3) 0 30px 20px 0}
100%{transform:scale(1);box-shadow:rgba(0,0,0,.3) 0 10px 10px 0}
}
@keyframes color-change{
0%{opacity:.7}
50%{opacity:1}
100%{opacity:.7}
} */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: auto;
    margin: 10px;
    width: 320px;
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

#search, .popup-active {
    align-items: center;
    height: 0;
    display: flex;
    opacity: 0;
    position: fixed!important;
    width: 100vw;
    will-change: transform, opacity;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    flex-direction: row;
    justify-content: center;
    background: rgb(0 0 0 / 73%);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    transition: opacity .12s cubic-bezier(.4,0,.6,1) 10ms, visibility .32s step-end 20ms;
}

#search:target, .popup-active {
    height: 100vh!important;
    opacity: 1;
    width: 100vw!important;
    z-index: 2;
    display: block;
    text-align: center;
}

#search:target .close-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50px;
    right: 50px;
    width: 50px;
    height: 50px;
    background-color: #fff;
    display: grid;
    place-content: center;
    border-radius: 100%;
    font-size: 30px;
    font-weight: 400;
    transition: all .5s ease;
    z-index: 2
}

#searchbox {
    background: 0 0;
    border: solid #fff;
    border-width: 0 0 1px 0;
    color: #fff;
    flex: 1 0 auto;
    font-size: 2rem;
    height: 2rem;
    max-width: 50%;
    outline: 0;
    padding: 2rem 1rem
}

.close-btn {
    display: none;
    color: #555;
    font-size: 2rem;
    position: absolute;
    top: .5rem;
    right: 2rem
}

.close-btn:hover {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.search_pop form {
    max-width: 50%;
    width: 100%;
    display: inline-flex;
    height: max-content;
    overflow: hidden;
    justify-content: center;
    margin: 35vh auto 0;
}

.search_pop form input {
    width: 100%;
    border-radius: 0;
    border: none;
    padding: 5px 20px;
    font-size: 20px;
    text-transform: capitalize;
    color: var(--primary-black);
    font-weight: 500
}

.search_pop form button {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    background-color: #555555;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 300%;
    padding: 9px 40px;
    border: 1px solid transparent
}

#nav ul.left, #search.left {
    left: 0;
    height: 100vh;
    width: 0
}

#nav ul.right, #search.right {
    height: 100vh;
    width: 0;
    right: 0;
    left: auto!important
}

#nav ul.bottom.left, #nav ul.bottom.right, #nav ul.top.left, #nav ul.top.right, #search.bottom.left, #search.bottom.right, #search.top.left, #search.top.right {
    height: 0
}

#nav ul.bottom, #search.bottom {
    bottom: 0;
    top: auto!important
}

#nav ul.fade, #search.fade {
    height: 100vh;
    width: 100vw;
    transition: opacity .5s;
    overflow: hidden
}

.right-menu {
    display: flex
}

.search_trigger {
    padding: 12px 15px;
}

.search_trigger a {
    font-size: 20px;
    color: #000
}

.search-results-list {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.search-results-list li {
    margin-bottom: 20px;
    width: 30%;
    padding: 10px
}

.search-result-title {
    font-size: 1.5em;
    margin: 10px 0
}

.search-result-title a {
    text-decoration: none
}

.search-result-title a:hover {
    text-decoration: underline
}

.search-result-excerpt {
    font-size: .9em;
    color: #555;
}

.post-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 5px
}

.progress-wrap {
    right: 25px;
    bottom: 25px;
    color: #fff;
    position: fixed;
    right: 50px;
    bottom: 50px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px #fff;
    z-index: 8;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all .2s linear
}

.progress-wrap input {
    z-index: 10001
}

.progress-wrap input:checked+html {
    -ms-scroll-snap-type: unset;
    scroll-snap-type: unset
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.progress-wrap::after {
    position: absolute;
    content: "↑";
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    color: gray;
    left: 0;
    top: -2px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    transition: all .2s linear
}

.progress-wrap:hover::after {
    opacity: 0
}

.progress-wrap:hover::before {
    opacity: 1
}

.progress-wrap::before {
    position: absolute;
    content: "↑";
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    opacity: 0;
    -webkit-text-fill-color: var(--secondary-theme-color);
    left: 0;
    top: -2px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    transition: all .2s linear
}

.progress-wrap svg path {
    fill: none
}

.progress-wrap svg.progress-circle path {
    stroke: var(--secondary-theme-color);
    stroke-width: 4;
    box-sizing: border-box;
    transition: all .2s linear
}

.contact_content {
    display: grid;
    grid-template-columns: 3fr 1fr 3fr;
    gap: 20px
}

.getIntouch-iconWrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px
}

.getIntouch-iconWrapper .getIntouch-iconWrap:last-child {
    grid-column: 1/-1
}

.getIntouch-iconWrapper .getIntouch-iconWrap {
    border: 1px solid #ececec;
    padding: 20px
}

.getIntouch-iconWrapper .getIntouch-iconBox {
    margin-bottom: 15px
}

.getIntouch-iconWrapper .getIntouch-content-title {
    margin-bottom: 15px
}

.getIntouch-iconWrapper .getIntouch-content-description {
    color: #0f0f0f;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 0
}

.getIntouch-iconWrapper .getIntouch-content-description a {
    color: #0f0f0f
}

.contactLeft h2 {
    font-size: 40px;
    margin-bottom: 30px;
    font-weight: 100;
    color: #000
}

.contactRight h2 {
    font-size: 40px;
    margin-bottom: 30px;
    font-weight: 100;
    color: #000
}

.visionWrap form input, .visionWrap form textarea {
    width: 100%;
    height: 100%;
    display: block;
    padding: 18px 20px;
    resize: none;
    border: 1px solid #ececec;
    text-transform: capitalize
}

.visionWrap form textarea {
    max-height: 82px;
    min-height: 112px;
    height: 100%;
    font-family: inherit;
}

.visionWrap form textarea {
    max-height: 82px;
    min-height: 112px;
    height: 100%;
    font-family: inherit;
}

.visionWrap form .wpcf7-form-control.wpcf7-submit {
    font-family: inheritl;
    font-weight: 500;
    letter-spacing: normal;
    display: inline-flex;
    gap: 10px;
    font-size: 17px;
    align-items: center;
    overflow: hidden;
    transition: all .4s linear;
    border: 2px solid var(--primary-theme-color);
    white-space: nowrap;
    border-color: rgba(15, 15, 15, .12) !important;
    padding: 14px;
    cursor: pointer;
    border-radius: 8px;
    font-family: inherit;
}

.visionWrap form .wpcf7-form-control.wpcf7-submit:hover {
    color: #000000;
    background: #ffffff !important;
    border-color: var(--primary-theme-color) !important;
}

.centerDivider {
    width: 1px;
    height: 460px;
    background: #ececec;
    margin: 0 auto;
    margin-top: 20px
}

.faqContentSection {
    padding: 50px 0
}

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

.accordion-wrapper {
    position: relative
}

.accordion-wrapper .acc-head {
    padding: 30px 0;
    border-top: 1px solid #efefef;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize
}

.acc-head.active {
    padding-bottom: 0
}

.acc-head::after {
    content: '\2b';
    position: absolute;
    right: 16px;
    color: #000;
    font-family: FontAwesome;
    transition: .4s
}

.acc-head.active::after {
    content: '\f068';
    position: absolute;
    right: 16px;
    color: #000;
    transition: .4s;
    font-family: FontAwesome
}

.acc-body {
    padding: 30px 0 30px;
    line-height: 30px;
    font-size: 16px
}

.faqLeft h2 {
    font-size: 40px;
    margin-bottom: 30px;
    font-weight: 100;
    color: #000
}

.faqRight p {
    margin-bottom: 0;
    line-height: 30px;
    font-size: 16px
}

.faqRight .coman_hrlink {
    margin-top: 2em
}

.sidebar {
    flex: 1;
    flex: 0 1 24.5%;
    max-width: 24.5%
}

.sidebar .sidebar_inner {
    position: sticky;
    top: 60px;
    padding: 20px 30px 40px 30px;
    border-radius: 16px;
    background: #f9f9fb;
    border: 1px solid #fff
}

.sidebar .widget:not(:last-child) {
    margin-bottom: 1.8rem;
    border-bottom: 1px solid var(--theme-border);
    padding-bottom: 1.8rem
}

.sidebar .widget-title {
    line-height: 30px;
    color: var(--theme-dark-color);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 7px
}

.sidebar ul {
    list-style-type: none
}

.sidebar ul li {
    line-height: 2em;
    font-size: 15px
}

.sidebar ul li a {
    font-size: 15px;
    color: #57595f;
    font-weight: 400;
    position: relative;
    padding-left: 5px;
    z-index: 1
}

.sidebar .searchform {
    position: relative;
    display: inline-block;
    width: 100%
}

.sidebar .searchform input:not([type=submit]) {
    width: 100%;
    padding: 8px 15px;
    padding-right: 85px;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    background-color: var(--theme-white);
    border: 1px solid var(--theme-border);
    border-radius: 4px;
    float: left
}

.sidebar .searchform input:focus-visible {
    outline: 0
}

.sidebar .searchform input[type=submit] {
    background-color: var(--primary-theme-color);
    color: var(--theme-white);
    border: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    border-radius: 4px;
    padding: 8px 19px;
    transition: all .3s ease-in-out;
    position: absolute;
    right: 0;
    top: 0
}

.sidebar .searchform input[type=submit]:hover {
    background-color: var(--theme-hover-color);
    color: var(--theme-white)
}

.video-heading {
    width: 50%;
    margin: auto
}

.video-heading h2 {
    color: #fff;
    font-size: 42px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    z-index: 1
}

.single-video-banner {
    position: relative
}

.single-video-banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: #051821;
    opacity: .7
}

.video-iframe iframe {
    width: 100%;
    max-height: 600px;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 50px 0 rgba(0,0,0,.25);
    z-index: 3
}

.single-post-content {
    margin-top: 30px
}

.hero-shape1:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 712px;
    height: 185px;
    background-color: rgb(196 4 9 / 30%);
    z-index: 2;
    -webkit-clip-path: polygon(100% 100%,0 0,0 100%);
    clip-path: polygon(100% 100%,0 0,0 100%)
}

.hero-shape1:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 712px;
    height: 269px;
    z-index: 2;
    -webkit-clip-path: polygon(100% 100%,0 0,0 100%);
    clip-path: polygon(100% 100%,0 0,0 100%);
    height: 269px;
    background-color: rgb(209 193 224 / 47%);
    z-index: 1
}

.hero-shape2:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 712px;
    height: 185px;
    background-color: rgb(196 4 9 / 30%);
    z-index: 2;
    -webkit-clip-path: polygon(100% 0,0 100%,100% 100%);
    clip-path: polygon(100% 0,0 100%,100% 100%)
}

.hero-shape2:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 712px;
    height: 269px;
    background-color: rgb(209 193 224 / 47%);
    z-index: 1;
    -webkit-clip-path: polygon(100% 0,0 100%,100% 100%);
    clip-path: polygon(100% 0,0 100%,100% 100%)
}

.footer-width.full-width {
    max-width: 100%;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.footer-background {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    background: url(images/footer-pattern.svg) repeat-x;
    opacity: 0.2;
}

.footer {
    padding-top: 60px;
    font-size: 16px;
    position: relative;
    z-index: 1;
}

footer li {
    list-style: none;
    margin-bottom: 15px
}

footer li:last-child {
    margin-bottom: 0
}

.site-footer {
    background-color: #333;
    color: #fff;
    padding: 2rem 0;
    text-align: center
}

.footer-widgets {
    margin: 0 auto;
    display: grid ;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 2fr));
    grid-gap: 1.9rem;
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.footer-column {
    flex: 1;
    padding: 0 1rem
}

footer li {
    margin-bottom: 8px;
}

footer li:last-child {
    margin-bottom: 0
}

.footer-column .widget {
    margin-bottom: 1.0rem;
    display: inline-block;
}

.footer-column .widget-title {
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
    font-weight: 500;
}

.footer-bottom {
    padding: 10px 10px;
    font-size: .9rem;
    margin-top: 1rem;
    text-align: center;
    display: block;
}

#back-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    height: 40px;
    width: 40px;
    border-radius: 4px;
    cursor: pointer;
    background-color: var(--secondary-theme-color);
    color: var(--theme-white);
    box-shadow: 0 0 3px #fff;
    transition: all .3s ease-in-out;
    display: none
}

#back-to-top i {
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center
}

#back-to-top:hover {
    background-color: var(--primary-theme-color);
    color: var(--theme-white)
}

.footer-one .footer-widgets.widgets2 .contact-boxes {
    min-height: 30px;
    line-height: 30px;
    padding: 23px 30px;
    position: relative;
    overflow: hidden
}

.footer-one .widget .menu li a {
    padding-left: 0px;
    position: relative
}

.footer-one .widget .menu li a::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    font-size: 12px
}

.footer-one .footer-widgets.widgets1 {
    margin-bottom: 30px
}

.footer-one .footer-widgets .column1 {
    width: 100%;
    padding-right: 5%;
}

.footer-one .footer-widgets .footer-column {
    flex: auto;
}

.footer-one .footer-widgets.widgets1 .footer_content {
    margin: 30px 30px 30px 0;
    font-size: 15px;
    line-height: 30px
}

.footer-one .footer-widgets.widgets2 .contact-boxes .subtitle, .footer-one .footer-widgets.widgets2 .contact-boxes .title {
    display: block;
    padding-left: 68px
}

.footer-one .footer-widgets.widgets2 .contact-boxes .title {
    font-size: 16px;
    font-weight: 700;
    position: relative
}

.footer-one .footer-widgets.widgets2 .contact-boxes .title .contact-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 100%;
    background: rgba(255,255,255,.05);
    font-size: 20px
}

.footer-one .footer-widgets.widgets2 .contact-boxes .subtitle {
    font-size: 15px;
    opacity: .8
}

.footer-one .footer-bottom {
    border-top: 1px solid #ffffff55;
}

.footer-one .footer-media-icons a {
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    margin: 3px;
    background-color: rgba(255,255,255,.05)
}

.footer-one .footer-media-icons i {
    font-size: 14px;
    line-height: 36px
}

.footer-second .footer-bottom {
    border-top: 1px solid #444
}

.footer-second .widgets1 {
    padding-bottom: 40px;
}

.footer-second .icons_wrap {
    margin-top: 50px
}

.footer-second .icons_wrap a {
    margin: 5px;
    text-decoration: none;
    text-align: center;
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.footer-third .footer-widgets .footer_content {
    margin: 30px 0;
    font-size: 15px;
    line-height: 28px
}

.same_third {
    padding-left: 4%!important;
    padding-right: 4%!important
}

.address_detail_third {
    line-height: 40px;
    color: #bfc1cb
}

.address_detail_third a {
    color: #bfc1cb!important
}

.address_detail_third a:hover {
    text-decoration: underline
}

.footer-third .margin_address {
    margin-top: 26px;
    padding-right: 20%
}

.footer-third .margin_address div {
    line-height: 30px
}

.right_border_third .contact-links {
    display: flex;
    flex-direction: column
}

.right_border_third {
    border-right: 1px solid #ffffff57
}

.footer-third .footer-column:nth-child(1) .widget-title {
    margin-bottom: 7px;
    padding-bottom: 0px;
}

.footer-third li {
    margin-bottom: 10px
}

.footer-third {
    padding-top: 0
}

.footer-third .footer-column .widget-title {
    position: relative;
    text-transform: uppercase
}

.footer-third .footer-column {
    padding-top: 70px;
    padding-bottom: 60px;
    padding-left: 0
}

.footer-third .menu .menu li a {
    position: relative;
    font-size: 17px
}

.footer-third .menu .menu li a::before {
    content: '\f0c8';
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-variant: normal;
    font-size: 6px;
    position: absolute;
    left: 0;
    top: 10px;
    line-height: normal;
    display: none
}

.footer-third .Contact-list li, .footer-third .Contact-list li a {
    display: flex;
    gap: 15px
}

.footer-third .bottom_wrapper .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    align-content: center
}

.footer-third .bottom_wrapper .footer-bottom p {
    margin-bottom: 0;
    padding-bottom: 0
}

.footer-third .bottom_wrapper {
    background-color: #1f212e;
    border-top: 1px solid #ffffff57
}

.bottom_wrapper .text-right a {
    display: flex;
    align-items: center
}

.bottom_wrapper .text-right img {
    width: 16px
}

.footer-third .bottom_wrapper .footer-media-icons a {
    font-size: 16px;
    margin-right: 18px
}

.footer-third .bottom_wrapper .footer-media-icons a:last-child {
    margin-right: 0
}

.footer-third .footer-column.with_bg {
    position: relative;
    z-index: 2
}

.stay_updated form {
    position: relative
}

.stay_updated hr {
    display: none
}

.stay_updated input.wpcf7-email {
    border: 1px solid #fff;
    padding: 20px 66px 20px 20px;
    width: 100%;
    border-radius: 50px;
    background: #00000000;
    color: #fff;
    font-size: 14px
}

.stay_updated input::placeholder {
    color: #9c9fad
}

.stay_updated .wpcf7-submit {
    border: none;
    padding: 29px 25px;
    position: absolute;
    top: 0px;
    right: 11px;
    background: url(images/paper-plane.svg)!important;
    background-repeat: no-repeat!important;
    background-size: 30px!important;
    background-position: center!important;
    font-size: 0px;
    cursor: pointer;
    transition: .3s all ease
}

.stay_updated .wpcf7-form [type=submit] {
    border: none
}

.stay_updated .wpcf7-submit:hover {
    text-decoration: underline
}

.address_detail {
    padding-left: 12%!important
}

.address_detail .number_address {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 40px
}

.address_detail .number_address:last-child {
    margin-bottom: 0;
    padding-right: 23%
}

.address_detail .number_address img {
    width: 38px;
    border-right: 1px solid #fff;
    border-radius: 0;
    padding: 8px 15px 8px 0
}

.address_detail .number_address div {
    display: flex;
    flex-direction: column;
    color: #bfc1cb
}

.address_detail .number_address div b {
    color: #fff
}

.footer-fourth .footer-widgets .widget-title {
    font-size: 1.5rem
}

.bottom_wrapper .text-right {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
}

.bottom_wrapper .text-right a {
    display: flex;
    align-items: center;
    gap: 5px;
}

.bottom_wrapper .text-right img {
    width: 16px;
}

.footer-fourth .bottom_wrapper .footer-bottom {
    display: flex ;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    border-top: #767676 1px solid;
}

.footer-fourth .footer-bottom {
    padding: 1.5rem 0rem;
}

.footer-fourth .footer-media-icons a {
    margin-right: 20px;
}

.footer-fourth .footer-media-icons {
    padding: 15px 0;
}

.footer.footer-fourth li {
    margin-bottom: 10px;
}

.footer.footer-fourth .menu li {
    padding-left: 20px
}

.footer-fourth .footer-column {
    flex: 1;
    padding: 0;
}

.footer-fourth .footer-column:last-child {
    padding-right: 0 ;
}

.footer-fourth .footer-widgets {
    padding-top: 2em;
    padding-bottom: 4em;
}

footer .contact-button img.site-logo {
    width: 100%;
    max-width: 80%;
    height: auto;
    margin-bottom: 16px;
}

.community-team-wrapper {
    width: 100%;
}

.community-team-wrapper main {
    width: 100%;
}

.community-team-wrapper .columns_view {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(275px,1fr));
    gap: 30px
}

.community-team-wrapper .columns_view article {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
    background-color: #f2f6ff;
    padding: 15px;
    border-radius: 15px;
}

.community-team-wrapper .columns_view figure {
    overflow: hidden;
    border-radius: 15px;
}

.community-team-wrapper .columns_view .team_thumbnail img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    object-position: top center;
    display: inline-block;
    transition: transform .5s ease;
    border-radius: 15px;
}

.community-team-wrapper .columns_view .team_thumbnail {
    width: 100%;
    height: 220px;
    border-radius: 4px;
    object-fit: cover;
    overflow: hidden
}

.community-team-wrapper .columns_view .team_thumbnail a {
    width: 100%;
    height: 100%
}

.community-team-wrapper .columns_view article:hover .team_thumbnail img {
    transform: scale(1.1)
}

.community-team-wrapper .columns_view .team_title {
    margin: 15px 0 0px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3em
}

.community-team-wrapper .columns_view .team_title a {
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--theme-dark-color);
    transition: all .3s ease;
    text-transform: capitalize
}

.community-team-wrapper .columns_view .team_title a:hover {
    color: var(--theme-hover-color)
}

.community-team-wrapper .columns_view .team_meta {
    display: flex;
    gap: 20px;
    font-size: 17px;
    color: #555
}

.community-team-wrapper .columns_view .team_meta i {
    margin-right: 4px
}

.community-team-wrapper .columns_view .team_content {
    font-size: 1rem;
    color: #6c706f;
    line-height: 22px
}

.community-team-wrapper .columns_view .team_category {
    font-size: 17px
}

.community-team-wrapper .columns_view .team_body .theme-btn {
    background: #ededed;
    align-items: center;
    justify-content: center;
    padding: 10px 17px;
    line-height: 24px;
    cursor: pointer;
    transition: .3s all ease;
    color: #2c2c2c;
    text-decoration: none;
    font-weight: 600;
    font-size: 13px
}

.community-team-wrapper .columns_view article .team-social {
    display: block;
    width: 100%;
}

.community-team-wrapper .columns_view article .team-social .social-media {
    display: flex;
    flex-direction: row;
}

.community-team-wrapper .columns_view article .team-social .social-media li {
    list-style: none;
    margin-right: 10px;
}

.community-team-wrapper .columns_view article .team-social .social-media li a {
    padding: 4px;
    font-size: 14px;
    background-color: #dce2ef;
    border-radius: 6px;
    width: 35px;
    display: block;
    height: 35px;
    text-align: center;
}

.community-team-wrapper .columns_view article .team-social .social-media li a svg {
    width: 18px;
    height: 20px;
}

.community-team-wrapper .columns_view .team-footer {
    margin-top: 20px;
    margin-bottom: 3px;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.community-team-wrapper .columns_view .team-footer .member__highlighted {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.025em;
    transition: 0.4s;
    color: #031f42;
    opacity: 0.4;
    position: relative;
    z-index: 1;
    display: inline-block;
    text-transform: uppercase;
    width: calc(100% - 40px);
}

.community-team-wrapper .columns_view .team-footer .member__info-icon {
    font-size: 30px;
    line-height: 0;
    color: var(--secondary-theme-color);
    margin: -20px 0;
}

.single-member .sidebar {
    flex: 1;
    flex: 0 1 50.5%;
    max-width: 50.5%;
}

.single-member .sidebar .sidebar_inner {
    padding: 0;
    border-radius: 10px;
    background: transparent;
    border: none;
}

.single-member .member__thumbnail img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: top center;
    border-radius: 15px;
}

.single-member .single-member-wrapper .member__info, .single-member .single-member-wrapper .member__excerpt {
    margin-bottom: 30px;
}

.single-member .single-member-wrapper .info__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 6px;
}

.single-member .single-member-wrapper .info__item h5 {
    margin: 0;
    font-size: 1.0em;
    margin-right: 8px;
}

.single-member .single-member-wrapper .info__item span {
    font-size: 16px;
    padding-left: 20px;
}

.single-member .single-member-wrapper .member__experience {
    margin-bottom: 25px;
}

.single-member .single-member-wrapper .member__highlighted {
    font-size: 14px;
    text-transform: uppercase;
}

.single-member .single-member-wrapper .member__name {
    font-size: 2em;
    font-weight: 700;
}

.single-member .single-member-wrapper .member__career .career_wrapper {
    margin-bottom: 25px;
}

.single-member .single-member-wrapper .member__career .career_wrapper .career_year {
    font-weight: 600;
    font-size: 1.3em;
    margin-bottom: 8px;
}

.single-member .single-member-wrapper .member__socials .social-media {
    display: flex;
    flex-direction: row;
}

.single-member .single-member-wrapper .member__socials .social-media li {
    list-style: none;
    margin-right: 10px;
}

.single-member .single-member-wrapper .member__socials .social-media li a {
    padding: 4px;
    font-size: 14px;
    background-color: #dce2ef;
    border-radius: 6px;
    width: 35px;
    display: block;
    height: 35px;
    text-align: center;
}

.single-member .single-member-wrapper .member__socials .social-media li a svg {
    width: 18px;
    height: 20px;
}

.community-post-wrapper .columns_view {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(275px,1fr));
    gap: 30px
}

.community-post-wrapper .columns_view article {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px
}

.community-post-wrapper .columns_view .post_thumbnail img {
    width: 100%;
    height: 100%;
    display: inline-block;
    transition: transform .5s ease
}

.community-post-wrapper .columns_view .post_thumbnail {
    width: 100%;
    height: 220px;
    border-radius: 4px;
    object-fit: cover;
    overflow: hidden
}

.community-post-wrapper .columns_view .post_thumbnail a {
    width: 100%;
    height: 100%
}

.community-post-wrapper .columns_view article:hover .post_thumbnail img {
    transform: scale(1.1)
}

.community-post-wrapper .columns_view .post_title {
    margin: 15px 0 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3em
}

.community-post-wrapper .columns_view .post_title a {
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--theme-dark-color);
    transition: all .3s ease;
    text-transform: capitalize
}

.community-post-wrapper .columns_view .post_title a:hover {
    color: var(--theme-hover-color)
}

.community-post-wrapper .columns_view .post_meta {
    display: flex;
    gap: 20px;
    font-size: 17px;
    color: #555
}

.community-post-wrapper .columns_view .post_meta i {
    margin-right: 4px
}

.community-post-wrapper .columns_view .post_content {
    font-size: 1rem;
    color: #6c706f;
    line-height: 22px
}

.community-post-wrapper .columns_view .post_category {
    font-size: 17px
}

.community-post-wrapper .columns_view .post_body .theme-btn {
    background: #ededed;
    align-items: center;
    justify-content: center;
    padding: 10px 17px;
    line-height: 24px;
    cursor: pointer;
    transition: .3s all ease;
    color: #2c2c2c;
    text-decoration: none;
    font-weight: 600;
    font-size: 13px
}

.community-post-wrapper .lists_view article {
    display: flex;
    gap: 35px
}

.community-post-wrapper .lists_view article:not(:last-child) {
    margin-bottom: 40px
}

.community-post-wrapper .lists_view .post_thumbnail {
    height: 350px;
    flex-shrink: 0;
    width: 47.9%;
    border-radius: 4px;
    object-fit: cover;
    overflow: hidden
}

.community-post-wrapper .lists_view .post_thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease
}

.community-post-wrapper .lists_view .post_thumbnail a {
    width: 100%;
    height: 100%;
    display: inline-block
}

.community-post-wrapper .lists_view article:hover .post_thumbnail img {
    transform: scale(1.1)
}

.community-post-wrapper .lists_view .post_title a {
    font-size: 26px;
    font-weight: 500;
    line-height: 36px;
    color: var(--theme-dark-color);
    display: inline-block;
    transition: all .3s;
    text-transform: capitalize
}

.community-post-wrapper .lists_view .post_category {
    font-size: 14px
}

.community-post-wrapper .lists_view .post_title a:hover {
    color: var(--theme-hover-color)
}

.community-post-wrapper .lists_view .post_meta {
    display: flex;
    gap: 20px;
    font-size: 14px;
    color: var(--theme-subtext)
}

.community-post-wrapper .lists_view .post_meta i {
    margin-right: 4px
}

.community-post-wrapper .lists_view .post_meta .post_author {
    padding-right: 20px;
    border-right: 1px solid #dedede
}

.community-post-wrapper .lists_view .post_content {
    font-size: 1rem;
    color: #6c706f;
    line-height: 22px
}

.community-post-wrapper .lists_view .post_body {
    padding: 20px 0;
    flex: 1;
    display: flex;
    gap: 0px;
    flex-direction: column;
    justify-content: center
}

.community-post-wrapper .lists_view .post_read_more a {
    font-size: 16px;
    color: var(--theme-dark-color);
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px
}

.community-single-post-wrapper .post-background {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    height: 62vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 30px;
    width: 93.5%;
    margin: 30px auto 0;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 50px
}

.community-single-post-wrapper.style-1 .post-background::before {
    content: ' ';
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background: rgba(0,0,0,.45)
}

.community-single-post-wrapper.style-1 .post_head {
    z-index: 10;
    position: relative;
    text-align: center;
    color: var(--theme-white)
}

.community-single-post-wrapper.style-1 .post_head .post_title {
    font-size: 2.5em;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2em;
    text-transform: capitalize;
    color: var(--theme-white)
}

.community-single-post-wrapper.style-1 .post_head .post_meta {
    font-size: 14px;
    margin-top: 2.2em;
    font-weight: 600;
    color: var(--theme-light)
}

.community-single-post-wrapper.style-1 .post_head .post_category a {
    font-size: 14px;
    font-weight: 400;
    margin-right: 11px;
    background-color: #efe9fe00;
    position: relative;
    border: none;
}

.community-single-post-wrapper.style-1 .post_head .post_author, .community-single-post-wrapper.style-1 .post_head .post_date {
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid
}

.community-single-post-wrapper.style-2 .post-background {
    height: 27vh;
    display: flex ;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 30px 30px 0px 30px;
    width: 100%;
    margin: 0;
    overflow: hidden;
    margin-bottom: 50px;
    background-color: #3d3983;
}

.community-single-post-wrapper.style-2 .post_head .post_title {
    color: #ffffff;
}

.class-detail-page .classes-grid {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    gap: 30px;
    margin-bottom: 40px
}

.class-detail-page .post-excerpt {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-width: 80%;
}

.classes-grid .col-4 {
    grid-column: span 4
}

.classes-grid .col-8 {
    grid-column: span 8;
}

.class-gallery {
    padding: 0
}

.course-sidebar {
    background-color: #fff;
    border-radius: 12px;
    position: sticky;
    height: max-content;
    margin-top: -320px;
    top: 20px;
    z-index: 2;
    transition: all .3s ease-in-out;
    box-shadow: 0 0 24px 0 rgba(3,31,66,.1);
    padding: 15px;
    border-radius: 10px
}

.class-gallery img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
    object-fit: cover
}

.class-summary {
    padding: 30px 20px;
    border-radius: 10px
}

#course-sort {
    width: max-content;
    padding-right: 27px !important;
}

#course-sort {
    padding: 8px 10px;
    font-size: 16px;
    border: 2px solid #0073aa;
    background: #fff;
    color: #333;
    border-radius: 5px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-left: 5px;
}

#sort-container {
    display: flex;
    align-items: center;
    font-size: 16px;
    width: 30%;
    justify-content: flex-end;
    margin-bottom: 15px;
}

#sort-container::after {
    content: "â–¼";
    font-size: 12px;
    margin-left: -20px;
    pointer-events: none
}

.course-filter-container {
    display: flex;
    justify-content: space-between
}

.ba-courses-tabs {
    width: 100%
}

.ba-tabs-buttons {
    display: flex;
    justify-content: start;
    gap: 10px;
    margin-bottom: 15px
}

.course-filter-container .ba-tabs-buttons {
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    padding: 8px 8px;
    width: 70%;
}

.course-filter-container .ba-tabs-buttons .tab-button {
    font-family: 'Exo', sans-serif !important;
    font-size: 15px;
    padding: 12px 28px;
    line-height: 1.6em;
    background-color: transparent;
}

.course-filter-container .ba-tabs-buttons .tab-button.active {
    color: #ffffff;
    background: var(--primary-theme-color);
    font-weight: 600;
}

.course-filter-container .ba-tabs-buttons .tab-button:hover {
    color: #ffffff;
    background: var(--secondary-theme-color);
}

.tab-button {
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    transition: all .3s ease-in-out
}

.tab-button.active {
    background: #0073aa;
    color: #fff
}

.tab-content {
    display: none
}

.tab-content.active {
    display: block
}

.ba-spinner-wrapper {
    display: flex ;
    justify-content: center;
    align-items: center;
    height: 200px;
    min-width: 90vw;
    width: 100%;
    overflow: hidden;
}

.ba-spinner {
    border: 5px solid rgba(61,57,131,.2);
    border-top: 5px solid #3d3983;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    animation: ba-spin .8s linear infinite
}

@keyframes ba-spin {
    0% {
        transform: rotate(0)
    }

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

.event-sidebar {
    padding: 0px;
    margin-top: 0px;
    box-shadow: none;
}

.event-details-box-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #031f42
}

.event-detail-locations {
    display: flex;
}

.event-sidebar-detail ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 35px
}

.event-sidebar-detail ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(3,31,66,.1);
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 400
}

.event-sidebar-detail ul li h5 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
    display: flex;
    align-items: flex-start;
    color: var(--grey-color)
}

.event-sidebar-detail ul li h5 svg {
    margin-right: 7px
}

.event-breadcrumb {
    min-height: 40vh;
    position: relative;
    z-index: 1
}

.event-breadcrumb:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    z-index: -1;
    background: rgba(0,0,0,.5)
}

.description-title {
    color: #031f42;
    font-size: 30px;
    font-weight: 600
}

.event-breadcrumb .course-title {
    color: #ffffff
}

.event-breadcrumb .wpr-breadcrumb__list {
    color: #ffffff
}

.event-breadcrumb .wpr-breadcrumb__list span {
    color: #ffffff
}

.event-breadcrumb .wpr-breadcrumb__list a {
    color: #ffffff
}

.event-breadcrumb .wpr-breadcrumb__list span:not(:last-child)::after {
    background-color: #ffffff;
}

ul.add-calender-list li a {
    align-items: center;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    color: #333;
    display: inline-flex;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    min-width: 172px;
    padding: 7px 12px 5px;
    text-transform: capitalize;
    transition: all .3s ease
}

ul.add-calender-list li a:hover {
    background: #5d78ff;
    border-color: transparent;
    color: #fff
}

ul.add-calender-list li .calender-name {
    font-size: .875rem;
    margin: -4px 0 0 15px
}

.fc-daygrid-dot-event {
    align-items: flex-start;
    display: flex ;
    padding: 2px 0px;
    flex-direction: row;
    flex-wrap: wrap;
}

.fc-daygrid-dot-event .fc-event-title {
    flex-grow: 1;
    flex-shrink: 1;
    font-weight: 300;
}

.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    margin-right: 3px;
    font-weight: 700;
}

.fc .fc-daygrid-day-top {
    display: flex ;
    flex-direction: row-reverse;
    justify-content: flex-end;
    font-size: 1.45em;
    font-weight: 700;
}

.fc-daygrid-dot-event .fc-event-title {
    flex-grow: 1;
    flex-shrink: 1;
    font-weight: 400;
    min-width: 100%;
    overflow: hidden;
    text-wrap: auto;
    margin-bottom: 20px;
    font-size: 0.9em;
    line-height: 1.3em;
}

#full_calendar_programs button #location-dropdown {
    padding: 0px;
}

.fc-daygrid-dot-event .fc-event-title:hover {
    text-decoration: underline;
}

/* .fc-daygrid-event-dot { display: none;} */
.fc-daygrid-event-dot {
    margin-top: 9px;
}

.fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover {
    background: rgba(0, 0, 0, 0);
}

.grid_block_wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(18rem,22.5%));
    grid-gap: 1.9rem
}

.community-video-wrapper {
    margin-top: 50px
}

.community-single-video-wrapper {
    margin-bottom: 50px
}

.community-single-post-wrapper.style-2 .post_head {
    text-align: left;
    color: var(--theme-dark-color);
    margin-bottom: 2.5em
}

.community-single-post-wrapper.style-2 .post_head .post_title {
    font-size: 2.5em;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2em;
    text-transform: capitalize;
    color: var(--theme-dark-color)
}

.community-single-post-wrapper.style-2 .post_head .post_meta {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 2.2em
}

.community-single-post-wrapper.style-2 .post_head .post_author, .community-single-post-wrapper.style-2 .post_head .post_date {
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid
}

.community-single-post-wrapper.style-2 .post_head .post_category a {
    font-size: 14px;
    font-weight: 400;
    padding: 0 14px;
    display: inline-block;
    border-radius: 100px;
    margin-right: 11px;
    background-color: #efe9fe;
    position: relative
}

.community-single-post-wrapper .related_post .related_post_title {
    margin: 1em 0
}

.community-single-post-wrapper .post_head i {
    font-size: 12px;
    margin-right: 4px
}

.community-single-post-wrapper .single-post-content h1, .community-single-post-wrapper .single-post-content h2, .community-single-post-wrapper .single-post-content h3, .community-single-post-wrapper .single-post-content h4, .community-single-post-wrapper .single-post-content h5, .community-single-post-wrapper .single-post-content h6 {
    margin-bottom: 1em
}

.community-single-post-wrapper .single-post-content p {
    margin-bottom: 1.3em;
    font-size: 1rem;
    color: var(--theme-text);
    line-height: 26px
}

.community-single-post-wrapper .single-post-content ul {
    padding-left: 1em;
    margin-bottom: 1.5em;
    color: var(--theme-text)
}

.community-single-post-wrapper .single-post-content ul li:not(:last-child) {
    margin-bottom: 15px
}

.community-single-post-wrapper .single-post-content img {
    margin-bottom: 15px
}

.community-post-wrapper .post_author, .community-single-post-wrapper .post_author {
    text-transform: capitalize
}

.sidebar .recent-posts {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 15px;
}

.sidebar .recent-posts article {
    display: flex;
    gap: 20px;
}

.sidebar .recent-posts .post_title * {
    font-size: 16px;
    font-weight: 500;
    color: var(--theme-dark-color);
    transition: all .5s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: initial;
}

.sidebar .recent-posts .post_title {
    line-height: 20px;
    margin-bottom: 0px;
}

.sidebar .recent-posts .post_meta {
    line-height: 20px;
}

.sidebar .recent-posts .post_meta .post_date {
    font-size: 12px;
    line-height: normal;
    color: var(--theme-subtext);
    font-weight: 500;
}

.sidebar .recent-posts .post_title:hover a {
    color: var(--secondary-theme-color);
}

.sidebar .recent-posts .post_thumbnail {
    width: 70px;
    flex-shrink: 0;
    height: 70px;
    border-radius: 4px;
    overflow: hidden;
}

.sidebar .recent-posts .post_thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.sidebar .recent-posts article:hover .post_thumbnail img {
    transform: scale3d(1.1, 1.1, 1.1);
}

.sidebar .recent-videos-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 15px;
}

.sidebar .recent-videos-list article {
    display: flex;
    gap: 20px;
}

.sidebar .recent-videos-list .video-title * {
    font-size: 16px;
    font-weight: 500;
    color: var(--theme-dark-color);
    transition: all .5s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.6em;
}

.sidebar .recent-videos-list .video-title {
    line-height: 20px;
    margin-bottom: 5px;
}

.sidebar .recent-videos-list .video-meta .video-date {
    font-size: 14px;
    line-height: normal;
    color: var(--theme-subtext);
}

.sidebar .recent-videos-list .video-title:hover a {
    color: var(--secondary-theme-color);
}

.sidebar .recent-videos-list .video-thumbnail {
    width: 70px;
    flex-shrink: 0;
    height: 70px;
    border-radius: 4px;
    overflow: hidden;
}

.sidebar .recent-videos-list .video-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.sidebar .recent-videos-list article:hover .video-thumbnail img {
    transform: scale3d(1.1, 1.1, 1.1);
}

.swiper-slide:has(.mobile-slider-image) {
    height: auto
}

.course-sidebar .class-summary .prices {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

.course-sidebar .class-summary .prices del .amount {
    opacity: 0.7;
}

.course-sidebar .class-summary .form-group label {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    text-transform: capitalize;
    font-size: 16px
}

.course-sidebar .class-summary .form-group {
    margin-bottom: 15px
}

.course-sidebar .class-summary #product_stock_qty {
    margin-bottom: 15px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.course-sidebar .class-summary #product_variation_price {
    font-weight: 600
}

.course-sidebar .class-summary .form-group select {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    height: 45px;
    padding: 10px;
    border-radius: 4px;
    text-transform: capitalize;
    border-color: var(--theme-border);
    transition: all .3s ease
}

.course-sidebar .class-summary .form-group select:focus {
    border-color: #000
}

.features h4 {
    font-weight: 600;
    color: #000!important
}

.features .address_icon_bar svg {
    width: 16px;
    vertical-align: middle;
}

.features .view_location {
    color: #3d3983;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none
}

.features .view_location:hover {
    text-decoration: underline
}

.features .view_location:hover {
    text-decoration: underline
}

.btn-block {
    z-index: 1;
    overflow: hidden;
    background: transparent;
    position: relative;
    padding: 8px 50px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 1em;
    letter-spacing: 2px;
    transition: .2s ease;
    font-weight: 700;
    margin: 5px 0;
}

.btn-block.blue {
    border: 4px solid var(--primary-theme-color);
    color: var(--blue)
}

.btn-block.blue:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: var(--primary-theme-color);
    z-index: -1;
    transition: .2s ease
}

.btn-block.blue:hover {
    color: #ffffff;
    background: var(--primary-theme-color);
    transition: .2s ease
}

.btn-block.blue:hover:before {
    width: 100%
}

.on-hover-show-content {
    position: absolute;
    bottom: 0;
    padding: 20px!important;
    background: #0000008c;
    transform: translateY(160px);
    transition: .3s all;
}

.on-hover-show-content h4, .on-hover-show-content p {
    color: #fff
}

.on-hover-show-content .wp-block-button, .on-hover-show-content p {
    opacity: 0
}

.on-hover-show-content .wp-block-button a {
    color: #000;
    background-color: #fff;
    border: 2px solid #fff
}

.on-hover-show-content .wp-block-button a:hover {
    color: #fff;
    background-color: #ffffff00;
    border: 2px solid #fff
}

.overflow-hidden {
    overflow: hidden
}

.overflow-hidden:hover .on-hover-show-content {
    transform: translateY(0)
}

.on-hover-show-content .wp-block-button, .overflow-hidden:hover .on-hover-show-content p {
    opacity: 1
}

.padding-right-zero {
    padding-right: 0!important
}

.padding-top-zero {
    padding-top: 0!important
}

.padding-left-zero {
    padding-left: 0!important
}

.d-none {
    display: none!important
}

.empowering-communities {
    background: url("http://localhost/community/wp-content/uploads/2025/06/empowering-communities.webp");
    background-size: cover;
    background-position: bottom center;
    padding: 80px 180px!important
}

.driving-change-lives {
    background: url("http://localhost/community/wp-content/uploads/2025/01/feature-pic-2.webp");
    background-size: cover!important;
    background-position: center!important
}

.driving-change-lives:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0,.5);
    top: 0;
    left: 0;
    opacity: 1
}

.guided-by-integrity {
    background: url("http://localhost/community/wp-content/uploads/2025/01/feature-pic-1.webp")
}

.equity-and-opportunity {
    background: url("http://localhost/community/wp-content/uploads/2025/01/feature-pic-3.webp")
}

.home-2-gallery img {
    border-radius: 5px
}

.make-art-position {
    position: absolute;
    background: rgba(0,0,0,.8);
    height: 97.1%;
    width: 97%!important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s all
}

.make-art-position .wp-block-column {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 30px
}

.make-art-position {
    opacity: 0
}

.home-3-show-content:hover .make-art-position {
    opacity: 1
}

.text-white {
    color: #fff
}

.home-3-show-content .home-3-btn {
    color: #fff !important;
    background-color: #ffffff00;
    border: 2px solid #fff !important;
}

.home-3-btn:hover {
    color: #000;
    background-color: #000;
    border: 2px solid #fff
}

.empowering-communities-home-3 {
    padding: 100px 0!important
}

.text-center {
    text-align: center!important
}

.justify-content-center {
    justify-content: center
}

.uniting-hearts {
    border: 1px solid #d9d9d9
}

.uniting-hearts-gap {
    gap: 10px
}

.uniting-driving:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1
}

.uniting-driving:hover {
    background: url(http://localhost/community/wp-content/uploads/2025/01/feature-pic-2.webp);
    background-size: cover!important;
    background-position: center!important
}

.uniting-guided:hover {
    background: url(http://localhost/community/wp-content/uploads/2025/01/feature-pic-1.webp);
    background-size: cover!important;
    background-position: center!important
}

.uniting-guided h3, .uniting-guided p {
    color: #000!important
}

.uniting-world:hover {
    background: url(http://localhost/community/wp-content/uploads/2025/01/feature-pic-3.webp)
}

.uniting-driving:hover h3, .uniting-driving:hover p {
    color: #fff!important
}

.uniting-driving:hover::after {
    background: rgb(0,0,0,.5)
}

.banner-video {
    height: 750px;
    border-radius: 10px!important
}

.banner-video span {
    background: 0 0!important
}

.three_classes .make-art-position {
    opacity: 1
}

.about-heading {
    font-size: 64px;
    font-weight: 700;
    margin-top: 30px
}

.padding-bottom-zero {
    padding-bottom: 0!important
}

.mission-heading {
    font-size: 24px!important;
    font-weight: 500;
    margin-top: 25px;
}

.margin-bottom-zero {
    margin-bottom: 0
}

.margin-top-zero {
    margin-top: 0
}

.number-counter h2, .number-counter p {
    text-align: center
}

.equal_width .Milestones {
    padding: 10px 40px 40px!important
}

.Milestones .wp-block-list {
    padding-left: 20px
}

.Milestones .wp-block-list li {
    margin: 5px 0
}

.bg-curve {
    background: url("http://localhost/community/wp-content/uploads/2025/06/about-radius-scaled.webp");
    background-size: cover;
    background-position: bottom center;
    height: 655px;
    padding: 75px 0
}

.title-page {
    font-size: 45px
}

.padding-zero {
    padding: 0!important
}

.Volunteers .wp-block-group__inner-container {
    width: 100%;
    max-width: 100%
}

.Volunteers .wp-block-columns {
    gap: 0
}

.view-bio {
    font-size: 18px;
    color: #07332f
}

.support-drives {
    width: 60%;
    margin: auto;
    color: #fff;
    z-index: 1;
    position: relative
}

.support-drives-bg {
    background: url("http://localhost/community/wp-content/uploads/2025/06/we-here-help.webp");
    background-size: cover;
    background-position: center;
    position: relative
}

.support-drives-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary-theme-color);
    width: 100%;
    height: 100%
}

.we-are-help {
    color: #fff;
    position: relative;
    z-index: 99
}

.we-are-help-btn {
    justify-content: center;
    z-index: 999;
    position: relative;
    margin-top: 30px
}

.we-are-help-btn a {
    color: #000;
    background-color: #fff;
    border: 2px solid #fff
}

.we-are-help-btn a:hover {
    border: 2px solid #fff;
    background: 0 0;
    color: #fff
}

.team-btn {
    justify-content: end
}

.align-self {
    align-self: center
}

.ba-slider-item img {
    object-fit: cover
}

.tabs {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 20px
}

.tabs li {
    padding: 10px;
    background-color: #f6f4f4;
    border-right: 1px solid #fff;
    cursor: pointer;
    transition: .2s;
    list-style: none!important
}

.tabs li.active, .tabs li:hover {
    background-color: #ddd
}

.slider-container {
    position: relative;
    margin: auto;
    overflow: hidden
}

.slider {
    display: flex;
    transition: transform .5s ease-in-out
}

.slide {
    transition: opacity .5s ease-in-out
}

.next, .prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0,0,0,.5);
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
    transition: opacity .3s ease-in-out
}

.prev {
    left: 10px
}

.next {
    right: 10px
}

.next:hover, .prev:hover {
    background-color: #000
}

.next[style*="display:none"], .prev[style*="display:none"] {
    opacity: 0;
    pointer-events: none
}

/* Custom Css Start 
---------------------------------------------------------------------------*/
.search_design .content-area {
    width: 100%;
}

.search_design .content-area main {
    width: 100%;
}

table .cart_item {
    font-weight: 700;
}

.fc .fc-button {
    background-color: var(--primary-theme-color) !important;
    border-color: var(--primary-theme-color) !important;
}

.fc .fc-button:hover {
    background-color: var(--secondary-theme-color) !important;
    border-color: var(--secondary-theme-color) !important;
}

.for_customdark_button {
    list-style: none;
    color: #fff;
    background-color: var(--primary-theme-color);
    padding: 12px 30px;
    font-size: 16px;
    letter-spacing: .3px;
    white-space: nowrap;
    border-radius: 6px;
    transition: .3s ease-in-out;
    display: block;
    border: 1px solid #1f212e
}

.for_customdark_button:hover {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid var(--primary-theme-color)
}

.for_customlight_button {
    list-style: none;
    color: var(--primary-theme-color);
    background-color: #fff;
    padding: 12px 30px;
    font-size: 16px;
    letter-spacing: .3px;
    white-space: nowrap;
    border-radius: 6px;
    transition: .3s ease-in-out;
    display: block;
    border: 1px solid #1f212e
}

.for_customlight_button:hover {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid var(--primary-theme-color)
}

.schedules_readmre {
    list-style: none;
    color: #fff;
    background-color: var(--primary-theme-color);
    padding: 6px 14px;
    font-size: 14px;
    letter-spacing: .3px;
    white-space: nowrap;
    border-radius: 5px;
    transition: .3s ease-in-out;
    border: 1px solid #1f212e
}

.schedules_readmre:hover {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid var(--primary-theme-color)
}

.page-id-1067 div.has-background.faq-home-2 {
    background-color: #ffffff!important
}

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

.desigh_art_design img {
    width: 188px;
    height: 142px;
    object-fit: cover
}

.page-id-1067 .has-background.faq-home-2 {
    background-color: #ffffff
}

.volunteer_three {
    padding: 0 !important;
}

.firsta {
    padding-left: 0 !important;
}

.get_involved {
    padding-bottom: 0 !important;
}

.get_involved h2 {
    margin-bottom: 0 !important;
}

.get_involved .wp-block-column {
    padding-bottom: 0;
}

.blog_wrapper .blog_slider {
    display: flex;
    gap: 26px;
    flex-wrap: wrap;
}

.woocommerce-account .woocommerce .woocommerce-notices-wrapper+h2 {
    width: 100% !important;
}

.woocommerce-account .woocommerce-form-login__rememberme {
    margin-top: 12px;
}

.woocommerce-account .woocommerce-form-login__rememberme .woocommerce-form__input-checkbox {
    margin-right: 8px;
}

.woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before {
    width: 100%;
}

.program_wrapper figure img {
    min-height: 250px;
}

.woocommerce-checkout .checkout .checkout-inline-error-message {
    font-size: 16px;
    font-weight: 500;
}

.woocommerce-NoticeGroup-checkout {
    display: none !important;
}

.drop_form_design .wpcf7-response-output {
    margin-top: 0 !important;
}

.drop_form_design .wpcf7-not-valid-tip {
    font-size: .8em;
    margin: -4px 0 11px 18px;
}

.drop_form_design .wpcf7-spinner {
    height: auto;
}

.drop_form_design .wpcf7-submit {
    margin-bottom: 0 !important;
}

.contact_line_under a:hover {
    text-decoration: underline;
}

#menu-footer-company li {
    position: relative
}

footer .contact-links a {
    position: relative;
    width: fit-content
}

footer .menu-item a:before,footer .contact-links a:before {
    background-color: #fff!important;
    content: ""!important;
    display: block!important;
    height: 1px!important;
    left: 0!important;
    position: absolute!important;
    right: 0!important;
    top: calc(100% + 2px)!important;
    -webkit-transform: scaleX(0)!important;
    -ms-transform: scaleX(0)!important;
    transform: scaleX(0)!important;
    -webkit-transform-origin: right center!important;
    -ms-transform-origin: right center!important;
    transform-origin: right center!important;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.35,.755,.42,.95)!important;
    transition: -webkit-transform .3s cubic-bezier(.35,.755,.42,.95)!important;
    transition: transform .3s cubic-bezier(.35,.755,.42,.95)!important;
    transition: transform .3s cubic-bezier(.35,.755,.42,.95),-webkit-transform .3s cubic-bezier(.35,.755,.42,.95)!important
}

footer .menu-item a:hover:before,footer .contact-links a:hover:before {
    -webkit-transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    transform: scale(1)!important;
    -webkit-transform-origin: left center!important;
    -ms-transform-origin: left center!important;
    transform-origin: left center!important
}

.all_sticky_icons {
    position: fixed;
    bottom: 50%;
    z-index: 8;
    width: fit-content;
    right: -55px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0;
    transform: rotate(270deg)
}

.all_sticky_icons a {
    background: #1f212e;
    color: #fff;
    padding: 14px 22px 13px 41px;
    display: flex;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    gap: 11px;
    text-transform: uppercase;
    letter-spacing: .8px;
    transition: .3s all ease;
    font-size: 14px;
    border-radius: 8px 8px 0 0;
    border: 1px solid var(--primary-theme-color);
}

.all_sticky_icons a:hover {
    background: #fff;
    color: var(--primary-theme-color);
}

.all_sticky_icons a:after {
    content: "";
    background-color: #00af00;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    position: absolute;
    left: 16px;
    top: 19px;
    animation: blinkFade 1.8s infinite ease-in-out
}

.heart-loader {
    width: 20px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(3%,-3%)
}

.heart {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: inline-block;
    -webkit-mask: radial-gradient(circle at 60% 65%,red 64%,transparent 65%) top left,radial-gradient(circle at 40% 65%,red 64%,transparent 65%) top right,linear-gradient(to bottom left,red 43%,transparent 43%) bottom left ,linear-gradient(to bottom right,red 43%,transparent 43%) bottom right;
    -webkit-mask-size: 50% 50%;
    -webkit-mask-repeat: no-repeat;
    mask: radial-gradient(circle at 60% 65%,red 64%,transparent 65%) top left,radial-gradient(circle at 40% 65%,red 64%,transparent 65%) top right,linear-gradient(to bottom left,red 43%,transparent 43%) bottom left ,linear-gradient(to bottom right,red 43%,transparent 43%) bottom right;
    mask-size: 50% 50%;
    mask-repeat: no-repeat;
    background: #fff
}

.heart::before {
    content: "";
    display: block;
    padding-top: 100%
}

.wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.pulse {
    animation-duration: 2s;
    animation-name: pulse;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out
}

.echo {
    animation-duration: 2s;
    animation-name: echo;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out
}

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

    10% {
        transform: scale(1.3)
    }

    20% {
        transform: scale(1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes echo {
    0% {
        transform: scale(1);
        opacity: .3
    }

    10% {
        transform: scale(1.3);
        opacity: .3
    }

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

/* =========== Programs css ============== */
li.program_block figure svg {
    filter: none;
}

.program_block h5 {
    margin-top: 10px;
}

/* =========== Cources css ============== */
.cources_short_filter_box select {
    padding: 8px 22px 8px 10px !important;
}

.cources_short_filter_box span {
    margin-right: 8px;
}

.slick-slider .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 1;
    font-size: 20px;
    background: #1f212e;
    border-radius: 50px !important;
    width: 40px;
    height: 40px;
    color: #fff;
    border: none;
}

button.slick-prev.pull-left.slick-arrow {
    left: -40px;
}

.slick-next.pull-right.slick-arrow {
    right: -40px;
}

.ba_programs_slider .programs_program_slider {
    display: block;
}

.ba_programs_slider time ul {
    margin-top: 15px !important;
}

/* =========== Communit Theme Shortcodes css ============== */
.blog_slider {
    display: block !important;
}

/* Custom Css End 
---------------------------------------------------------------------------*/
@media (min-width: 1600px) {
    .wrap-column-block {
        grid-template-columns:repeat(auto-fit, minmax(16rem, 23.9%));
        grid-gap: 1.2rem;
    }

    header.header-third .main-navigation li {
        padding: 14px 16px 14px 8px;
    }
}

@media (min-width: 1260px) {
    .blog_wrapper .blog_block figure, .related_video .blog_block figure {
        height:209px;
    }

    .main-menu li.mega-menu>ul.sub-menu {
        position: absolute;
        width: calc(1200px - 5%) !important;
    }
}

@media (min-width: 1025px) {
    .class-single-breadcrumb .content-breadcrumb {
        max-width:66%;
    }

    .style-2 .class-single-breadcrumb .content-breadcrumb {
        max-width: 100%;
    }

    .primary-header-menu li ul {
        position: absolute;
        background: #ffffff;
        min-width: 260px;
        height: auto;
        transform: translateY(10px);
        left: 15px;
        visibility: hidden;
        opacity: 0;
        transition: all .5s;
        z-index: 9;
        top: 100%;
        border-radius: 8px;
        /* overflow:hidden; */
        padding: 5px;
        -webkit-box-shadow: 0 0.125rem 0.25rem rgba(9, 8, 12, 0.1);
        box-shadow: 0 0.125rem 0.25rem rgba(9, 8, 12, 0.1);
        border: 1px solid #eee;
    }

    .primary-header-menu li ul li {
        text-align: left;
        display: block;
        padding: 0px!important;
        font-size: 16px;
    }

    .primary-header-menu li ul li::before {
        width: 100%;
        height: 1px;
        transform: scaleX(0);
        transform-origin: left;
        transition: .4s ease-in;
        z-index: 1
    }

    .primary-header-menu li ul li> a {
        color: var(--primary-black);
        font-weight: 500;
        transition: .3s;
        margin: 5px 20px;
        display: block;
        width: calc(100% - 40px) !important;
        position: relative;
        overflow: hidden;
        padding: 5px 0px;
    }

    .primary-header-menu li ul li> a:hover {
        background-color: #ffffff;
        /* padding-left: 30px; */
    }

    .primary-header-menu li ul li> a:before {
        background-color: #0000005e !important;
        content: "" !important;
        display: block !important;
        height: 1px !important;
        left: 0 !important;
        position: absolute !important;
        right: 0 !important;
        top: calc(98% + 0px) !important;
        -webkit-transform: scaleX(0) !important;
        -ms-transform: scaleX(0)!important;
        transform: scaleX(0) !important;
        -webkit-transform-origin: right center !important;
        -ms-transform-origin: right center!important;
        transform-origin: right center !important;
        -webkit-transition: -webkit-transform .3s cubic-bezier(.35,.755,.42,.95) !important;
        transition: -webkit-transform .3s cubic-bezier(.35,.755,.42,.95) !important;
        transition: transform .3s cubic-bezier(.35,.755,.42,.95) !important;
        transition: transform .3s cubic-bezier(.35,.755,.42,.95), -webkit-transform .3s cubic-bezier(.35,.755,.42,.95) !important;
    }

    .primary-header-menu li ul li> a:hover:before {
        -webkit-transform: scale(1) !important;
        -ms-transform: scale(1)!important;
        transform: scale(1) !important;
        -webkit-transform-origin: left center !important;
        -ms-transform-origin: left center!important;
        transform-origin: left center !important;
    }

    .primary-header-menu li ul li.live-tv:after {
        content: "";
        position: relative;
        left: 4px;
        top: -28px;
        animation: blinkFade 1.8s infinite ease-in-out;
        float: left;
    }

    /* .primary-header-menu li ul li:after {content: "";width: 100%;height: 1px;background-color: #0000002b;left: -108%;position: absolute;transition:all .5s;display: block;z-index: 122;display: none;}
.primary-header-menu li ul li:hover:after {left: 0;} */
    .primary-header-menu li ul a {
        color: #fff;
        text-align: left;
        margin-left: 0;
        padding: 0;
        font-size: 15px
    }

    .primary-header-menu ul ul, .primary-header-menu ul ul ul {
        display: none;
        position: absolute;
        top: 0;
        left: 100%
    }

    .primary-header-menu li ul li li:hover>ul {
        display: block
    }

    .primary-header-menu li:hover ul, .primary-header-menu li:hover ul li:hover ul, .primary-header-menu li:hover ul li:hover ul li:hover ul {
        visibility: visible;
        opacity: 1;
        display: block;
        transform: translateY(0px);
    }

    .mega-menu ul li.mega-menu ul ul, .mega-menu ul ul {
        visibility: visible!important;
        opacity: 1!important;
        display: block!important;
        position: relative;
        left: auto;
        background-color: #fff;
    }

    .primary-header-menu li:hover ul li:hover ul ul, .primary-header-menu li:hover ul ul {
        visibility: hidden;
        opacity: 0;
        display: none
    }

    .primary-header-menu .menu-item-has-children a::after {
        content: '';
        background: url(https://www.svgrepo.com/show/357035/angle-down.svg) no-repeat center;
        width: 12px;
        height: 12px;
        transition: .4s;
        display: inline-block;
        position: absolute;
        top: 20px;
        z-index: 1;
        margin-left: 4px
    }

    .mega-menu>ul.sub-menu>li::before {
        display: none
    }

    .primary-header-menu li ul li::before {
        position: absolute;
        bottom: -1px;
        left: 0;
        background: linear-gradient(90deg, #fff, #000, #000000);
        width: 100%;
        height: 1px;
        transform: scaleX(0);
        transform-origin: left;
        transition: .4s ease-in;
        z-index: 1
    }

    .main-menu li.mega-menu>ul.sub-menu li ul.sub-menu li:last-child::before {
        display: none!important
    }

    .main-menu li.mega-menu>ul.sub-menu li ul.sub-menu li:last-child {
        border-bottom: 0px !important;
    }

    .primary-header-menu li ul li.active::before, .primary-header-menu li ul li:hover::before {
        transform: scale(1)
    }

    .primary-header-menu .menu-item-has-children ul a::after {
        display: none
    }

    .main-menu li.mega-menu {
        position: unset!important
    }

    .main-menu li.mega-menu>a {
        position: relative
    }

    .main-menu li.mega-menu>a::after {
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 12px;
        color: #666666;
        transform: rotate(0deg);
        background: none !important;
        -webkit-transition: all .3s 0s ease-out;
        -moz-transition: all .3s 0s ease-out;
        -ms-transition: all .3s 0s ease-out;
        -o-transition: all .3s 0s ease-out;
        transition: all .3s 0s ease-out;
        top: 5px;
        line-height: 15px;
    }

    .main-menu li.mega-menu:hover >a::after {
        transform: rotate(180deg);
        top: 6px;
        color: #556df5;
        line-height: 15px;
    }

    .primary-header-menu .menu-item-has-children a::after {
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 10px;
        color: #666666;
        transform: rotate(0deg);
        background: none !important;
        -webkit-transition: all .3s 0s ease-out;
        -moz-transition: all .3s 0s ease-out;
        -ms-transition: all .3s 0s ease-out;
        -o-transition: all .3s 0s ease-out;
        transition: all .3s 0s ease-out;
        line-height: 15px;
    }

    .primary-header-menu .menu-item-has-children:hover a::after {
        transform: rotate(180deg);
        color: #556df5;
        line-height: 15px;
        margin-top: -2px;
    }

    .primary-header-menu li li.menu-item-has-children a::after {
        content: "\f078";
        font-family: "FontAwesome";
        font-size: 12px;
        color: #666666;
        transform: rotate(0deg);
        background: none !important;
        -webkit-transition: all .3s 0s ease-out;
        -moz-transition: all .3s 0s ease-out;
        -ms-transition: all .3s 0s ease-out;
        -o-transition: all .3s 0s ease-out;
        transition: all .3s 0s ease-out;
        top: 5px;
        line-height: 15px;
    }

    .header-second .main-menu li.mega-menu>ul.sub-menu {
        top: 50px
    }

    .main-menu li.mega-menu>ul.sub-menu {
        position: absolute;
        width: calc(1000px - 5%);
        top: 69px;
        background: #fff;
        border-top: 4px solid var(--primary-theme-color);
        overflow: hidden;
        -moz-box-shadow: 0 8px 24px -5px #ccc;
        box-shadow: 0 8px 24px -5px #ccc;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        z-index: -1;
        line-height: 1.6em;
        margin: 0 auto
    }

    .main-menu li.mega-menu>ul.sub-menu li {
        display: block;
        width: 100%
    }

    .main-menu li.mega-menu>ul.sub-menu>li {
        display: block;
        width: 100%;
        position: relative
    }

    .main-menu li.mega-menu>ul.sub-menu {
        display: flex;
    }

    .main-menu li.mega-menu>ul.sub-menu>li::after {
        content: "";
        position: absolute;
        top: 0;
        width: 1px;
        height: 100%;
        right: 0;
        background: -webkit-linear-gradient(top, rgba(204, 204, 204, 0) 0, rgba(204, 204, 204, .48) 24%, #ccc 50%, rgba(204, 204, 204, .42) 79%, rgba(204, 204, 204, 0) 100%)
    }

    .main-menu li.mega-menu>ul.sub-menu li ul li {
        padding: 6px 5px!important
    }

    .main-menu li.mega-menu>ul.sub-menu li ul li>a {
        color: #5b5b5b;
        transition: all .5s ease;
        font-weight: 300;
    }

    .main-menu li.mega-menu>ul.sub-menu li ul li:hover>a {
        color: var(--grey-color);
    }

    .main-menu li.mega-menu>ul.sub-menu li ul li a {
        font-size: 14px
    }

    .main-menu li.mega-menu>ul.sub-menu {
        visibility: hidden;
        opacity: 0;
        transform: scale(1, 0) translateX(0%);
        transform-origin: 0 0;
    }

    .main-menu li.mega-menu:hover>ul.sub-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        z-index: 5;
        transform: scale(1) translateX(0%);
    }
}

@media screen and (max-width: 1244px) and (min-width:1024px) {
    .blog_wrapper .blog_block figure, .related_video .blog_block figure {
        height:180px;
        overflow: hidden;
        border-radius: 15px;
    }
}

@media (max-width: 1600px) {
    .responsive_logo_design {
        grid-template-columns:repeat(auto-fit,minmax(15rem,2fr))
    }

    .welcome h2 {
        font-size: 40px
    }

    .welcome h2 img {
        bottom: -22px;
        left: 7em;
        width: 122px
    }

    .theme-btn-1 {
        padding: 10px 19px;
        margin-top: 2em;
        font-size: 14px
    }

    .theme-btn-1 img {
        width: 10px
    }

    .community_welcome_small {
        padding: 48px 10px
    }

    .wrap-column-block {
        grid-template-columns: repeat(auto-fit, minmax(16rem, 24%));
        grid-gap: 0.9rem;
    }

    .classes-wrapper h3 {
        font-size: 18px
    }

    .classes-wrapper p {
        font-size: 12px;
        line-height: 17px
    }

    .classes-wrapper h4 {
        font-size: 23px;
        margin-bottom: 25px
    }

    .classes-wrapper h2 {
        font-size: 35px;
        margin-top: 1px
    }

    .community-wrapper h2 {
        font-size: 35px;
        margin-top: 1px
    }

    .community-wrapper h4 {
        font-size: 23px;
        margin-bottom: 28px
    }

    .community-wrapper .tab-link {
        font-size: 20px
    }

    .community-wrapper .tab-menu {
        width: 55%;
        padding-right: 5%
    }

    .text_tab_sec p {
        font-size: 13px;
        line-height: 20px
    }

    .community-wrapper .link_community {
        border-radius: 6px;
        padding: 10px 17px;
        margin-top: 2em;
        font-size: 13px
    }

    .blog_outer h2 {
        font-size: 35px
    }

    ul.tab_blog li a {
        padding: 10px 12px;
    }

    .program_block p {
        font-size: 13px
    }

    .program_block span {
        font-size: 12px
    }

    .community-wrapper {
        margin: 30px 0
    }

    .video_section h2 {
        font-size: 35px
    }

    .video_wrapper {
        grid-template-columns: repeat(auto-fit,minmax(15rem,2fr));
        grid-gap: 1.5rem
    }

    .video_wrapper h3 {
        font-size: 15px
    }

    .faq-wrapper h2 {
        font-size: 35px
    }

    .accordion__header {
        padding: 16px 0;
        font-size: 16px
    }

    .blogs-wrapper h2 {
        font-size: 35px
    }

    .blogs-wrapper .herf_link_news {
        padding: 7px 14px;
        font-size: 12px
    }

    .inner_news_video h3 {
        font-size: 20px
    }

    .inner_news_video h3 img {
        width: 25px
    }

    .blog_wrapper .blog_block h3 {
        font-size: 15px
    }

    .blog_wrapper time {
        font-size: 11px
    }

    .site-width, .content-area, .header-width, .site_width_boxed, section {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }

    .container.site-width {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }

    .header-third .header_wrapper .site-branding {
        flex: 0 0 10%;
        text-align: center;
    }

    header.header-third .main-navigation li {
        padding: 14px 16px 14px 8px;
    }
}

@media only screen and (max-width: 1480px) {
    .sticky_live img {
        width:45px
    }

    .cart_sticky img {
        width: 45px
    }

    .classes_slider .slick-slide {
        width: 273px;
    }

    .discover_creativity .block_learn .regular-price {
        font-size: 17px;
        font-weight: 600;
    }

    .banner-v2 h1 {
        /* font-size:78px!important; */
        /* line-height:94px; */
        /* margin-bottom:32px; */
    }

    .design_testimonial .testimonial-card {
        gap: 14px;
        padding: 8px 35px 8px 8px
    }

    .design_testimonial .icon_testimonial {
        font-size: 90px!important;
        bottom: -10px
    }

    .design_testimonial .testimonial-user h4 {
        font-size: 12px;
        font-weight: 600
    }

    .design_testimonial img {
        width: 120px;
        height: 120px
    }

    .design_testimonial .testimonial-quote p {
        font-size: 12px;
        line-height: 18px
    }

    .design_testimonial .testimonial-quote {
        min-height: 60px;
        margin-bottom: 6px
    }

    .design_testimonial .testimonial-user img {
        width: 55px;
        height: 55px
    }

    .design_testimonial .testimonial-quote span {
        width: 44px;
        height: 44px;
        font-size: 4rem;
        padding: 32px 0 0 0!important
    }

    .out_counters h2 {
        font-size: 30px!important
    }

    .out_counters h2.alignfull {
        font-size: 19px!important
    }

    .out_counters p {
        font-size: 15px;
        line-height: 22px
    }

    header.header-one .main-navigation li {
        padding: 14px 13px;
    }

    header.header-one .right-menu .header-right-menu li a {
        padding: 6px 21px;
        font-size: 15px;
    }

    header.header-one .search_trigger {
        padding: 8px 15px
    }

    header.header-one .site-title a {
        display: flex;
        align-items: center
    }

    header.header-one .main-menu li.mega-menu>ul.sub-menu {
        top: 62px
    }

    header.header-third .main-navigation li {
        padding: 14px 16px 14px 6px;
    }

    header img.site-logo {
        max-height: 44px;
    }

    .header-one .header-menu {
        padding: 4px 20px!important
    }

    .main_heading_size {
        font-size: 44px!important;
        font-weight: 900;
        line-height: 52px;
        margin: 0 0 17px 0
    }

    .coach_professional .wp-block-spacer {
        height: 15px!important
    }

    .coach_professional p {
        font-size: 15px;
        line-height: 22px
    }

    .coach_professional .wp-block-button__link {
        font-size: 15px!important;
        padding: 7px 24px
    }

    .for_headervideo .wp-block-cover {
        min-height: 85vh!important
    }

    .video_section {
        height: 550px;
    }

    .block-content .post-class li {
        font-size: 14px;
    }

    .block_learn .regular-price {
        font-size: 18px;
    }

    .number-counter h2 {
        font-size: 62px !important;
        margin-bottom: 10px;
    }

    .about_uniting_hearts .wp-block-column {
        padding-top: 0px !important;
    }

    .card.text-space-between {
        padding-top: 30px !important;
    }

    .deign_upcoming_events {
        margin-top: 30px !important;
    }

    ul.category-tab li a {
        padding: 10px 10px;
        font-size: 14px;
    }

    .header-one .top-bar-menu li a {
        font-size: 14px;
    }

    .main-navigation li {
        font-size: 17px;
    }

    .clientLogo-col {
        padding: 0px !important;
    }

    .footer-third .footer-column {
        padding-top: 40px;
    }

    h3.lets_bring_heading {
        font-size: 52px !important;
    }

    .footer-third .menu .menu li a {
        font-size: 15px;
    }

    .footer {
        font-size: 15px;
        padding-left: 0%;
        padding-right: 0%;
    }

    .footer-third {
        padding-left: 2%;
        padding-right: 2%;
    }

    .footer-widgets {
        grid-template-columns: repeat(auto-fit, minmax(12rem, 2fr));
        grid-gap: 1.2rem;
    }

    .footer_CTA .wrap-block {
        padding: 0 5% !important;
    }

    .footer_CTA .wp-block-column {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .wp-block-details summary {
        font-size: 1em;
    }

    .number-counter .wp-block-columns {
        padding-top: 0;
        padding-bottom: 0;
    }

    .themeRow .wp-block-group__inner-container .wp-block-columns {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media only screen and (max-width: 1440px) {
    .design_testimonial {
        padding:0 5px!important
    }

    .custom_slide_second .content_block h1 {
        font-size: 30px!important;
        line-height: 40px
    }

    .custom_slide_second .content_block p {
        margin: 10px 0 25px 0;
        font-size: 16px!important;
        line-height: 30px
    }

    .custom_slide_second .ba-slider-caption {
        padding: 10px 47% 2% 8%
    }

    .ba-slider-item img {
        width: -webkit-fill-available
    }

    .custom_slide_second .content_block a.link_bannerbar {
        font-size: 15px!important;
        padding: 11px 21px
    }

    .main_heading_size {
        font-size: 45px!important;
        font-weight: 900
    }

    .stay_updated input.wpcf7-email {
        padding: 14px 66px 15px 20px;
        font-size: 14px
    }

    .stay_updated .wpcf7-submit {
        padding: 23px 20px;
        background-size: 27px!important
    }

    .footer-fourth .footer-widgets {
        padding-top: 70px;
        padding-bottom: 90px
    }
}

@media (max-width: 1366px) {
    .search_design ul.search-results-list {
        grid-template-columns: repeat(auto-fit, minmax(15rem, 20%));
    }

    .services-mar__services li.active .service-name.h3+img {
        opacity: 1;
        transform: translateY(0%) rotate(-8deg) scale(1);
        max-width: 400px;
        right: 0;
    }

    ul.category-tab li a {
        padding: 10px 11px;
        font-size: 14px;
        line-height: 1.2em;
    }

    .wrap-column-block {
        grid-template-columns: repeat(auto-fit, minmax(15rem, 23.5%));
        grid-gap: 0.9rem;
    }

    .banner-v2 {
        min-height: 60vh;
        height: calc(-97px + 100vh);
        padding: 1.5em;
    }

    .program_detail_design {
        padding: 0px 20px !important;
    }

    .header-third .header_wrapper .social-media-icons .separator {
        width: 50px;
        margin: 0 10px;
    }

    .header-third .header_wrapper .social-media-icons .connect-text {
        display: none;
    }
}

@media only screen and (max-width: 1300px) {
    .block-content .post-class li {
        font-size:10px;
        font-weight: 600;
    }
}

@media (max-width: 1280px) {
    .search_design ul.search-results-list {
        grid-template-columns: repeat(auto-fit, minmax(14rem, 20%));
    }

    .header-third .header_wrapper .social-media-icons .connect-text {
        display: none
    }

    .header-third .header_wrapper .social-media-icons i {
        font-size: 18px
    }

    .header-third .header_wrapper .social-media-icons .separator {
        width: 65px
    }

    .header-third .header_wrapper .main-navigation li a {
        padding: 8px 15px 8px 0px;
    }

    .main-navigation li {
        font-size: 15px;
        padding: 14px 0px 14px 10px;
    }

    .wrap-column-block {
        grid-template-columns: repeat(auto-fit, minmax(14rem, 23.9%));
        grid-gap: 0.5rem;
    }

    .footer-fourth .footer-widgets .footer-column {
        padding-right: 1.5rem;
    }

    .banner-v2 {
        min-height: 60vh;
        height: calc(-86px + 100vh);
    }

    .custom_slide_second {
        height: calc(100vh - 250px);
    }

    .counter_hometwo .counterWrap h2 {
        font-size: 42px !important;
    }

    .counter_hometwo .counterWrap p {
        font-size: 14px !important;
    }

    .counter_hometwo .counterWrap {
        padding: 30px !important;
    }

    .form_contribution {
        padding: 25px 20px 30px 20px !important;
    }

    .form_contribution h2 {
        font-size: 24px;
    }

    .form_contribution p {
        font-size: 16px;
    }

    .video_hometwo {
        min-height: 500px !important;
    }

    .on-hover-show-content h4 {
        font-size: 24px !important;
    }

    .number-counter .wp-block-column {
        padding-right: 0
    }

    .about-home-2 {
        gap: 10px;
        padding: 0!important
    }

    .about-home-2 .wp-block-column {
        flex-basis: 33%!important
    }

    .design_latest_read {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

    .ctaNumber {
        font-size: 24px !important;
    }

    .form_contribution {
        flex-basis: 40% !important;
    }

    header.header-third .main-navigation li {
        padding: 14px 6px 14px 6px;
    }

    .footer-widgets {
        grid-template-columns: repeat(auto-fit, minmax(11rem, 2fr));
    }

    .right_border_third {
        border-right: 0px;
    }

    .same_third {
        padding-left: 10%!important;
    }
}

@media (max-width: 1200px) {
    .main-navigation li {
        font-size:13px;
    }

    h3.lets_bring_heading {
        font-size: 42px !important;
    }

    .video_section {
        height: 500px;
    }

    .course-filter-container .ba-tabs-buttons .tab-button {
        white-space: pre;
    }

    .footer_CTA .wrap-block {
        padding: 0 0% !important;
        gap: 1.5em;
    }

    .footer_CTA .wp-block-column {
        padding-right: 0px !important;
    }
}

@media (max-width: 1160px) {
    .search_design ul.search-results-list {
        grid-template-columns: repeat(auto-fit, minmax(14rem, 31%));
    }

    .wrap-column-block {
        grid-template-columns: repeat(auto-fit, minmax(13rem, 23.9%));
        grid-gap: 0.5rem;
    }

    .blog_wrapper li time ul li a {
        font-size: 12px;
    }

    .blog_wrapper li time ul li:not(:first-child) {
        font-size: 12px;
    }

    .course-filter-container .ba-tabs-buttons .tab-button {
        white-space: inherit;
    }

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

    .course-filter-container .ba-tabs-buttons {
        width: 100% !important;
    }

    #sort-container {
        justify-content: flex-start;
    }
}

@media (max-width: 1080px) {
    .wrap-column-block {
        grid-template-columns:repeat(auto-fit, minmax(12rem, 23.9%));
        grid-gap: 0.5rem;
    }

    .wrap-column-block {
        grid-template-columns: repeat(auto-fit, minmax(16rem, 49%));
        grid-gap: 1rem;
    }

    .banner-v2 h1 {
        font-size: 46px !important;
        /* line-height:80px; */
        /* margin-bottom:32px; */
    }

    .card.text-space-between p {
        font-size: 15px !important;
    }

    .make-art-position h4 {
        text-align: center;
    }

    .footer-third .footer-column {
        padding-top: 0;
        padding: 0;
    }

    .footer-widgets {
        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
        padding: 60px 0;
        gap: 2rem;
    }

    .same_third {
        padding-left: 0%!important;
    }

    .blog_wrapper .blog_block figure, .blog_wrapper time {
        margin-bottom: 0px;
    }

    .footer_CTA .sm-D-none {
        display: none;
    }
}

@media (max-width: 1024px) {
    .header-third .header_wrapper .site-branding, .header-third .header_wrapper .social-media-icons {
        flex:0 0 50%
    }

    .header-third .header_wrapper .site-branding {
        text-align: left
    }

    #menu_open_icon {
        display: block
    }

    .header-second #menu_open_icon {
        display: none
    }

    .header-one #main_Menu, .header-third .header_wrapper #main_Menu {
        background-color: var(--primary-theme-color);
        position: fixed;
        top: 0;
        padding-top: 80px;
        left: 100%;
        transition: left .5s ease;
        transform: none;
        width: 100%;
        height: 100%;
        min-height: 100vh;
        overflow-y: auto;
        z-index: 9999
    }

    body.logged-in .header-one #main_Menu, body.logged-in .header-third .header_wrapper #main_Menu {
        padding-top: 112px
    }

    .header-one .right-menu {
        display: flex;
        align-items: center
    }

    .header-third .header_wrapper .main-navigation li {
        display: block
    }

    .header-third .header_wrapper .main-navigation li a {
        color: #fff;
        display: inline-block;
        line-height: 35px;
        padding: 10px 20px!important;
        font-size: 18px;
        font-weight: 500
    }

    .header-one .main-navigation li a {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
    }

    .header-one #menu-header-menu {
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .header-third .header_wrapper .site-branding img {
        margin-bottom: 0
    }

    .primary-header-menu-container .hide {
        display: none;
        transition: none
    }

    .primary-header-menu-container li ul.sub-menu li {
        background: #00000052;
        display: block;
        clear: both;
        width: 100%;
        position: relative;
        margin-bottom: 1px;
        padding-left: 0;
        padding: 11px 0;
        font-size: 14px
    }

    .primary-header-menu-container li ul.sub-menu {
        margin-left: 0;
        margin-top: 13px;
        width: 100%
    }

    .primary-header-menu-container li ul.sub-menu li:last-child {
        border-bottom: 0
    }

    .primary-header-menu-container li ul.hide {
        display: none!important
    }

    .primary-header-menu-container .menu-item-has-children {
        position: relative
    }

    .primary-header-menu-container .menu-item-has-children>a {
        background: 0 0
    }

    .primary-header-menu-container .menu-item-has-children>a+span {
        position: absolute;
        right: 0;
        top: -1px;
        padding: 13px 17px;
        font-size: 20px;
        font-weight: 700;
        cursor: pointer;
        z-index: 3;
        background-color: #00000052
    }

    span.menu-closed:before {
        content: "\2b";
        display: block;
        color: #fff;
        font-size: 16px;
        font-family: FontAwesome;
        text-indent: 0
    }

    span.menu-closed.menu-open:before {
        content: "\f068"
    }

    .primary-header-menu-container li {
        padding: 10px 0;
        font-size: 16px;
        letter-spacing: .3px;
        width: 100%;
        margin-bottom: 0;
        display: block;
        background-color: rgb(255 255 255 / 11%);
        text-indent: 20px
    }

    .main-menu {
        width: 100%
    }

    .breadcrumb__area {
        /* margin-bottom:40px;*/
    }

    .welcome-content {
        flex-direction: column;
        text-align: center
    }

    .welcome_image, .welcome_text {
        width: 100%;
        margin-bottom: 0;
        margin-top: 30px
    }

    .welcome_text p {
        margin: 26px 0 0
    }

    .blog_outer {
        padding: 0 10px
    }

    .classes-wrapper {
        padding: 10px;
        margin-top: 2em
    }

    .welcome h2 img {
        position: initial;
        width: 115px;
        float: right;
        margin: 14px 12px 16px 0;
        display: block
    }

    .welcome {
        padding: 0 10px
    }

    .welcome h2 {
        font-size: 35px;
        margin-bottom: .2em;
        margin-top: 9px
    }

    .blog-posts, .video-blocks {
        flex-direction: column
    }

    .blog-post, .video-block {
        width: 100%;
        margin: 0;
        padding: 0
    }

    .faq-section {
        flex-direction: column;
        align-items: center
    }

    .faq-content, .faq-heading {
        width: 100%;
        text-align: center
    }

    .services-mar__services li .service-name.h3 a, .services-mar__services li::before {
        font-size: 22px
    }

    section {
        padding: 20px 0 20px 0
    }

    .classes-grid .col-4 {
        grid-column: span 6
    }

    .classes-grid .col-8 {
        grid-column: span 6
    }

    .search_pop form {
        max-width: 93%;
        width: 100%;
        margin-top: 0
    }

    .video_section {
        height: max-content !important;
    }

    .d-md-none {
        display: none
    }

    .flex-basis-md-100 {
        flex-basis: 100%!important
    }

    .design_popular_courses .wrap-column-block {
        grid-template-columns: repeat(2,minmax(16rem,49%))
    }

    .empowering-col-1 {
        flex-basis: 30%!important
    }

    .empowering-col-2 {
        flex-basis: 60%!important
    }

    .padding-md-bottom-0 {
        padding-bottom: 0!important
    }

    .padding-md-top-0 {
        padding-top: 0!important
    }

    .blog_wrapper li time ul {
        display: block;
        line-height: 20px;
    }

    .home-2-column {
        padding: 0!important
    }

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

    .title-highlight::before {
        background-position: center center;
    }

    .equal_width .wp-block-group__inner-container {
        padding: 0 5%
    }

    .deign_upcoming_events .has-text-align-left, .design_latest_read .has-text-align-left, .design_popular_courses .has-text-align-left {
        text-align: center;
    }

    ul.category-tab {
        width: 100%;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        display: flex;
    }

    .card.text-space-between h3, .card.text-space-between p {
        text-align: center;
    }

    .makeart_design .wp-block-column {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

    .equal_width .wp-block-group__inner-container {
        width: 100% !important;
        max-width: 1000% !important;
    }

    .whowe_aredesign .title-highlight {
        text-align: left;
    }

    .whowe_aredesign .title-highlight::before {
        background-position: center left;
    }

    .coach_professional .title-highlight {
        text-align: left;
    }

    .coach_professional .title-highlight::before {
        background-position: center left;
    }

    .home3_counters .wp-block-group__inner-container h2 {
        font-size: 32px !important;
        text-align: center !important;
    }

    .home3_counters .wp-block-column {
        padding: 3% !important;
    }

    .home3_counters .wp-block-group__inner-container p {
        text-align: center !important;
    }

    .design_popular_courses {
        padding-top: 50px !important;
    }

    .news_blog_design h2.wp-block-heading {
        text-align: center;
    }

    .page-template-page-full-width-no-sidebar .wp-block-columns {
        padding: 0;
    }

    .text-center-required {
        text-align: center;
    }

    .home-3-upcomming {
        margin-bottom: 40px !important;
    }

    div#search {
        align-content: space-around;
    }
}

@media (max-width: 991px) {
    .header-third .header_wrapper .site-branding {
        flex:0 0 20%
    }

    .header-third .header_wrapper .social-media-icons {
        flex: 0 0 80%
    }

    .header-one .top-social-media .social-media-icons a:first-child {
        padding-left: 0px;
        margin-left: 0px;
    }

    .header-third .header_wrapper {
        padding: 10px 3%
    }

    .header-one .header-menu, .header-one .header-row {
        /* padding:4px 0px; */
    }

    .header-one .social-text {
        display: none
    }

    .services-mar__services li.active .service-name.h3+img {
        opacity: 1;
        max-width: 260px;
    }

    .community-post-wrapper .lists_view article {
        flex-direction: column
    }

    .community-post-wrapper .lists_view .post_thumbnail {
        height: 300px;
        width: 100%
    }

    .community-post-wrapper .lists_view article {
        gap: 0
    }

    .main-content {
        flex: 1 1 60%;
        max-width: 60%
    }

    .full-width-area {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .sidebar {
        flex: 1 1 35%;
        max-width: 35%
    }

    .sidebar {
        margin-top: 0
    }

    .video-iframe iframe {
        max-height: 320px
    }

    .program_detail_design .program_wrapper .slick-track {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%!important
    }

    .program_detail_design .program_wrapper .slick-track .slide.slick-slide {
        width: 100%!important;
        margin: 0
    }

    .right_border_third {
        border-width: 0px;
    }

    .same_third {
        border-width: 0px;
        padding-left: 0px !important;
    }

    .footer-third .footer-column {
        padding: 0px;
    }

    .coach_professional, .coach_professional .main_heading_size {
        text-align: center !important;
        padding-top: 0px !important;
    }

    .coach_professional .wp-block-buttons>.wp-block-button {
        margin: auto;
    }

    .course-filter-container .ba-tabs-buttons {
        width: 100%;
    }

    .course-filter-container #sort-container {
        width: 100%;
        justify-content: flex-start;
    }

    .design_bylocation, .event-type-filter {
        padding-bottom: 10px;
    }

    .themeRow .wp-block-group__inner-container .wp-block-columns .wp-block-column {
        padding: 0px;
    }

    .woocommerce ul.order_details li {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 980px) {
    .search_design ul.search-results-list {
        grid-template-columns:repeat(auto-fit, minmax(14rem, 47%));
    }

    .desigh_art_design {
        gap: 7px;
        align-items: flex-start;
        flex-direction: column;
    }

    .blog_wrapper .blog_slider {
        flex-wrap: wrap;
        padding: 0 46px;
    }

    /* .blog_wrapper .blog_block {width: 48%;} */
    .wrap-column-block {
        grid-template-columns: repeat(auto-fit, minmax(16rem, 48%));
        grid-gap: 1rem;
    }

    .share_box_prograam a {
        width: 56px
    }

    .custom_slide_second .ba-slider-caption {
        padding: 10px 2% 7% 5%;
        top: 70%;
    }

    .custom_slide_second {
        height: calc(80vh - 130px)
    }

    .address_detail {
        padding-left: 0!important;
        margin-bottom: 3em!important
    }

    .address_detail .number_address {
        margin-bottom: 20px
    }

    .footer-fourth .footer-widgets {
        padding-top: 0;
        padding-bottom: 0
    }

    .footer-fourth .footer-column .widget .size-full {
        max-width: 40%!important
    }

    .block-content h4 {
        height: unset;
        font-size: 24px;
    }

    h1.special_whiteness {
        font-size: 30px
    }

    .footer-widgets:not(.widgets2) .footer-column {
        margin-bottom: 0;
    }

    .share_box_prograam a {
        width: 35px;
        height: 34px
    }

    .show_meta_icon {
        flex-wrap: wrap;
        row-gap: 7px
    }

    .class-detail-page .classes-grid {
        grid-template-columns: repeat(1,1fr);
        gap: 15px
    }

    .class-detail-page .classes-grid .col-8 {
        order: 2;
    }

    .class-detail-page .classes-grid .col-4 {
        order: 1;
    }

    .event-sidebar {
        padding: 0
    }

    .program_detail_design .content_program_detail {
        width: 100%
    }

    .update_innerbanner {
        min-height: 250px;
        aspect-ratio: unset
    }

    .staff_committee .members-shortcode-wrap {
        flex-wrap: wrap;
        gap: 35px;
        justify-content: space-between;
    }

    .staff_committee .members-shortcode-wrap .member-card {
        width: 47%;
    }

    .update_innerbanner .wp-block-post-title {
        font-size: 40px
    }

    .news_blog_design .slick-prev {
        display: none!important
    }

    .news_blog_design .slick-next {
        display: none!important
    }

    .news_blog_design .wp-block-spacer {
        display: none!important
    }

    .professional_life {
        flex-direction: column-reverse
    }

    .coach_professional {
        padding: 26px 60px
    }

    .support-drives {
        width: 100%;
        font-size: 36px;
    }

    .support-drives-bg .we-are-help-btn {
        justify-content: center !important;
    }

    .teamHeading {
        text-align: center;
    }

    .teamHeading .team-btn {
        justify-content: center !important;
    }
}

@media screen and (min-width: 780px) {
    .community-wrapper .tab-container {
        flex-direction:row;
        position: relative;
        justify-content: space-between
    }

    .community-wrapper .tab-menu {
        flex-direction: column;
        width: 40%
    }

    .community-wrapper .tab-link {
        text-align: left;
        color: #3d3d3d;
        font-weight: 100;
        font-size: 26px
    }

    .footer-one .footer-column .widget .size-full {
        max-width: 60% !important;
        height: auto;
    }

    .footer-third .footer-column .widget .size-full {
        /* max-width:70% !important; */
        height: auto;
        max-height: 70px;
        width: auto;
    }

    .footer-fourth .footer-column .widget .size-full {
        height: 100px !important;
        width: auto;
    }

    .footer-one .footer-column .Contact-list {
        margin-left: 15px;
    }

    .footer-fourth .footer-column .Contact-list {
        margin-left: 0px;
    }

    .footer-one .footer-column .Contact-list li i {
        margin-right: 10px;
    }

    .footer-fourth .footer-column .Contact-list i {
        margin-right: 5px;
    }

    .footer p {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .header-one .header-menu {
        padding: 4px 20px !important;
    }

    .not-found {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .not-found .left-block {
        width: 50%;
    }

    .not-found .right-block {
        width: 50%;
    }

    .number-counter h2 {
        font-size: 58px !important;
    }

    h3.lets_bring_heading {
        font-size: 35px !important;
        line-height: 40px !important;
    }

    .ctaNumber {
        font-size: 20px !important;
    }

    .card.text-space-between {
        grid-row-gap: 0;
    }

    .card.text-space-between h3 {
        font-size: 20px !important;
    }

    /* .wrap-block-required{flex-wrap:wrap !important;  gap: 1em;}
.wrap-block-required .wp-block-column{flex-basis: 47% !important;} */
}

@media (max-width: 782px) {
    .primary-header-menu-container .live-tv:after {
        display:none
    }

    .about_uniting_hearts .card.text-space-between {
        height: auto;
        align-items: center
    }

    .season-content-display .video-grid {
        grid-template-columns: repeat(auto-fit,minmax(14rem,100%))!important
    }

    .season-content-display .video-grid .video-grid {
        grid-template-columns: repeat(auto-fit,minmax(14rem,47%))!important
    }

    .all_sticky_icons a:after {
        width: 10px;
        height: 10px;
        top: 18px
    }

    .all_sticky_icons {
        right: -46px
    }

    .all_sticky_icons a {
        padding: 9px 17px 6px 35px;
        font-size: 12px
    }

    #full_calendar_programs .fc-toolbar-title {
        font-size: 1.20em;
        font-weight: 600;
    }

    #full_calendar_programs .fc-button {
        font-size: .8em;
        font-weight: 500;
    }

    body .is-layout-flex {
        justify-content: space-between;
    }

    .custom_slide_second .content_block {
        padding: 30px;
    }

    .custom_slide_second .content_block div {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
    }

    .ba-slider-caption {
        padding-top: 0
    }

    .ba-slider-item img {
        object-fit: cover;
    }

    .content_block .ba-slider-caption {
        padding: 0 5% 7% 5%
    }

    .custom_slide_second .content_block a.link_bannerbar {
        font-size: 17px!important;
        padding: 12px 20px
    }

    .custom_slide_second .content_block p {
        margin: 15px 0 34px 0;
        font-size: 18px!important;
        line-height: 27px
    }

    .faq-wrapper {
        padding: 30px 10px 40px 10px
    }

    .blogs-wrapper {
        padding: 0 12px;
        margin-bottom: 2em
    }

    .four_outer {
        padding: 0 12px
    }

    .community-wrapper {
        padding: 0 12px
    }

    .text_tab_sec {
        position: inherit;
        width: 100%
    }

    .community-wrapper .tab-content {
        width: 60%
    }

    .event-filter-tab {
        align-items: flex-start;
        flex-direction: column
    }

    .video_section {
        padding: 0 12px
    }

    .community_welcome_small {
        position: initial;
        padding: 8px 10px;
        margin-top: -21px
    }

    .welcome_text {
        width: 100%;
        padding-right: 0
    }

    .welcome_content {
        flex-direction: column
    }

    .partner-logo-wrapper h2 {
        font-size: 24px
    }

    .responsive_logo_design {
        grid-template-columns: repeat(auto-fit,minmax(9rem,2fr));
        grid-gap: 1rem
    }

    .partner-logo-wrapper {
        padding: 10px
    }

    .container {
        width: 100%;
        padding: 10px 0
    }

    .banner h1 {
        font-size: 2em
    }

    .logo img {
        max-width: 150px
    }

    .faq-heading h2 {
        font-size: 2em
    }

    .faq-item h3 {
        font-size: 1.4em
    }

    .faq-item p {
        font-size: 1em
    }

    .wrap-column-block {
        grid-template-columns: repeat(auto-fit, minmax(11rem, 49%));
        grid-gap: 0.5rem
    }

    .services-mar__services li img {
        position: absolute;
        top: 10%;
        right: 0;
        transform: translateY(0) rotate(-8deg) scale(1);
        width: 150px
    }

    .classes-wrapper h4 {
        font-size: 20px;
        margin-bottom: 0
    }

    .block-content .post-class {
        margin-top: 15px
    }

    #menu_open_icon {
        margin-left: 15px
    }

    #search {
        justify-content: center;
        opacity: 0;
        align-content: space-around;
        align-items: flex-start;
        padding-top: 0!important
    }

    #search:target .close-btn {
        right: 0
    }

    .footer.footer-fourth .menu li {
        padding-left: 0
    }

    .event-sidebar {
        padding: 30px;
        margin-top: 0
    }

    .wp-block-columns .has-x-large-font-size {
        font-size: var(--wp--preset--font-size--large) !important;
    }

    .woocommerce-MyAccount-navigation li a {
        font-weight: 600 !important;
        font-size: 19px;
        padding: 7px 15px;
        margin-bottom: 11px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content {
        float: none;
        width: 100%;
    }

    .header-container {
        flex-direction: column
    }

    .main-navigation .nav-menu {
        flex-direction: column;
        gap: .5rem;
        margin-top: 1rem
    }

    .footer-widgets {
        flex-direction: column
    }

    .footer-widgets:not(.widgets2) .footer-column {
        margin-bottom: 1.5rem
    }

    .footer-third .footer-column:not(:first-child) {
        padding-top: 0px;
        padding-bottom: 0
    }

    .footer-widgets {
        grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
        gap: 1.5rem;
    }

    .footer-third .bottom_wrapper .footer-bottom, .footer-third .footer-widgets {
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center
    }

    .footer-third .bottom_wrapper .footer-bottom {
        gap: 20px
    }

    .footer-third .footer-widgets .footer-column, .footer-fourth .footer-widgets .footer-column {
        flex: 0 0 50%
    }

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

    .footer-fourth .footer-widgets {
        padding-bottom: 30px;
    }

    .footer-fourth .footer-widgets .footer-column {
        padding-right: 0px;
    }

    .page-template-page-full-width-no-sidebar .wp-block-columns {
        padding-top: 30px;
    }

    .page-template-page-full-width-no-sidebar .wp-block-columns, .page-template-page-full-width-no-sidebar .wp-block-column {
        padding-bottom: 20px;
    }

    .not-found {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .community-single-post-wrapper .post-background {
        height: 280px;
        width: 90%
    }

    .community-single-post-wrapper.style-1 .post_head .post_title {
        font-size: 1.7em
    }

    .community-single-post-wrapper.style-2 .post_head .post_title {
        font-size: 2.2em
    }

    .hero-shape1:after, .hero-shape2:after {
        width: 90px;
        height: 35px
    }

    .hero-shape1:before, .hero-shape2:before {
        width: 90px;
        height: 25px
    }

    .single-video-banner {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .video-heading {
        width: 100%;
        padding: 0 40px
    }

    .video-heading h2 {
        font-size: 25px
    }

    .content-area {
        flex-direction: column
    }

    .main-content, .sidebar {
        flex: 1 1 100%;
        max-width: 100%
    }

    .video-iframe iframe {
        max-height: 230px
    }

    .course-filter-container {
        display: block!important
    }

    .wp-block-details summary {
        padding-right: 30px
    }

    .right_border_third {
        border-right: none
    }

    .inner_count {
        border-bottom: 1px solid #cfcfcf;
        border-right: none
    }

    .header-third .header_wrapper .social-media-icons .separator, .header-third .header_wrapper .social-media-icons .social-icons-wrapper, header #menu-right-menu, header #menu-top-bar-menu {
        display: none
    }

    .header-one .header-row {
        justify-content: center
    }

    .header-third .header_wrapper .site-branding, .header-third .header_wrapper .social-media-icons {
        flex: 0 0 50%
    }

    img.site-logo {
        max-height: 60px !important;
    }

    .header-second #menu_open_icon {
        display: block
    }

    .header-second #main_Menu {
        background-color: #2c2971;
        position: fixed;
        top: 0;
        padding-top: 80px;
        left: 100%;
        transition: left .5s ease;
        transform: none;
        width: 100%;
        height: 100%;
        min-height: 100vh;
        overflow-y: auto;
        z-index: 9999
    }

    .header-second .need-help {
        display: none
    }

    .header-second {
        box-shadow: rgba(0,0,0,.05) 0 6px 24px 0, rgba(0, 0, 0, .08) 0 0 0 1px
    }

    .header-second #menu-header-menu {
        display: flex;
        flex-direction: column;
        gap: 1px
    }

    .header-second .main-header-bar .header-menu {
        justify-content: left;
        align-items: center;
        width: 100%
    }

    .header-second .main-header-bar .header-menu .primary-header-menu a {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        line-height: 20px
    }

    .footer .text-right, .footer-second .text-left {
        text-align: center
    }

    .footer-column .widget {
        margin-bottom: 0;
        width: 100%;
    }

    .footer-column.collapsible-active .widget div {
        background-color: #ffffff12;
        padding: 22px;
    }

    .footer-second .column1 {
        order: 2
    }

    .footer-second .column2 {
        order: 1
    }

    .footer-second .column3 {
        order: 3
    }

    .footer-second .icons_wrap {
        margin-top: 30px
    }

    .footer-one .footer-widgets.widgets1 .footer_content {
        margin-right: 0
    }

    .footer-one .footer-widgets.widgets2 {
        margin: 0 1rem
    }

    .footer-third .footer-widgets .footer-column {
        flex: 0 0 100%;
        /* text-align: center; */
        padding-right: 0;
    }

    .footer-third .margin_address {
        padding-right: 0;
    }

    .padding-md-top-767-0 {
        padding-top: 0!important
    }

    .padding-md-bottom-767-0 {
        padding-bottom: 0!important
    }

    .zoom-out figure img {
        height: 400px;
        object-fit: cover;
    }

    .d-md-none-767 {
        display: none
    }

    .empowering-col-2 {
        margin: 0 25px!important
    }

    /* .number-counter .wp-block-column {max-width:40%!important} */
    .padding-left-767-40 {
        padding-left: 40px!important
    }

    .home-2-hover-section .wp-block-column img {
        width: 100%
    }

    .home-2-hover-section .overflow-hidden {
        padding-bottom: 0;
        height: 60vh
    }

    .home-2-hover-section .on-hover-show-content {
        transform: translateY(120px)
    }

    .kmvt_welcome_small {
        position: initial;
        padding: 8px 10px;
        margin-top: -21px;
        width: 100%;
    }

    .footer-one .footer-widgets .column1 {
        width: 100%;
    }

    .sm-D-none {
        display: none;
    }

    .wrap-block-required .wp-block-column {
        flex-basis: 47% !important;
    }

    /* .clientLogo .clientLogo-wrap.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column, .number-counter .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: 40% !important; } */
    .clientLogo .clientLogo-wrap.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 40% !important;
    }

    .blog_wrapper time, .blog_wrapper h4 {
        text-align: center;
    }

    .program_wrapper li {
        text-align: center;
    }

    .form_contribution, .form_contribution p {
        text-align: center;
    }

    .form_contribution .wp-block-buttons {
        justify-content: center;
    }

    .block-content h4 {
        font-size: 24px;
        text-align: center;
    }

    .block-content .post-class {
        flex-direction: column;
    }

    .has-text-align-left {
        /* text-align: center; */
    }

    .footer_CTA .wp-block-column {
        padding-right: 0;
    }

    .pl-m-5 {
        padding-left: 5% !important;
    }

    .pr-m-5 {
        padding-right: 5% !important;
    }

    .about_community_design2 .img-Col.pr-m-5 {
        padding-right: 5% !important;
    }

    /* .about_community_design2 .text-Col.pl-m-5 { padding-right: 0% !important; } */
    .about_community_design2 {
        padding-top: 30px;
    }

    h3.lets_bring_heading {
        font-size: 35px !important;
        text-align: left;
        line-height: 40px !important;
    }

    .make-art-vdo {
        justify-content: center !important;
    }

    .make-art-vdo .zoom-out figure img {
        height: auto;
    }

    .number-counter h2 {
        font-size: 58px !important;
    }

    .d-none-required {
        display: none;
    }

    .about-col {
        justify-content: center !important;
    }

    .card.text-space-between {
        grid-row-gap: 0;
    }

    .card.text-space-between h3 {
        font-size: 20px !important;
    }

    .partners-col {
        justify-content: center !important;
    }

    .footer-third .footer-column .widget .size-full {
        max-width: 70% !important;
    }

    .about_community_design2 {
        justify-content: inherit !important;
        gap: 0px !important;
    }

    .about_community_design2 .text-Col h2 {
        text-align: left !important;
    }

    .wrap-block-required {
        flex-wrap: wrap !important;
        gap: 1em;
    }

    .produce-box {
        flex-wrap: wrap !important;
    }

    .produce-box .wp-block-column {
        flex-basis: inherit !important;
    }

    .produce-box .wp-block-column .wp-block-image img {
        object-fit: cover;
    }

    .produce-box .on-hover-show-content {
        transform: translateY(120px);
    }

    .our-partner-section {
        justify-content: inherit !important;
    }

    .on-hover-show-content h4, .on-hover-show-content p {
        text-align: left;
    }

    .form_contribution {
        flex-basis: 50% !important;
    }

    .member-template-default .sidebar {
        max-width: 100% !important;
    }

    .out_member .wp-block-cover {
        padding: 3em;
    }

    .sidebar .sidebar_inner {
        padding: 0px 0px 20px;
    }

    .themeRow .wp-block-group__inner-container .wp-block-columns {
        padding: 0px;
    }

    .content-breadcrumb .course-title {
        font-size: 1.5em;
    }

    .custom_slide_second .ba-slider-caption {
        padding: 10px 2% 2% 5% !important;
        top: 50% !important;
    }

    .form_contribution {
        padding: 50px !important;
    }

    .form_contribution .wp-block-button {
        margin-top: 0;
    }
}

@media (max-width: 780px) {
    .d-none-767 {
        display:none;
    }

    .faq-home-2 .wp-block-spacer {
        display: none;
    }

    .faq-home-2 .wp-block-spacer + p {
        display: none;
    }

    .faq-home-2 h2 ~ p {
        display: none;
    }

    .make-art-position {
        height: 96.1%;
        top: 49%;
    }
}

@media (max-width: 630px) {
    .firsta {
        padding-left:20px !important;
    }

    .get_involved+h2 {
        padding-left: 20px !important;
    }

    .uncover {
        padding: 0 20px !important;
    }

    .design_donets {
        padding: 0px 25px !important;
    }

    .footer-column.menu {
        margin-top: 0;
        padding-top: 0!important
    }

    .footer-column.menu ul.menu {
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.4s ease-in-out;
    }

    .footer-column.menu .widget-title {
        cursor: pointer;
        position: relative;
        padding-right: 20px;
        margin-bottom: 10px;
    }

    .footer-column.menu .widget-title::after {
        content: "+";
        position: absolute;
        right: -10px;
        font-weight: 700;
        font-size: 28px;
        transition: transform .3s ease
    }

    .footer-column.menu.collapsible-active .widget-title::after {
        content: "−"
    }

    .footer-column.collapsible-active ul.menu {
        max-height: 500px;
        /* Large enough to show full menu */
    }
}

@media (max-width: 660px) {
    .staff_committee .members-shortcode-wrap .member-card {
        width: 46%;
    }

    .class-single-breadcrumb {
        padding: 25px 0px;
    }

    .class-summary {
        padding-left: 0;
    }

    .banner-v2 h1 {
        /* font-size: 58px !important; */
    }

    .card.text-space-between p {
        text-align: left !important;
    }

    .d-none-required-660 {
        display: none;
    }
}

@media (max-width: 600px) {
    .search_design ul.search-results-list {
        grid-template-columns:repeat(auto-fit, minmax(14rem, 100%));
    }

    .search_design .content-area {
        max-width: 97% !important;
    }

    .event-filter-form {
        flex-direction: column;
        align-items: flex-start
    }

    .contact_content {
        display: block
    }

    .getIntouch-iconWrapper {
        display: block
    }

    .centerDivider {
        display: none
    }

    .event-filter-form {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start
    }

    .program_wrapper h3 a {
        height: auto
    }

    .design_popular_courses .wrap-column-block {
        grid-template-columns: inherit
    }

    .banner-v2 h1 {
        /* font-size:60px!important; */
        /* line-height:65px; */
        /* margin-bottom:32px; */
    }

    .equal_width .wp-block-group__inner-container {
        padding: 0 5%
    }

    .number-counter .wp-block-column {
        max-width: 100%!important;
        padding-top: 0
    }

    .number-counter .wp-block-column h2 {
        font-size: 55px!important
    }

    .number-counter .wp-block-columns {
        gap: 0
    }

    .home-2-hover-section .wp-block-column img {
        width: 100%;
        height: 100vh;
        object-fit: cover
    }

    .home-2-hover-section .on-hover-show-content {
        transform: translateY(160px)
    }

    .banner-v2 h1 {
        /* font-size: 54px !important; */
    }

    .footer-third .footer-column .widget .size-full {
        max-height: 75px;
        width: auto;
        margin-bottom: 20px;
    }

    .card.text-space-between {
        height: 300px;
    }

    .about-img .wp-block-cover {
        min-height: 300px !important;
    }

    .footer-column:not(:last-child) {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    .counterWrap {
        margin-bottom: 20px !important;
    }

    .d-none-600 {
        display: none;
    }

    .course-filter-container .ba-tabs-buttons {
        display: block;
    }

    .course-filter-container .ba-tabs-buttons .tab-button {
        white-space: inherit;
        width: 48%;
        margin-right: 10px;
    }

    .design_latest_read .wp-block-column {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .home .design_latest_read .wp-block-column {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .d-none-600 {
        display: none;
    }

    .out_member .wp-block-cover {
        padding: 2em;
    }

    .make-art-position {
        height: 94.1%;
        top: 48.5%;
    }

    .all_sticky_icons {
        transform: rotate(270deg) scale(0.7);
        right: -63px;
    }

    .all_sticky_icons a {
        padding: 14px 20px 7px 34px;
        font-size: 17px;
    }

    .woocommerce ul.order_details li {
        float: none
    }
}

@media only screen and (max-width: 580px) {
    .all_sticky_icons a:after {
        top:22px;
    }

    .course-filter-container .ba-tabs-buttons .tab-button {
        width: 100%;
    }

    .season-content-display .video-grid .video-grid {
        grid-template-columns: repeat(auto-fit, minmax(14rem, 100%)) !important;
    }
}

@media only screen and (max-width: 500px) {
    .nav-links {
        display:flex;
        gap: 18px
    }

    .nav-links a {
        color: #000;
        background-color: #fff;
        font-size: 15px;
        letter-spacing: .3px;
        display: block;
        cursor: pointer;
        font-weight: 500;
        padding: 4px 13px;
        white-space: nowrap;
        transition: .3s ease-in-out;
        border: 2px solid #000;
        margin-top: 17px;
        width: min-content
    }

    .episode .time h5 {
        font-size: 15px!important;
        font-weight: 600!important;
        white-space: nowrap
    }

    .episode-section .episode .time {
        overflow-x: scroll;
        padding-bottom: 7px
    }

    .episode-section .time small {
        font-weight: 400;
        white-space: nowrap;
        font-size: 14px
    }

    .program-info-layout .info-layout-container .about-section {
        padding: 0
    }

    .program-info-layout .info-layout-container .about-section .meta-list li {
        font-size: .8em;
        margin-bottom: 7px;
        gap: 6px
    }

    .wpr-breadcrumb__list {
        white-space: nowrap;
        overflow-x: scroll;
        padding-bottom: 6px
    }

    .blog h2 {
        font-size: 1.5em
    }

    .video_container .cover {
        bottom: 28%;
        right: 36%
    }

    .blog_wrapper .blog_block {
        width: 100%;
    }

    .blog_wrapper .blog_slider {
        padding: 0;
    }

    .woocommerce .col2-set, .woocommerce-page .col2-set {
        max-width: 100%;
        padding: 0
    }

    .woocommerce-checkout-review-order {
        max-width: 100%;
        padding: 6px 6px
    }

    table.shop_table .product-thumbnail {
        display: flex!important
    }

    table.shop_table .product-thumbnail:before {
        display: none!important
    }

    .woocommerce .woocommerce-cart-form {
        width: 100%;
        padding: 0 15px
    }

    .woocommerce .cart-collaterals {
        padding: 0;
        width: 100%;
        margin-top: 20px;
    }

    .woocommerce table.cart td.actions .coupon {
        justify-content: space-between
    }

    .post-content .woocommerce {
        padding: 0 10px;
    }
}

@media (max-width: 480px) {
    .staff_committee .members-shortcode-wrap .member-card {
        width: 100%;
    }

    .wp-block-column .has-x-large-font-size {
        font-size: var(--wp--preset--font-size--large) !important;
    }

    .community-post-wrapper .lists_view .post_body {
        gap: 0px;
    }

    .coach_professional {
        padding: 26px 20px;
    }

    .community-wrapper .tab-link {
        font-size: 17px;
        padding: 8px 13px
    }

    .faq-wrapper h2 br {
        display: none
    }

    .accordion__header {
        padding: 16px 40px 16px 0
    }

    .faq-wrapper h2 {
        font-size: 35px;
        margin: 0 0 6px 0
    }

    .left_faq_text {
        width: 100%
    }

    .faq-wrapper .container {
        flex-direction: column
    }

    .right_faq_design {
        width: 100%
    }

    .community-wrapper h4 {
        margin-bottom: 12px;
        margin-top: 1em
    }

    .community-wrapper .tab-menu {
        width: 97%;
        padding-right: 0
    }

    .community-wrapper .tab-content {
        width: 93%
    }

    .banner h1 {
        font-size: 1.5em
    }

    .logo img {
        max-width: 120px
    }

    .blog-post h3 {
        font-size: 1.2em
    }

    .video-block h3 {
        font-size: 1.2em
    }

    .wrap-column-block {
        grid-template-columns: repeat(auto-fit,minmax(10rem,100%));
        grid-gap: 0.5rem
    }

    .services-mar__services li .service-name.h3 a, .services-mar__services li::before {
        font-size: 20px
    }

    .services-mar__services li.active .service-name.h3+img {
        opacity: 1;
        transform: translateY(0) rotate(-8deg) scale(.3)
    }

    .classes-grid .col-4 {
        grid-column: span 12!important
    }

    .classes-grid .col-8 {
        grid-column: span 12!important
    }

    .slick-dots {
        max-width: 350px;
        overflow: auto;
        margin: auto;
        justify-content: left
    }

    .banner-v2 h1 {
        font-size: 2.0em !important;
    }

    .banner-v2 .wp-block-column h3 {
        font-size: var(--wp--preset--font-size--medium) !important;
    }

    .wp-block-group .wp-block-group__inner-container .wp-block-columns .has-x-large-font-size {
        font-size: var(--wp--preset--font-size--large)!important
    }

    .wp-block-group .wp-block-group__inner-container .wp-block-columns .has-large-font-size {
        font-size: 25px!important
    }

    .wp-block-column .has-large-font-size {
        font-size: 36px!important
    }

    .wp-block-column .wp-block-details summary {
        font-size: 1em
    }

    ul.tab_blog li a {
        padding: 8px 8px;
        font-size: 14px
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 20px
    }

    .wpr-breadcrumb__title {
        font-size: 30px
    }

    .woocommerce-page .woocommerce-message {
        display: flex ;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
}

@media only screen and (max-width: 450px) {
    .program_detail_design {
        margin-bottom:0!important
    }

    .series_program .show-detail-item {
        padding: 10px 0;
        gap: 2px
    }

    .series_program {
        padding: 0;
        gap: 0;
        font-size: 16px
    }

    .program_detail_design .content_program_detail {
        width: 100%;
        margin-bottom: 30px
    }

    .show_meta_icon span {
        white-space: nowrap
    }

    .show_meta_icon {
        row-gap: 7px;
        flex-wrap: wrap
    }

    .program_detail_design .community-event-wrapper.related_event {
        width: 100%!important
    }

    .custom_slide_second .content_block h1 {
        font-size: 22px!important;
        line-height: 27px
    }

    .custom_slide_second .content_block p {
        margin: 10px 0 25px 0;
        font-size: 16px!important;
        line-height: 24px
    }

    .ba-slider-item img {
        width: auto;
        height: 100%
    }

    .custom_slide_second {
        height: calc(55vh - 130px)
    }

    .footer-fourth .footer-column .widget .size-full {
        max-width: 60%!important
    }

    .footer-fourth .bottom_wrapper .footer-bottom p {
        margin: 0
    }

    .make-art-position {
        height: 91.1%;
        top: 48%;
    }
}