#page-variation{--section-color: #4ca397;color:var(--section-color)}#page-variation .section-wrapper{max-width:1480px;width:100%;display:flex;flex-wrap:wrap;margin-right:auto;margin-left:auto;padding:80px 30px;z-index:0;position:relative}@media(max-width:1439.98px){#page-variation .section-wrapper{padding:40px 24px 60px}}@media(max-width:1023.98px){#page-variation .section-wrapper{padding:24px 24px 48px}}#page-variation .center{width:100%}@media(max-width:1023.98px){#page-variation .center{order:2}}#page-variation .center .wrapper{margin-right:auto;margin-left:auto;margin-top:60px}#page-variation .center .items{display:flex;flex-direction:row;position:relative;flex-wrap:wrap;justify-content:center;margin-top:-42px}#page-variation .center .items .item{width:325px;padding:42px 16px 16px;display:flex;--item-color: #80d7b7}#page-variation .center .items .item.product-premium{--item-color: #efc059}#page-variation .center .items .item.product-standard{--item-color: #80d7b7}#page-variation .center .items .item.product-light{--item-color: #e198e7}#page-variation .center .items .item.product-special{--item-color: #f97ea5}#page-variation .center .items .item .inner{background-color:var(--item-color);color:#fff;padding:40px 28px 50px;border-radius:16px;position:relative;display:flex;flex-direction:column;align-items:center;z-index:0;text-align:center;flex:1;justify-content:space-between}#page-variation .center .items .item .inner:hover:after{opacity:.08}#page-variation .center .items .item .inner:after{content:"";position:absolute;left:0;top:0;background:url(/img/bg/bg-02-640.png) center center no-repeat;width:100%;height:100%;opacity:0;border-radius:16px;z-index:-1;transition:all .5s}#page-variation .center .items .item .inner:hover:before{animation-play-state:running}#page-variation .center .items .item .inner:before{content:"";position:absolute;background-image:repeating-linear-gradient(0deg,#fff,#fff 10px,transparent 10px,transparent 20px),repeating-linear-gradient(90deg,#fff,#fff 10px,transparent 10px,transparent 20px),repeating-linear-gradient(180deg,#fff,#fff 10px,transparent 10px,transparent 20px),repeating-linear-gradient(270deg,#fff,#fff 10px,transparent 10px,transparent 20px);background-size:2px calc(100% + 20px),calc(100% + 20px) 2px,2px calc(100% + 20px),calc(100% + 20px) 2px;animation:boxBorderAnimation 1s infinite linear;animation-play-state:paused;will-change:background-position;background-repeat:no-repeat;width:auto;top:15px;bottom:15px;right:15px;left:15px;margin:auto;pointer-events:none;z-index:1;border-radius:5px;transition:all .3s linear 0s}#page-variation .center .items .item .inner .img{position:absolute;top:-40px;z-index:1;width:110px;background-color:var(--item-color);border-radius:50%;border:2px solid #fff;padding:8px}#page-variation .center .items .item .inner .title{margin-top:46px;font-size:32px;font-weight:700;line-height:1}#page-variation .center .items .item .inner .subtitle{font-size:22px;margin-top:12px}#page-variation .center .items .item .inner .btn{z-index:2;transition:all .4s}#page-variation .center .items .item .inner .btn:hover{transform:scale(1.2)}#page-variation .center .items .item .inner .btn a{display:block;margin-top:18px;padding:16px;background-color:#fff;text-align:center;border-radius:50%}#page-variation .center .items .item .inner .btn .q-icon{color:var(--item-color)}#page-variation .left{width:55%}@media(max-width:1439.98px){#page-variation .left{width:70%}}@media(max-width:1023.98px){#page-variation .left{width:100%;order:1}}#page-variation .left .title{margin-bottom:16px;font-weight:700}#page-variation .left .subtitle{color:#65afa5;font-size:18px;line-height:1.5}@media(max-width:1023.98px){#page-variation .left .subtitle{font-size:16px}}#page-variation .left .items{margin:40px 10px}#page-variation .left .items .item{display:flex;flex-direction:row;align-items:center}#page-variation .left .items .detail{margin-left:24px;font-size:24px;word-spacing:100vw}#page-variation .left .items .icon{font-size:36px;position:relative;display:inline-flex;padding:20px;color:#fff;filter:drop-shadow(0px 1px 1px rgba(0,0,0,.1))}#page-variation .left .items .icon:after{content:"";background-color:var(--section-color);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:100%;z-index:-1;width:100%;animation:border-move 6s linear infinite forwards;will-change:border-radius}#page-variation .right{width:45%;display:flex;justify-content:end;align-items:start;overflow:hidden}@media(max-width:1439.98px){#page-variation .right{width:30%}}@media(max-width:1023.98px){#page-variation .right{width:100%;order:0;align-items:center;justify-content:center;margin-bottom:24px}}#page-variation .right .wrapper{position:relative;text-align:center;margin:12px;width:400px;max-width:100%}#page-variation .right .wrapper:after{content:"";-webkit-mask-image:url(/img/bg/bg-animation-premium.png);mask-image:url(/img/bg/bg-animation-premium.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--section-color);will-change:transform;animation:spin 10s linear infinite;position:absolute;width:100%;margin:auto;height:100%;top:0;left:0;right:0;z-index:-1}@media(max-width:1023.98px){#page-variation .right .wrapper{width:300px}}#page-variation .right .wrapper .img img{width:70%;margin:auto}