@media  screen and (max-width: 1024px) {
    .no-mb{
        display: none !important;
    }
    
    .no-desk{
        display: flex !important;
    }

    .solar-academy {
        padding: 15% 0 10% 0;
        height: auto;
    }

    .tabs-container {
        display: none;
    }

    .tabs-container-mobile {
        width: 87%;
        height: 6%;
        position: relative;
    }

    .tabs-container-mobile > div {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        background: #F2FADF;
        backdrop-filter: blur(30px);
        padding: 6%;
        border-radius: 100px;
        height: 50px;
    }

    .tabs-container-mobile > div > h3 {
        color: #2C5134;
        font-family: "Articulat CF";
        font-size: clamp(7px, 4.267vw, 30px);
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -0.48px;
    }

    .tabs-container-mobile > div > svg {
        transition: 0.2s ease;
    }

    .tabs-container-mobile > ul {
        position: absolute;
        width: 100%;
        height: auto;
        padding: 3% 0;
        border-radius: 30px;
        background: #F2FADF;
        backdrop-filter: blur(30px);
        left: 0;
        top: 110%;
        display: none;
        z-index: 5;
    }

    .tabs-container-mobile ul > li {
        padding: 5%;
    }

    .tabs-container-mobile ul > li > a {
        color: #5E5E5E;
        font-family: "Articulat CF";
        font-size: clamp(10px, 4.27vw, 26px);
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -0.48px;
        cursor: pointer;
    }

    .sa-hero-container > h1 {
        font-size: clamp(1rem, 9.067vw, 115px);
        width: 100%;
        margin: 8% 0 12% 0;
    }

    .sa-content {
        height: auto;
    }

    .sa-card-container {
        flex-direction: column;
        gap: 20px;
    }
    
    .sa-card {
        width: 100%;
        padding-block: 50px;
        gap: 20px;
        justify-content: center;
        height: 300px;
    }
    span.no-desk{
        color: #2C5134;
        text-align: center;
        width: 100%;
        text-decoration: underline;
        display: block !important;
        font-family: 'Articulat CF';
        font-size: 18px;
    }

    .sa-card > h2 {
        font-size: clamp(12px, 4.267vw, 37px);
    }

    .sa-card > p {
        font-size: clamp(10px, 3.73vw, 25px);
    }

    .sa-card > a {
        color: #2C5134;
        text-align: center;
        font-family: "Articulat CF";
        font-size: clamp(10px, 3.73vw, 25px);
        font-style: normal;
        font-weight: 400;
        line-height: 122%;
        text-decoration-line: underline !important;
    }

}


@media  screen and (max-width: 767px) {
    .solar-academy {
        padding: 25% 0 10% 0;
    }
}