#who-are__content .stroke-text {
    -webkit-text-stroke: 1px #B5AFFF;
    color: transparent;
    font-weight: 700;
}

#who-are__content .icons:nth-child(2) {
    animation: moveY 1s infinite alternate;
}

#who-are__content .icons:nth-child(3) {
    animation: moveX 1s infinite alternate;
}

#who-are__content .icons:nth-child(4) {
    animation: moveX 1s infinite alternate;
}

#who-are__content .icons:nth-child(5) {
    animation: moveY 1s infinite alternate;
}

#who-are__content .stroke-text {
    transform-origin: center center;
    will-change: transform;
}

.what-we-offer__panel .service-items-board {
    max-height: 528px;
    overflow-y: auto;
    box-shadow: 4px 4px 8px 2px #00000014;
    border: 1px solid #B5AFFF;
    border-radius: 30px;
    scrollbar-width: none;
}

.what-we-offer__panel .service-card-badge {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.04) 100%);
    border-radius: 50.9px;
    width: fit-content;
    color: #FFFFFF;
    padding: 10px;
    border: 0.94px solid #FFFFFF26;
}

.what-we-offer__panel .service-item {
    border-radius: 30px;
    border-width: 1px;
}

.what-we-offer__panel .service-item:hover,
.what-we-offer__panel .service-item.active {
    background: #B5AFFF33;
    border: 1px solid #B5AFFF;
    box-shadow: 4px 4px 8px 2px #00000014;
}

.what-we-offer__panel .service-item:hover .service-arrow,
.what-we-offer__panel .service-item.active .service-arrow {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

@media (min-width: 1280px) {
    .what-we-offer__panel .service-card-badge {
        padding: 15.08px 23.56px;
    }
}

/* svg animation */
@keyframes beam {
    from { stroke-dashoffset: 0; }
    to   { stroke-dashoffset: -3634; }
  }
  .glow  { stroke-dasharray: 80  3554; stroke-dashoffset: 0;   animation: beam 5s linear infinite; }
  .core  { stroke-dasharray: 60  3574; stroke-dashoffset: 0;   animation: beam 5s linear infinite; }
  .hot   { stroke-dasharray: 14  3620; stroke-dashoffset: -46; animation: beam 5s linear infinite; }
  .trail { stroke-dasharray: 120 3514; stroke-dashoffset: 60;  animation: beam 5s linear infinite; }