.project-section{display:flex;flex-direction:column;align-items:center}.video-project{width:100%;border-radius:2rem}.video-project:hover .div-btn-video{display:flex}.replay-btn{display:none}.title-project{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:1rem 0 2rem}.title-project h1{color:#222;font-size:48px;font-weight:700;line-height:64px}.title-project p{color:#858585;font-size:16px;font-weight:400;line-height:24px}.before-after-project{width:100%;display:flex;flex-direction:column;gap:2.5rem;align-items:center;margin-bottom:5rem}.before-after-project .icv{border-radius:.5rem;width:80%}.introduce-project{margin-bottom:4rem}.introduce-project h4{font-size:32px;font-weight:600;line-height:40px;text-align:right;color:#222;margin-bottom:1rem}.introduce-project p{font-size:18px;font-weight:400;line-height:40px;color:#666}.introduce-project img{margin-top:3rem}.div-img-intro{width:100%;display:flex;justify-content:center}.pos-img-intro{position:relative;width:80%}.pos-img-intro .img-intro{width:100%}body main .position-img-intro{position:absolute;top:.25rem;left:-22px;animation:position-img-intro 3s infinite;width:auto}@keyframes position-img-intro{0%,75%,to{transform:rotate(0deg)}25%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}.img-intro{width:80%}.grid-div-product{margin-top:5.5rem}.grid-div-product,.grid-product{display:flex;justify-content:center;width:100%}.grid-product{gap:1.5rem}.grid-product div img{margin-top:0}.grid-product-div{border:1px solid #cbcbcb;border-radius:2rem;width:-moz-fit-content;width:fit-content;display:flex}.grid-product-div img{width:auto}.logo-div{height:-webkit-fill-available;display:flex;gap:1.5rem;width:100%;justify-content:center}.colors-div{padding:.5rem;flex-direction:column;width:-webkit-fill-available;gap:.5rem}.colors-div:hover .color-1{z-index:1;margin-top:164px;margin-bottom:-164px;border-radius:0 0 1.5rem 1.5rem}.colors-div:hover .color-2{z-index:2;margin-top:-164px;border-radius:1.5rem 1.5rem 0 0}.colors-div p{padding:4.125rem 0;text-align:center;font-size:24px;font-weight:400;line-height:24px}.colors-div .color-1{background:#038756;color:#fff;border-radius:1.5rem 1.5rem 0 0;transition:all 1s}.colors-div .color-2{background:#ffc100;color:#222;border-radius:0 0 1.5rem 1.5rem;z-index:1;transition:all 1s}.logo-grid{width:-webkit-fill-available;display:flex;justify-content:center;align-items:center}.font-logo-div{gap:1.5rem}.font-grid,.font-logo-div{display:flex;flex-direction:column}.font-grid{text-align:end;gap:1.125rem;padding:2.25rem 2.625rem}.font-grid p{color:#858585;font-size:1.5rem;font-weight:400;line-height:1.5rem;align-items:end}.font-grid b{color:#038756;font-size:40px;font-weight:700;line-height:40px}.font-grid ul{display:flex;justify-content:space-between;list-style:none;direction:ltr}.font-grid li{font-size:1.25rem;font-weight:400;line-height:1.5rem;color:#858585}.img-project{width:100%;margin-top:2rem;transition:all .2s}.img-project:hover{transform:scale(1.15)}.div-img-product{display:flex;flex-direction:column;align-items:center;width:100%}.last-text-project{display:flex;flex-direction:column;gap:2rem;margin-top:5rem}.last-text-project h4{font-size:32px;font-weight:700;line-height:48px;display:flex;gap:1.5rem;justify-content:center;color:#222}.last-text-project p{font-size:18px;font-weight:400;line-height:40px;text-align:right;color:#666;padding:0 9rem}#Define,#Design,#Overview,#Wireframe{position:absolute;margin-top:-6rem}.before-after-project .icv__circle{width:70px!important;border-radius:50%!important;transform:scale(.85);height:70px;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.before-after-project .icv__control-line{width:.75rem!important}.div-video{position:relative;border:.5rem solid #fff;box-shadow:0 0 40px 0 #0000000f}.div-btn-video,.div-video{display:flex;justify-content:center;align-items:center;width:100%;border-radius:2rem}.div-btn-video{position:absolute;height:100%;background:#222222cc}.btn-video{width:-moz-fit-content;width:fit-content;display:flex;background:transparent;border:0;outline:none}@keyframes header-product-res{0%{transform:translateY(-1000px)}to{transform:translateY(0)}}body .project-ul{padding-top:1rem}.project-ul .project-ul-a{font-weight:600;background:#22222214}.header-product-res{width:100%}.div-project .icv{border-radius:.5rem}