.b-about .about-hero {
    display: flex;
    justify-content: center;
    padding-top: 120px;
    margin-top: -110px;
    background: linear-gradient(
            261deg,
            #006246 -36.71%,
            #01b27f 17.03%,
            #00c28a 35.77%,
            #00a273 56.63%,
            #004531 91.85%
        ),
        linear-gradient(
            259deg,
            #006246 -20.28%,
            #01b27f 28.99%,
            #00c28a 46.17%,
            #00a273 65.3%,
            #004531 97.58%
        ),
        linear-gradient(180deg, #00996d 0%, #008860 100%),
        linear-gradient(
            180deg,
            #003828 0%,
            rgba(0, 56, 40, 0.96) 20.74%,
            rgba(0, 56, 40, 0.96) 100%
        ),
        lightgray 0px -400.5px / 100% 192.256% no-repeat;
}
@media (width <=1024px) {
    .b-about .about-hero {
        margin-top: -150px;
    }
}
@media (width <=480px) {
    .b-about .about-hero {
        margin-top: -160px;
    }
}
.b-about .about-hero .width-wrapper {
    padding: 60px 80px;
    display: flex;
    flex-direction: column;
    gap: 21px;
}
@media (max-width: 768px) {
    .b-about .about-hero .width-wrapper {
        padding: 70px 24px 50px;
        align-items: center;
    }
}
.b-about .about-hero .width-wrapper label {
    color: #fff;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 163.6%;
    letter-spacing: -0.51px;
    text-transform: uppercase;
}
.b-about .about-hero .width-wrapper h2 {
    margin: 0;
    color: #fff;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 108%;
    letter-spacing: -2.24px;
}
.b-about .about-hero .width-wrapper h2 span {
    color: #d9f2a1;
}
@media (max-width: 768px) {
    .b-about .about-hero .width-wrapper h2 {
        font-size: 1.8rem;
        text-align: center;
    }
}
.b-about .marquee-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding-bottom: 96px;
    background: linear-gradient(
            261deg,
            #006246 -36.71%,
            #01b27f 17.03%,
            #00c28a 35.77%,
            #00a273 56.63%,
            #004531 91.85%
        ),
        linear-gradient(
            259deg,
            #006246 -20.28%,
            #01b27f 28.99%,
            #00c28a 46.17%,
            #00a273 65.3%,
            #004531 97.58%
        ),
        linear-gradient(180deg, #00996d 0%, #008860 100%),
        linear-gradient(
            180deg,
            #003828 0%,
            rgba(0, 56, 40, 0.96) 20.74%,
            rgba(0, 56, 40, 0.96) 100%
        ),
        lightgray 0px -400.5px / 100% 192.256% no-repeat;
}
@media (max-width: 768px) {
    .b-about .marquee-container {
        padding-bottom: 50px;
    }
}
.b-about .marquee-container .marquee-content {
    display: inline-block;
    animation: moveSlideshow 30s linear infinite;
}
.b-about .marquee-container .marquee-content:hover {
    animation-play-state: paused;
}
.b-about .marquee-container .marquee-content img {
    margin: 0 10px;
    flex-shrink: 0;
    width: auto;
    height: 267px;
}
@keyframes moveSlideshow {
    100% {
        transform: translateX(-50%);
    }
}
.b-about .about-section-2 {
    width: 100%;
    display: flex;
    justify-content: center;
}
.b-about .about-section-2 .width-wrapper {
    display: flex;
    align-items: center;
    gap: 90px;
    padding: 120px 80px;
}
@media (width <=900px) {
    .b-about .about-section-2 .width-wrapper {
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .b-about .about-section-2 .width-wrapper {
        gap: 50px;
        padding: 40px 24px;
    }
}
.b-about .about-section-2 .width-wrapper .a-2-image {
    width: 100%;
}
.b-about .about-section-2 .width-wrapper .sec-2-data {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.b-about .about-section-2 .width-wrapper .sec-2-data h4 {
    color: #222524;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 119%;
    letter-spacing: -1.92px;
    margin: 0 0 42px 0;
}
@media (max-width: 768px) {
    .b-about .about-section-2 .width-wrapper .sec-2-data h4 {
        font-size: 32px;
        margin: 0 0 20px 0;
    }
}
.b-about .about-section-2 .width-wrapper .sec-2-data p {
    color: rgba(34, 37, 36, 0.7);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.36px;
    margin: 0;
}
@media (width <=600px) {
    .b-about .about-section-2 .width-wrapper .sec-2-data p {
        font-size: 16px;
    }
}
.b-about .about-section-2 .width-wrapper .sec-2-data p.top {
    margin-top: 18px;
}
.b-about .about-section-3 {
    background: #ecfbca;
    width: 100%;
    display: flex;
    justify-content: center;
}
.b-about .about-section-3 .width-wrapper {
    display: flex;
    align-items: center;
    padding: 80px;
    gap: 128px;
}
@media (width <=900px) {
    .b-about .about-section-3 .width-wrapper {
        flex-direction: column-reverse;
    }
}
@media (max-width: 768px) {
    .b-about .about-section-3 .width-wrapper {
    padding: 60px 24px;
    gap: 50px;
}
}
.b-about .about-section-3 .width-wrapper .sec-3-data {
    width: 100%;
}
.b-about .about-section-3 .width-wrapper .sec-3-data label {
    color: #00996d;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 163.6%;
    letter-spacing: -0.51px;
    text-transform: uppercase;
}
.b-about .about-section-3 .width-wrapper .sec-3-data h5 {
    margin: 24px 0 32px 0;
    color: #222524;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 119%;
    letter-spacing: -1.28px;
}
@media (max-width: 768px) {
    .b-about .about-section-3 .width-wrapper .sec-3-data h5 {
    font-size: 22px;
}
}
.b-about .about-section-3 .width-wrapper .sec-3-data p {
    color: rgba(34, 37, 36, 0.7);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.36px;
}
@media (width <=600px) {
    .b-about .about-section-3 .width-wrapper .sec-3-data p {
        font-size: 16px;
    }
}
.b-about .about-section-3 .width-wrapper .a-3-image {
    width: 100%;
}