.faq-list.tutorials li { padding-left: 0 !important; }
#filterclear a { display: inline-block; margin-left: 20px; font-size: 14px; line-height: 18px; }

body.admin-bar header#header { top: 30px; }

.notifications-popup { max-height: 70vh; -ms-overflow-style: none; scrollbar-width: none;}
@media (min-width: 1024px) {
    .notifications-popup { max-height: 80vh; }
}

body.single-learn-article h1 { font-size: 28px; }
@media (min-width: 768px) {
    body.single-learn-article h1 {font-size: 34px; } 
}
@media (min-width: 1024px) {
    body.single-learn-article h1 { font-size: 44px; }
}

.image-block, .local-video-holder { margin: 0 -20px 30px; }
@media (min-width: 1024px) {
    .image-block, .local-video-holder { margin: 0 -30px 30px; }
}
.image-block img { width: 100%; height: auto; }
.text-block { margin: 20px 0; }

#login_form { margin-top: 50px; margin-bottom: 50px; }
#login_form input { margin-bottom: 20px; }

/* Breadcrumbs */
.breadcrumbs { display: flex; flex-direction: row; gap: 0 2%; padding: 20px 0; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; }
.breadcrumbs a { text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.breadcrumbs a:hover { text-decoration: underline; }
span.breadcrumbs { gap: 0 10px; padding: 0; }
span.breadcrumbs span { color: #666; font-size: 14px; font-weight: 400; }
@media (max-width: 1023px) {
    .back-btn-holder { margin: 0 0 20px; }
    .back-btn-holder .container { padding: 0 20px; }
}

/* Main grid layout */
.maincontent .grid { display: flex; gap: 10px; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
.maincontent .grid > .item { display: block; background: #174167; color: #fff; aspect-ratio: 1 / 1; text-align: center; border-radius: 10px; width: 48%; }
.maincontent .grid > .item:hover { background: #36af3b; }
.maincontent .grid > .item a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; text-decoration: none; padding: 20px; }
.maincontent .grid > .item a:hover { text-decoration: underline; }
.maincontent .grid > .item a h4 { font-size: 16px; }

.download-button-block { display: flex; justify-content: center; }
.accordion_answer { margin-bottom: 30px; }

@media (min-width: 768px) {
    .maincontent .grid { justify-content: flex-start; gap: 20px; }
    .maincontent .grid > .item { width: 31%; }
    .maincontent .grid > .item a h4 { font-size: 18px; }
}
@media (min-width: 1024px) {
    .maincontent .grid { gap: 30px; }
    .maincontent .grid > .item { width: 22%; }
    .maincontent .grid > .item a h4 { font-size: 20px; }
}