.about-sec {
    .link-block {
        display: flex;
        align-items: center;
        justify-content: space-between;
        @include media-query(490px) {
            flex-wrap: wrap;
            row-gap: 14px;
            justify-content: center;
            text-align: center;
        }
        .image-effect {
            border-radius: 500px;
            .link-img {
                border-radius: 500px;
                width: clamp(168px, 13.958vw, 468px);
                height: clamp(58px, 5vw, 268px);
                object-fit: cover;
            }
        }
        svg {
            width: clamp(48px, 3.333vw, 128px);
            height: clamp(48px, 3.333vw, 128px);
            path {
                transition: $transition;
            }
        }
        h4 {
            transition: $transition;
        }
        &:hover {
            h4 {
                color: $accent-1 !important;
            }
            svg {
                path {
                    stroke: $accent-1;
                }
            }
        }
    }
    .block-1 {
        display: flex;
        align-items: center;
        gap: $gap-16;
        @include media-query(499px) {
            flex-wrap: wrap;
            row-gap: 32px;
        }

        svg {
            width: clamp(48px, 3.333vw, 128px);
            height: clamp(48px, 3.333vw, 128px);
        }
    }
}

.learn-sec {
    .learn-block {
        padding: clamp(24px, 1.667vw, 64px) clamp(18px, 1.25vw, 48px);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: $gap-16;
        border-radius: $br-16;
        background: #eafbf8;
        text-align: center;
        transition: $transition;
        border: 1px solid transparent;
        .svg svg {
            width: clamp(48px, 6.667vw, 276px);
            height: clamp(48px, 6.667vw, 276px);
        }
        &:hover {
            border: 1px solid $accent-1;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }
    }
}
