.My_courses_gen_my_courses_wrapper__7UsiE {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 70px 20px;
    background: #f6f4ec;
}
.My_courses_my_courses_centered_wrapper__zeLay {
    display: flex;
    flex-direction: column;
    gap: 50px;
    width: 1250px;
}
.My_courses_my_courses_h1__rDh0U {
    font-family: Londrina, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    color: #2a2a2a;
    margin-left: 20px;
}
.My_courses_my_courses_h1__rDh0U span {
    color: #fa7e7e;
}
.My_courses_my_courses_grid__tmo5X {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    row-gap: 60px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    width: 100%;
    place-items: center;
}
.My_courses_card__VoeMX {
    width: 350px;
    height: 320px;
    background: #fff;
    box-shadow: 15px 15px 30px #bebebe, -15px -15px 30px #fff;
    transition: 0.2s ease-in-out;
    border-radius: 10px;
    border-right: 2.473px solid #353535;
    border-bottom: 2.473px solid #353535;
    background-color: #f0ebda;
    position: relative;
    overflow: hidden;
}
.My_courses_card__VoeMX:hover {
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.My_courses_expired__HmHIO {
    position: absolute;
    top: 20px;
    left: -30px;
    border-radius: 7px 3px 3px 0;
    display: flex;
    padding: 6px 12px 4px;
    width: 165px;
    justify-content: center;
    align-items: center;
    border-right: 1px solid red;
    border-bottom: 1px solid red;
    background: red;
    transform: rotate(-35deg);
}
.My_courses_expired__HmHIO p {
    color: #fff;
    font-family: Parkinsans;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.My_courses_img__8MmXi {
    width: 100%;
    height: 55%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out;
}
.My_courses_text__rYseI {
    margin: 10px 20px;
    display: flex;
    flex-direction: column;
    position: absolute;
    min-width: 80%;
}
.My_courses_text__rYseI .My_courses_desc__Bj7aY {
    font-family: More sugar Thin;
    color: #999;
    font-size: 13px;
    width: 100%;
}
.My_courses_text_wrapper__6iGFe {
    padding: 10px 15px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    height: 50%;
    justify-content: space-between;
    background: #fff;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.My_courses_h3__CZc1c {
    color: #000;
    text-decoration: underline;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 31.5px;
    letter-spacing: 0.08em;
}
.My_courses_p__7mdOh {
    color: #646464;
    font-family: More Sugar Thin, system-ui;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.744px;
}
.My_courses_button_wrapper__BqDUc {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.My_courses_button_wrapper__BqDUc button {
    display: flex;
    padding: 10px 20px;
    align-items: center;
    gap: 12px;
    border-radius: 999px;
    border: solid #000;
    border-width: 0.481px 1px 1px 0.481px;
    background: #fad36b;
}
.My_courses_button_wrapper__BqDUc button p {
    color: #383838;
    text-align: center;
    font-family: Futura, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.225px;
}
.My_courses_button_wrapper__BqDUc button img {
    width: 14px;
    height: 17px;
}
.My_courses_nosub_wrapper__OllK4 {
    display: flex;
    justify-content: center;
    width: 100%;
}
.My_courses_nosub__K4n6w {
    width: 760px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 70px 40px;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 100px 80px 0 rgba(0, 0, 0, 0.07), 0 41.778px 33.422px 0 rgba(0, 0, 0, 0.05), 0 22.336px 17.869px 0 rgba(0, 0, 0, 0.04), 0 12.522px 10.017px 0 rgba(0, 0, 0, 0.04), 0 6.65px 5.32px 0 rgba(0, 0, 0, 0.03),
        0 2.767px 2.214px 0 rgba(0, 0, 0, 0.02);
    position: relative;
    overflow: hidden;
}
.My_courses_nosub_div__FFXzz {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.My_courses_nosub_div__FFXzz h1 {
    color: #000;
    font-family: More Sugar Thin, system-ui;
    font-size: 31.586px;
    font-style: normal;
    font-weight: 400;
    line-height: 35.662px;
    letter-spacing: 0.948px;
    width: 90%;
}
.My_courses_nosub_div__FFXzz h3 {
    color: #000;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 90%;
}
.My_courses_drupsc_dog__X3m2V {
    width: 150px;
    height: 142px;
}
.My_courses_line1__DcezJ {
    position: absolute;
    top: 0;
    left: 0;
}
.My_courses_line2__ur7zy {
    position: absolute;
    top: 5px;
    right: -20px;
}
.My_courses_balloon__TrEUt {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.My_courses_course_button__lKDGN {
    display: flex;
    padding: 10px 20px;
    align-items: center;
    gap: 12px;
    border-radius: 999px;
    border: solid #000;
    border-width: 0.481px 1px 1px 0.481px;
    background: #fad36b;
    width: -moz-fit-content;
    width: fit-content;
}
.My_courses_course_button__lKDGN p {
    color: #383838;
    text-align: center;
    font-family: Futura, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.225px;
}
.My_courses_course_button__lKDGN img {
    width: 14px;
    height: 17px;
}
@media screen and (max-width: 1300px) {
    .My_courses_my_courses_centered_wrapper__zeLay {
        width: 100%;
    }
}
@media screen and (max-width: 830px) {
    .My_courses_nosub__K4n6w {
        width: 100%;
        gap: 24px;
        padding: 70px 40px;
        border-radius: 17px;
    }
    .My_courses_nosub_div__FFXzz h1,
    .My_courses_nosub_div__FFXzz h3 {
        width: 100%;
    }
}
@media screen and (max-width: 600px) {
    .My_courses_nosub__K4n6w {
        flex-direction: column;
        gap: 30px;
    }
}
@media screen and (max-width: 550px) {
    .My_courses_nosub__K4n6w {
        gap: 24px;
        padding: 50px 20px;
        border-radius: 16px;
    }
    .My_courses_nosub__K4n6w h1 {
        font-size: 21px;
        line-height: 28.662px;
        width: 90%;
    }
    .My_courses_nosub__K4n6w h3 {
        font-size: 16px;
        width: 90%;
    }
}
@media screen and (max-width: 450px) {
    .My_courses_my_courses_h1__rDh0U {
        font-size: 31px;
        margin-left: 0;
    }
}
@media screen and (max-width: 420px) {
    .My_courses_my_courses_grid__tmo5X {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
}
.Backdrop_backdropBlur__HI9Lq {
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    -moz-backdrop-filter: blur(40px);
}
.Backdrop_backdropNav__0NzD1 {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
}
@font-face {
    font-family: __moreSugarThin_f6c606;
    src: url(../media/b6d59e5183ab24b0-s.p.ttf) format("truetype");
    font-display: swap;
    font-weight: 100;
}
@font-face {
    font-family: __moreSugarThin_Fallback_f6c606;
    src: local("Arial");
    ascent-override: 97%;
    descent-override: 31.45%;
    line-gap-override: 0%;
    size-adjust: 97.94%;
}
.__className_f6c606 {
    font-family: __moreSugarThin_f6c606, __moreSugarThin_Fallback_f6c606;
    font-weight: 100;
}
.Loader_loader__oaLvI {
    border-radius: 50%;
    border: 5px solid #fa7e7e;
    border-left-color: transparent;
    width: 36px;
    height: 36px;
    animation: Loader_spin89345__h3j2F 1s linear infinite;
}
@keyframes Loader_spin89345__h3j2F {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
@font-face {
    font-family: __glacial_c3348c;
    src: url(../media/be45a228c9be7b54-s.p.otf) format("opentype");
    font-display: swap;
    font-weight: 200;
}
@font-face {
    font-family: __glacial_Fallback_c3348c;
    src: local("Arial");
    ascent-override: 97.89%;
    descent-override: 25.79%;
    line-gap-override: 0%;
    size-adjust: 96.95%;
}
.__className_c3348c {
    font-family: __glacial_c3348c, __glacial_Fallback_c3348c;
    font-weight: 200;
}
@font-face {
    font-family: __Bangers_57ffb9;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../media/b1bbcec5a05df9d3-s.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
}
@font-face {
    font-family: __Bangers_57ffb9;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../media/a6e189517e59054d-s.woff2) format("woff2");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}
@font-face {
    font-family: __Bangers_57ffb9;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../media/2c2fc5ac4fb02646-s.p.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
    font-family: __Bangers_Fallback_57ffb9;
    src: local("Arial");
    ascent-override: 107.26%;
    descent-override: 21.99%;
    line-gap-override: 0%;
    size-adjust: 82.32%;
}
.__className_57ffb9 {
    font-family: __Bangers_57ffb9, __Bangers_Fallback_57ffb9;
    font-weight: 400;
    font-style: normal;
}