:root {
    --sw418-brand: #1b39f4;
    --sw418-brand-hover: #1630cf;
    --sw418-bg: #edf2f7;
    --sw418-card: #ffffff;
    --sw418-card-soft: #f8fafc;
    --sw418-text: #172033;
    --sw418-muted: #6f7b8d;
    --sw418-line: rgba(130, 130, 130, .15);
    --sw418-shadow: 0 12px 34px rgba(76, 100, 139, .09);
    --sw418-radius: 12px;
}

body.sw418-zcrdh-home {
    background: var(--sw418-bg);
    color: var(--sw418-text);
}

body.sw418-zcrdh-home .customize-width {
    max-width: 1320px;
}

body.sw418-zcrdh-home .main-content {
    background: var(--sw418-bg);
}

@media (min-width: 768px) {
    body.sw418-zcrdh-home .main-content {
        margin-left: 60px;
    }

    body.sw418-zcrdh-home .main-content .page-header {
        left: 60px;
    }

    body.sw418-zcrdh-home .sidebar-nav {
        width: 60px;
    }

    body.sw418-zcrdh-home .sidebar-nav .logo .logo-expanded,
    body.sw418-zcrdh-home .sidebar-menu-inner a span,
    body.sw418-zcrdh-home .sidebar-nav .flex-bottom a span,
    body.sw418-zcrdh-home .sidebar-nav .sidebar-more {
        display: none;
    }

    body.sw418-zcrdh-home .sidebar-nav .logo .logo-collapsed {
        display: block;
    }

    body.sw418-zcrdh-home .sidebar-menu ul:first-child > li > ul {
        display: none !important;
    }
}

body.sw418-zcrdh-home .sidebar-nav-inner {
    background: #fff;
    border-right: 1px solid rgba(130, 130, 130, .1);
    box-shadow: 8px 0 24px rgba(76, 100, 139, .06);
}

body.sw418-zcrdh-home .sidebar-logo {
    height: 64px;
}

body.sw418-zcrdh-home .sidebar-nav .logo {
    line-height: 64px;
}

body.sw418-zcrdh-home .sidebar-menu-inner a,
body.sw418-zcrdh-home .sidebar-nav .flex-bottom a {
    color: #26334a;
    border-radius: 10px;
}

body.sw418-zcrdh-home .sidebar-item > a:hover,
body.sw418-zcrdh-home .sidebar-item.sidebar-show > a {
    color: var(--sw418-brand);
    background: rgba(27, 57, 244, .09);
}

body.sw418-zcrdh-home .page-header {
    height: 64px;
    background: rgba(255, 255, 255, .92);
    border-bottom: 1px solid rgba(130, 130, 130, .1);
    box-shadow: 0 10px 30px rgba(76, 100, 139, .06);
    backdrop-filter: blur(12px);
}

body.sw418-zcrdh-home .page-header + .placeholder {
    height: 64px;
}

body.sw418-zcrdh-home .navbar {
    min-height: 64px;
    padding: 0 22px;
}

body.sw418-zcrdh-home .header-mini-btn {
    height: 64px;
}

body.sw418-zcrdh-home .header-mini-btn svg {
    height: 64px;
}

body.sw418-zcrdh-home .navbar .navbar-nav li > a {
    height: 64px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    color: #26334a;
    font-weight: 600;
}

body.sw418-zcrdh-home .navbar .navbar-nav li.current-menu-item > a,
body.sw418-zcrdh-home .navbar .navbar-nav li > a:hover {
    color: var(--sw418-brand);
}

body.sw418-zcrdh-home .header-big {
    min-height: 338px;
    margin-bottom: 22px !important;
    display: flex;
    align-items: center;
    background-color: #eaf2ff;
    background-image:
        radial-gradient(circle at 13% 74%, rgba(27, 57, 244, .12) 0 42px, transparent 44px),
        radial-gradient(circle at 78% 34%, rgba(27, 57, 244, .11) 0 78px, transparent 80px),
        linear-gradient(105deg, #edf5ff 0%, #f8fbff 54%, #e7f0ff 100%) !important;
    box-shadow: none;
}

body.sw418-zcrdh-home .header-big::before,
body.sw418-zcrdh-home .header-big::after,
body.sw418-zcrdh-home .header-big .gradient-linear {
    display: none !important;
}

body.sw418-zcrdh-home .header-big .s-search {
    max-width: 760px;
    margin: 0 auto !important;
    padding: 0 16px;
}

body.sw418-zcrdh-home .header-big .big-title .h1 {
    color: #07101f !important;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 800;
}

body.sw418-zcrdh-home .header-big #search {
    height: 58px;
    margin-top: 22px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 18px 38px rgba(54, 88, 150, .16);
    overflow: hidden;
}

body.sw418-zcrdh-home .header-big #search-text {
    height: 58px;
    color: var(--sw418-text);
    background: #fff;
    border: 0;
    font-size: 16px;
}

body.sw418-zcrdh-home .header-big #search button {
    width: 76px;
    height: 58px;
    border-radius: 0;
    background: var(--sw418-brand);
    color: #fff;
    box-shadow: none;
    font-size: 24px;
}

body.sw418-zcrdh-home .header-big #search button:hover {
    background: var(--sw418-brand-hover);
}

body.sw418-zcrdh-home .header-big .s-type-list {
    background: rgba(255, 255, 255, .74);
    border-radius: 999px;
    box-shadow: none;
}

body.sw418-zcrdh-home .header-big .s-type-list label {
    color: #5c687b;
}

body.sw418-zcrdh-home .header-big .s-type-list label.active,
body.sw418-zcrdh-home .header-big .s-type-list label:hover {
    color: var(--sw418-brand);
}

body.sw418-zcrdh-home #content {
    padding-top: 0;
}

body.sw418-zcrdh-home .home-widget-group,
body.sw418-zcrdh-home .customize-sites,
body.sw418-zcrdh-home .ajax-list-home,
body.sw418-zcrdh-home .content-layout > .d-flex,
body.sw418-zcrdh-home .content-layout > .io-card,
body.sw418-zcrdh-home .content-layout > .card,
body.sw418-zcrdh-home .card {
    border-radius: var(--sw418-radius);
}

body.sw418-zcrdh-home .home-widget-group {
    margin-bottom: 20px;
}

body.sw418-zcrdh-home .home-widget-group .card,
body.sw418-zcrdh-home .customize-sites .card,
body.sw418-zcrdh-home .ajax-list-home .card,
body.sw418-zcrdh-home .content-layout > .card,
body.sw418-zcrdh-home .content-layout .card {
    border: 1px solid rgba(130, 130, 130, .12);
    background: var(--sw418-card);
    box-shadow: var(--sw418-shadow);
}

body.sw418-zcrdh-home .card-header,
body.sw418-zcrdh-home .widget-header {
    min-height: 52px;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(130, 130, 130, .1);
    background: #fff;
}

body.sw418-zcrdh-home .card-header h3,
body.sw418-zcrdh-home .widget-header h3,
body.sw418-zcrdh-home .text-md {
    color: var(--sw418-text);
    font-weight: 800;
}

body.sw418-zcrdh-home .url-card .url-body {
    transition: transform .18s ease, box-shadow .18s ease;
}

body.sw418-zcrdh-home .url-card .url-body:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 30px -22px rgba(24, 48, 94, .45);
}

body.sw418-zcrdh-home .url-card .card {
    border: 1px solid rgba(130, 130, 130, .12);
    border-radius: 12px;
    background: #fff;
    box-shadow: none;
}

body.sw418-zcrdh-home .url-card .default .card-body,
body.sw418-zcrdh-home .url-card .mini .card-body {
    min-height: 84px;
    padding: 14px;
}

body.sw418-zcrdh-home .url-card .url-img {
    width: 42px;
    height: 42px;
    background: #f2f5fa;
    border-radius: 12px !important;
}

body.sw418-zcrdh-home .url-card .url-info strong {
    color: #172033;
    font-weight: 800;
}

body.sw418-zcrdh-home .url-card .url-info p {
    color: #748096 !important;
}

body.sw418-zcrdh-home .content {
    display: flex;
    gap: 20px;
}

body.sw418-zcrdh-home .content-wrap {
    min-width: 0;
    flex: 1 1 auto;
}

body.sw418-zcrdh-home .sidebar {
    width: 300px;
    flex: 0 0 300px;
}

body.sw418-zcrdh-home .sidebar .card {
    border: 1px solid rgba(130, 130, 130, .12);
    border-radius: var(--sw418-radius);
    box-shadow: var(--sw418-shadow);
}

body.sw418-zcrdh-home .content-layout .d-flex.flex-fill.flex-tab {
    min-height: 52px;
    align-items: center;
}

body.sw418-zcrdh-home .content-layout .list-grid,
body.sw418-zcrdh-home .content-layout .site-list {
    padding-top: 6px;
}

body.sw418-zcrdh-home .posts-nav .page-numbers,
body.sw418-zcrdh-home .btn,
body.sw418-zcrdh-home .btn-outline-danger {
    border-radius: 10px;
}

body.sw418-zcrdh-home .btn-danger,
body.sw418-zcrdh-home .btn-primary,
body.sw418-zcrdh-home .custom_btn-d {
    background: var(--sw418-brand);
    border-color: var(--sw418-brand);
}

body.sw418-zcrdh-home .nothing {
    color: #8b96a8;
    background: #f3f6fb;
    border-radius: 10px;
}

@media (max-width: 1199.98px) {
    body.sw418-zcrdh-home .content {
        display: block;
    }

    body.sw418-zcrdh-home .sidebar {
        width: 100%;
        flex-basis: auto;
    }
}

@media (max-width: 767.98px) {
    body.sw418-zcrdh-home .main-content {
        margin-left: 0;
    }

    body.sw418-zcrdh-home .main-content .page-header {
        left: 0;
    }

    body.sw418-zcrdh-home .header-big {
        min-height: 290px;
    }

    body.sw418-zcrdh-home .header-big .big-title .h1 {
        font-size: 28px;
    }

    body.sw418-zcrdh-home .header-big .s-search {
        padding: 0 14px;
    }
}