#emblem {
    padding: 100px 0px;
    background: #f9f9f9;
}

#emblem .wrapper {
}

#emblem .wrapper .main-emblem {
    display: flex;
    justify-content: space-between;
}

#emblem .wrapper .main-emblem .left-emblem {
    width: 15%;
}

#emblem .wrapper .main-emblem .left-emblem img {
}

#emblem .wrapper .main-emblem .right-emblem {
    width: 82%;
}

#emblem .wrapper .main-emblem .right-emblem .title-box {
    margin-bottom: 20px;
}

#emblem .wrapper .main-emblem .right-emblem .title-box h3 {
    font-size: 28px;
    font-family: "poppins_semibold";
}

#emblem .wrapper .main-emblem .right-emblem p {
    font-size: 17px;
}

#emblem .wrapper .bottom-emblem {
}

#emblem .wrapper .bottom-emblem p {
    font-size: 17px;
}

#evolution {
    padding: 70px 0px;
}
#evolution:nth-child(odd) {
    background-color: #f9f9f9;
}

#evolution .wrapper {
}
#evolution .wrapper .main-evolution {
    display: flex;
    justify-content: space-between;
}
#evolution:nth-child(even) .wrapper .main-evolution {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

#evolution .wrapper .main-evolution .left-evolution {
    width: 37%;
}

#evolution .wrapper .main-evolution .left-evolution img {
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
}

#evolution .wrapper .main-evolution .right-solution {
    width: 57%;
}

#evolution .wrapper .main-evolution .right-solution .sub-title {
    margin-bottom: 20px;
}

#evolution .wrapper .main-evolution .right-solution .sub-title h3 {
    font-size: 30px;
    font-family: "poppins_semibold";
}

#evolution .wrapper .main-evolution .right-solution p {
    font-size: 17px;
    line-height: 26px;
}

#formation {
    padding: 70px 0px;
    background: #f9f9f9;
}

#formation .main-formation {
    display: flex;
    justify-content: space-between;
}

#formation .main-formation .right-formation {
    width: 57%;
}

#formation .main-formation .right-formation .sub-title {
    margin-bottom: 20px;
}

#formation .main-formation .right-formation .sub-title h3 {
    font-size: 30px;
    font-family: "poppins_semibold";
}

#formation .main-formation .right-formation p {
    font-size: 17px;
    line-height: 26px;
}

#formation .main-formation .left-formation {
    width: 37%;
}

#formation .main-formation .left-formation img {
}

#establish {
    padding: 70px 0px;
}

#establish .main-establish {
    display: flex;
    justify-content: space-between;
}
#establish .main-establish .left-establish {
    width: 37%;
}

#establish .main-establish .left-establish img {
}

#establish .main-establish .right-establish {
    width: 57%;
}

#establish .main-establish .right-establish .sub {
    margin-bottom: 20px;
}

#establish .main-establish .right-establish .sub h3 {
    font-size: 30px;
    font-family: "poppins_semibold";
}

#establish .main-establish .right-establish p {
    font-size: 17px;
    line-height: 26px;
}

@media all and (max-width: 1380px) {
    #evolution .wrapper .main-evolution .left-evolution {
        width: 40%;
    }

    #formation .main-formation .left-formation {
        width: 41%;
    }
    #establish .main-establish .left-establish {
        width: 41%;
    }
    #establish .main-establish {
        align-items: center;
    }
    #formation .main-formation {
        align-items: center;
    }
    #evolution .wrapper .main-evolution {
        align-items: center;
    }
}
@media all and (max-width: 1280px) {
    #emblem .wrapper .main-emblem .left-emblem {
        width: 15%;
        margin-bottom: 40px;
    }
    #emblem .wrapper .main-emblem {
        display: block;
    }
    #emblem .wrapper .main-emblem .right-emblem {
        width: 100%;
    }
    #evolution .wrapper .main-evolution {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    #evolution .wrapper .main-evolution .left-evolution {
        width: 75%;
        margin-top: 40px;
    }
    #evolution .wrapper .main-evolution .right-solution {
        width: 95%;
    }
    #formation .main-formation {
        flex-wrap: wrap;
    }
    #formation .wrapper .main-formation .left-formation {
        width: 75%;
        margin: 0 auto;
        margin-top: 40px;
    }
    #formation .wrapper .main-formation .right-formation {
        width: 95%;
        margin: 0 auto;
    }
    #establish .main-establish {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    #establish .wrapper .main-establish .left-establish {
        width: 75%;
        margin-top: 40px;
    }
    #establish .wrapper .main-establish .right-establish {
        width: 95%;
    }
    #evolution .wrapper .main-evolution .left-evolution {
        margin: 20px auto;
    }
    #evolution .wrapper .main-evolution .right-solution {
        width: 95%;
        margin-top: 20px;
    }

}
@media all and (max-width: 1080px) {
}
@media all and (max-width: 980px) {
    #evolution .wrapper .main-evolution .right-solution .sub-title h3 {
        font-size: 26px;
    }
    #formation .main-formation .right-formation .sub-title h3 {
        font-size: 26px;
    }
    #establish .wrapper .main-establish .right-solution .sub-title h3 {
        font-size: 26px;
    }
}
@media all and (max-width: 768px) {
    #evolution .wrapper .main-evolution .right-solution p {
        font-size: 16px;
    }
    #formation .wrapper .main-formation .right-solution p {
        font-size: 16px;
    }
    #establish .wrapper .main-establish .right-solution p {
        font-size: 16px;
    }
    #emblem {
        padding: 70px 0px;
        background: #f9f9f9;
    }
    #evolution .wrapper .main-evolution .left-evolution {
        width: 90%;
    }
}
@media all and (max-width: 640px) {
    #emblem .wrapper .main-emblem .right-emblem .title-box h3 {
        font-size: 24px;
        font-family: "poppins_semibold";
    }
    #evolution .wrapper .main-evolution .right-solution .sub-title h3 {
        font-size: 24px;
    }

    #formation .main-formation .right-formation .sub-title h3 {
        font-size: 24px;
    }
    #establish .main-establish .right-establish .sub h3 {
        font-size: 24px;
    }

    #emblem .wrapper .main-emblem .left-emblem {
        width: 18%;
        margin-bottom: 20px;
    }
}
@media all and (max-width: 480px) {
    #emblem .wrapper .main-emblem .right-emblem p {
        font-size: 15px;
    }
    #emblem .wrapper .bottom-emblem p {
        font-size: 15px;
    }
    #evolution .wrapper .main-evolution .right-solution p {
        font-size: 15px;
        line-height: normal;
    }
    #formation .main-formation .right-formation p {
        font-size: 15px;
        line-height: normal;
    }
    #establish .main-establish .right-establish p {
        font-size: 15px;
        line-height: normal;
    }
}

@media all and (max-width: 360px) {
    #evolution .wrapper .main-evolution .right-solution .sub-title h3 {
        font-size: 22px;
    }
    #formation .main-formation .right-formation .sub-title h3 {
        font-size: 22px;
    }
    #establish .main-establish .right-establish .sub h3 {
        font-size: 22px;
    }
    #emblem .wrapper .main-emblem .left-emblem {
        width: 25%;
    }
}
@media all and (max-width: 320px) {
}