/*
 * Buhalterija.com
 * Homepage requested fixes
 * Klientų sekcija + kontaktų / užklausos sekcijos UI.
 */

/* ==========================================================
   KLIENTAI — LIGHT / MAP / TRANSPARENT LOGOS
   ========================================================== */

.clients-section {
    position: relative !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #f6f1ea !important;
    border: 0 !important;
}

.clients-section > .container {
    position: relative !important;
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 72px 0 62px !important;
}

.clients-section .clients-top {
    display: grid !important;
    grid-template-columns: minmax(0,.95fr) minmax(380px,1.05fr) !important;
    gap: clamp(44px,7vw,92px) !important;
    align-items: center !important;
    min-height: 270px !important;
    margin-bottom: 42px !important;
}

.clients-section .clients-heading {
    max-width: 560px !important;
    margin: 0 !important;
    text-align: left !important;
}

.clients-section .clients-heading .kicker {
    display: block !important;
    margin: 0 0 13px !important;
    color: rgba(104,21,54,.64) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .17em !important;
    text-transform: uppercase !important;
}

.clients-section .clients-heading h2 {
    max-width: 560px !important;
    margin: 0 !important;
    color: #2b2427 !important;
    font-size: clamp(2rem,4vw,3.8rem) !important;
    font-weight: 650 !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
}

.clients-section .clients-map {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 270px !important;
    pointer-events: none !important;
}

.clients-section .clients-map svg {
    width: min(100%,500px) !important;
    height: auto !important;
}

.clients-section .clients-map .map-shape {
    fill: none !important;
    stroke: rgba(104,21,54,.22) !important;
    stroke-width: 1.3 !important;
}

.clients-section .clients-map .map-route {
    fill: none !important;
    stroke: rgba(104,21,54,.18) !important;
    stroke-width: 1 !important;
    stroke-dasharray: 3 7 !important;
}

.clients-section .clients-map .map-node {
    fill: #681536 !important;
    opacity: .7 !important;
}

.clients-section .client-logo-grid {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 26px 0 0 !important;
    gap: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid rgba(58,39,44,.11) !important;
}

.clients-section .client-logo {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 92px !important;
    padding: 10px 28px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.clients-section .client-logo:not(:first-child)::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 20% !important;
    bottom: 20% !important;
    width: 1px !important;
    background: rgba(58,39,44,.09) !important;
}

.clients-section .client-logo img {
    width: auto !important;
    height: auto !important;
    max-width: min(100%,190px) !important;
    max-height: 54px !important;
    object-fit: contain !important;
    filter: grayscale(1) contrast(1.08) !important;
    opacity: .72 !important;
}

.clients-section .client-logo:hover img {
    filter: grayscale(0) contrast(1) !important;
    opacity: 1 !important;
    transform: translateY(-2px) !important;
}

.clients-section .client-logo-grid[data-logo-count="1"] {
    grid-template-columns: minmax(220px,320px) !important;
}

.clients-section .client-logo-grid[data-logo-count="2"] {
    grid-template-columns: repeat(2,minmax(220px,320px)) !important;
}

.clients-section .client-logo-grid[data-logo-count="3"] {
    grid-template-columns: repeat(3,minmax(200px,1fr)) !important;
    max-width: 840px !important;
}

@media(max-width:900px) {
    .clients-section > .container {
        width: min(100% - 36px,1180px) !important;
        padding: 58px 0 52px !important;
    }

    .clients-section .clients-top {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        min-height: 0 !important;
        margin-bottom: 34px !important;
    }

    .clients-section .clients-map {
        min-height: 210px !important;
        justify-content: flex-start !important;
    }

    .clients-section .client-logo-grid {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    }
}

@media(max-width:620px) {
    .clients-section > .container {
        width: calc(100% - 28px) !important;
        padding: 46px 0 42px !important;
    }

    .clients-section .clients-heading h2 {
        font-size: clamp(1.8rem,10vw,2.5rem) !important;
        line-height: 1.02 !important;
    }

    .clients-section .clients-map {
        min-height: 170px !important;
    }

    .clients-section .client-logo-grid,
    .clients-section .client-logo-grid[data-logo-count="2"],
    .clients-section .client-logo-grid[data-logo-count="3"] {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        padding-top: 18px !important;
    }

    .clients-section .client-logo-grid[data-logo-count="1"] {
        grid-template-columns: 1fr !important;
    }

    .clients-section .client-logo {
        min-height: 76px !important;
        padding: 10px 16px !important;
    }

    .clients-section .client-logo:nth-child(odd)::before {
        display: none !important;
    }

    .clients-section .client-logo img {
        max-width: min(100%,145px) !important;
        max-height: 44px !important;
    }
}

/* ==========================================================

   KONTAKTÃ…Â² SEKCIJA

   ========================================================== */

.home-contact-section {

    padding: 82px 0 92px !important;

    scroll-margin-top: 105px !important;

}



/* ----------------------------------------------------------

   ANTRAÃ… TÃ„â€“

   ---------------------------------------------------------- */

.contact-section-heading {

    max-width: none !important;

    margin-bottom: 38px !important;

}

.contact-section-heading.split {

    display: grid !important;

    grid-template-columns:

        minmax(0, 1fr)

        minmax(300px, 410px) !important;

    gap: clamp(50px, 6vw, 86px) !important;

    align-items: end !important;

}

.contact-section-heading > div {

    max-width: 720px;

}

.contact-section-heading > p {

    max-width: 410px !important;

    margin: 0 0 4px !important;

    color: var(--muted) !important;

    font-size: 15px !important;

    line-height: 1.65 !important;

}



/* ==========================================================

   VIENAS BENDRAS KONTAKTÃ…Â² BLOKAS

   ========================================================== */

.contact-module {

    display: grid !important;

    grid-template-columns:

        minmax(0, 1fr)

        minmax(300px, 350px) !important;

    gap: 42px !important;

    align-items: start !important;

    padding: 38px !important;

    background: rgba(255,253,249,.82) !important;

    border: 1px solid rgba(58,39,44,.10) !important;

    border-radius: 18px !important;

    box-shadow:

        0 14px 45px rgba(42,24,31,.035) !important;

}



/* ==========================================================

   FORMA

   ========================================================== */

.contact-form-panel {

    min-width: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;

}



/*

 * Pats form elementas turi 2 kolonÃ…Â³ footerÃ„Â¯:

 * kairÃ„â€”je Turnstile, deÃ…Â¡inÃ„â€”je submit.

 */

.contact-form-panel .lead-form {

    display: grid !important;

    grid-template-columns:

        minmax(300px, 1fr)

        auto !important;

    column-gap: 24px !important;

    padding: 0 !important;

    margin: 0 !important;

    background: transparent !important;

    border: 0 !important;

    border-radius: 0 !important;

}



/* Hidden elementai neturi gadinti grid */

.contact-form-panel .lead-form > input[type="hidden"],

.contact-form-panel .form-hp {

    display: none !important;

}



/* Statusas per visÃ„â€¦ plotÃ„Â¯ */

.contact-form-panel .form-status {

    grid-column: 1 / -1 !important;

    margin-bottom: 18px !important;

}



/* ==========================================================

   LAUKÃ…Â² GRID

   ========================================================== */

.contact-form-panel .form-grid {

    grid-column: 1 / -1 !important;

    display: grid !important;

    grid-template-columns:

        repeat(2, minmax(0,1fr)) !important;

    column-gap: 20px !important;

    row-gap: 17px !important;

    width: 100% !important;

    margin: 0 !important;

}

.contact-form-panel .form-grid label {

    display: flex !important;

    flex-direction: column !important;

    gap: 7px !important;

    min-width: 0 !important;

    margin: 0 !important;

    color: var(--ink) !important;

    font-size: 12px !important;

    font-weight: 700 !important;

}

.contact-form-panel .form-grid .full {

    grid-column: 1 / -1 !important;

}



/* ==========================================================

   INPUTAI

   ========================================================== */

.contact-form-panel input,

.contact-form-panel select,

.contact-form-panel textarea {

    display: block !important;

    width: 100% !important;

    box-sizing: border-box !important;

    color: var(--ink) !important;

    background: #fff !important;

    border: 1px solid #dcd2cc !important;

    border-radius: 7px !important;

    outline: 0 !important;

    box-shadow: none !important;

    transition:

        border-color .15s ease,

        box-shadow .15s ease !important;

}

.contact-form-panel input,

.contact-form-panel select {

    height: 48px !important;

    min-height: 48px !important;

    padding: 0 13px !important;

}

.contact-form-panel textarea {

    min-height: 108px !important;

    padding: 12px 13px !important;

    line-height: 1.5 !important;

    resize: vertical !important;

}

.contact-form-panel input:hover,

.contact-form-panel select:hover,

.contact-form-panel textarea:hover {

    border-color: #cbbdb5 !important;

}

.contact-form-panel input:focus,

.contact-form-panel select:focus,

.contact-form-panel textarea:focus {

    border-color: rgba(104,21,54,.62) !important;

    box-shadow:

        0 0 0 3px rgba(104,21,54,.055) !important;

}



/* ==========================================================

   PRIVACY

   ========================================================== */

.contact-form-panel .form-privacy-note {

    margin: -1px 0 0 !important;

    max-width: 610px !important;

    color: var(--muted) !important;

    font-size: 11px !important;

    line-height: 1.5 !important;

}

.contact-form-panel .form-privacy-note a {

    color: var(--wine) !important;

    text-decoration: underline;

    text-underline-offset: 2px;

}



/* ==========================================================

   TURNSTILE + SUBMIT

   ========================================================== */

.contact-form-panel .form-turnstile {

    grid-column: 1 !important;

    align-self: end !important;

    margin: 21px 0 0 !important;

}

.contact-form-panel .cf-turnstile {

    max-width: 100% !important;

}

.contact-form-panel .turnstile-inline-error {

    margin: 7px 0 0 !important;

    font-size: 12px !important;

}



/*

 * Mygtukas vienoje eilÃ„â€”je su captcha.

 */

.contact-form-panel .form-submit {

    grid-column: 2 !important;

    align-self: end !important;

    justify-self: end !important;

    width: auto !important;

    min-width: 176px !important;

    margin: 21px 0 0 !important;

}



/* ==========================================================

   DEÃ… INÃ„â€“ KONTAKTÃ…Â² DALIS

   ========================================================== */

.contact-info-panel {

    min-width: 0 !important;

    padding: 0 0 0 34px !important;

    background: transparent !important;

    border: 0 !important;

    border-left: 1px solid rgba(58,39,44,.10) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;

}



/* ==========================================================

   Ã…Â½EMÃ„â€“LAPIS

   ========================================================== */

.contact-map-wrap {

    display: block !important;

    width: 100% !important;

    height: 200px !important;

    padding: 0 !important;

    overflow: hidden !important;

    background: #ece5df !important;

    border: 0 !important;

    border-radius: 8px !important;

}

.contact-map-wrap iframe {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    border: 0 !important;

    border-radius: 0 !important;

}



/* ==========================================================

   ADRESAS

   ========================================================== */

.contact-info-body {

    padding: 20px 0 0 !important;

}

.contact-info-body h3 {

    margin: 0 0 6px !important;

    color: var(--ink) !important;

    font-size: 19px !important;

    line-height: 1.28 !important;

}

.contact-info-body > p {

    margin: 0 0 18px !important;

    color: var(--muted) !important;

    font-size: 12px !important;

    line-height: 1.55 !important;

}



/* ==========================================================

   TELEFONAS / EL. PAÃ… TAS

   ========================================================== */

.contact-info-links {

    display: block !important;

    margin: 0 !important;

}

.contact-info-links a {

    display: grid !important;

    grid-template-columns:

        68px

        minmax(0,1fr) !important;

    gap: 10px !important;

    align-items: center !important;

    min-height: 47px !important;

    padding: 10px 0 !important;

    background: transparent !important;

    border: 0 !important;

    border-top: 1px solid rgba(58,39,44,.10) !important;

    border-radius: 0 !important;

}

.contact-info-links a:last-child {

    border-bottom: 1px solid rgba(58,39,44,.10) !important;

}

.contact-info-links small {

    color: var(--muted) !important;

    font-size: 10px !important;

}

.contact-info-links strong {

    min-width: 0;

    color: var(--ink) !important;

    font-size: 13px !important;

    font-weight: 700 !important;

    overflow-wrap: anywhere;

}

.contact-info-links a:hover strong {

    color: var(--wine) !important;

}



/* ==========================================================

   TABLET

   ========================================================== */

@media(max-width: 980px) {

    .contact-section-heading.split {

        grid-template-columns: 1fr !important;

        gap: 14px !important;

    }

    .contact-section-heading > p {

        max-width: 650px !important;

    }

    .contact-module {

        grid-template-columns: 1fr !important;

        gap: 36px !important;

        padding: 30px !important;

    }

    .contact-info-panel {

        padding: 32px 0 0 !important;

        border-left: 0 !important;

        border-top: 1px solid rgba(58,39,44,.10) !important;

    }

    .contact-map-wrap {

        height: 270px !important;

    }

}



/* ==========================================================

   MOBILE

   ========================================================== */

@media(max-width: 620px) {

    .home-contact-section {

        padding: 64px 0 72px !important;

        scroll-margin-top: 84px !important;

    }

    .contact-section-heading {

        margin-bottom: 28px !important;

    }

    .contact-module {

        padding: 20px !important;

        border-radius: 13px !important;

    }

    .contact-form-panel .lead-form {

        grid-template-columns: 1fr !important;

    }

    .contact-form-panel .form-grid {

        grid-template-columns: 1fr !important;

        row-gap: 16px !important;

    }

    .contact-form-panel .form-grid .full {

        grid-column: auto !important;

    }

    .contact-form-panel textarea {

        min-height: 105px !important;

    }

    .contact-form-panel .form-turnstile {

        grid-column: 1 !important;

        margin-top: 19px !important;

    }

    .contact-form-panel .form-submit {

        grid-column: 1 !important;

        justify-self: stretch !important;

        width: 100% !important;

        margin-top: 13px !important;

    }

    .contact-info-panel {

        padding-top: 28px !important;

    }

    .contact-map-wrap {

        height: 230px !important;

    }

}



/* ==========================================================

   CONTACT RIGHT PANEL Ã¢â‚¬â€ ONLY RIGHT SIDE

   ========================================================== */

.contact-info-panel {

    padding: 0 !important;

    overflow: hidden !important;

    background: var(--wine) !important;

    border: 0 !important;

    border-left: 0 !important;

    border-radius: 14px !important;

    box-shadow:

        0 18px 45px rgba(42,24,31,.10) !important;

}



/* senÃ„â€¦ vertikaliÃ„â€¦ skiriamÃ„â€¦jÃ„â€¦ linijÃ„â€¦ iÃ…Â¡jungiam */

.contact-info-panel::before {

    display: none !important;

    content: none !important;

}



/* ==========================================================

   MAP

   ========================================================== */

.contact-map-wrap {

    width: 100% !important;

    height: 245px !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

    background: #eee7e2 !important;

    border: 0 !important;

    border-radius: 0 !important;

}

.contact-map-wrap iframe {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    border: 0 !important;

    filter:

        saturate(.78)

        contrast(.96) !important;

}



/* ==========================================================

   CONTACT INFO BODY

   ========================================================== */

.contact-info-body {

    padding: 28px 27px 27px !important;

    color: rgba(255,255,255,.78) !important;

}

.contact-info-body h3 {

    max-width: 270px;

    margin: 0 0 9px !important;

    color: #fff !important;

    font-size: 21px !important;

    line-height: 1.28 !important;

    letter-spacing: -.02em !important;

}

.contact-info-body > p {

    max-width: 270px;

    margin: 0 0 25px !important;

    color: rgba(255,255,255,.62) !important;

    font-size: 13px !important;

    line-height: 1.55 !important;

}



/* ==========================================================

   CONTACT LINKS

   ========================================================== */

.contact-info-links {

    display: block !important;

    margin: 0 !important;

    border-top: 1px solid rgba(255,255,255,.16) !important;

}

.contact-info-links a {

    display: grid !important;

    grid-template-columns:

        72px

        minmax(0,1fr) !important;

    gap: 12px !important;

    align-items: center !important;

    min-height: 58px !important;

    padding: 13px 0 !important;

    background: transparent !important;

    border: 0 !important;

    border-bottom: 1px solid rgba(255,255,255,.16) !important;

    border-radius: 0 !important;

    transition:

        padding-left .15s ease,

background .15s ease !important;

}

.contact-info-links small {

    color: rgba(255,255,255,.52) !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    letter-spacing: .04em !important;

    text-transform: uppercase !important;

}

.contact-info-links strong {

    color: #fff !important;

    font-size: 14px !important;

    font-weight: 700 !important;

}



/*

 * VienintelÃ„â€” subtili interaction vieta.

 */

.contact-info-links a:hover {

    padding-left: 7px !important;

    background: rgba(255,255,255,.035) !important;

}

.contact-info-links a:hover strong {

    color: #fff !important;

}



/* ==========================================================

   PANEL HEIGHT / BALANCE

   ========================================================== */

@media(min-width:981px) {

    .contact-info-panel {

        min-height: 100% !important;

    }

}



/* ==========================================================

   TABLET

   ========================================================== */

@media(max-width:980px) {

    .contact-info-panel {

        padding: 0 !important;

        border-top: 0 !important;

        border-radius: 14px !important;

    }

    .contact-map-wrap {

        height: 290px !important;

    }

}



/* ==========================================================

   MOBILE

   ========================================================== */

@media(max-width:620px) {

    .contact-info-panel {

        border-radius: 11px !important;

    }

    .contact-map-wrap {

        height: 235px !important;

    }

    .contact-info-body {

        padding: 24px 22px 23px !important;

    }

    .contact-info-links a {

        grid-template-columns:

            68px

            minmax(0,1fr) !important;

    }

}

/* ==========================================================

   RIGHT SIDE REVERT

   KairÃ„â€”s formos nelieÃ„Âia.

   ========================================================== */

.contact-info-panel {

    position: relative !important;

    min-width: 0 !important;

    padding: 0 0 0 34px !important;

    overflow: visible !important;

    background: transparent !important;

    border: 0 !important;

    border-left: 1px solid rgba(58,39,44,.10) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    min-height: 0 !important;

}

.contact-info-panel::before {

    display: none !important;

    content: none !important;

}



/* Ã…Â½EMÃ„â€“LAPIS */

.contact-map-wrap {

    display: block !important;

    width: 100% !important;

    height: 215px !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

    background: #eee5df !important;

    border: 0 !important;

    border-radius: 8px !important;

}

.contact-map-wrap iframe {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    border: 0 !important;

    filter: none !important;

}



/* ADRESAS */

.contact-info-body {

    padding: 22px 0 0 !important;

    color: inherit !important;

}

.contact-info-body h3 {

    max-width: none !important;

    margin: 0 0 7px !important;

    color: var(--ink) !important;

    font-size: 20px !important;

    line-height: 1.28 !important;

}

.contact-info-body > p {

    max-width: none !important;

    margin: 0 0 20px !important;

    color: var(--muted) !important;

    font-size: 13px !important;

    line-height: 1.55 !important;

}



/* TELEFONAS / EL. PAÃ… TAS */

.contact-info-links {

    display: block !important;

    margin: 0 !important;

    border-top: 0 !important;

}

.contact-info-links a {

    display: grid !important;

    grid-template-columns:

        72px

        minmax(0,1fr) !important;

    gap: 12px !important;

    align-items: center !important;

    min-height: 48px !important;

    padding: 12px 0 !important;

    background: transparent !important;

    border: 0 !important;

    border-top: 1px solid rgba(58,39,44,.10) !important;

    border-radius: 0 !important;

    transition: none !important;

}

.contact-info-links a:last-child {

    border-bottom: 1px solid rgba(58,39,44,.10) !important;

}

.contact-info-links small {

    color: var(--muted) !important;

    font-size: 11px !important;

    font-weight: 400 !important;

    letter-spacing: 0 !important;

    text-transform: none !important;

}

.contact-info-links strong {

    color: var(--ink) !important;

    font-size: 14px !important;

    font-weight: 700 !important;

}

.contact-info-links a:hover {

    padding-left: 0 !important;

    background: transparent !important;

}

.contact-info-links a:hover strong {

    color: var(--wine) !important;

}



/* TABLET */

@media(max-width:980px) {

    .contact-info-panel {

        padding: 32px 0 0 !important;

        border-left: 0 !important;

        border-top: 1px solid rgba(58,39,44,.10) !important;

    }

    .contact-map-wrap {

        height: 285px !important;

    }

}



/* MOBILE */

@media(max-width:620px) {

    .contact-info-panel {

        padding-top: 28px !important;

        border-radius: 0 !important;

    }

    .contact-map-wrap {

        height: 230px !important;

    }

    .contact-info-body {

        padding: 20px 0 0 !important;

    }

}



/* ==========================================================

   CONTACT RIGHT PANEL Ã¢â‚¬â€ ONLY RIGHT SIDE

   ========================================================== */

.contact-info-panel {

    padding: 0 !important;

    overflow: hidden !important;

    background: var(--wine) !important;

    border: 0 !important;

    border-left: 0 !important;

    border-radius: 14px !important;

    box-shadow:

        0 18px 45px rgba(42,24,31,.10) !important;

}



/* senÃ„â€¦ vertikaliÃ„â€¦ skiriamÃ„â€¦jÃ„â€¦ linijÃ„â€¦ iÃ…Â¡jungiam */

.contact-info-panel::before {

    display: none !important;

    content: none !important;

}



/* ==========================================================

   MAP

   ========================================================== */

.contact-map-wrap {

    width: 100% !important;

    height: 245px !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

    background: #eee7e2 !important;

    border: 0 !important;

    border-radius: 0 !important;

}

.contact-map-wrap iframe {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    border: 0 !important;

    filter:

        saturate(.78)

        contrast(.96) !important;

}



/* ==========================================================

   CONTACT INFO BODY

   ========================================================== */

.contact-info-body {

    padding: 28px 27px 27px !important;

    color: rgba(255,255,255,.78) !important;

}

.contact-info-body h3 {

    max-width: 270px;

    margin: 0 0 9px !important;

    color: #fff !important;

    font-size: 21px !important;

    line-height: 1.28 !important;

    letter-spacing: -.02em !important;

}

.contact-info-body > p {

    max-width: 270px;

    margin: 0 0 25px !important;

    color: rgba(255,255,255,.62) !important;

    font-size: 13px !important;

    line-height: 1.55 !important;

}



/* ==========================================================

   CONTACT LINKS

   ========================================================== */

.contact-info-links {

    display: block !important;

    margin: 0 !important;

    border-top: 1px solid rgba(255,255,255,.16) !important;

}

.contact-info-links a {

    display: grid !important;

    grid-template-columns:

        72px

        minmax(0,1fr) !important;

    gap: 12px !important;

    align-items: center !important;

    min-height: 58px !important;

    padding: 13px 0 !important;

    background: transparent !important;

    border: 0 !important;

    border-bottom: 1px solid rgba(255,255,255,.16) !important;

    border-radius: 0 !important;

    transition:

        padding-left .15s ease,

background .15s ease !important;

}

.contact-info-links small {

    color: rgba(255,255,255,.52) !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    letter-spacing: .04em !important;

    text-transform: uppercase !important;

}

.contact-info-links strong {

    color: #fff !important;

    font-size: 14px !important;

    font-weight: 700 !important;

}



/*

 * VienintelÃ„â€” subtili interaction vieta.

 */

.contact-info-links a:hover {

    padding-left: 7px !important;

    background: rgba(255,255,255,.035) !important;

}

.contact-info-links a:hover strong {

    color: #fff !important;

}



/* ==========================================================

   PANEL HEIGHT / BALANCE

   ========================================================== */

@media(min-width:981px) {

    .contact-info-panel {

        min-height: 100% !important;

    }

}



/* ==========================================================

   TABLET

   ========================================================== */

@media(max-width:980px) {

    .contact-info-panel {

        padding: 0 !important;

        border-top: 0 !important;

        border-radius: 14px !important;

    }

    .contact-map-wrap {

        height: 290px !important;

    }

}



/* ==========================================================

   MOBILE

   ========================================================== */

@media(max-width:620px) {

    .contact-info-panel {

        border-radius: 11px !important;

    }

    .contact-map-wrap {

        height: 235px !important;

    }

    .contact-info-body {

        padding: 24px 22px 23px !important;

    }

    .contact-info-links a {

        grid-template-columns:

            68px

            minmax(0,1fr) !important;

    }

}
/* ==========================================================
   CLIENTS — FINAL / NO MAP
   ========================================================== */

.clients-section {
    position: relative !important;
    overflow: hidden !important;
    padding: 0 !important;

    background: #f7f3ee !important;

    border: 0 !important;
}

.clients-section > .container {
    width: min(1120px, calc(100% - 40px)) !important;
    max-width: 1120px !important;

    margin: 0 auto !important;

    padding: 76px 0 84px !important;
}


/* jokio žemėlapio */
.clients-map,
.clients-decoration,
.clients-map-art {
    display: none !important;
}


/* antraštė kaip reference */
.clients-top {
    display: block !important;

    min-height: 0 !important;

    margin: 0 !important;
}

.clients-section .clients-heading {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 0 58px !important;

    text-align: center !important;
}

.clients-section .clients-heading .kicker {
    display: none !important;
}

.clients-section .clients-heading h2 {
    display: block !important;

    max-width: none !important;

    margin: 0 !important;

    color: #8b8582 !important;

    font-size: 16px !important;
    line-height: 1.45 !important;

    font-weight: 500 !important;

    letter-spacing: -.01em !important;

    text-align: center !important;
}


/* ==========================================================
   LOGOTIPAI
   ========================================================== */

.clients-section .client-logo-grid {
    display: grid !important;

    grid-template-columns:
        repeat(5, minmax(0,1fr)) !important;

    align-items: center !important;
    justify-items: center !important;

    column-gap: 58px !important;
    row-gap: 52px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
}


/* vienas klientas nelenda per visą ekraną */
.clients-section .client-logo-grid[data-logo-count="1"] {
    grid-template-columns: minmax(180px,230px) !important;

    justify-content: center !important;
}


/* jokios kortelės */
.clients-section .client-logo {
    position: static !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    min-height: 58px !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    transform: none !important;
}

.clients-section .client-logo::before,
.clients-section .client-logo::after {
    display: none !important;

    content: none !important;
}


/* logo pavadinimo po logo nerodom */
.clients-section .client-logo-name {
    display: none !important;
}


/* reference tipo neutralūs logo */
.clients-section .client-logo img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 175px !important;
    max-height: 48px !important;

    object-fit: contain !important;

    filter: grayscale(1) !important;

    opacity: .58 !important;

    transform: none !important;

    transition: opacity .18s ease !important;
}

.clients-section .client-logo:hover img {
    filter: grayscale(1) !important;

    opacity: .82 !important;

    transform: none !important;
}


@media(max-width:900px) {

    .clients-section > .container {
        padding: 64px 0 70px !important;
    }

    .clients-section .clients-heading {
        margin-bottom: 46px !important;
    }

    .clients-section .client-logo-grid {
        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;

        column-gap: 38px !important;
        row-gap: 42px !important;
    }

}


@media(max-width:560px) {

    .clients-section > .container {
        width: calc(100% - 28px) !important;

        padding: 52px 0 58px !important;
    }

    .clients-section .clients-heading {
        margin-bottom: 38px !important;
    }

    .clients-section .clients-heading h2 {
        font-size: 14px !important;
    }

    .clients-section .client-logo-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        column-gap: 28px !important;
        row-gap: 34px !important;
    }

    .clients-section .client-logo img {
        max-width: 135px !important;
        max-height: 40px !important;
    }

}


/* ==========================================================
   CLIENTS — ABSOLUTE FINAL COMPACT
   ========================================================== */

.clients-clean-final,
.clients-section {
    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;

    padding-top: 28px !important;
    padding-bottom: 32px !important;

    background: #f7f3ee !important;
}

.clients-clean-final > .container,
.clients-section > .container {
    min-height: 0 !important;
    height: auto !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* antraštė arčiau viršaus */
.clients-clean-final h2,
.clients-section #clients-heading,
.clients-section .clients-heading {
    margin-top: 0 !important;
}

.clients-clean-final #clients-heading,
.clients-section #clients-heading {
    margin-bottom: 20px !important;

    color: #8c8582 !important;

    font-size: 14px !important;
    line-height: 1.4 !important;

    font-weight: 500 !important;

    text-align: center !important;
}


/* išjungiame seną layout aukštį */
.clients-section .clients-top,
.clients-section .clients-heading {
    min-height: 0 !important;
    height: auto !important;
}

.clients-section .clients-heading {
    margin-bottom: 20px !important;
}


/* jokio kicker / map */
.clients-section .kicker,
.clients-section .clients-map,
.clients-map {
    display: none !important;
}


/* logo zona */
.clients-clean-final [aria-label="Klientų įmonės"],
.clients-section .client-logo-grid {
    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* vienas logo */
.clients-clean-final img,
.clients-section .client-logo img {
    max-height: 46px !important;

    filter:
        grayscale(1)
        brightness(.52)
        contrast(1.15) !important;

    opacity: .72 !important;
}


/* senos kortelės/separatoriai OFF */
.clients-section .client-logo {
    min-height: 52px !important;
    height: 52px !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}

.clients-section .client-logo::before,
.clients-section .client-logo::after {
    display: none !important;
    content: none !important;
}


@media(max-width:620px) {

    .clients-clean-final,
    .clients-section {
        padding-top: 24px !important;
        padding-bottom: 28px !important;
    }

    .clients-clean-final #clients-heading,
    .clients-section #clients-heading {
        margin-bottom: 18px !important;
        font-size: 13px !important;
    }

}


/* ==========================================================
   CLIENTS — PROFESSIONAL FINAL
   ========================================================== */

.clients-clean-final,
.clients-section {
    position: relative !important;

    margin-top: -44px !important;
    margin-bottom: 0 !important;

    padding: 0 !important;

    background: #f7f3ee !important;

    border-top: 1px solid rgba(33,25,27,.07) !important;
    border-bottom: 0 !important;

    min-height: 0 !important;
    height: auto !important;
}

.clients-clean-final > .container,
.clients-section > .container {
    width: min(1120px, calc(100% - 40px)) !important;
    max-width: 1120px !important;

    margin: 0 auto !important;

    padding: 34px 0 42px !important;

    min-height: 0 !important;
    height: auto !important;
}


/* antraštė */
.clients-clean-final #clients-heading,
.clients-section #clients-heading {
    margin: 0 0 22px !important;

    color: #8c8582 !important;

    font-size: 13px !important;
    line-height: 1.4 !important;

    font-weight: 500 !important;

    letter-spacing: .005em !important;

    text-align: center !important;
}


/* jokio papildomo layout */
.clients-section .clients-top,
.clients-section .clients-heading {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    min-height: 0 !important;
    height: auto !important;

    text-align: center !important;
}

.clients-section .kicker,
.clients-section .clients-map,
.clients-map,
.clients-decoration,
.clients-map-art {
    display: none !important;
}


/* logo zona */
.clients-clean-final [aria-label="Klientų įmonės"],
.clients-section .client-logo-grid {
    display: flex !important;

    flex-wrap: wrap !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 900px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 34px 58px !important;

    min-height: 0 !important;
    height: auto !important;

    background: transparent !important;

    border: 0 !important;
}


/* logo wrapper */
.clients-clean-final [aria-label="Klientų įmonės"] > div,
.clients-section .client-logo {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 165px !important;
    height: 48px !important;

    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* jokie separatoriai */
.clients-section .client-logo::before,
.clients-section .client-logo::after {
    display: none !important;
    content: none !important;
}


/* pats logo */
.clients-clean-final img,
.clients-section .client-logo img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 165px !important;
    max-height: 44px !important;

    object-fit: contain !important;

    filter: grayscale(1) contrast(1.06) !important;

    opacity: .68 !important;

    transform: none !important;

    transition:
        opacity .18s ease,
        transform .18s ease !important;
}

.clients-clean-final img:hover,
.clients-section .client-logo:hover img {
    opacity: .9 !important;
    transform: translateY(-1px) !important;
}


/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media(min-width:1200px) {

    .clients-clean-final,
    .clients-section {
        margin-top: -52px !important;
    }

    .clients-clean-final > .container,
    .clients-section > .container {
        padding-top: 36px !important;
        padding-bottom: 44px !important;
    }

}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:900px) {

    .clients-clean-final,
    .clients-section {
        margin-top: -26px !important;
    }

    .clients-clean-final > .container,
    .clients-section > .container {
        padding: 30px 0 36px !important;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:560px) {

    .clients-clean-final,
    .clients-section {
        margin-top: -14px !important;
    }

    .clients-clean-final > .container,
    .clients-section > .container {
        width: calc(100% - 28px) !important;

        padding: 26px 0 32px !important;
    }

    .clients-clean-final #clients-heading,
    .clients-section #clients-heading {
        margin-bottom: 18px !important;

        font-size: 12.5px !important;
    }

    .clients-clean-final [aria-label="Klientų įmonės"],
    .clients-section .client-logo-grid {
        gap: 24px 30px !important;
    }

    .clients-clean-final [aria-label="Klientų įmonės"] > div,
    .clients-section .client-logo {
        width: 135px !important;
        height: 44px !important;
    }

    .clients-clean-final img,
    .clients-section .client-logo img {
        max-width: 135px !important;
        max-height: 40px !important;
    }

}



/* ==========================================================
   CLIENT SHOWCASE V2
   isolated from all old clients-section CSS
   ========================================================== */

.client-showcase {
    position: relative;
    z-index: 2;

    width: 100%;
    min-height: 340px;

    margin: -18px 0 0;
    padding: 0;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            180deg,
            #f2ebe4 0%,
            #f7f3ee 100%
        );

    border-top: 1px solid rgba(44, 31, 35, .07);
    border-bottom: 1px solid rgba(44, 31, 35, .08);

    overflow: hidden;
}


.client-showcase::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    right: -110px;
    top: -230px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(104, 21, 54, .055) 0%,
            rgba(104, 21, 54, 0) 70%
        );

    pointer-events: none;
}


.client-showcase__inner {
    position: relative;
    z-index: 1;

    width: min(1120px, calc(100% - 40px));
    max-width: 1120px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(360px, .9fr)
        minmax(300px, 1.1fr);

    gap: 90px;

    align-items: center;

    padding: 72px 0;
}


/* ==========================================================
   HEADING
   ========================================================== */

.client-showcase__header {
    margin: 0;
    padding: 0;
}


.client-showcase__eyebrow {
    display: block;

    margin: 0 0 14px;

    color: #7e2949;

    font-size: 11px;
    line-height: 1;

    font-weight: 800;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.client-showcase__header h2 {
    max-width: 520px;

    margin: 0;

    color: #292124;

    font-size: clamp(32px, 3.2vw, 48px);
    line-height: 1.02;

    font-weight: 650;

    letter-spacing: -.045em;
}


/* ==========================================================
   LOGOS
   ========================================================== */

.client-showcase__logos {
    display: flex;

    flex-wrap: wrap;

    align-items: center;
    justify-content: center;

    gap: 36px 54px;

    width: 100%;

    margin: 0;
    padding: 0;
}


.client-showcase__logo {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 220px;
    min-height: 100px;

    margin: 0;
    padding: 0;

    background: transparent;

    border: 0;
}


.client-showcase__logo img {
    display: block;

    width: auto;
    height: auto;

    max-width: 220px;
    max-height: 76px;

    object-fit: contain;

    filter:
        grayscale(1)
        contrast(1.04);

    opacity: .76;

    transition:
        opacity .18s ease,
        transform .18s ease,
        filter .18s ease;
}


.client-showcase__logo:hover img {
    filter: grayscale(0);

    opacity: 1;

    transform: translateY(-2px);
}


/* vienas logo atrodo normaliai,
   ne kaip pamestas vidury didelio grid */

.client-showcase__logos[data-logo-count="1"] {
    justify-content: center;
}


.client-showcase__logos[data-logo-count="1"]
.client-showcase__logo {

    width: 280px;
}


.client-showcase__logos[data-logo-count="1"]
.client-showcase__logo img {

    max-width: 260px;
    max-height: 88px;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 900px) {

    .client-showcase {
        min-height: 0;

        margin-top: 0;
    }

    .client-showcase__inner {
        grid-template-columns: 1fr;

        gap: 44px;

        padding: 58px 0;
    }

    .client-showcase__header {
        text-align: center;
    }

    .client-showcase__header h2 {
        max-width: 650px;

        margin-left: auto;
        margin-right: auto;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 560px) {

    .client-showcase__inner {
        width: calc(100% - 28px);

        gap: 34px;

        padding: 46px 0 50px;
    }

    .client-showcase__eyebrow {
        margin-bottom: 11px;

        font-size: 10px;
    }

    .client-showcase__header h2 {
        font-size: 29px;

        line-height: 1.04;
    }

    .client-showcase__logos {
        gap: 26px 30px;
    }

    .client-showcase__logo {
        width: 150px;
        min-height: 70px;
    }

    .client-showcase__logo img {
        max-width: 150px;
        max-height: 54px;
    }

    .client-showcase__logos[data-logo-count="1"]
    .client-showcase__logo {

        width: 210px;
    }

    .client-showcase__logos[data-logo-count="1"]
    .client-showcase__logo img {

        max-width: 200px;
        max-height: 66px;
    }

}


/* ==========================================================
   CLIENT SHOWCASE — CAROUSEL FINAL
   ========================================================== */

.client-showcase {
    position: relative !important;
    overflow: hidden !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    /*
     * Tokia pati bazinė spalva kaip puslapio / viršutinės
     * paslaugų zonos.
     */
    background: var(--bg) !important;

    border-top: 1px solid rgba(33,25,27,.055) !important;
    border-bottom: 0 !important;
}


/* subtilus foninis gylis */
.client-showcase::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background:
        radial-gradient(
            circle at 82% 42%,
            rgba(104,21,54,.035),
            transparent 31%
        ) !important;

    pointer-events: none !important;
}


.client-showcase__inner {
    position: relative !important;
    z-index: 1 !important;

    width: min(1180px, calc(100% - 40px)) !important;
    max-width: 1180px !important;

    margin: 0 auto !important;

    padding: 58px 0 60px !important;

    display: grid !important;

    /*
     * Tekstą stumiam kairiau.
     */
    grid-template-columns:
        minmax(340px, 440px)
        minmax(0, 1fr) !important;

    gap: clamp(54px, 7vw, 104px) !important;

    align-items: center !important;
}


/* ==========================================================
   LEFT / SEO COPY
   ========================================================== */

.client-showcase__header {
    position: relative !important;

    margin: 0 !important;
    padding: 0 !important;

    align-self: center !important;
}


.client-showcase__eyebrow {
    display: block !important;

    margin: 0 0 13px !important;

    color: var(--wine) !important;

    font-size: 10px !important;
    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: .19em !important;

    text-transform: uppercase !important;
}


.client-showcase__header h2 {
    max-width: 430px !important;

    margin: 0 !important;

    color: var(--ink) !important;

    font-size: clamp(34px, 3.1vw, 48px) !important;
    line-height: 1.01 !important;

    font-weight: 650 !important;

    letter-spacing: -.052em !important;

    text-wrap: balance !important;
}


.client-showcase__accent {
    width: 34px !important;
    height: 2px !important;

    margin: 22px 0 17px !important;

    background: var(--wine) !important;

    opacity: .72 !important;
}


.client-showcase__text {
    max-width: 410px !important;

    margin: 0 !important;

    color: #766b6d !important;

    font-size: 14px !important;
    line-height: 1.65 !important;
}


/* ==========================================================
   RIGHT / CAROUSEL
   ========================================================== */

.client-showcase__visual {
    position: relative !important;

    min-width: 0 !important;

    display: grid !important;

    grid-template-columns:
        42px
        minmax(0,1fr)
        42px !important;

    column-gap: 18px !important;

    align-items: center !important;
}


.client-showcase__viewport {
    min-width: 0 !important;

    overflow: hidden !important;
}


.client-showcase__track {
    display: flex !important;

    align-items: center !important;

    gap: 0 !important;

    width: 100% !important;

    transform: translate3d(0,0,0);

    transition:
        transform .52s cubic-bezier(.22,.61,.36,1),
        opacity .24s ease !important;

    will-change: transform !important;
}


/*
 * Desktop: 3 logo vienu metu.
 */
.client-showcase__logo {
    position: relative !important;

    flex: 0 0 33.333333% !important;

    min-width: 0 !important;

    height: 118px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 14px 24px !important;

    background: transparent !important;

    border: 0 !important;
}


.client-showcase__logo + .client-showcase__logo::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 26px !important;
    bottom: 26px !important;

    width: 1px !important;

    background: rgba(33,25,27,.10) !important;
}


.client-showcase__logo img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 190px !important;
    max-height: 66px !important;

    object-fit: contain !important;

    filter: grayscale(1) contrast(1.08) !important;

    opacity: .66 !important;

    transform:
        translateY(0)
        scale(1) !important;

    transition:
        opacity .25s ease,
        filter .25s ease,
        transform .25s ease !important;
}


.client-showcase__logo:hover img {
    opacity: .95 !important;

    filter: grayscale(0) contrast(1) !important;

    transform:
        translateY(-2px)
        scale(1.015) !important;
}


/* ==========================================================
   ARROWS
   ========================================================== */

.client-showcase__arrow {
    width: 42px !important;
    height: 42px !important;

    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    color: var(--wine) !important;

    background:
        rgba(255,255,255,.42) !important;

    border:
        1px solid rgba(104,21,54,.11) !important;

    border-radius: 50% !important;

    font-size: 19px !important;
    line-height: 1 !important;

    cursor: pointer !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease !important;
}


.client-showcase__arrow:hover {
    background: #fff !important;

    border-color:
        rgba(104,21,54,.24) !important;

    transform: scale(1.045) !important;
}


/* ==========================================================
   DOTS
   ========================================================== */

.client-showcase__dots {
    grid-column: 2 !important;

    display: flex !important;

    justify-content: center !important;

    gap: 9px !important;

    min-height: 9px !important;

    margin-top: 19px !important;
}


.client-showcase__dots button {
    width: 6px !important;
    height: 6px !important;

    margin: 0 !important;
    padding: 0 !important;

    background:
        rgba(104,21,54,.19) !important;

    border: 0 !important;
    border-radius: 50% !important;

    cursor: pointer !important;

    transition:
        width .2s ease,
        background .2s ease !important;
}


.client-showcase__dots button.is-active {
    width: 18px !important;

    border-radius: 999px !important;

    background: var(--wine) !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:900px) {

    .client-showcase__inner {
        padding: 50px 0 52px !important;

        grid-template-columns: 1fr !important;

        gap: 38px !important;
    }

    .client-showcase__header {
        max-width: 650px !important;
    }

    .client-showcase__header h2 {
        max-width: 620px !important;
    }

    .client-showcase__text {
        max-width: 580px !important;
    }

    .client-showcase__logo {
        flex-basis: 50% !important;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:560px) {

    .client-showcase__inner {
        width: calc(100% - 28px) !important;

        padding: 42px 0 44px !important;

        gap: 32px !important;
    }

    .client-showcase__header h2 {
        font-size: 31px !important;
    }

    .client-showcase__text {
        font-size: 13px !important;
    }

    .client-showcase__visual {
        grid-template-columns:
            36px
            minmax(0,1fr)
            36px !important;

        column-gap: 9px !important;
    }

    .client-showcase__arrow {
        width: 36px !important;
        height: 36px !important;

        font-size: 16px !important;
    }

    .client-showcase__logo {
        flex-basis: 100% !important;

        height: 92px !important;

        padding: 12px 18px !important;
    }

    .client-showcase__logo::before {
        display: none !important;
    }

    .client-showcase__logo img {
        max-width: 190px !important;
        max-height: 58px !important;
    }

}


/* ==========================================================
   CLIENT SHOWCASE — LOGO VISIBILITY FIX ONLY
   ========================================================== */

.client-showcase {
    background: #efe5dc !important;
}


/* daugiau vietos logotipui dešinėje */
.client-showcase__visual {
    min-width: 0 !important;
}

.client-showcase__viewport {
    overflow: visible !important;
}


/* vienas logotipas turi naudoti visą dešinės pusės plotą */
.client-showcase__logos[data-logo-count="1"],
.client-showcase__track {
    overflow: visible !important;
}


/* wrapper nebetrumpina logo */
.client-showcase__logo {
    flex: 0 0 100% !important;

    width: 100% !important;
    height: 120px !important;

    min-width: 0 !important;

    padding: 0 20px !important;

    overflow: visible !important;
}


/* pats EURODATA logo — rodom visas */
.client-showcase__logo img {
    width: auto !important;
    height: auto !important;

    max-width: min(100%, 360px) !important;
    max-height: 92px !important;

    object-fit: contain !important;

    filter: none !important;

    opacity: 1 !important;

    transform: none !important;
}


/* vienam logo dar daugiau pločio */
.client-showcase__logos[data-logo-count="1"]
.client-showcase__logo img {

    max-width: 380px !important;
    max-height: 96px !important;
}


/* išjungiam separatorius, kurie prie vieno logo nereikalingi */
.client-showcase__logo::before,
.client-showcase__logo::after {
    display: none !important;
    content: none !important;
}


@media(max-width:900px) {

    .client-showcase__logo {
        height: 105px !important;
    }

    .client-showcase__logo img {
        max-width: min(100%, 320px) !important;
        max-height: 84px !important;
    }

}


@media(max-width:560px) {

    .client-showcase__logo {
        height: 90px !important;
        padding: 0 10px !important;
    }

    .client-showcase__logo img {
        max-width: min(100%, 250px) !important;
        max-height: 72px !important;
    }

}



/* ==========================================================
   CLIENTS V3 — FINAL
   ========================================================== */

.clients-v3 {
    position: relative;

    width: 100%;

    margin: 0;
    padding: 0;

    /*
     * Tokia pati šilta zona kaip viršuje.
     */
    background: #efe7df;

    border-top:
        1px solid rgba(33,25,27,.055);

    overflow: hidden;
}


.clients-v3__inner {
    width:
        min(
            1180px,
            calc(100% - 40px)
        );

    max-width: 1180px;

    margin: 0 auto;

    padding:
        48px 0
        50px;
}


/* ==========================================================
   HEADING TOP
   ========================================================== */

.clients-v3__heading {
    width: 100%;

    margin:
        0 0
        36px;

    padding: 0;

    text-align: left;
}


.clients-v3__kicker {
    display: block;

    margin:
        0 0
        10px;

    color: #681536;

    font-size: 10px;
    line-height: 1;

    font-weight: 800;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.clients-v3__heading h2 {
    max-width: 720px;

    margin: 0;

    color: #21191b;

    font-size:
        clamp(
            34px,
            3.8vw,
            52px
        );

    line-height: 1;

    font-weight: 650;

    letter-spacing: -.055em;

    text-wrap: balance;
}


/* ==========================================================
   3 LOGOS
   ========================================================== */

.clients-v3__viewport {
    width: 100%;

    overflow: hidden;
}


.clients-v3__track {
    display: flex;

    align-items: stretch;

    gap: 18px;

    width: 100%;

    will-change: transform;
}


.clients-v3__slide {
    flex:
        0 0
        calc(
            (100% - 36px)
            / 3
        );

    min-width: 0;
}


.clients-v3__logo {
    width: 100%;

    min-height: 118px;

    display: flex;

    align-items: center;
    justify-content: center;

    padding:
        20px
        28px;

    background:
        rgba(
            255,
            253,
            249,
            .72
        );

    border:
        1px solid
        rgba(
            33,
            25,
            27,
            .075
        );

    border-radius: 20px;

    overflow: hidden;
}


.clients-v3__logo img {
    display: block;

    width: auto;
    height: auto;

    max-width: 100%;
    max-height: 66px;

    object-fit: contain;

    /*
     * Svarbu:
     * jokio grayscale / opacity,
     * todėl visas EURODATA pavadinimas
     * matysis normaliai.
     */
    filter: none;

    opacity: 1;

    transform: none;
}


/* ==========================================================
   TABLET — 2
   ========================================================== */

@media(max-width:900px){

    .clients-v3__inner {
        width:
            calc(100% - 36px);

        padding:
            40px 0
            44px;
    }

    .clients-v3__heading {
        margin-bottom: 30px;
    }

    .clients-v3__heading h2 {
        max-width: 650px;

        font-size:
            clamp(
                32px,
                7vw,
                46px
            );
    }

    .clients-v3__slide {
        flex:
            0 0
            calc(
                (100% - 18px)
                / 2
            );
    }

}


/* ==========================================================
   MOBILE — 1
   ========================================================== */

@media(max-width:560px){

    .clients-v3__inner {
        width:
            calc(100% - 28px);

        padding:
            34px 0
            38px;
    }

    .clients-v3__heading {
        margin-bottom: 24px;
    }

    .clients-v3__heading h2 {
        font-size: 31px;
    }

    .clients-v3__track {
        gap: 14px;
    }

    .clients-v3__slide {
        flex:
            0 0
            100%;
    }

    .clients-v3__logo {
        min-height: 100px;

        padding:
            18px
            22px;
    }

    .clients-v3__logo img {
        max-height: 58px;
    }

}



/* ==========================================================
   CLIENTS SECTION — CENTER TEXT + REMOVE WHITE BOXES
   ========================================================== */

.clients-section {
    background: #efe7df !important;
}

.clients-section > .container {
    padding-top: 52px !important;
    padding-bottom: 42px !important;
}

.clients-section .clients-heading {
    max-width: 920px !important;
    margin: 0 auto 26px !important;
    text-align: center !important;
}

.clients-section .clients-heading .kicker {
    display: block !important;
    margin: 0 0 12px !important;
    text-align: center !important;
}

.clients-section .clients-heading h2 {
    max-width: 860px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.clients-section .client-logo-grid {
    max-width: 1080px !important;
    margin: 0 auto !important;
    padding-top: 10px !important;
    border-top: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    background: transparent !important;
}

.clients-section .client-logo {
    min-height: auto !important;
    padding: 8px 18px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.clients-section .client-logo:not(:first-child)::before {
    display: none !important;
}

.clients-section .client-logo img {
    max-width: min(100%, 220px) !important;
    max-height: 58px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
}

/* jei dabar naudojama naujesnė clients-v3 versija */
.clients-v3 {
    background: #efe7df !important;
}

.clients-v3__inner {
    padding-top: 52px !important;
    padding-bottom: 42px !important;
}

.clients-v3__heading {
    max-width: 920px !important;
    margin: 0 auto 24px !important;
    text-align: center !important;
}

.clients-v3__kicker {
    display: block !important;
    text-align: center !important;
    margin: 0 0 12px !important;
}

.clients-v3__heading h2 {
    max-width: 860px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.clients-v3__viewport {
    margin-top: 8px !important;
}

.clients-v3__track {
    align-items: center !important;
}

.clients-v3__slide {
    background: transparent !important;
}

.clients-v3__logo {
    min-height: auto !important;
    padding: 8px 14px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.clients-v3__logo img {
    max-width: min(100%, 220px) !important;
    max-height: 58px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
}

@media (max-width: 900px) {
    .clients-section .clients-heading h2,
    .clients-v3__heading h2 {
        max-width: 700px !important;
    }
}

@media (max-width: 620px) {
    .clients-section > .container,
    .clients-v3__inner {
        padding-top: 42px !important;
        padding-bottom: 34px !important;
    }

    .clients-section .clients-heading,
    .clients-v3__heading {
        margin-bottom: 18px !important;
    }

    .clients-section .client-logo,
    .clients-v3__logo {
        padding: 6px 10px !important;
    }

    .clients-section .client-logo img,
    .clients-v3__logo img {
        max-width: min(100%, 170px) !important;
        max-height: 46px !important;
    }
}



/* ==========================================================
   CLIENT LOGO VISIBILITY FIX
   ========================================================== */

.clients-section {
    background: #efe7df !important;
}

.clients-section .client-logo-grid {
    gap: 24px !important;
    padding-top: 20px !important;
    align-items: center !important;
    justify-items: center !important;
}

.clients-section .client-logo {
    min-height: 78px !important;
    padding: 6px 10px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.clients-section .client-logo::before,
.clients-section .client-logo:not(:first-child)::before {
    display: none !important;
}

.clients-section .client-logo img {
    width: auto !important;
    height: auto !important;
    max-width: min(100%, 240px) !important;
    max-height: 72px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    filter: drop-shadow(0 1px 1px rgba(43,36,39,.22))
            drop-shadow(0 2px 8px rgba(43,36,39,.10)) !important;
    transform: none !important;
}

.clients-section .client-logo:hover img {
    opacity: 1 !important;
    transform: none !important;
    filter: drop-shadow(0 1px 1px rgba(43,36,39,.26))
            drop-shadow(0 2px 10px rgba(43,36,39,.12)) !important;
}

@media (max-width: 900px) {
    .clients-section .client-logo img {
        max-width: min(100%, 210px) !important;
        max-height: 64px !important;
    }
}

@media (max-width: 620px) {
    .clients-section .client-logo-grid {
        gap: 14px !important;
    }

    .clients-section .client-logo img {
        max-width: min(100%, 170px) !important;
        max-height: 52px !important;
    }
}



/* ==========================================================
   CLIENT LOGO VISIBILITY FIX
   ========================================================== */

.clients-section {
    background: #efe7df !important;
}

.clients-section .client-logo-grid {
    gap: 24px !important;
    padding-top: 20px !important;
    align-items: center !important;
    justify-items: center !important;
}

.clients-section .client-logo {
    min-height: 78px !important;
    padding: 6px 10px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.clients-section .client-logo::before,
.clients-section .client-logo:not(:first-child)::before {
    display: none !important;
}

.clients-section .client-logo img {
    width: auto !important;
    height: auto !important;
    max-width: min(100%, 240px) !important;
    max-height: 72px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    filter: drop-shadow(0 1px 1px rgba(43,36,39,.22))
            drop-shadow(0 2px 8px rgba(43,36,39,.10)) !important;
    transform: none !important;
}

.clients-section .client-logo:hover img {
    opacity: 1 !important;
    transform: none !important;
    filter: drop-shadow(0 1px 1px rgba(43,36,39,.26))
            drop-shadow(0 2px 10px rgba(43,36,39,.12)) !important;
}

@media (max-width: 900px) {
    .clients-section .client-logo img {
        max-width: min(100%, 210px) !important;
        max-height: 64px !important;
    }
}

@media (max-width: 620px) {
    .clients-section .client-logo-grid {
        gap: 14px !important;
    }

    .clients-section .client-logo img {
        max-width: min(100%, 170px) !important;
        max-height: 52px !important;
    }
}


/* ==========================================================
   CLIENT LOGOS — FINAL VISIBILITY
   ========================================================== */

/* dabartinė V3 versija */
.clients-v3__logo img,

/* fallback, jei HTML vis dar naudoja senas klases */
.clients-section .client-logo img,
.client-logo img {

    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 240px !important;
    max-height: 68px !important;

    object-fit: contain !important;

    /*
     * Baltas EURODATA tekstas tampa aiškiai matomas
     * tamsiu monochrominiu logotipu.
     */
    filter:
        grayscale(1)
        brightness(.34)
        contrast(1.25) !important;

    opacity: .88 !important;

    mix-blend-mode: multiply !important;

    transform: none !important;
}


/* jokio papildomo blukimo hover metu */
.clients-v3__logo:hover img,
.clients-section .client-logo:hover img,
.client-logo:hover img {

    filter:
        grayscale(1)
        brightness(.25)
        contrast(1.3) !important;

    opacity: 1 !important;

    transform: translateY(-1px) !important;
}


/* Desktop — trys logotipai aiškiai matomi */
.clients-v3__logo,
.clients-section .client-logo {

    min-height: 82px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* mobilus */
@media(max-width:620px){

    .clients-v3__logo img,
    .clients-section .client-logo img,
    .client-logo img {

        max-width: 185px !important;
        max-height: 56px !important;
    }

}


/* ==========================================================
   CLIENTS SECTION — LARGE WARM ALT
   ========================================================== */

.clients-section,
.clients-v3 {
    position: relative !important;
    overflow: hidden !important;

    background:
        linear-gradient(
            180deg,
            #e6d9cf 0%,
            #eadfd6 100%
        ) !important;

    border-top:
        1px solid rgba(33,25,27,.08) !important;

    border-bottom:
        1px solid rgba(33,25,27,.08) !important;

    padding: 0 !important;
}


/* daugiau aukščio ir oro */
.clients-section > .container,
.clients-v3__inner {
    width:
        min(
            1180px,
            calc(100% - 48px)
        ) !important;

    max-width: 1180px !important;

    margin: 0 auto !important;

    padding:
        78px 0
        74px !important;
}


/* antraštė centre */
.clients-section .clients-heading,
.clients-v3__heading {
    max-width: 920px !important;

    margin:
        0 auto
        48px !important;

    text-align: center !important;
}


.clients-section .clients-heading h2,
.clients-v3__heading h2 {
    max-width: 850px !important;

    margin: 0 auto !important;

    text-align: center !important;

    color: #21191b !important;

    font-size:
        clamp(
            42px,
            4.6vw,
            64px
        ) !important;

    line-height: .98 !important;

    font-weight: 650 !important;

    letter-spacing: -.055em !important;
}


/* kicker */
.clients-section .clients-heading .kicker,
.clients-v3__kicker {
    display: block !important;

    margin:
        0 0
        14px !important;

    text-align: center !important;

    color: #681536 !important;

    font-size: 10px !important;

    font-weight: 800 !important;

    letter-spacing: .18em !important;

    text-transform: uppercase !important;
}


/* 3 logo zona */
.clients-section .client-logo-grid,
.clients-v3__track {
    align-items: center !important;

    justify-content: center !important;

    gap: 34px !important;

    padding-top: 8px !important;
}


/* jokio white card */
.clients-section .client-logo,
.clients-v3__logo {
    min-height: 108px !important;

    padding:
        14px
        22px !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    border-radius: 0 !important;
}


/* originalios spalvos ir didesnis logo */
.clients-section .client-logo img,
.clients-v3__logo img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: min(100%, 260px) !important;
    max-height: 78px !important;

    object-fit: contain !important;

    filter: none !important;

    opacity: 1 !important;

    mix-blend-mode: normal !important;

    transform: none !important;
}


/* švelnus hover */
.clients-section .client-logo:hover img,
.clients-v3__logo:hover img {
    transform: translateY(-2px) scale(1.015) !important;

    filter: none !important;

    opacity: 1 !important;
}


/* subtilus dekoratyvinis gylis */
.clients-section::before,
.clients-v3::before {
    content: "" !important;

    position: absolute !important;

    width: 460px !important;
    height: 460px !important;

    right: -140px !important;
    top: -180px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(104,21,54,.06),
            transparent 70%
        ) !important;

    pointer-events: none !important;
}


@media(max-width:900px){

    .clients-section > .container,
    .clients-v3__inner {
        padding:
            62px 0
            58px !important;
    }

    .clients-section .clients-heading,
    .clients-v3__heading {
        margin-bottom: 38px !important;
    }

    .clients-section .clients-heading h2,
    .clients-v3__heading h2 {
        font-size:
            clamp(
                36px,
                7vw,
                52px
            ) !important;
    }

    .clients-section .client-logo img,
    .clients-v3__logo img {
        max-width: min(100%, 220px) !important;
        max-height: 68px !important;
    }

}


@media(max-width:560px){

    .clients-section > .container,
    .clients-v3__inner {
        width:
            calc(100% - 28px) !important;

        padding:
            48px 0
            44px !important;
    }

    .clients-section .clients-heading,
    .clients-v3__heading {
        margin-bottom: 30px !important;
    }

    .clients-section .clients-heading h2,
    .clients-v3__heading h2 {
        font-size: 34px !important;
    }

    .clients-section .client-logo,
    .clients-v3__logo {
        min-height: 84px !important;

        padding: 10px !important;
    }

    .clients-section .client-logo img,
    .clients-v3__logo img {
        max-width: min(100%, 180px) !important;
        max-height: 56px !important;
    }

}


/* ==========================================================
   CLIENTS — CLEAN EDITORIAL BACKGROUND
   ========================================================== */

.clients-section,
.clients-v3 {
    position: relative !important;
    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(104, 21, 54, .045) 0%,
            rgba(104, 21, 54, .018) 28%,
            transparent 58%
        ),
        #f5f0ea !important;

    border-top:
        1px solid rgba(33, 25, 27, .06) !important;

    border-bottom:
        1px solid rgba(33, 25, 27, .06) !important;
}


/* subtili tekstūra / gylis */
.clients-section::before,
.clients-v3::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.18),
            transparent 28%,
            transparent 72%,
            rgba(255,255,255,.18)
        ) !important;

    pointer-events: none !important;
}


/* turinys virš fono */
.clients-section > .container,
.clients-v3__inner {
    position: relative !important;
    z-index: 1 !important;

    padding-top: 82px !important;
    padding-bottom: 78px !important;
}


/* antraštė truputį kompaktiškesnė */
.clients-section .clients-heading,
.clients-v3__heading {
    margin-bottom: 52px !important;
}


/* logo originalių spalvų */
.clients-section .client-logo img,
.clients-v3__logo img {
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}


/* daugiau kontrasto aplink logo be kortelių */
.clients-section .client-logo,
.clients-v3__logo {
    position: relative !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* labai subtilus horizontalus anchor po logo zona */
.clients-section .client-logo-grid::after,
.clients-v3__track::after {
    content: "" !important;

    position: absolute !important;

    left: 8% !important;
    right: 8% !important;
    bottom: -22px !important;

    height: 1px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(104,21,54,.12),
            transparent
        ) !important;
}


@media(max-width:900px){

    .clients-section > .container,
    .clients-v3__inner {
        padding-top: 66px !important;
        padding-bottom: 62px !important;
    }

}


@media(max-width:560px){

    .clients-section > .container,
    .clients-v3__inner {
        padding-top: 50px !important;
        padding-bottom: 46px !important;
    }

}

