@keyframes rotate{to{transform:rotate(360deg)}}.section-box--title{text-align:center;margin-bottom:30px}.section-box--title span{text-transform:uppercase;line-height:1.3em;display:block}.section-box--title span.tt-01{font-size:35px;font-family:"RalewayBlack";color:#333}.section-box--title span.tt-02{font-size:63px;font-family:"RalewayBlack";color:#ffc300}.box-aboutus{padding-bottom:100px;border-bottom:1px solid #ccc;margin-bottom:40px}.box-aboutus .aboutus_text_transparent{background:url("../images/main/bg_section2.jpg") center no-repeat}.box-aboutus .aboutus_text_transparent .i-aboutus-txt{width:100%;height:280px;display:block}.box-aboutus .about-flex{display:flex;flex-direction:row;position:relative;margin-top:50px}.box-aboutus .about-flex-top{display:flex;flex-direction:row;column-gap:30px;margin-bottom:90px}.box-aboutus .about-flex-top .flex-left,.box-aboutus .about-flex-top .flex-right{flex-basis:50%}.box-aboutus .about-flex-top .flex-left .about-img1{padding-left:60px;padding-bottom:30px;position:relative}.box-aboutus .about-flex-top .flex-left .about-img1::after{content:"";width:295px;height:295px;display:block;position:absolute;border-radius:10px;bottom:0;left:0;background:#f9cb29;z-index:1}.box-aboutus .about-flex-top .flex-left .about-img1 img{position:relative;z-index:2;border-radius:10px}.box-aboutus .about-flex-top .flex-right{padding-top:50px}.box-aboutus .about-flex-top .flex-right>span{display:block;line-height:1.3em;text-transform:uppercase}.box-aboutus .about-flex-top .flex-right>span:first-child{font-size:35px;font-family:"RalewayBlack"}.box-aboutus .about-flex-top .flex-right>span:nth-child(2){font-size:45px;font-family:"RalewayExtraBold";color:#ecac24;margin-bottom:15px}.box-aboutus .about-flex .flex-left,.box-aboutus .about-flex .flex-right{flex-basis:395px}.box-aboutus .about-flex .flex-middle{flex:1;position:relative;z-index:99}.box-aboutus .about-flex::after{content:"356 Durian";font-size:160px;color:#f7ecbd;font-family:"RalewayBlack";text-transform:uppercase;position:absolute;bottom:-20px;left:50%;-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);transform:translate(-50%, 0%);white-space:nowrap;opacity:.5}.box-aboutus .gr-button{display:flex;column-gap:10px;margin-top:20px}.box-aboutus .gr-button a{display:inline-block;flex:1;text-align:center;background:#fff;border:1px solid #f9cb29;padding:5px;line-height:30px;border-radius:20px;max-width:50%}.box-aboutus .gr-button a.viewmore span{position:relative;padding-right:20px}.box-aboutus .gr-button a.viewmore span::after{content:"";font-family:"FontAwesome";font-size:19px;position:absolute;right:0;top:-7px}.box-aboutus .gr-button a.hotline{background:#f9cb29}.box-aboutus .gr-button a.hotline span{position:relative;padding-left:25px}.box-aboutus .gr-button a.hotline span::before{content:"";font-family:"FontAwesome";font-size:20px;position:absolute;left:0;top:-5px}.box-certification{padding-bottom:60px;margin-bottom:50px;border-bottom:1px solid #ccc}.box-certification .advertise-certification{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:60px}.box-certification .advertise-certification .item{flex:1 1 25%;display:inline-flex;justify-content:center;align-items:center}.box-main-service{display:grid;grid-template-columns:repeat(3, 1fr);column-gap:20px}.box-main-service .item .inner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:308px;background:#fff;border:2px solid #89ad4f;color:#333;border-radius:10px;padding:10px 20px;padding-top:20px}.box-main-service .item .i-icon{text-align:center;margin-bottom:10px}.box-main-service .item .i-icon span{display:block;width:110px;height:110px;background-position:0 0}.box-main-service .item .i-title{font-size:22px;font-family:"RalewayBold";text-transform:uppercase;margin-top:20px}.box-main-service .item .i-note{font-size:14px;margin-top:6px;text-align:center;max-width:80%;line-height:1.5em}.box-main-service .item:hover{cursor:pointer}.box-main-service .item:hover .inner{background:#89ad4f;color:#fff}.box-main-service .item:hover .i-icon span{background-position:-110px 0}.desc{background:#fff;padding:20px;border-radius:20px}@media screen and (max-width: 767px){.box-aboutus .about-flex-top{flex-direction:column;margin-bottom:50px}.box-aboutus .about-flex-top .flex-left .about-img1{padding-left:20px;padding-bottom:20px}.box-aboutus .about-flex-top .flex-left .about-img1::after{width:100px;height:100px}.box-aboutus .about-flex-top .gr-button a{max-width:100%}.box-aboutus .aboutus_text_transparent{background-size:100%}.box-aboutus .aboutus_text_transparent .i-aboutus-txt{width:100%;height:85px;background-size:100%}.box-aboutus .about-flex .flex-left,.box-aboutus .about-flex .flex-right{display:none}.box-aboutus .about-flex::after{font-size:65px;bottom:-88px}.section-box--title span.tt-01{margin-bottom:10px}.section-box--title span.tt-02{font-size:32px}.box-certification .advertise-certification{column-gap:20px}.box-main-service{column-gap:10px}.box-main-service .item .inner{padding:10px;min-height:180px}.box-main-service .item .i-icon span{width:40px;height:40px;background-size:80px}.box-main-service .item .i-title{font-size:12px;text-align:center}.box-main-service .item .i-note{max-width:100%;font-size:12px}}