.aboutus-intro-section {
    background-color: transparent;
}

.section-2 .aboutus-intro-section {
    background-color: transparent;
}

.aboutus-intro-left {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    gap: 1.231rem;
    padding-right: 1.231rem;
}

.aboutus-intro-logo-img {
    max-width: 10.7692rem; /* 140px */
    max-height: 7.6923rem; /* 100px */
    padding-right: 1.5385rem; /* 20px */
    padding-left: 1.5385rem; /* 20px */
}

.aboutus-intro-title {
    width: 100%;
    /*height: 3.6923rem; !* 48px *!*/
    font-family: var(--font-semplicita) !important;
    font-weight: var(--font-bold);
    font-size: 3.0769rem; /* 40px */
    line-height: 1.2;
    letter-spacing: 0;
    color: #1F2937;
    display: block;
}

.aboutus-intro-title-indent {
    text-indent: 1.0769rem; /* 14px */
}

.aboutus-intro-timeline {
    border-left: 0.1154rem solid #e5e5e5; /* 1.5px */
    padding-left: var(--mp16);
    padding-right: 16px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* gap: 1.846rem; */
}

.aboutus-intro-item {
    display: flex;
    align-items: center;
    gap: 1.538rem;
    /*margin-bottom: 2.4615rem; !* 32px *!*/
}

.aboutus-intro-text {
    gap: 0.615rem;
    flex: 1;
}

.aboutus-intro-icon {
    width: 5.5385rem; /* 72px */
    height: 5.5385rem; /* 72px */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.2308rem; /* 16px */
    padding: 1.2308rem; /* 16px */
    background: #FEF2F2;
    box-shadow: 0rem 0.0769rem 0.1538rem 0rem #0000000D; /* 0px 1px 2px 0px */
}

.aboutus-intro-icon img,
.aboutus-intro-icon svg {
    width: 3.0769rem; /* 40px */
    height: 3.0769rem; /* 40px */
    display: block;
}

.aboutus-intro-year {
    width: 32.1928rem; /* 418.5059px */
    height: 2.1538rem; /* 28px */
    font-weight: var(--font-bold);
    font-size: 1.5385rem; /* 20px */
    line-height: 2.1538rem; /* 28px */
    letter-spacing: 0;
    vertical-align: middle;
    color: #1F2937;
}

.aboutus-intro-desc {
    height: 5.5385rem; /* 72px */
    font-weight: var(--font-normal);
    font-size: 1.2308rem; /* 16px */
    line-height: 1.8462rem; /* 24px */
    letter-spacing: 0;
    vertical-align: middle;
    color: #4B5563;
}

.aboutus-intro-img {
    width: 100%;
    max-width: 780px;
    /* height: 51.6154rem; */
    height: 100%;
    object-fit: inherit;
    border-radius: 1.3846rem; /* 18px */
    box-shadow: 0 0.3077rem 2.4615rem #00000014; /* 0 4px 32px */
}

.img-right-aboutus-intro {
    display: flex;
    justify-content: flex-end;
}

/* Tablet */
@media (max-width: 960px) {
    .aboutus-intro-title {
        font-size: 2rem;
        height: auto;
    }

    .aboutus-intro-img {
        max-width: 100%;
        height: auto;
        margin-top: 2.4615rem; /* 32px */
    }

    .aboutus-intro-timeline {
        padding-left: 1.2308rem; /* 16px */
        margin-top: 1.8462rem; /* 24px */
    }

    .aboutus-intro-year,
    .aboutus-intro-desc {
        width: 100%;
    }

    .aboutus-intro-icon {
        width: 4.6154rem; /* 60px */
        height: 4.6154rem;
        padding: 0.9231rem; /* 12px */
    }

    .aboutus-intro-icon img,
    .aboutus-intro-icon svg {
        width: 2.4615rem; /* 32px */
        height: 2.4615rem;
        padding: 0.3846rem; /* 5px */
    }

    .aboutus-intro-logo-img {
        max-width: 9.2308rem; /* 120px */
        padding-left: 0.9231rem; /* 12px */
        padding-right: 0.9231rem;
    }
}

/* Mobile */
@media (max-width: 640px) {
    .uk-grid {
        display: flex;
        flex-direction: column;
    }

    .uk-width-1-2 {
        width: 100%;
    }

    .aboutus-intro-left {
        order: 2;
        margin-top: 2.4615rem; /* 32px */
    }

    .aboutus-intro-img {
        height: auto;
        border-radius: 0.9231rem; /* 12px */
    }

    .aboutus-intro-title {
        font-size: 1.5rem;
        line-height: 1.2;
        text-align: left;
    }

    .aboutus-intro-title-indent {
        text-indent: 0.7692rem; /* 10px */
    }

    .aboutus-intro-timeline {
        border-left: none;
        padding-left: 0;
        margin-top: 1.8462rem; /* 24px */
    }

    .aboutus-intro-item {
        flex-direction: column;
        align-items: flex-start;
        /*margin-bottom: 1.8462rem; !* 24px *!*/
    }

    .aboutus-intro-icon {
        margin-bottom: 0.9231rem; /* 12px */
        margin-right: 0;
    }

    .aboutus-intro-year {
        font-size: 1.3846rem; /* 18px */
        line-height: 1.8462rem; /* 24px */
    }

    .aboutus-intro-desc {
        font-size: 1.0769rem; /* 14px */
        line-height: 1.6154rem; /* 21px */
    }

    .aboutus-intro-logo-img {
        max-width: 7.6923rem; /* 100px */
        padding: 0;
    }
}

@media (max-width: 1024px) {
    .img-right-aboutus-intro {
        min-height: 40rem;
    }
}

@media (max-width: 768px) {
    .img-right-aboutus-intro {
        min-height: 30rem;
    }
}