.wrap-main{margin:0 auto}
body{position:relative}
body:before{content:'';width:70%;height:100%;max-height:1200px;position:absolute;top:0;left:0;border-top-right-radius:50%;border-bottom-right-radius:50%;z-index:-1}
.wrap-demo-about-5{margin-bottom:5rem}
.wrap-demo-about-5 .wrap-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.demo-top-about-5-left{width:100%;font-size:16px}
.demo-top-about-5-right{width:100%}
.title-about-5 h2{font-size:30px;position:relative;font-family:Roboto}
.desc-about-5{margin-top:2rem}
.bar{height:4px;width:85px;background:linear-gradient(180deg,#5e2f85 0,#3419ab 100%);position:relative;border-radius:5px;overflow:hidden;margin-bottom:16px}
.bar:before{content:'';position:absolute;left:0;top:0;height:100%;width:5px;background:#fff;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-name:MOVE-BG}
@keyframes MOVE-BG{
from{transform:translateX(0)}
to{transform:translateX(85px)}
}
.cont_thongso{display:grid;grid-template-columns:repeat(4,1fr);justify-content:space-between;align-items:stretch;gap:16px}
.namchay{width:100%;padding:2rem 1rem;border-radius:10px;text-align:center;transition:all .5s;box-shadow:0 5px 40px 0 rgba(0,0,0,.11);background:#fff;z-index:1;position:relative;overflow:hidden;cursor:pointer}
.namchay:before{content:'';width:100%;height:0%;background:linear-gradient(180deg,#5e2f85 0,#3419ab 100%);position:absolute;top:0;left:0;z-index:-1;transition:all .5s}
.namchay:hover:before{height:100%}
.icon_ts{width:70px;height:70px;margin:0 auto 1rem;background:#fff5e5;display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--color-ye)}
.icon_ts i{font-size:30px}
.so-cs{margin:0;transition:all .5s}
.so-cs b{display:inline;font-size:50px;line-height:1.2;font-family:Roboto}
.so-cs span{display:block;font-size:18px;font-family:Arial;font-style:normal;font-weight:500;line-height:normal}
.namchay:hover .so-cs{color:#fff}
.wrap-about-newsletter{background:#fff5e5;padding:2rem;border-radius:1rem;margin-bottom:2rem}
.tittle-about-newsletter{text-align:center;margin-bottom:2rem}
.tittle-about-newsletter h2{font-size:28px;font-family:Roboto;margin-bottom:10px}
.tittle-about-newsletter span{font-size:16px;font-family:Arial;font-style:normal;font-weight:400;line-height:normal}
.validation-newsletter{max-width:600px;margin:0 auto;background:#fff;padding:5px 5px;border-radius:3rem;overflow:hidden;position:relative;display:flex;justify-content:space-between;align-items:center}
.newsletter-input input{height:auto;padding:15px 10px;font-size:16px;border:none;font-family:Roboto;font-weight:500;font-size:16px}
.newsletter-button{width:130px;text-align:center;border-radius:2rem!important;overflow:hidden}
.newsletter-button input{height:auto;padding:15px 20px;width:100%!important;font-family:Roboto;font-size:16px;background:#a07936;border:none;font-weight:600}
.newsletter-button input:hover{background:#000}
.wrap-customer{padding:2rem 0 0;max-width:786px;margin:0 auto}
.title-about-5-customer{text-align:center;margin:0 auto 2rem}
.title-about-5-customer h2{font-size:28px;font-family:Roboto;margin-bottom:10px;text-transform:capitalize}
.title-about-5-customer span{display:inline-block;margin-bottom:1rem}
.title-about-5-customer .bar{margin:0 auto}
.item-cus{text-align:center;margin:10px auto 2rem;cursor:pointer}
.icon-cus{max-width:130px;border-radius:50%;overflow:hidden;margin:0 auto 1rem;box-shadow:0 0 10px #ccc;transition:all .5s}
.item-cus:hover .icon-cus{box-shadow:0 0 10px var(--color-ye)}
.desc-cus p{font-style:italic;-webkit-line-clamp:5;padding-bottom:0;position:relative;font-family:Arial;font-weight:400;line-height:normal;font-size:16px}
.name-cus b{font-family:Roboto;display:block;font-size:18px;text-transform:capitalize;font-weight:500}
.name-cus span{font-family:roboto}
.desc-cus p:after{content:'';width:3px;height:30px;background:var(--color-ye);position:absolute;bottom:0;left:calc(50% - 1px)}
.cont-cus .slick-dots li button:before{font-size:12px;color:var(--color-ye)}