.tkl-help-services-container {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.tkl-help-services-main-title {
    margin-bottom: 20px;
    margin-top: 0;
    padding: var(--tkl-container-padding);
}

.tkl-help-services-main-title:last-child,
.tkl-help-services-main-title:has(+ .tkl-help-services-grid) {
    margin-bottom: clamp(2.1875rem, 1.4024rem + 2.9557vw, 4.0625rem);
}

.tkl-help-services-main-content {
    margin-bottom: clamp(2.1875rem, 1.4024rem + 2.9557vw, 4.0625rem);
    padding: var(--tkl-container-padding);
}

.tkl-help-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
}

.tkl-service-box {
    padding: clamp(1.25rem, 0.2032rem + 3.9409vw, 3.75rem);
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    transition: all 0.3s ease;
    gap: 20px;
}

.tkl-service-icon {
    margin-bottom: 20px;
}

.tkl-service-icon img {
    max-width: 70px;
    height: auto;
    max-height: 70px;
}

.tkl-service-title {
    margin-bottom: 17px;
    margin-top: 0;
}

.tkl-bg-navy .tkl-service-title,
.tkl-bg-navy .tkl-service-desc {
    color: #fff;
}

.tkl-service-arrow {
    align-self: flex-end;
    transition: transform 0.3s ease;
    color: inherit;
    text-decoration: none;
}

.tkl-service-arrow svg {
    display: block;
}

.tkl-service-arrow:hover {
    color: inherit;
    transform: translateX(5px);
}

@media (max-width: 1024px) {
    .tkl-help-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .tkl-service-box {
        border-bottom: 1px solid #ffffff;
    }

    .tkl-service-box:nth-child(odd) {
        border-right: 1px solid #ffffff;
    }

    /* Remove bottom border for last row items */
    .tkl-service-box:last-child,
    .tkl-service-box:nth-last-child(2):nth-child(odd) {
        border-bottom: none;
    }

    /* Remove right border for the last item if it's the only one in its row */
    .tkl-service-box:nth-child(odd):last-child {
        border-right: none;
    }
}

@media (max-width: 767px) {
    .tkl-help-services-grid {
        grid-template-columns: 1fr;
    }

    .tkl-service-box {
        aspect-ratio: auto;
    }

    .tkl-help-services-main-title {
        font-size: 32px;
    }
}