header {
        position: inherit !important;
        height: fit-content;
}

.about-us-wrapper {
        display: flex;
}

.about-text-wrapper {
        padding-left: 12.1rem;
        position: absolute;
        left: 0;
        bottom: 26.2rem;
        height: auto;
}

.about-text-wrapper .title {
        padding-left: 11.4rem;
        margin-bottom: 11.4rem;
}

.about-text-wrapper .title h6 {
        display: flex;
        align-items: center;
        height: auto;
}

.about-text-wrapper .title img {
        width: 5.3rem;
        margin-right: 2.7rem;
        height: auto;
}

.about-text-wrapper .title span {
        font-size: 1.8rem;
        color: #4F46BA;
        font-family: "JetR", arial, sans-serif;
        font-weight: normal;
        height: auto;
}

.about-text-wrapper .title h1 {
        font-size: 4.5rem;
        font-family: "albbM", arial, sans-serif;
        font-weight: normal;
        letter-spacing: 0.2rem;
        margin-top: 1rem;
        margin-bottom: 6.3rem;
}

.about-text-content {
        width: 102rem;
        padding-left: 12.6rem;
        background-size: 100%;
}

.about-text-content p {
        font-size: 2rem;
        line-height: 4.4rem;
        font-family: "albbL", arial, sans-serif;
}

.about-img-wrapper {
        height: fit-content;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 61.4rem;
}

.about-us-wrapper .about-img-wrapper>img {
        width: 100%;
}

.about-tip-wrapper {
        background: rgb(79, 70, 186, 0.75);
        position: absolute;
        left: -11.7rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.2rem 1.3rem 1.2rem 2.4rem;
        bottom: 12.3rem;
        height: fit-content;
        width: 24.2rem;
}

.about-tip-wrapper span {
        color: #fff;
        font-size: 2.4rem;
        font-family: "albbL", arial, sans-serif;
        letter-spacing: 0.2rem;
}

.about-tip-wrapper img {
        width: 2.8rem;
}

.vision-top-wrapper {
        display: flex;
        justify-content: space-between;
        height: auto;
}

.vision-img-wrapper>img {
        width: 85.3rem;
}

.vision-img-wrapper .about-tip-wrapper {
        left: 72.9rem;
        top: 13.2rem;
        flex-direction: row-reverse;
        padding: 1.2rem 2.4rem 1.2rem 1.3rem;
}

.vision-img-wrapper .about-tip-wrapper img {
        transform: rotate(180deg);
}

.vision-text-content {
        background-position: right 6.9rem !important;
}

.vision-text-content p {
        margin-right: 12.1rem;
        font-size: 2rem;
        font-family: "albbL", arial, sans-serif;
        line-height: 4rem;
        margin-bottom: 4.7rem;
        letter-spacing: 0;
}

.vision-text-content p:first-of-type {
        margin-top: 36.2rem;
}

.values-wrapper {
        display: flex;
        padding: 0 12.1rem;
        align-items: center;
        justify-content: space-between;
        height: auto;
        position: absolute;
        width: 100%;
        bottom: 5.7rem;
}

.values-wrapper div {
        background: rgb(255, 255, 255);
        box-shadow: 0 0.2rem 1.6rem rgba(79, 70, 186, 0.1);
        width: 27.9rem;
        padding: 2rem;
        border-radius: 1rem;
}

.values-wrapper div .values-title {
        font-size: 1.8rem;
        font-family: "albbR", arial, sans-serif;
        line-height: 4rem;
        margin-bottom: 2.1rem;
}

.values-wrapper div p {
        font-size: 1.6rem;
        font-family: "albbL", arial, sans-serif;
        line-height: 3.1rem;
}

footer * {
        height: auto;
}

.development-content {
        display: flex;
        padding: 3.5rem 12.1rem 0 12.1rem;
        height: auto;
        margin-bottom: 4.3rem;
        align-items: end;
}

.development-history-swiper {
        height: 43.9rem;
        width: 98.4rem;
        display: flex;
        overflow: hidden;
        border-radius: 1rem 0 0 1rem;
        background: #fff;
        box-shadow: 2px 1px 10px rgba(79, 70, 186, 0.12);
}

.development-history-wrapper {
        height: 100%;
        padding: 6rem 7rem 4.2rem 7rem;
        display: flex;
        width: 100%;
}

.my-pagination {
        display: flex;
        width: 45.8rem !important;
        height: auto;
        justify-content: space-between;
        align-items: center;
        bottom: 4.2rem !important;
}

.my-pagination::before {
        content: '';
        position: absolute;
        bottom: 0.5rem;
        left: 0;
        width: 45.8rem;
        height: 1px;
        background: linear-gradient(to right, #fff, #B9B4EB, #fff);
}

.swiper-pagination-bullet-active {
        width: 1.2rem;
        height: 1.2rem;
        background: #4F46BA !important;
        border: 1px #4F46BA solid;
}

.swiper-pagination-bullet-active-prev,
.swiper-pagination-bullet-active-next {
        width: 1.2rem;
        height: 1.2rem;
        background: #fff;
        border: 1px #4F46BA solid !important;
        transform: scale(1) !important;
        opacity: 1;
}

.swiper-pagination-bullet-active-prev-prev,
.swiper-pagination-bullet-active-next-next,
.swiper-pagination-bullet {
        width: 1.2rem;
        height: 1.2rem;
        background: #fff;
        border: 1px #DAD8F0 solid;
        transform: scale(1) !important;
        opacity: 1;
}

.development-img-swiper {
        height: 46.7rem;
        width: 69.4rem;
        border-radius: 1rem 1rem 1rem 0;
}

.development-wrapper {
        display: flex;
}

.development-wrapper img {
        width: 100%;
}

.month-wrapper {
        width: 5.6rem;
        height: 5.6rem;
        border-radius: 5.6rem;
        background: #7B74CB;
        text-align: center;
        color: #ffffff;
        line-height: 5.6rem;
        font-size: 2.6rem;
        display: inline-block;
        vertical-align: middle;
        font-family: "JetB", arial, sans-serif;
}

.month-wrapper span {
        color: #ffffff;
        font-size: 1.4rem;
}

.development-text-content {
        height: auto;
        display: inline-block;
        vertical-align: middle;
}

.development-text-content p {
        font-size: 2rem;
        font-family: "albbL", arial, sans-serif;
        line-height: 3.2rem;
        margin-left: 4.4rem;
}

.year-swiper {
        width: 9.7rem;
        height: 9.7rem;
        border-radius: 9.7rem;
        background: #7B74CB;
        border: 1rem #ffffff solid;
        text-align: center;
        position: absolute;
        z-index: 1;
        top: 22rem;
        left: 104.8rem;
        line-height: 9.7rem;
        box-sizing: content-box;
}

.year-wrapper {
        display: flex;
}

.year-wrapper .swiper-slide {
        color: #fff;
        font-size: 2.6rem;
        font-family: "JetB", arial, sans-serif;
}

.development-history-wrapper .swiper-slide {
        padding: 0 7rem;
}

@media screen and (max-width: 1280px) {
        .about-text-content {
                width: 85rem;
                padding-left: 10.6rem;
        }

        .vision-text-content p {
                margin-right: 10.1rem;
        }

        .vision-text-content {
                width: 40%;
        }

        .vision-text-content p:first-of-type {
                margin-top: 28.2rem;
        }

        .values-wrapper {
                padding: 0 8.1rem;
        }

        .development-img-swiper {
                height: 45.7rem;
        }

        .development-history-swiper {
                height: 42.9rem;
        }

        .year-swiper {
                left: 54%;
        }
}

@media screen and (min-width: 1281px) and (max-width: 1360px) {
        .about-text-content {
                width: 92rem;
                padding-left: 10.6rem;
                background-size: 100% !important;
        }

        .about-img-wrapper {
                width: 57.4rem;
        }

        .vision-img-wrapper>img {
                width: 81.3rem;
        }

        .vision-text-content p {
                margin-right: 10.1rem;
        }

        .vision-text-content {
                width: 48%;
        }

        .vision-text-content p:first-of-type {
                margin-top: 28.2rem;
        }

        .vision-img-wrapper .about-tip-wrapper {
                left: 67.9rem;
        }

        .values-wrapper {
                padding: 0 10.1rem;
        }

        .development-img-swiper {
                height: 45.7rem;
        }

        .development-history-swiper {
                height: 42.9rem;
        }

        .year-swiper {
                left: 54.2%;
        }

        .development-content {
                padding: 6.5rem 12.1rem 0 12.1rem;
        }
}

@media screen and (min-width:1441px) and (max-width: 1520px) {
        .about-text-content {
                width: 95rem;
                background-size: 100% !important;
        }

        .vision-img-wrapper>img {
                width: 80.3rem;
        }

        .vision-img-wrapper .about-tip-wrapper {
                left: 66.9rem;
        }

        .values-wrapper {
                bottom: 10.7rem;
        }

        .development-content {
                padding: 7.5rem 12.1rem 0 12.1rem;
        }

        .year-swiper {
                top: 26rem;
                left: 100.5rem;
        }
}

@media screen and (min-width:1521px) and (max-width: 1600px) {

        .about-img-wrapper {
                width: 67.4rem;
        }

        .about-text-wrapper {
                bottom: 33.2rem;
        }

        .about-text-content {
                width: 95rem;
                background-size: 100% !important;
        }

        .vision-img-wrapper>img {
                width: 85.3rem;
        }

        .vision-img-wrapper .about-tip-wrapper {
                left: 70.9rem;
        }

        .values-wrapper {
                bottom: 10.7rem;
        }

        .development-content {
                padding: 7.5rem 12.1rem 0 12.1rem;
        }

        .year-swiper {
                top: 26rem;
                left: 100.5rem;
        }
}

@media screen and (min-width: 1601px) and (max-width: 1680px) {
        .about-text-content {
                width: 93rem;
                background-size: 100% !important;
        }

        .about-img-wrapper {
                width: 59.4rem;
        }

        .vision-text-content p {
                margin-right: 7.1rem;
        }

        .values-wrapper {
                bottom: 7.7rem;
        }

        .vision-img-wrapper>img {
                width: 81.3rem;
        }

        .year-swiper {
                left: 54.3%;
        }

        .development-content {
                padding: 5.5rem 12.1rem 0 12.1rem;
        }
}

@media screen and (min-width: 1681px) and (max-width: 1760px) {
        .about-text-wrapper .title h1 {
                font-size: 4rem;
        }

        .about-img-wrapper {
                width: 60.4rem;
        }

        .about-text-content {
                width: 94rem;
                background-size: 100% !important;
        }

        .vision-img-wrapper>img {
                width: 78.3rem;
        }

        .values-wrapper {
                bottom: 9.7rem;
        }

        .vision-img-wrapper .about-tip-wrapper {
                left: 64.9rem;
        }

        .development-content {
                padding: 6.5rem 12.1rem 0 12.1rem;
        }

        .development-img-swiper {
                height: 43.7rem;
        }

        .development-history-swiper {
                height: 40.9rem;
        }

        .year-swiper {
                left: 54%;
                top: 24rem;
        }
}

@media screen and (min-width: 1761px) and (max-width: 1840px) {
        .about-text-wrapper .title h1 {
                font-size: 4rem;
        }

        .about-img-wrapper {
                width: 64.4rem;
        }

        .about-text-content {
                width: 94rem;
                background-size: 100% !important;
        }

        .vision-img-wrapper>img {
                width: 83.3rem;
        }

        .values-wrapper {
                bottom: 9.7rem;
        }

        .vision-img-wrapper .about-tip-wrapper {
                left: 69.9rem;
        }

        .development-content {
                padding: 6.5rem 12.1rem 0 12.1rem;
        }

        .development-img-swiper {
                height: 43.7rem;
        }

        .development-history-swiper {
                height: 40.9rem;
        }

        .year-swiper {
                left: 54%;
                top: 24rem;
        }
}

@media screen and (min-width: 1841px) and (max-width: 1919px) {
        .development-img-swiper {
                width: 74.4rem;
        }

        .development-content {
                padding: 6.5rem 12.1rem 0 12.1rem;
        }

        .year-swiper {
                top: 25rem;
        }
}