.ndt-brand-theme .ndt-modern {
    background: #f4f8fb;
}

.ndt-brand-theme .ndt-modern-intro,
.ndt-brand-theme .ndt-modern-panel,
.ndt-brand-theme .ndt-modern-methods,
.ndt-brand-theme .ndt-modern-side,
.ndt-brand-theme .ndt-modern-about {
    border-color: #dce8f0;
    box-shadow: 0 16px 40px rgba(8, 46, 73, .08);
}

.ndt-brand-theme .ndt-modern-kicker {
    color: #109fd8;
    border-left-color: #25b8ea;
}

.ndt-brand-theme .ndt-modern-copy h1,
.ndt-brand-theme .ndt-modern-section-title h2,
.ndt-brand-theme .ndt-modern-method strong {
    color: #0a2940;
}

.ndt-brand-theme .ndt-modern-copy p,
.ndt-brand-theme .ndt-modern-panel p {
    color: #526d7e;
}

.ndt-brand-theme .ndt-modern-image:after {
    background: linear-gradient(135deg, rgba(16, 159, 216, .13), rgba(7, 27, 44, .11));
}

.ndt-brand-theme .ndt-modern-section-title span {
    background: linear-gradient(90deg, #109fd8, #52c8ee);
}

.ndt-brand-theme .ndt-modern-method {
    background: #f8fbfd;
    border-color: #dce8f0;
}

.ndt-brand-theme .ndt-modern-method:before {
    background: #109fd8;
}

.ndt-brand-theme .ndt-modern-method i {
    color: #109fd8;
    background: #eaf7fc;
    border-color: #cce9f4;
}

.ndt-brand-theme .ndt-modern-method:hover,
.ndt-brand-theme .ndt-modern-method:focus {
    border-color: #abdceb;
    box-shadow: 0 16px 30px rgba(8, 46, 73, .11);
}

.ndt-brand-theme .ndt-modern-side {
    border-top: 4px solid #20afe4;
}

.ndt-brand-theme .ndt-modern-side h3 {
    color: #0a2940;
    background: #fff;
    border-bottom: 1px solid #dce8f0;
    position: relative;
}

.ndt-brand-theme .ndt-modern-side h3:after {
    content: "";
    position: absolute;
    left: 24px;
    bottom: 0;
    width: 58px;
    height: 3px;
    background: #20afe4;
}

.ndt-brand-theme .ndt-modern-side ul {
    background: linear-gradient(180deg, #f8fbfd, #eef5f9);
}

.ndt-brand-theme .ndt-modern-side li a {
    color: #294b62;
    background: rgba(255, 255, 255, .9);
    border-color: #d9e6ee;
    transition: none;
}

.ndt-brand-theme .ndt-modern-side li a:before {
    background: #b9cedb;
}

.ndt-brand-theme .ndt-modern-side li a:hover,
.ndt-brand-theme .ndt-modern-side li a:focus {
    color: #294b62;
    background: rgba(255, 255, 255, .9);
    border-color: #d9e6ee;
    box-shadow: none;
    transform: none;
}

.ndt-brand-theme .ndt-modern-side li a.active,
.ndt-brand-theme .ndt-modern-side li a.active:hover,
.ndt-brand-theme .ndt-modern-side li a.active:focus {
    color: #fff;
    background: #109fd8;
    border-color: #109fd8;
    box-shadow: 0 8px 18px rgba(10, 135, 188, .18);
    transform: none;
}

.ndt-brand-theme .ndt-modern-side li a.active:before {
    background: #bcecff;
}

.ndt-brand-theme .ndt-modern-about {
    background: linear-gradient(125deg, #071b2c, #0b3d5e);
    box-shadow: 0 18px 45px rgba(7, 35, 56, .18);
}

.ndt-brand-theme .ndt-modern-about span {
    color: #77d4f2;
    border-left-color: #25b8ea;
}

.ndt-brand-theme .ndt-modern-about a {
    color: #087fab;
    background: #eaf7fc;
    border: 1px solid rgba(16, 159, 216, .48);
}

.ndt-brand-theme .ndt-modern-about a:hover,
.ndt-brand-theme .ndt-modern-about a:focus {
    color: #fff;
    background: #109fd8;
    border-color: #109fd8;
}

@media (max-width: 600px) {
    .ndt-brand-theme .ndt-modern-side {
        padding: 0;
    }

    .ndt-brand-theme .ndt-modern-about {
        padding: 26px;
    }
}