.carousel{position:relative}.carousel .container{position:relative;width:100%;height:100%;z-index:2}.carousel .wrapper{max-width:500px;margin:50px auto 0}#path-svg,.carousel .wrapper{position:relative;width:100%;height:auto}#path-svg{z-index:1}.carousel .content{top:0;left:0;overflow:visible;z-index:2;transform:rotate(90deg)}.carousel .content:before{float:left;padding-top:84%;content:""}.carousel .content{position:relative}.carousel .img-logo{width:60%;border-radius:50%;position:absolute;inset:0;left:-9px;top:85px;margin:0 auto;height:60%;transform:rotate(-90deg)}.carousel .content:after{display:block;content:"";clear:both}.track{inset:0;margin:0 auto;border:1px solid #d3aa40;width:84%;height:100%}.carousel .item,.track{border-radius:50%;position:absolute}.carousel .item{width:50px;height:50px;top:45%;left:50%;transform:rotate(90deg);transform:translate(-50%,-50%);background-color:#708a91}.carousel .box-product{transform:rotate(-90deg);width:127px;height:149px}.carousel .active .box-product{background-color:#d2aa41!important;transition:all .2s ease-in}.box-product .active .box-img,.box-product .box-img{transition:all .2s ease-in}.box-product .box-img{height:165px}.carousel .active .box-product .text:after{content:"";background-image:url(/images/line-blue.svg);position:absolute;transition:all .2s ease-in}.carousel .active .box-product:before{content:"";background-image:url(/images/shadow-down.svg);width:170px;height:50px;bottom:-90px;background-repeat:no-repeat;position:absolute;-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.carousel .item .child{position:absolute;top:0;left:0;width:100%;height:100%;color:#fee3c9;display:flex;justify-content:center;align-items:center}.descriptions{top:0;left:0;width:100%;height:400px;z-index:3}.carousel .title{position:absolute;right:0;left:0;text-align:justify;line-height:30px;font-weight:400;font-size:15px;color:#787878;width:80%;height:auto;transition:all .5s ease-in;opacity:0}.carousel .title.active{opacity:1;transition:all .2s ease-in}.carousel .content .arrows{position:absolute;top:60%}.carousel .content .arrows .previous{position:absolute;color:#708a91;width:20px;height:20px;top:-288px;right:323px}.carousel .content .arrows .next{position:absolute;width:20px;color:#708a91;height:20px;top:-282px;right:47px;transform:rotate(180deg)}.ability .title .button-1{text-align:end}.ability .title .button-1 .btn:hover{color:#fff;background-color:#034da2}.ability .title .button-1 .btn{color:#9b9b9b}@media (max-width:1024px){.ability .left{order:1}.ability .right{order:2}}@media (max-width:768px){.wrapper{max-width:360px}.track{width:262px;height:262px;top:48px}.ability{display:flex;flex-direction:column}.ability .left{overflow:hidden}.ability .right{margin-right:23px}.ability .descriptions{height:275px}.ability .left .carousel{overflow:hidden;padding-bottom:71px}.ability .container{padding:0!important;margin:0!important}.carousel .img-logo{width:200px;left:-7px;top:36px;height:200px}.carousel .wrapper{padding-block:45px}.carousel .content{left:-40px}.carousel .content .arrows .previous{top:-200px!important;right:242px!important}.carousel .content .arrows .next{top:-200px!important;right:-37px!important}.carousel .box-product{width:115px;height:132px}.ability .box-product .box-img{height:150px!important}.ability .box-product .text{margin-top:-11px}}@media (max-width:360px){.carousel .content{left:-20px}.carousel .title{width:90%}}@media (max-width:425px){.carousel .title{width:90%}.carousel .title-2 .title-main{font-size:30px}}.ability .title-2{padding-bottom:14px}.box-product{width:138px;padding:10px;height:160px;border-radius:30px;background-color:#034ea1;position:relative;display:flex;justify-content:center;transition:all .2s ease-in}.box-product .box-img{width:120px;height:170px;border-radius:20px;background-color:#f4f4f4}.box-product .box-img img{margin:0 auto;width:130px;height:109px;border-radius:20px;position:relative}.box-product .text{margin-top:10px;border-top:2px solid #fff;padding-top:10px;color:#7c7c7c;font-size:12px;font-weight:600;text-align:center;margin-inline:20px;position:relative}.box-product .text:after{content:"";background-image:url(/images/line.svg);width:30px;height:8px;margin:0 auto;left:0;right:0;bottom:-18px;background-repeat:no-repeat;background-size:contain;position:absolute}.box-product:hover{background-color:#d2aa41;transition:all .2s ease-in}.box-product:hover .text:after{content:"";background-image:url(/images/line-blue.svg);position:absolute;transition:all .2s ease-in}.box-product:hover:before{content:"";background-image:url(/images/shadow-down.svg);width:170px;height:50px;bottom:-90px;background-repeat:no-repeat;position:absolute;-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.box-about-m{overflow:hidden;padding-top:50px}.about-motogen{margin-bottom:100px}.about-motogen .right{position:relative;height:520px}.about-motogen .right .mask{mask-image:url(/images/mask-about-m.svg);mask-size:cover;background-color:#1c549500;width:130%;height:108%;left:194px;top:0;position:relative;object-fit:cover;background-size:cover;background-repeat:no-repeat;z-index:2}.about-motogen .right .mask .pause{position:absolute;margin:0 auto;top:40%;left:37%;display:inline-table;padding:20px;color:#fff}.about-motogen .right .mask .pause img{width:50px;height:50px}.about-motogen .right .mask:hover:after{animation:shine 1.3s;content:"";position:absolute;top:0;left:-75%;z-index:2;display:block;width:30%;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,.192) 0,hsla(0,0%,100%,.62));transform:skewX(-25deg)}.about-motogen .right:after{background-image:url(/images/z.png);width:750px;height:716px;left:-43px;top:-62px;z-index:1}.about-motogen .right:after,.about-motogen .right:before{content:"";position:absolute;object-fit:cover;background-size:cover;background-repeat:no-repeat}.about-motogen .right:before{background-image:url(/images/pattern-about.svg);width:100%;height:450px;left:-100px;bottom:-122px;z-index:-3;overflow:hidden}.about-motogen .left{margin-top:100px}.about-motogen .left .info{margin-top:15px;width:98%}.about-motogen .left .info p{text-align:justify;line-height:30px;font-weight:400;font-size:15px;color:#787878}.about-motogen .info .button-1{text-align:end}.about-motogen .info .button-1 .btn{color:#9b9b9b}.about-motogen .info .button-1 .btn:hover{color:#fff;background-color:#034da2}.ant-modal .ant-modal-footer{display:none}.about-motogen .ant-modal{width:681px!important}@media screen and (max-width:1024px){.box-about-m{padding-top:60px}.about-motogen .left{margin-top:0}.about-motogen .right:before{left:118px}.about-motogen .left .info{margin-top:15px;padding:0;width:100%}.about-motogen .right:after{content:"";background-image:url(/images/z2.png);left:0;right:-49px;width:489px;height:449px;margin:0 auto;z-index:1;position:absolute;object-fit:cover;background-size:cover;background-repeat:no-repeat}.about-motogen .right{height:400px}.about-motogen .right .mask{width:84%;height:89%;left:-44px;top:-22px}.catalog .book-img{left:-8px;top:-48px}.about-motogen .right .mask .pause{display:none}}@media screen and (max-width:991px){.about-motogen .right:before{width:131vh;left:118px}.about-motogen .right .mask{display:none}}@media screen and (max-width:460px){.about-motogen .right:before{right:-100px}.about-motogen .right:after{right:-23px;width:366px;height:312px;margin:0 auto;top:29px}.box-about-m{padding-top:0}}.about-motogen .title-2-center{display:none}@media (max-width:768px){.about-motogen .title-2{display:none}.about-motogen .title-2-center{display:block}}.ant-modal-content{background-color:#d2aa41!important;padding:10px!important}.article{position:relative;padding:0 30px}.article .mySwiper{height:550px}.card-box{position:relative}.card-box:hover:after{width:300px;bottom:-10%;left:-5px;height:200px;background-repeat:no-repeat;background-size:contain;background-image:url(/images/shadow-down.svg)}.card-box:hover:after,.card-box:hover:before{content:"";position:absolute;animation:fadeIn 1s}.card-box:hover:before{width:100%;top:0;left:0;border-radius:20px 20px 0 0;height:232px;z-index:2;background-color:#d3aa41a8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:768px){.article .mySwiper .swiper-button-next{left:-20px!important}.article .mySwiper .swiper-button-prev{right:-20px!important}.article .card-img{height:auto!important}.article .card-box:hover:before{height:100%}.article .card-context{width:100%}}