/* Najahik custom frontend styles */

.single-work-step .circle-img {
    background-color: #1a1d24;
    box-shadow: 0 0 0 5px rgba(115, 191, 67, 0.28);
    overflow: hidden;
}

.single-work-step .circle-img.bg-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.njk-services-intro {
    background: #0C0F14;
    color: #fff;
}

.njk-services-intro .section-title span {
    color: #73BF43;
}

.njk-services-intro p.lead-text {
    color: #c8ccd3;
    max-width: 820px;
    margin: 0 auto 10px;
    line-height: 1.8;
}

.njk-feature-card {
    background: #15181f;
    border: 1px solid #2e353d;
    border-radius: 12px;
    padding: 28px 22px 24px;
    height: 100%;
    transition: all 0.35s ease;
    text-align: center;
}

.njk-feature-card:hover {
    border-color: #73BF43;
    transform: translateY(-6px);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.28);
}

.njk-feature-card .njk-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.njk-feature-card .njk-icon img,
.njk-feature-card .njk-icon svg {
    width: 72px;
    height: 72px;
}

.njk-feature-card h4 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
}

.njk-feature-card h4 a {
    color: #fff;
}

.njk-feature-card h4 a:hover {
    color: #73BF43;
}

.njk-feature-card p {
    color: #b7bdc6;
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
}

.njk-dark-section {
    background: #0C0F14;
    color: #fff;
}

.njk-soft-section {
    background: #11141b;
    color: #fff;
}

.njk-grid-item {
    background: rgba(21, 24, 31, 0.92);
    border: 1px solid #2e353d;
    border-radius: 10px;
    padding: 22px 16px;
    text-align: center;
    height: 100%;
    transition: border-color 0.3s ease, transform 0.3s ease;
}

.njk-grid-item:hover {
    border-color: #73BF43;
    transform: translateY(-4px);
}

.njk-grid-item .njk-line-icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 14px;
    color: #73BF43;
}

.njk-grid-item .njk-line-icon svg {
    width: 58px;
    height: 58px;
}

.njk-grid-item h5 {
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
}

.njk-copy {
    color: #c8ccd3;
    line-height: 1.85;
    margin-bottom: 16px;
}

.njk-copy-box {
    background: #15181f;
    border: 1px solid #2e353d;
    border-radius: 12px;
    padding: 28px 26px;
}

.njk-copy-box h3 {
    color: #73BF43;
    font-size: 22px;
    margin-bottom: 14px;
}

.njk-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.njk-list li {
    position: relative;
    padding: 8px 0 8px 26px;
    color: #d0d4db;
    line-height: 1.7;
}

[dir="rtl"] .njk-list li {
    padding: 8px 26px 8px 0;
}

.njk-list li:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #73BF43;
    position: absolute;
    left: 0;
    top: 16px;
}

[dir="rtl"] .njk-list li:before {
    left: auto;
    right: 0;
}

.single-service-left-icon .icon.solarwinds-icon-wrap {
    width: 100px;
}

.njk-badge {
    display: inline-block;
    background: rgba(115, 191, 67, 0.12);
    color: #73BF43;
    border: 1px solid rgba(115, 191, 67, 0.35);
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 16px;
}

.njk-partners-section {
    background: #0C0F14;
}

.njk-partners-section .section-title span {
    color: #73BF43;
}

.njk-partner-card {
    background: #15181f;
    border: 1px solid #2e353d;
    border-radius: 12px;
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px 32px;
    transition: border-color 0.3s ease, transform 0.3s ease;
}

.njk-partner-card:hover {
    border-color: #73BF43;
    transform: translateY(-4px);
}

.njk-partner-card img {
    max-width: 240px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.njk-partner-card-solarwinds img {
    mix-blend-mode: screen;
    max-width: 260px;
    object-fit: contain;
}

/* Force every hero slide to the same height (prevents white gaps from taller slides) */
.hero-1 .hero-slider-active .slick-list {
    height: 650px !important;
}

.hero-1 .hero-slider-active .slick-slide.single-slide,
.hero-1 .hero-slider-active .single-slide.slick-slide,
.hero-1 .hero-slider-active .single-slide {
    height: 650px !important;
    min-height: 650px !important;
    max-height: 650px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 140px !important;
    padding-bottom: 140px !important;
}

.hero-1 .hero-slider-active .single-slide > .container {
    width: 100%;
}

.hero-1 .hero-slider-active .single-slide .slide-bg {
    background-size: cover !important;
    background-position: center center !important;
}

.hero-1 .single-slide.has-banner-icons .slide-bg {
    background-position: left center !important;
}

.hero-1 .single-slide.has-banner-icons::after {
    background: linear-gradient(177deg, rgba(0, 30, 23, 0.55) 28%, rgba(12, 15, 20, 0.35) 55%, rgba(12, 15, 20, 0.55) 100%);
    mix-blend-mode: normal;
}

@media (max-width: 1199px) {
    .hero-1 .hero-slider-active .slick-list {
        height: 560px !important;
    }

    .hero-1 .hero-slider-active .slick-slide.single-slide,
    .hero-1 .hero-slider-active .single-slide.slick-slide,
    .hero-1 .hero-slider-active .single-slide {
        height: 560px !important;
        min-height: 560px !important;
        max-height: 560px !important;
        padding-top: 120px !important;
        padding-bottom: 120px !important;
    }
}

@media (max-width: 767px) {
    .hero-1 .hero-slider-active .slick-list {
        height: auto !important;
    }

    .hero-1 .hero-slider-active .slick-slide.single-slide,
    .hero-1 .hero-slider-active .single-slide.slick-slide,
    .hero-1 .hero-slider-active .single-slide {
        height: auto !important;
        min-height: 480px !important;
        max-height: none !important;
        padding-top: 110px !important;
        padding-bottom: 110px !important;
    }
}

/* Keep mailto links matching surrounding text color */
.footer-1 .get-in-touch .contact-info a {
    color: #c0c0c2;
    text-decoration: none;
}

.footer-1 .get-in-touch .contact-info a:hover {
    color: #73BF43;
}

.footer-1 .get-in-touch .contact-info span {
    display: block;
}

.action-bar .single-info-element .text a {
    color: inherit;
    text-decoration: none;
}

.action-bar .single-info-element .text span {
    display: block;
}

.single-contact-card .info a,
.single-contact-card .bottom-part .info p a {
    color: #fff;
    text-decoration: none;
}

.single-contact-card .info a:hover,
.single-contact-card .bottom-part .info p a:hover {
    color: #73BF43;
}