.accordion-web {
    display: block;
}

.accordion-mob {
    display: none;
}

/* Mobile Styles */
@media screen and  (max-width: 768px) {

    .wp-block-group.hero-section {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .wp-block-cover {
        width: 100%;
        min-height: 100px !important;
        margin-top: 0px !important;
    }

    .wp-block-cover .wp-block-cover__image-background {
        filter: blur(2px);
        -webkit-filter: blur(2px);
    }

    .pink-overlay-block.pink-overlay-content-p::before, .pink-overlay-block.pink-overlay-content-i::before, .pink-overlay-block.pink-overlay-content-n::before, .pink-overlay-block.pink-overlay-content-k::before {
        display: none;
    }

    .pink-overlay-block .wp-block-cover__inner-container {
        opacity: 1 !important;
    }

    .pink-overlay-block .wp-block-cover__inner-container p.title {
        font-size: 32px !important;
    }
    
    .pink-overlay-block .wp-block-cover__inner-container > p.title::before {
        content: "";
        font-family: dashicons;
        font-weight: normal;
        display: inline-block;
        margin: 0;
        vertical-align: top;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: rotate(0);
        color: inherit;
        position: absolute;
        background: transparent;
        height: auto;
        width: auto;
        right: 30px;
        left: auto;
        line-height: inherit;
        transition: 0.3s all ease;
    }


    .pink-overlay-block .wp-block-cover__inner-container p.descp {
        opacity: 0;
        height: 0;
        transition: 0.3s all ease;
        margin: 0;
    }

    .pink-overlay-block .wp-block-cover__inner-container .wp-block-buttons {
        display: none;
    }

    .pink-overlay-block .wp-block-cover__background {
        display: none;
    }

    .pink-overlay-block.toggle-panel .wp-block-cover__inner-container .title:before{
        transform: rotate(180deg);
    }

    .pink-overlay-block.toggle-panel .wp-block-cover__inner-container .descp{
        opacity: 1;
        height: auto;
        margin-top: 20px;
    }

    .accordion-web {
        display: none;
    }
    
    .accordion-mob {
        display: block;
    }

    .accordion-mob .course-tabs-nav {
        border-bottom: none;
    } 

    .accordion-mob .course-tabs-nav > ul{
        display: block;
    }

    .accordion-mob .course-tabs-nav > ul > li{
        border-bottom: none;
    }

    .accordion-mob .course-tabs-nav > ul > li > a{
        border-bottom: 1px solid #000;
    }

    .accordion-mob .course-tabs-nav > ul > li > .course-tabs-data {
        margin-top: 30px;
    }

    .accordion-mob .course-tabs-nav > ul > li > .course-tabs-data > ul{
        display: block;
    }

    .accordion-mob .course-tabs-nav > ul > li.course-tabs-nav-active > .course-tabs-data {
        display: block;
    }

    .course-main-buttons {
        gap: 15px;
        padding-bottom: 30px;
    }

    .course-wrapper .course-container .course-availability .course-filters{
        flex-direction: column;
        align-items: center;
        padding: 0 30px;
    }

    .course-wrapper .course-container .course-availability .course-filters .course-filter{
        width: 100%;
        max-width: 100%;
    }

    .course-wrapper .course-container .course-availability .course-plannings{
        padding: 0 30px;
    }

    .page-section-main .courses-section .wp-block-buttons .wp-block-button__link {
        padding: 2px 14px;
        font-size: 16px;
    }

    .case-main.container {
        padding: 0;
    }

    .case-main.container .case-detail{
        margin-top: 0;
    }

    .case-main.container .case-detail .case-rows1 .case-rows{
        margin-top: 0px;
    }

    .case-main.container .case-detail .case-rows1 .case-rows .top-block{
        display: none;
    }

    .case-main.container .case-detail .case-rows1 .case-rows .pink-case-studies-grid{
        margin-top: 50px;
    }

    .case-main.container .case-detail .case-rows1 .case-rows .pink-case-studies-grid .pink-case-studies-column .pink-case-studies-item{
        padding: 30px;
    }

    .case-main.container .case-detail .case-rows1 .case-rows .pink-case-studies-grid .pink-case-studies-column .pink-case-studies-item .pink-case-studies-image{
        margin-block-end: 10px;
    }

    .case-main.container .case-detail .case-rows1 .case-rows .pink-case-studies-grid .pink-case-studies-column .pink-case-studies-item .pink-case-studies-title{
        line-height: 32px;
        font-weight: 500;
    }

    .case-main.container .case-detail .case-rows1 .case-rows .pink-case-studies-grid .pink-case-studies-column .pink-case-studies-item .pink-case-studies-excerpt{
        margin-bottom: 20px;
    }
    
    .case-main.container .case-detail .case-rows1 .case-rows .pink-case-studies-grid .pink-case-studies-column .pink-case-studies-item .pink-case-studies-action .pink-button{
        padding: 2px 16px;
        font-size: 16px;        
    }

    .case-main.container .casestudyhome .wp-block-media-text .wp-block-media-text__content{
        padding: 0 30px !important;
        margin-top: 50px;
    }

    .case-main.container .casestudyhome .wp-block-media-text .wp-block-media-text__content .wp-block-heading{
        color: #000000;
        font-size: 26px;
        line-height: normal;
    }

    .case-main.container .casestudyhome .wp-block-media-text .wp-block-media-text__content .wp-block-buttons .wp-block-button__link{
        padding: 2px 16px;
        font-size: 16px;
        background: #000;
        color: #fff;
    }

    .case-blocks-section {
        padding: 0 30px !important;
    }

    .media-section {
        margin-top: 50px;
    } 
    
    .media-section .wp-block-media-text__media {
        width: 100%;
    }

    .media-section .wp-block-media-text__content {
        padding: 0 30px !important;
    }

    .media-section .wp-block-media-text__content .all-news{
        display: none;
    }
  
    .media-section .wp-block-media-text__content .post-block{
        margin-top: 50px;
    }
    
    .media-section .wp-block-media-text__content .post-block .post-title{
        font-size: 28px;
        line-height: normal;
        margin-bottom: 30px;
    }
 
    .media-section .wp-block-media-text__content .post-block .wp-block-buttons .wp-block-button .wp-block-button__link{
        font-size: 16px;
        padding: 2px 16px;
        background: black;
    }







}