main * {
    --pc: 0 0% 100%;
}
.main-content {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
}
.sidebar {
    background: #fff;
}
.sidebar ul {
    border: 1px solid #d5d5d5;
}
.lesson-content,
.community-content {
    max-width: none !important;
    width: 100%;
}
@media (min-width: 1024px) {
    .lesson-content.lg\:tw-px-8,
    .community-content.lg\:tw-px-8 {
        padding-left: 32px;
        padding-right: 32px;
    }
}
.lesson-content h1,
.community-content h1 {
    font-size: 24px;
    text-align: center;
    padding-right: 15px;
}
.tw-max-w-screen-xl {
    max-width: 1440px;
}
.sidebar .menu-title {
    margin: 8px 0;
}

@media (min-width: 768px) {
.tw-w-96 {
    width: 275px;
}
}
.tw-card figure img {
    height: auto;
}
.tw-drawer-content {
    padding-top: 0;
}
.tw-drawer-content > div {
    padding-top: 20px !important;
}
@media (min-width: 1100px) {
    .tw-drawer-content.lg\:tw-flex {
        display: flex;
    }
    .tw-drawer-content .tw-w-80 {
        background: #fff;
        width: 240px;
        height: auto;
        padding-top: 55px !important;
    }
    .tw-drawer-content .tw-w-80:has(.shopify-buy-frame--productSet) {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 1100px) {
    .tw-drawer-content.lg\:tw-flex {
        display: block;
    }
}

.courses .secret,
.courses .private,
.communities .private,
.communities .private {
    display: none !important;
}

.communities, .communities-title {
    display: none;
}

nav svg {
    display: initial;
    vertical-align: initial;
}

.HTML {
   max-width: min(831px, calc(100vw - 30px));
   overflow: hidden;
}

@media (min-width: 1100px) {
   .HTML {
      max-width: min(831px, calc(100vw - 660px));
      overflow: hidden;
   }
}

.tw-card .tw-card-title {
    color: #1399e4;
}

.sidbar-title {
    color: #1399e4 !important;
}

.my-profile {
    margin-top: 36px;
}

.back-to-courses-wrapper {
    display: none;
}

.community-comments .tw-px-16 {
    padding-right: 0;
}

main .main_container .shadow_box {
    padding-right: 0;
    padding-left: 0;
}

.tw-avatar .tw-badge {
    background: #1399e4;
    color: white;
    padding: 12px 24px;
    border-color: #1399e4;
}