.about-history{background:url(../images/his_bg.webp) center no-repeat;background-size:cover;padding:60px 0 100px;margin:0 0 60px}
.about-history h3 {font-size:max(23.5px, calc(42px + (100vw - 1920px) * 0.0146));color:#121314;font-weight:600;margin:0 0 90px;text-align:center}
.about-history .thumbs {padding:60px 80px;position:relative;}
.about-history .thumbs:before{content:'';height: 4px;    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(23, 136, 79, 0.6) 50%, rgba(0, 0, 0, 0) 100%);    transform: translateY(-50%);    overflow: hidden;width:100%;position:absolute;left:0;top:50%}
.about-history .thumbs .swiper-slide {cursor: pointer;}
.about-history .thumbs .swiper-slide h6 {font-size:12px;color:#8d9497;    transition: color 0.3s ease;font-weight:600; overflow-wrap: anywhere;padding:0 0 40px;position:relative;text-align:center}
.about-history .thumbs .swiper-slide h6:after{content:'';width:20px;height:20px;background:#1BA263;border:5px solid #FFF;border-radius:100%;position:absolute;bottom:0;left:50%;transform:translateX(-50%);box-sizing: border-box;}
.about-history .thumbs .swiper-page>div{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(32, 181, 107, 0.18);
    box-shadow: 0 4px 16px rgba(11, 42, 28, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;left:20px;
}
.about-history .thumbs .swiper-page>div i{font-size:24px;color:#1BA263;    transition: color 0.25s ease;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;}
.about-history .thumbs .swiper-page>div.slide-button-next {left:auto;right:20px;}    
.about-history .thumbs .swiper-page>div:hover{background:#1BA263;    border-color: #1BA263;    box-shadow: 0 6px 24px rgba(11, 42, 28, 0.18);}
.about-history .thumbs .swiper-page>div:hover i{color:#FFF}
.about-history .thumbs .swiper-page>div.swiper-button-disabled {    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(32, 181, 107, 0.1);
    box-shadow: none;
    cursor: not-allowed;
    pointer-events: none;}

.about-history .thumbs .swiper-page>div.swiper-button-disabled i{color: rgba(32, 181, 107, 0.35);}
.about-history #greally{max-width:980px;width:100%;margin:0 auto}
.about-history #greally .swiper-slide {display:grid;box-sizing: border-box;        grid-template-columns: minmax(0, 1fr) 600px;        gap: 115px;        justify-items: stretch;        align-items: start;        text-align: left;}
.about-history #greally .swiper-slide .about-history-year{color:#1BA263;font-size:96px;        display: flex;
        align-items: center;
        justify-content: center;line-height:1;    font-weight: 700;}
.about-history-copy{    position: relative;    padding-left: 24px;text-align:left}
.about-history-copy::before{content: '';
    position: absolute;
    left: 0;
    bottom: 15%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #1BA263;
    transform: translateY(-50%);}
.about-history-copy h4{font-size:max(22px, calc(36px + (100vw - 1920px) * 0.0125));line-height:1.2;    color: #1BA263;
    overflow-wrap: anywhere;
    font-weight: 600;
    margin-bottom: 20px;}    
.about-history-text, .about-history-text p{    color: #000;
    font-size: max(16px, calc(20px + (100vw - 1920px) * 0.007));
    word-break: break-word;
    overflow-wrap: anywhere;}