/*
 * Glint white-green adaptation for organization website.
 * Keeps the original Glint layout/classes while replacing the dark skin.
 */
:root {
    --glint-green: #08d665;
    --glint-green-dark: #069d4b;
    --glint-green-soft: #eafff3;
    --glint-text: #0b2116;
    --glint-muted: #61736a;
    --glint-border: #dcefe5;
    --glint-white: #ffffff;
    --glint-soft: #f7fffa;
}

body,
.site-black,
.site-white-green {
    background: var(--glint-white) !important;
    color: var(--glint-text);
}

.preloader {
    background: var(--glint-white);
}

.lds-dual-ring:after {
    border-color: var(--glint-green) transparent var(--glint-green) transparent;
}

.header-banner-area,
.header-banner-area .owl-nav {
    background: var(--glint-green-soft);
}

.banner-single-carousel p,
.banner-social li a,
a.contact-btn {
    color: var(--glint-text);
}

.banner-social li {
    border-left-color: var(--glint-border);
}

.banner-icon,
a.contact-btn,
a.up-btn,
.video-play-button:before,
.video-play-button:after,
.single-service.active,
.single-service:hover,
.service-primery .single-service.active,
.service-primery .single-service:hover,
a.subscribe-btn {
    background: var(--glint-green);
}

.header-area,
.header-area.header-main {
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid var(--glint-border);
    box-shadow: 0 8px 30px rgba(8, 214, 101, .08);
}

.header-area.sticky {
    background: rgba(255, 255, 255, .98);
}

.logo.logo-text,
.site-logo-text {
    display: inline-block;
    color: var(--glint-text);
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.header-area .logo.logo-text {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 158px;
    min-height: 82px;
}

.header-area .logo.logo-text img {
    display: block;
    width: auto;
    height: auto;
    max-width: 150px;
    max-height: 72px;
    object-fit: contain;
}

.site-logo-text span {
    color: var(--glint-green);
}

.stellarnav > ul > li > a,
.stellarnav.light a,
.stellarnav.mobile.light ul {
    color: var(--glint-text);
}

.header-area .row {
    align-items: center;
}

.header-area .main-menu {
    display: flex;
    justify-content: center;
    padding-left: 24px;
}

.header-area .stellarnav {
    width: 100%;
}

.header-area .stellarnav.mobile {
    text-align: right;
}

.header-area .stellarnav.mobile .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 48px;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid rgba(8, 214, 101, .35);
    border-radius: 4px;
    background: rgba(8, 214, 101, .08);
    color: var(--glint-text);
    font-size: 0;
    line-height: 1;
}

.header-area .stellarnav.mobile .menu-toggle span.bars {
    margin-right: 0;
    top: 0;
}

.header-area .stellarnav.light .menu-toggle span.bars span,
.header-area .stellarnav.mobile.light .menu-toggle span.bars span {
    background: var(--glint-green);
}

.header-area .stellarnav ul ul li a {
    white-space: nowrap;
}

.header-area .search-area {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
}

.header-area .search-box {
    max-width: 150px;
}

.header-area .search-box input {
    width: 100%;
}

.stellarnav ul ul {
    background: var(--glint-white);
    border: 1px solid var(--glint-border);
    box-shadow: 0 20px 40px rgba(11, 33, 22, .08);
}

.stellarnav ul ul li a {
    color: var(--glint-text);
}

.stellarnav ul ul li a:hover,
.stellarnav > ul > li.current > a,
.stellarnav > ul > li > a:hover,
.banner-social li a:hover,
.header-banner-area .owl-nav > div:hover,
.search-btn i,
.heading h2 span,
.heading small,
.wlc-title h1 span,
.service-text h4,
a.readmore-btn,
.copyright span {
    color: var(--glint-green) !important;
}

.search-box input {
    color: var(--glint-text);
}

.search-box input::placeholder {
    color: var(--glint-muted);
}

.grid-menu img {
    filter: none;
}

.slide-widgest-wrap:after {
    background: rgba(8, 28, 17, .35);
}

.side-widgest {
    background: var(--glint-white);
    box-shadow: -20px 0 60px rgba(11, 33, 22, .16);
}

.side-content p,
.side-social li a,
.side-close {
    color: var(--glint-text);
}

.side-social li a,
.side-close {
    border-color: var(--glint-border);
}

.welcome__wrap1,
.welcome__wrap2,
.about-area1,
.skill-area,
.testimonials-area1,
.cta-area1,
.footer-area1 {
    background: var(--glint-soft) !important;
}

.welcome__wrap1 {
    background-image: linear-gradient(120deg, #ffffff 0%, #f0fff7 100%) !important;
}

.single-welcome-area {
    min-height: 780px;
}

.single-welcome-area .container {
    position: relative;
    z-index: 3;
}

.wlc-title.white h1,
.wlc-title.white p,
.heading.white,
.heading.white a,
.heading.white h1,
.heading.white h2,
.heading.white h3,
.heading.white h4,
.heading.white h5,
.heading.white h6,
.heading.white small,
.white,
.white a,
.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6,
.white small {
    color: var(--glint-text) !important;
}

.wlc-title p,
.info-content,
.primery-info-content {
    border-left-color: var(--glint-green);
}

.wlc-title p,
.info-content p,
.heading p,
.content-body p,
.single-blog-section-description p,
.service-text p,
.skill-box p {
    color: var(--glint-muted) !important;
}

.wlc-filltext,
.heading strong.filltext,
.inner-filltext h1 {
    -webkit-text-stroke-color: rgba(8, 214, 101, .16) !important;
}

.about-area1,
.project-area {
    background-image: none !important;
}

.about-img-section1 {
    border-radius: 14px;
    box-shadow: 0 28px 70px rgba(8, 214, 101, .16);
}

.skill-box,
.single-service {
    background: var(--glint-white);
    border: 1px solid var(--glint-border);
    box-shadow: 0 30px 60px rgba(11, 33, 22, .08);
}

.skill-box small,
.skill-box h5,
.skill-box p {
    color: var(--glint-text);
}

.single-service.active .service-text h4,
.single-service.active .service-text h3,
.single-service:hover .service-text h3,
.single-service.active .service-text h5,
.single-service:hover .service-text h5,
.single-service:hover .service-text h4,
.single-service.active .service-text p,
.single-service:hover .service-text p {
    color: var(--glint-white) !important;
}

.project-area,
.blog-area,
.section-white,
.glint-inner-content {
    background: var(--glint-white);
}

.da-thumbs li,
.blog-description,
.glint-card,
.single-blog-section,
.blog-box {
    border: 1px solid var(--glint-border);
    box-shadow: 0 28px 60px rgba(11, 33, 22, .08);
}

.testimonial-text h4,
.testimonial-text p,
.footer-menu li a,
.copyright {
    color: var(--glint-text) !important;
}

.cta-form input,
.glint-form input,
.glint-form textarea,
.glint-form select {
    background: var(--glint-white);
    border: 1px solid var(--glint-border);
    color: var(--glint-text);
    width: 100%;
    padding: 14px 16px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.cta-form input:focus,
.glint-form input:focus,
.glint-form textarea:focus,
.glint-form select:focus {
    border-color: var(--glint-green);
    outline: none;
}

.welcome-area.inner,
.inner-wlc {
    background: linear-gradient(120deg, #ffffff 0%, #f0fff7 100%) !important;
}

.inner-wlc h2,
.inner-wlc h3,
.inner-wlc a {
    color: var(--glint-text);
}

.inner-filltext h1 {
    opacity: .9;
}

.glint-meta {
    color: var(--glint-muted);
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.glint-card {
    background: var(--glint-white);
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 8px;
}

.glint-card h3,
.glint-card h4,
.single-blog-section-description h2,
.single-blog-section-description h2 a,
.blog-description a {
    color: var(--glint-text);
}

.glint-card h3 a,
.glint-card h4 a {
    color: inherit;
}

.glint-card h3 a:hover,
.glint-card h4 a:hover,
.single-blog-section-description h2 a:hover,
.blog-description a:hover {
    color: var(--glint-green);
}

.single-blog-img img,
.glint-card-img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.pagination .page-link,
.cpagination .page-link {
    color: var(--glint-green);
    border-color: var(--glint-green);
}

.pagination .active .page-link,
.pagination .page-link:hover,
.cpagination .page-link:hover {
    background: var(--glint-green);
    border-color: var(--glint-green);
    color: var(--glint-white);
}

.form-status {
    border-radius: 6px;
    padding: 14px 18px;
    margin: 20px auto;
    max-width: 1110px;
}

.form-status.success {
    background: var(--glint-green-soft);
    color: var(--glint-green-dark);
}

.form-status.error {
    background: #fff2f2;
    color: #9f1d1d;
}

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

.category-list li a {
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid var(--glint-border);
    color: var(--glint-text);
    text-transform: uppercase;
    font-weight: 600;
}

.category-list li a:hover {
    color: var(--glint-green);
}

.single-blog-section,
.blog-box {
    background: var(--glint-white);
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 8px;
}

.single-blog-section-img img {
    max-height: 520px;
    object-fit: cover;
}

.single-logo-table img {
    filter: none;
    opacity: .5;
}

.skill-box h5 a,
.service-text h4 a {
    color: inherit;
}

.skill-box h5 a:hover,
.service-text h4 a:hover {
    color: var(--glint-green);
}

@media (max-width: 991px) {
    .header-area.header-main {
        top: 0;
    }

    .header-area .row {
        min-height: 72px;
    }

    .header-area .logo.logo-text {
        max-width: 132px;
        min-height: 68px;
    }

    .header-area .logo.logo-text img {
        max-width: 122px;
        max-height: 58px;
    }

    .header-banner-area {
        display: none;
    }

    .side-widgest {
        width: 85%;
    }

    .single-welcome-area {
        min-height: 700px;
    }

    .header-area .main-menu {
        justify-content: flex-end;
        padding-left: 0;
    }

    .header-area .stellarnav > ul > li > a {
        padding: 12px 15px;
        font-size: 14px;
    }

    .header-area .stellarnav.mobile > ul {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        width: min(82vw, 340px);
        padding-top: 10px;
        overflow-y: auto;
        background: var(--glint-white);
        border-left: 1px solid var(--glint-border);
        box-shadow: -20px 0 45px rgba(11, 33, 22, .12);
    }

    .header-area .stellarnav.mobile.active > ul {
        display: block;
    }

    .header-area .stellarnav.mobile li a {
        color: var(--glint-text);
        border-bottom: 1px solid var(--glint-border);
    }

    .header-area .stellarnav.mobile li a:hover,
    .header-area .stellarnav.mobile li.current > a {
        color: var(--glint-green);
    }
}

@media (max-width: 575.98px) {
    .header-area .logo.logo-text {
        max-width: 112px;
        min-height: 62px;
    }

    .header-area .logo.logo-text img {
        max-width: 104px;
        max-height: 52px;
    }
}

@media (min-width: 992px) {
    .header-area .logo.logo-text {
        max-width: 132px;
    }

    .header-area .logo.logo-text img {
        max-width: 124px;
        max-height: 64px;
    }

    .header-area .stellarnav > ul {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        gap: 2px;
    }

    .header-area .stellarnav > ul > li {
        float: none;
    }

    .header-area .stellarnav > ul > li > a {
        padding: 28px 9px;
        white-space: nowrap;
        font-size: 14px;
        line-height: 1;
    }
}

@media (min-width: 1200px) {
    .header-area .stellarnav > ul > li > a {
        padding-left: 12px;
        padding-right: 12px;
        font-size: 15px;
    }

    .header-area .search-box {
        max-width: 170px;
    }
}