/* TEKTAR Corporate Theme v1.9.25
 * Güvenli sürüm: tüm kart vurgu çizgileri uçlara doğru şeffaflaşır.
 * Mask/filter bağımlılığı kaldırıldı; yalnızca standart gradient ve transform animasyonu kullanılır.
 */

.tektar-about-accent,
.tektar-contact-accent {
    top: 22px !important;
    bottom: 22px !important;
    width: 4px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: linear-gradient(
        to bottom,
        rgba(0, 168, 90, 0) 0%,
        rgba(0, 168, 90, .18) 10%,
        rgba(0, 168, 90, .92) 30%,
        #008f4d 50%,
        rgba(0, 168, 90, .92) 70%,
        rgba(0, 168, 90, .18) 90%,
        rgba(0, 168, 90, 0) 100%
    ) !important;
    box-shadow: 0 0 10px rgba(0,168,90,.22) !important;
}

.tektar-about-accent::before,
.tektar-contact-accent::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 34% !important;
    border-radius: inherit !important;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(220,255,235,.85) 46%,
        rgba(255,255,255,.95) 52%,
        rgba(220,255,235,.72) 58%,
        rgba(255,255,255,0) 100%
    ) !important;
    transform: translateY(-140%) !important;
    animation: tektarAccentSweepSafe 4s ease-in-out infinite !important;
    pointer-events: none !important;
}

.tektar-about-accent::after,
.tektar-contact-accent::after {
    content: none !important;
}

.tektar-about-accent-right::before,
.tektar-contact-accent-right::before {
    animation-delay: 1.1s !important;
}

@keyframes tektarAccentSweepSafe {
    0%   { transform: translateY(-140%); opacity: 0; }
    12%  { opacity: .85; }
    50%  { opacity: 1; }
    88%  { opacity: .75; }
    100% { transform: translateY(430%); opacity: 0; }
}

@media (max-width: 620px) {
    .tektar-about-accent,
    .tektar-contact-accent {
        top: 16px !important;
        bottom: 16px !important;
        width: 3px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tektar-about-accent::before,
    .tektar-contact-accent::before {
        animation: none !important;
        transform: translateY(190%) !important;
        opacity: .35 !important;
    }
}