.aboutLegacy {
    overflow: hidden;
}

.aboutLegacy__viewport {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.aboutLegacy__slider {
    position: relative;
    padding-bottom: 3.5rem;
}

.aboutLegacy__slider .swiper-wrapper {
    transition-timing-function: linear !important;
}

.aboutLegacy__slider .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: auto;
}

.aboutLegacy__card {
    margin: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboutLegacy__card img {
    width: auto;
    max-width: none;
    height: 420px;
    object-fit: cover;
    object-position: center;
    display: block;
}

.aboutLegacy__pagination {
    display: none;
}

.aboutLegacy__nav {
    display: none;
}

.about__thumbpart {
    max-width: 460px;
    margin: 0 auto;
}

.about__thumbpart img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    border: 10px solid rgba(212, 171, 68, 0.2);
    box-shadow: 0 18px 40px rgba(17, 17, 17, 0.16);
    background: #ffffff;
}

.aboutMilestones .container {
    max-width: 1440px;
}

.aboutMilestones__grid {
    justify-content: center;
}

.aboutMilestones__col {
    display: flex;
}

.aboutMilestones__item {
    width: 100%;
}

.aboutMilestones__item .event__inner {
    height: 100%;
}

.aboutMilestones__item .event__content {
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
}

.aboutMilestones__item .event__content h5 {
    white-space: nowrap;
}

.qoute .container {
    max-width: 1280px;
}

.qoute__inner {
    justify-content: center;
}

.qoute__content {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
}

.qoute__content .default-btn {
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1200px) {
    .aboutMilestones__grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 1.5rem;
        align-items: stretch;
    }

    .aboutMilestones__col {
        width: 100%;
        max-width: none;
        padding: 0;
    }
}

@media (max-width: 991px) {
    .aboutLegacy__card img {
        height: 320px;
    }

    .about__thumbpart {
        max-width: 360px;
    }
}

@media (max-width: 575px) {
    .aboutLegacy__card img {
        height: 220px;
    }

    .about__thumbpart {
        max-width: 280px;
    }
}