.card-custonMainVision[data-style="1"] .section .section-text ul,.card-custonMainVision[data-style="1"] .section .section-text li,.card-custonMainVision-m[data-style="1"] .section .section-text ul,.card-custonMainVision-m[data-style="1"] .section .section-text li{margin:0;padding:0;list-style:none;text-decoration:none}.card-custonMainVision[data-style="1"] .section .section-text.full,.card-custonMainVision-m[data-style="1"] .section .section-text.full{-webkit-box-sizing:border-box;box-sizing:border-box}.card-custonMainVision[data-style="1"] .section,.card-custonMainVision[data-style="1"] .section.new-stage1 .j-text .d-flex,.card-custonMainVision[data-style="1"] .section.new-stage2 .j-text .d-flex,.card-custonMainVision[data-style="1"] .section.new-stage3 .j-text .d-flex,.card-custonMainVision[data-style="1"] .section.new-stage4 .j-text .d-flex,.card-custonMainVision[data-style="1"] .section.new-stage5 .j-text .d-flex,.card-custonMainVision-m[data-style="1"] .section{display:-webkit-box;display:-ms-flexbox;display:flex}.card-custonMainVision[data-style="1"] .section,.card-custonMainVision[data-style="1"] .section.new-stage1 .j-text .d-flex,.card-custonMainVision[data-style="1"] .section.new-stage2 .j-text .d-flex,.card-custonMainVision[data-style="1"] .section.new-stage3 .j-text .d-flex,.card-custonMainVision[data-style="1"] .section.new-stage4 .j-text .d-flex,.card-custonMainVision[data-style="1"] .section.new-stage5 .j-text .d-flex,.card-custonMainVision-m[data-style="1"] .section{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.card-custonMainVision[data-style="1"] .section,.card-custonMainVision[data-style="1"] .section.new-stage1 .j-text .d-flex,.card-custonMainVision[data-style="1"] .section.new-stage2 .j-text .d-flex,.card-custonMainVision[data-style="1"] .section.new-stage3 .j-text .d-flex,.card-custonMainVision[data-style="1"] .section.new-stage4 .j-text .d-flex,.card-custonMainVision[data-style="1"] .section.new-stage5 .j-text .d-flex,.card-custonMainVision-m[data-style="1"] .section{-webkit-box-align:center;-ms-flex-align:center;align-items:center}@-webkit-keyframes opacity{0%{opacity:0}100%{opacity:1}}@keyframes opacity{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1 !important}100%{opacity:0 !important}}@keyframes fadeOut{0%{opacity:1 !important}100%{opacity:0 !important}}@-webkit-keyframes changeScale{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes changeScale{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes change1go2Scale{0%{top:100%;-webkit-transform:scale(0);transform:scale(0)}100%{top:25%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes change1go2Scale{0%{top:100%;-webkit-transform:scale(0);transform:scale(0)}100%{top:25%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes change2go3Scale{0%{left:100%;-webkit-transform:scale(0);transform:scale(0)}100%{left:80%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes change2go3Scale{0%{left:100%;-webkit-transform:scale(0);transform:scale(0)}100%{left:80%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes change3go4Scale{0%{left:0%;-webkit-transform:scale(0);transform:scale(0)}100%{left:10%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes change3go4Scale{0%{left:0%;-webkit-transform:scale(0);transform:scale(0)}100%{left:10%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes change4go5Scale{0%{left:100%;-webkit-transform:scale(0);transform:scale(0)}100%{left:80%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes change4go5Scale{0%{left:100%;-webkit-transform:scale(0);transform:scale(0)}100%{left:80%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes remove2go3Scale{0%{left:80%;-webkit-transform:scale(1);transform:scale(1)}25%{left:90%;-webkit-transform:scale(1);transform:scale(1)}100%{left:0%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes remove2go3Scale{0%{left:80%;-webkit-transform:scale(1);transform:scale(1)}25%{left:90%;-webkit-transform:scale(1);transform:scale(1)}100%{left:0%;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes removeScale{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes removeScale{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes remove1go2Scale{0%{-webkit-transform:scale(1);transform:scale(1);top:25%}25%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{top:100%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes remove1go2Scale{0%{-webkit-transform:scale(1);transform:scale(1);top:25%}25%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{top:100%;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes stage1EQ1{0%{top:35%;left:46.2%;-webkit-transform:scale(0);transform:scale(0)}80%{top:36%;left:19%}100%{-webkit-transform:scale(1);transform:scale(1);top:35%;left:20%}}@keyframes stage1EQ1{0%{top:35%;left:46.2%;-webkit-transform:scale(0);transform:scale(0)}80%{top:36%;left:19%}100%{-webkit-transform:scale(1);transform:scale(1);top:35%;left:20%}}@-webkit-keyframes stage1EQ1remove{0%{-webkit-transform:scale(1);transform:scale(1);top:35%;left:20%}100%{top:25%;left:48%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes stage1EQ1remove{0%{-webkit-transform:scale(1);transform:scale(1);top:35%;left:20%}100%{top:25%;left:48%;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes stage1EQ2{0%{top:35%;left:46.2%;-webkit-transform:scale(0);transform:scale(0)}80%{top:55.5%;left:27%}100%{-webkit-transform:scale(1);transform:scale(1);top:56.5%;left:28%}}@keyframes stage1EQ2{0%{top:35%;left:46.2%;-webkit-transform:scale(0);transform:scale(0)}80%{top:55.5%;left:27%}100%{-webkit-transform:scale(1);transform:scale(1);top:56.5%;left:28%}}@-webkit-keyframes stage1EQ2remove{0%{-webkit-transform:scale(1);transform:scale(1);top:56.5%;left:28%}100%{top:25%;left:48%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes stage1EQ2remove{0%{-webkit-transform:scale(1);transform:scale(1);top:56.5%;left:28%}100%{top:25%;left:48%;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes stage1EQ3{0%,50%{top:35%;left:46.2%;-webkit-transform:scale(0);transform:scale(0)}80%{top:67%;left:39%}100%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:40%}}@keyframes stage1EQ3{0%,50%{top:35%;left:46.2%;-webkit-transform:scale(0);transform:scale(0)}80%{top:67%;left:39%}100%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:40%}}@-webkit-keyframes stage1EQ3remove{0%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:40%}100%{top:25%;left:48%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes stage1EQ3remove{0%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:40%}100%{top:25%;left:48%;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes stage1EQ4{0%{top:35%;left:46.2%;-webkit-transform:scale(0);transform:scale(0)}80%{top:69%;left:61%}100%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:60%}}@keyframes stage1EQ4{0%{top:35%;left:46.2%;-webkit-transform:scale(0);transform:scale(0)}80%{top:69%;left:61%}100%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:60%}}@-webkit-keyframes stage1EQ4remove{0%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:60%}100%{top:25%;left:48%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes stage1EQ4remove{0%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:60%}100%{top:25%;left:48%;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes stage1EQ5{0%{top:35%;left:46.2%;-webkit-transform:scale(0);transform:scale(0)}80%{top:57.5%;left:73%}100%{-webkit-transform:scale(1);transform:scale(1);top:56.5%;left:72%}}@keyframes stage1EQ5{0%{top:35%;left:46.2%;-webkit-transform:scale(0);transform:scale(0)}80%{top:57.5%;left:73%}100%{-webkit-transform:scale(1);transform:scale(1);top:56.5%;left:72%}}@-webkit-keyframes stage1EQ5remove{0%{-webkit-transform:scale(1);transform:scale(1);top:56.5%;left:72%}100%{top:25%;left:48%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes stage1EQ5remove{0%{-webkit-transform:scale(1);transform:scale(1);top:56.5%;left:72%}100%{top:25%;left:48%;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes stage1EQ6{0%{top:35%;left:46.2%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:36%;left:81%}100%{-webkit-transform:scale(1);transform:scale(1);top:35%;left:80%}}@keyframes stage1EQ6{0%{top:35%;left:46.2%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:36%;left:81%}100%{-webkit-transform:scale(1);transform:scale(1);top:35%;left:80%}}@-webkit-keyframes stage1EQ6remove{0%{-webkit-transform:scale(1);transform:scale(1);top:35%;left:80%}100%{top:30%;left:46.2%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes stage1EQ6remove{0%{-webkit-transform:scale(1);transform:scale(1);top:35%;left:80%}100%{top:30%;left:46.2%;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes stage3EQ1{0%{top:24%;left:82%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:24%;left:55%}100%{-webkit-transform:scale(1);transform:scale(1);top:24%;left:56%}}@keyframes stage3EQ1{0%{top:24%;left:82%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:24%;left:55%}100%{-webkit-transform:scale(1);transform:scale(1);top:24%;left:56%}}@-webkit-keyframes stage3EQ1remove{0%{-webkit-transform:scale(1);transform:scale(1);top:24%;left:56%}100%{top:24%;left:82%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes stage3EQ1remove{0%{-webkit-transform:scale(1);transform:scale(1);top:24%;left:56%}100%{top:24%;left:82%;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes stage3EQ2{0%{top:24%;left:82%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:43%;left:61%}100%{-webkit-transform:scale(1);transform:scale(1);top:42%;left:62%}}@keyframes stage3EQ2{0%{top:24%;left:82%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:43%;left:61%}100%{-webkit-transform:scale(1);transform:scale(1);top:42%;left:62%}}@-webkit-keyframes stage3EQ2remove{0%{-webkit-transform:scale(1);transform:scale(1);top:42%;left:62%}100%{top:24%;left:82%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes stage3EQ2remove{0%{-webkit-transform:scale(1);transform:scale(1);top:42%;left:62%}100%{top:24%;left:82%;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes stage3EQ3{0%{top:24%;left:82%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:56%;left:71%}100%{-webkit-transform:scale(1);transform:scale(1);top:55%;left:72%}}@keyframes stage3EQ3{0%{top:24%;left:82%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:56%;left:71%}100%{-webkit-transform:scale(1);transform:scale(1);top:55%;left:72%}}@-webkit-keyframes stage3EQ3remove{0%{-webkit-transform:scale(1);transform:scale(1);top:55%;left:72%}100%{top:24%;left:82%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes stage3EQ3remove{0%{-webkit-transform:scale(1);transform:scale(1);top:55%;left:72%}100%{top:24%;left:82%;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes stage3EQ4{0%{top:24%;left:82%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:61%;left:85%}100%{-webkit-transform:scale(1);transform:scale(1);top:60%;left:85%}}@keyframes stage3EQ4{0%{top:24%;left:82%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:61%;left:85%}100%{-webkit-transform:scale(1);transform:scale(1);top:60%;left:85%}}@-webkit-keyframes stage3EQ4remove{0%{-webkit-transform:scale(1);transform:scale(1);top:60%;left:85%}100%{top:24%;left:82%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes stage3EQ4remove{0%{-webkit-transform:scale(1);transform:scale(1);top:60%;left:85%}100%{top:24%;left:82%;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes stage4EQ1{0%{top:68%;left:15%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:42%}100%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:40%}}@keyframes stage4EQ1{0%{top:68%;left:15%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:42%}100%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:40%}}@-webkit-keyframes stage4EQ1remove{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes stage4EQ1remove{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes stage4EQ2{0%{top:68%;left:15%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:57%}100%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:55%}}@keyframes stage4EQ2{0%{top:68%;left:15%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:57%}100%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:55%}}@-webkit-keyframes stage4EQ2remove{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes stage4EQ2remove{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes stage4EQ3{0%{top:68%;left:15%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:72%}100%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:70%}}@keyframes stage4EQ3{0%{top:68%;left:15%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:72%}100%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:70%}}@-webkit-keyframes stage4EQ3remove{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes stage4EQ3remove{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes stage5EQ1{0%{top:68%;left:75%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:53%}100%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:55%}}@keyframes stage5EQ1{0%{top:68%;left:75%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:53%}100%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:55%}}@-webkit-keyframes stage5EQ1remove{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes stage5EQ1remove{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes stage5EQ2{0%{top:68%;left:75%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:38%}100%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:40%}}@keyframes stage5EQ2{0%{top:68%;left:75%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:38%}100%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:40%}}@-webkit-keyframes stage5EQ2remove{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes stage5EQ2remove{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes stage5EQ3{0%{top:68%;left:75%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:23%}100%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:25%}}@keyframes stage5EQ3{0%{top:68%;left:75%;-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:23%}100%{-webkit-transform:scale(1);transform:scale(1);top:68%;left:25%}}@-webkit-keyframes stage5EQ3remove{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes stage5EQ3remove{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes removeL2R{0%{left:10%;opacity:1}100%{left:100%;opacity:0}}@keyframes removeL2R{0%{left:10%;opacity:1}100%{left:100%;opacity:0}}@-webkit-keyframes removeR2L{0%{left:80%;opacity:1}100%{left:0%;opacity:0}}@keyframes removeR2L{0%{left:80%;opacity:1}100%{left:0%;opacity:0}}.loading-box{background:url("../../../Websites/wistron/images/ODFI3X.png");width:100vw;height:100vh;background-size:cover;padding:0;margin:0;position:absolute;top:0;left:0;z-index:999}audio{opacity:0}.box{text-align:center;margin:2rem 0}.aos-animate,.j-animate{opacity:1 !important;-webkit-transition:all 0.4s ease-in-out 0.25s;-o-transition:all 0.4s ease-in-out 0.25s;transition:all 0.4s ease-in-out 0.25s}.aos-animate.fadeout,.j-animate.fadeout{opacity:0 !important}.aos-animate path,.aos-animate line,.aos-animate polygon,.j-animate path,.j-animate line,.j-animate polygon{fill:transparent;stroke:#0080a5;stroke-dasharray:50000px;-webkit-animation-name:outline, lint;animation-name:outline, lint;-webkit-animation-duration:10s, 1s;animation-duration:10s, 1s;-webkit-animation-fill-mode:both, forwards;animation-fill-mode:both, forwards;-webkit-animation-timing-function:ease-in-out, ease-in;animation-timing-function:ease-in-out, ease-in}.aos-animate path.green,.aos-animate line.green,.aos-animate polygon.green,.j-animate path.green,.j-animate line.green,.j-animate polygon.green{stroke:#A0CB56}.aos-animate path.yellow,.aos-animate line.yellow,.aos-animate polygon.yellow,.j-animate path.yellow,.j-animate line.yellow,.j-animate polygon.yellow{stroke:#FFFF00}.aos-animate path.blue,.aos-animate line.blue,.aos-animate polygon.blue,.j-animate path.blue,.j-animate line.blue,.j-animate polygon.blue{stroke:#B6F8FF}.aos-animate .svg-animate-only-outline path,.j-animate .svg-animate-only-outline path{-webkit-animation-name:outline;animation-name:outline;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.aos-animate .svg-animate-fill-yellow path,.aos-animate .svg-animate-fill-yellow polygon,.j-animate .svg-animate-fill-yellow path,.j-animate .svg-animate-fill-yellow polygon{-webkit-animation-name:outline, lint, svg-fill-yellow;animation-name:outline, lint, svg-fill-yellow;-webkit-animation-duration:10s, 1s, 1s;animation-duration:10s, 1s, 1s;-webkit-animation-fill-mode:both, forwards, forwards;animation-fill-mode:both, forwards, forwards;-webkit-animation-timing-function:ease-in-out, ease-in, ease-in;animation-timing-function:ease-in-out, ease-in, ease-in}.aos-animate .svg-animate-fill-blue path,.aos-animate .svg-animate-fill-blue polygon,.j-animate .svg-animate-fill-blue path,.j-animate .svg-animate-fill-blue polygon{-webkit-animation-name:outline, lint, svg-fill-blue;animation-name:outline, lint, svg-fill-blue;-webkit-animation-duration:10s, 1s, 1s;animation-duration:10s, 1s, 1s;-webkit-animation-fill-mode:both, forwards, forwards;animation-fill-mode:both, forwards, forwards;-webkit-animation-timing-function:ease-in-out, ease-in, ease-in;animation-timing-function:ease-in-out, ease-in, ease-in}.aos-animate .svg-animate-fill-white path,.j-animate .svg-animate-fill-white path{-webkit-animation-name:outline, lint, svg-fill-white;animation-name:outline, lint, svg-fill-white;-webkit-animation-duration:10s, 1s, 1s;animation-duration:10s, 1s, 1s;-webkit-animation-fill-mode:both, forwards, forwards;animation-fill-mode:both, forwards, forwards;-webkit-animation-timing-function:ease-in-out, ease-in, ease-in;animation-timing-function:ease-in-out, ease-in, ease-in}.aos-animate .svg-animate-fill-green path,.aos-animate .svg-animate-fill-green polygon,.j-animate .svg-animate-fill-green path,.j-animate .svg-animate-fill-green polygon{-webkit-animation-name:outline, lint, svg-fill-green;animation-name:outline, lint, svg-fill-green;-webkit-animation-duration:10s, 1s, 1s;animation-duration:10s, 1s, 1s;-webkit-animation-fill-mode:both, forwards, forwards;animation-fill-mode:both, forwards, forwards;-webkit-animation-timing-function:ease-in-out, ease-in, ease-in;animation-timing-function:ease-in-out, ease-in, ease-in}.aos-animate .delay-3x25s path,.j-animate .delay-3x25s path{-webkit-animation-delay:3.25s;animation-delay:3.25s}.aos-animate .delay-3s path,.j-animate .delay-3s path{-webkit-animation-delay:3s;animation-delay:3s}.aos-animate .delay-2x75s path,.j-animate .delay-2x75s path{-webkit-animation-delay:2.75s;animation-delay:2.75s}.aos-animate .delay-2x5s path,.j-animate .delay-2x5s path{-webkit-animation-delay:2.5s;animation-delay:2.5s}.aos-animate .delay-2x25s path,.j-animate .delay-2x25s path{-webkit-animation-delay:2.25s;animation-delay:2.25s}.aos-animate .delay-2s path,.j-animate .delay-2s path{-webkit-animation-delay:2s;animation-delay:2s}.aos-animate .delay-1x75s path,.j-animate .delay-1x75s path{-webkit-animation-delay:1.75s;animation-delay:1.75s}.aos-animate .delay-1x5s path,.aos-animate .delay-1x5s line,.aos-animate .delay-1x5s polygon,.j-animate .delay-1x5s path,.j-animate .delay-1x5s line,.j-animate .delay-1x5s polygon{-webkit-animation-delay:1.5s;animation-delay:1.5s}.aos-animate .delay-1x25s path,.aos-animate .delay-1x25s line,.aos-animate .delay-1x25s polygon,.j-animate .delay-1x25s path,.j-animate .delay-1x25s line,.j-animate .delay-1x25s polygon{-webkit-animation-delay:1.25s;animation-delay:1.25s}.aos-animate .delay-1s path,.aos-animate .delay-1s line,.aos-animate .delay-1s polygon,.j-animate .delay-1s path,.j-animate .delay-1s line,.j-animate .delay-1s polygon{-webkit-animation-delay:1s;animation-delay:1s}.aos-animate .delay-0x75s path,.aos-animate .delay-0x75s line,.aos-animate .delay-0x75s polygon,.j-animate .delay-0x75s path,.j-animate .delay-0x75s line,.j-animate .delay-0x75s polygon{-webkit-animation-delay:0.75s;animation-delay:0.75s}.aos-animate .delay-0x5s path,.aos-animate .delay-0x5s line,.aos-animate .delay-0x5s polygon,.j-animate .delay-0x5s path,.j-animate .delay-0x5s line,.j-animate .delay-0x5s polygon{-webkit-animation-delay:0.5s;animation-delay:0.5s}.aos-animate .delay-0x25s path,.aos-animate .delay-0x25s line,.aos-animate .delay-0x25s polygon,.j-animate .delay-0x25s path,.j-animate .delay-0x25s line,.j-animate .delay-0x25s polygon{-webkit-animation-delay:0.25s;animation-delay:0.25s}.aos-animate .scale-0x8,.j-animate .scale-0x8{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}.aos-animate .scale-0x7,.j-animate .scale-0x7{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}.aos-animate .scale-0x5,.j-animate .scale-0x5{-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5)}.aos-animate .scale-0x45,.j-animate .scale-0x45{-webkit-transform:scale(0.45);-ms-transform:scale(0.45);transform:scale(0.45)}.aos-animate .scale-0x25,.j-animate .scale-0x25{-webkit-transform:scale(0.25);-ms-transform:scale(0.25);transform:scale(0.25)}.aos-animate .rotate-45,.j-animate .rotate-45{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.aos-animate .rotate30,.j-animate .rotate30{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.aos-animate .rotate15,.j-animate .rotate15{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}.aos-animate .rotate-15,.j-animate .rotate-15{-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg)}.aos-animate .scale-08xrotate-30,.j-animate .scale-08xrotate-30{-webkit-transform:rotate(-30deg) scale(0.8);-ms-transform:rotate(-30deg) scale(0.8);transform:rotate(-30deg) scale(0.8)}.aos-animate .scale-05xrotate30,.j-animate .scale-05xrotate30{-webkit-transform:rotate(30deg) scale(0.5);-ms-transform:rotate(30deg) scale(0.5);transform:rotate(30deg) scale(0.5)}.aos-animate .scale-05xrotate15,.j-animate .scale-05xrotate15{-webkit-transform:rotate(15deg) scale(0.5);-ms-transform:rotate(15deg) scale(0.5);transform:rotate(15deg) scale(0.5)}.aos-animate .scale-025xrotate-30,.j-animate .scale-025xrotate-30{-webkit-transform:rotate(-30deg) scale(0.25);-ms-transform:rotate(-30deg) scale(0.25);transform:rotate(-30deg) scale(0.25)}.aos-animate .scale-025xrotate-45,.j-animate .scale-025xrotate-45{-webkit-transform:rotate(-45deg) scale(0.25);-ms-transform:rotate(-45deg) scale(0.25);transform:rotate(-45deg) scale(0.25)}.aos-animate .scale-025xrotate30,.j-animate .scale-025xrotate30{-webkit-transform:rotate(30deg) scale(0.25);-ms-transform:rotate(30deg) scale(0.25);transform:rotate(30deg) scale(0.25)}.aos-animate .scale-025xrotate15,.j-animate .scale-025xrotate15{-webkit-transform:rotate(15deg) scale(0.25);-ms-transform:rotate(15deg) scale(0.25);transform:rotate(15deg) scale(0.25)}.aos-animate .scale-045xrotate-30,.j-animate .scale-045xrotate-30{-webkit-transform:rotate(-30deg) scale(0.45);-ms-transform:rotate(-30deg) scale(0.45);transform:rotate(-30deg) scale(0.45)}.aos-animate .scale-045xrotate-45,.j-animate .scale-045xrotate-45{-webkit-transform:rotate(-45deg) scale(0.45);-ms-transform:rotate(-45deg) scale(0.45);transform:rotate(-45deg) scale(0.45)}.aos-animate .scale-045xrotate30,.j-animate .scale-045xrotate30{-webkit-transform:rotate(30deg) scale(0.45);-ms-transform:rotate(30deg) scale(0.45);transform:rotate(30deg) scale(0.45)}.aos-animate .scale-045xrotate15,.j-animate .scale-045xrotate15{-webkit-transform:rotate(15deg) scale(0.45);-ms-transform:rotate(15deg) scale(0.45);transform:rotate(15deg) scale(0.45)}@-webkit-keyframes lint{0%{fill:transparent}100%{fill:#0080a5}}@keyframes lint{0%{fill:transparent}100%{fill:#0080a5}}@-webkit-keyframes svg-fill-blue{0%{fill:transparent}100%{fill:#B6F8FF}}@keyframes svg-fill-blue{0%{fill:transparent}100%{fill:#B6F8FF}}@-webkit-keyframes svg-fill-green{0%{fill:transparent}100%{fill:#A0CB56}}@keyframes svg-fill-green{0%{fill:transparent}100%{fill:#A0CB56}}@-webkit-keyframes svg-fill-yellow{0%{fill:transparent}100%{fill:#FFFF00}}@keyframes svg-fill-yellow{0%{fill:transparent}100%{fill:#FFFF00}}@-webkit-keyframes svg-fill-white{0%{fill:transparent}100%{fill:#FFFFFF}}@keyframes svg-fill-white{0%{fill:transparent}100%{fill:#FFFFFF}}@-webkit-keyframes outline{0%{stroke-dashoffset:50000px}100%{stroke-dashoffset:0}}@keyframes outline{0%{stroke-dashoffset:50000px}100%{stroke-dashoffset:0}}@media only screen and (max-width: 800px){.card-custonMainVision[data-style="1"]{display:none !important}}.card-custonMainVision[data-style="1"] .section{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;top:0;left:0;z-index:0;opacity:0;z-index:0}.card-custonMainVision[data-style="1"] .section .j-center{width:175px;height:175px;background-color:#9FCA56;border-radius:50%;text-align:center;line-height:175px;font-size:3rem;color:white;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);position:absolute;top:25%;left:48%;z-index:9}.card-custonMainVision[data-style="1"] .section .j-center.r2r{-webkit-animation:change1go2Scale 0.3s ease-in-out;animation:change1go2Scale 0.3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section .j-center.r2r.removeR2R{top:25%;-webkit-animation:remove1go2Scale 0.3s ease-in-out;animation:remove1go2Scale 0.3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section .j-outside{width:350px;height:350px;background-image:url("../../../Websites/wistron/images/stage1-outside.png");background-size:contain;background-repeat:no-repeat;position:absolute;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);top:15.5%;left:43%;z-index:8}.card-custonMainVision[data-style="1"] .section .j-outside.r2r{-webkit-animation:changeScale 0.5s ease-in-out;animation:changeScale 0.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section .j-outside.r2r.removeR2R{-webkit-animation:removeScale 0.5s ease-in-out;animation:removeScale 0.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage1{background-image:url("../../../Websites/wistron/images/new-stage1.jpg");z-index:9999;opacity:1;-webkit-clip-path:circle(0% at center);clip-path:circle(0% at center)}.card-custonMainVision[data-style="1"] .section.new-stage1.r2r{-webkit-animation:run2run 5s ease-in-out;animation:run2run 5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage1 .j-text .d-flex{width:125px;height:125px;background-color:grey;border-radius:50%;text-align:center;color:white;position:absolute;font-size:2.5rem;top:35%;left:46.2%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.card-custonMainVision[data-style="1"] .section.new-stage1 .j-text .d-flex>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.card-custonMainVision[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(1).r2r{-webkit-animation:stage1EQ1 0.8s ease-in-out;animation:stage1EQ1 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(1).r2r.removeR2R{-webkit-animation:stage1EQ1remove 0.8s ease-in-out;animation:stage1EQ1remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(2).r2r{-webkit-animation:stage1EQ2 0.8s ease-in-out;animation:stage1EQ2 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0.5s;animation-delay:0.5s}.card-custonMainVision[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(2).r2r.removeR2R{-webkit-animation:stage1EQ2remove 0.8s ease-in-out;animation:stage1EQ2remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(3).r2r{-webkit-animation:stage1EQ3 0.8s ease-in-out;animation:stage1EQ3 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s}.card-custonMainVision[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(3).r2r.removeR2R{-webkit-animation:stage1EQ3remove 0.8s ease-in-out;animation:stage1EQ3remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(4).r2r{-webkit-animation:stage1EQ4 0.8s ease-in-out;animation:stage1EQ4 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s}.card-custonMainVision[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(4).r2r.removeR2R{-webkit-animation:stage1EQ4remove 0.8s ease-in-out;animation:stage1EQ4remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(5).r2r{-webkit-animation:stage1EQ5 0.8s ease-in-out;animation:stage1EQ5 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2s;animation-delay:2s}.card-custonMainVision[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(5).r2r.removeR2R{-webkit-animation:stage1EQ5remove 0.8s ease-in-out;animation:stage1EQ5remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(6).r2r{-webkit-animation:stage1EQ6 0.8s ease-in-out;animation:stage1EQ6 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.5s;animation-delay:2.5s}.card-custonMainVision[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(6).r2r.removeR2R{-webkit-animation:stage1EQ6remove 0.8s ease-in-out;animation:stage1EQ6remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage1 .img1{right:40%;bottom:15%}.card-custonMainVision[data-style="1"] .section.new-stage1 .img2{left:33%;top:15%}.card-custonMainVision[data-style="1"] .section.new-stage1 .img3{left:16%;top:21%;max-width:250px}.card-custonMainVision[data-style="1"] .section.new-stage1 .img4{left:4%;bottom:19%;max-width:250px}.card-custonMainVision[data-style="1"] .section.new-stage2{background-image:url("../../../Websites/wistron/images/new-stage2.jpg")}.card-custonMainVision[data-style="1"] .section.new-stage2.r2r{-webkit-animation:run2run 5s ease-in-out;animation:run2run 5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage2 .j-text .d-flex{width:125px;height:125px;background-color:grey;border-radius:50%;text-align:center;color:white;position:absolute;font-size:2.5rem;top:35%;left:46.2%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.card-custonMainVision[data-style="1"] .section.new-stage2 .j-text .d-flex>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.card-custonMainVision[data-style="1"] .section.new-stage2 .j-text .d-flex:nth-child(1).r2r{-webkit-animation:stage1EQ2 0.8s ease-in-out;animation:stage1EQ2 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0.5s;animation-delay:0.5s}.card-custonMainVision[data-style="1"] .section.new-stage2 .j-text .d-flex:nth-child(1).r2r.removeR2R{-webkit-animation:stage1EQ2remove 0.8s ease-in-out;animation:stage1EQ2remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage2 .j-text .d-flex:nth-child(2).r2r{-webkit-animation:stage1EQ3 0.8s ease-in-out;animation:stage1EQ3 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s}.card-custonMainVision[data-style="1"] .section.new-stage2 .j-text .d-flex:nth-child(2).r2r.removeR2R{-webkit-animation:stage1EQ3remove 0.8s ease-in-out;animation:stage1EQ3remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage2 .j-text .d-flex:nth-child(3).r2r{-webkit-animation:stage1EQ4 0.8s ease-in-out;animation:stage1EQ4 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s}.card-custonMainVision[data-style="1"] .section.new-stage2 .j-text .d-flex:nth-child(3).r2r.removeR2R{-webkit-animation:stage1EQ4remove 0.8s ease-in-out;animation:stage1EQ4remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage2 .j-text .d-flex:nth-child(4).r2r{-webkit-animation:stage1EQ5 0.8s ease-in-out;animation:stage1EQ5 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2s;animation-delay:2s}.card-custonMainVision[data-style="1"] .section.new-stage2 .j-text .d-flex:nth-child(4).r2r.removeR2R{-webkit-animation:stage1EQ5remove 0.3s ease-in-out;animation:stage1EQ5remove 0.3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage2 .j-center{background-color:#236B91}.card-custonMainVision[data-style="1"] .section.new-stage2 .j-center.r2r{-webkit-animation:change1go2Scale 0.5s ease-in-out;animation:change1go2Scale 0.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage2 .j-center.r2r.removeR2R{top:25%;-webkit-animation:remove1go2Scale 0.5s ease-in-out;animation:remove1go2Scale 0.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage2 .j-outside{background-image:url("../../../Websites/wistron/images/stage2-outside.png");top:13.5%;left:41.85%}.card-custonMainVision[data-style="1"] .section.new-stage2 .img1{right:5%;top:12%;max-width:120px}.card-custonMainVision[data-style="1"] .section.new-stage2 .img2{left:23%;top:11%;max-width:80px}.card-custonMainVision[data-style="1"] .section.new-stage2 .img3{left:21%;top:21%;max-width:60px}.card-custonMainVision[data-style="1"] .section.new-stage2 .img4{right:20%;top:19%;max-width:60px}.card-custonMainVision[data-style="1"] .section.new-stage2 .img5{right:11%;top:32%;max-width:150px}.card-custonMainVision[data-style="1"] .section.new-stage3{background-image:url("../../../Websites/wistron/images/new-stage1.jpg")}.card-custonMainVision[data-style="1"] .section.new-stage3 .j-text .d-flex{width:125px;height:125px;background-color:grey;border-radius:50%;text-align:center;color:white;position:absolute;font-size:2.5rem;top:24%;left:82%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.card-custonMainVision[data-style="1"] .section.new-stage3 .j-text .d-flex>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.card-custonMainVision[data-style="1"] .section.new-stage3 .j-text .d-flex:nth-child(1).r2r{-webkit-animation:stage3EQ1 0.8s ease-in-out;animation:stage3EQ1 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage3 .j-text .d-flex:nth-child(1).r2r.removeR2R{-webkit-animation:stage3EQ1remove 0.8s ease-in-out;animation:stage3EQ1remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage3 .j-text .d-flex:nth-child(2).r2r{-webkit-animation:stage3EQ2 0.8s ease-in-out;animation:stage3EQ2 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0.5s;animation-delay:0.5s}.card-custonMainVision[data-style="1"] .section.new-stage3 .j-text .d-flex:nth-child(2).r2r.removeR2R{-webkit-animation:stage3EQ2remove 0.8s ease-in-out;animation:stage3EQ2remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage3 .j-text .d-flex:nth-child(3).r2r{-webkit-animation:stage3EQ3 0.8s ease-in-out;animation:stage3EQ3 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s}.card-custonMainVision[data-style="1"] .section.new-stage3 .j-text .d-flex:nth-child(3).r2r.removeR2R{-webkit-animation:stage3EQ3remove 0.8s ease-in-out;animation:stage3EQ3remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage3 .j-text .d-flex:nth-child(4).r2r{-webkit-animation:stage3EQ4 0.8s ease-in-out;animation:stage3EQ4 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s}.card-custonMainVision[data-style="1"] .section.new-stage3 .j-text .d-flex:nth-child(4).r2r.removeR2R{-webkit-animation:stage3EQ4remove 0.8s ease-in-out;animation:stage3EQ4remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage3 .j-center{top:20%;left:80%}.card-custonMainVision[data-style="1"] .section.new-stage3 .j-center.r2r{-webkit-animation:change2go3Scale 0.5s ease-in-out;animation:change2go3Scale 0.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage3 .j-center.r2r.removeR2R{top:20%;-webkit-animation:remove2go3Scale 0.5s ease-in-out;animation:remove2go3Scale 0.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage3 .j-outside{top:10.5%;left:73.75%}.card-custonMainVision[data-style="1"] .section.new-stage3 .img1{right:40%;bottom:15%;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage3 .img1.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section.new-stage3 .img2{left:33%;top:15%;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage3 .img2.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section.new-stage3 .img3{left:16%;top:21%;max-width:250px;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage3 .img3.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section.new-stage3 .img4{left:4%;bottom:19%;max-width:250px;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage3 .img4.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section.new-stage4{background-image:url("../../../Websites/wistron/images/new-stage2.jpg")}.card-custonMainVision[data-style="1"] .section.new-stage4.r2r{-webkit-animation:run2run 5s ease-in-out;animation:run2run 5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage4 .j-text .d-flex{width:125px;height:125px;background-color:grey;border-radius:50%;text-align:center;color:white;position:absolute;font-size:2.5rem;top:68%;left:15%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.card-custonMainVision[data-style="1"] .section.new-stage4 .j-text .d-flex>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.card-custonMainVision[data-style="1"] .section.new-stage4 .j-text .d-flex:nth-child(1).r2r{-webkit-animation:stage4EQ1 1s ease-in-out;animation:stage4EQ1 1s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0.25s;animation-delay:0.25s}.card-custonMainVision[data-style="1"] .section.new-stage4 .j-text .d-flex:nth-child(1).r2r.removeR2R{top:68%;left:40%;-webkit-animation:stage4EQ1remove 0.8s ease-in-out;animation:stage4EQ1remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0.25s;animation-delay:0.25s}.card-custonMainVision[data-style="1"] .section.new-stage4 .j-text .d-flex:nth-child(2).r2r{-webkit-animation:stage4EQ2 1s ease-in-out;animation:stage4EQ2 1s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0.5s;animation-delay:0.5s}.card-custonMainVision[data-style="1"] .section.new-stage4 .j-text .d-flex:nth-child(2).r2r.removeR2R{top:68%;left:55%;-webkit-animation:stage4EQ2remove 0.8s ease-in-out;animation:stage4EQ2remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0.35s;animation-delay:0.35s}.card-custonMainVision[data-style="1"] .section.new-stage4 .j-text .d-flex:nth-child(3).r2r{-webkit-animation:stage4EQ3 1s ease-in-out;animation:stage4EQ3 1s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0.75s;animation-delay:0.75s}.card-custonMainVision[data-style="1"] .section.new-stage4 .j-text .d-flex:nth-child(3).r2r.removeR2R{top:68%;left:70%;-webkit-animation:stage4EQ3remove 0.8s ease-in-out;animation:stage4EQ3remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0.45s;animation-delay:0.45s}.card-custonMainVision[data-style="1"] .section.new-stage4 .j-center{background-color:#236B91;top:65%;left:10%}.card-custonMainVision[data-style="1"] .section.new-stage4 .j-center.r2r{-webkit-animation:change3go4Scale 0.3s ease-in-out;animation:change3go4Scale 0.3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage4 .j-center.removeL2R{-webkit-animation:removeL2R 0.8s ease-in-out;animation:removeL2R 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage4 .j-outside{background-image:url("../../../Websites/wistron/images/stage4-outside.png");top:56%;left:10%}.card-custonMainVision[data-style="1"] .section.new-stage4 .img1{right:5%;top:12%;max-width:120px;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage4 .img1.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section.new-stage4 .img2{left:23%;top:11%;max-width:80px;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage4 .img2.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section.new-stage4 .img3{left:21%;top:21%;max-width:60px;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage4 .img3.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section.new-stage4 .img4{right:20%;top:19%;max-width:60px;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage4 .img4.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section.new-stage4 .img5{right:11%;top:32%;max-width:150px;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage4 .img5.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section.new-stage5{background-image:url("../../../Websites/wistron/images/new-stage3.jpg")}.card-custonMainVision[data-style="1"] .section.new-stage5.r2r{-webkit-animation:run2run 5s ease-in-out;animation:run2run 5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage5 .j-text .d-flex{width:125px;height:125px;background-color:grey;border-radius:50%;text-align:center;color:white;position:absolute;font-size:2.5rem;top:68%;left:80%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.card-custonMainVision[data-style="1"] .section.new-stage5 .j-text .d-flex>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.card-custonMainVision[data-style="1"] .section.new-stage5 .j-text .d-flex:nth-child(1).r2r{-webkit-animation:stage5EQ1 0.8s ease-in-out;animation:stage5EQ1 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0.25s;animation-delay:0.25s}.card-custonMainVision[data-style="1"] .section.new-stage5 .j-text .d-flex:nth-child(1).r2r.removeR2R{top:68%;left:55%;-webkit-animation:stage5EQ1remove 0.8s ease-in-out;animation:stage5EQ1remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0.25s;animation-delay:0.25s}.card-custonMainVision[data-style="1"] .section.new-stage5 .j-text .d-flex:nth-child(2).r2r{-webkit-animation:stage5EQ2 0.8s ease-in-out;animation:stage5EQ2 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0.5s;animation-delay:0.5s}.card-custonMainVision[data-style="1"] .section.new-stage5 .j-text .d-flex:nth-child(2).r2r.removeR2R{top:68%;left:40%;-webkit-animation:stage5EQ2remove 0.8s ease-in-out;animation:stage5EQ2remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0.35s;animation-delay:0.35s}.card-custonMainVision[data-style="1"] .section.new-stage5 .j-text .d-flex:nth-child(3).r2r{-webkit-animation:stage5EQ3 0.8s ease-in-out;animation:stage5EQ3 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0.75s;animation-delay:0.75s}.card-custonMainVision[data-style="1"] .section.new-stage5 .j-text .d-flex:nth-child(3).r2r.removeR2R{top:68%;left:25%;-webkit-animation:stage5EQ3remove 0.8s ease-in-out;animation:stage5EQ3remove 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0.45s;animation-delay:0.45s}.card-custonMainVision[data-style="1"] .section.new-stage5 .j-center{top:65%;left:80%}.card-custonMainVision[data-style="1"] .section.new-stage5 .j-center.r2r{-webkit-animation:change4go5Scale 0.3s ease-in-out;animation:change4go5Scale 0.3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage5 .j-center.removeR2L{-webkit-animation:removeR2L 0.8s ease-in-out;animation:removeR2L 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision[data-style="1"] .section.new-stage5 .j-outside{background-image:url("../../../Websites/wistron/images/stage5-outside.png");top:56%;left:70%}.card-custonMainVision[data-style="1"] .section.new-stage5 .img1{right:43%;top:14%;max-width:65px;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage5 .img1.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section.new-stage5 .img2{right:22%;top:15%;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage5 .img2.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section.new-stage5 .img3{right:9%;top:10%;max-width:120px;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage5 .img3.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section.new-stage5 .img4{left:23%;top:17%;max-width:180px;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage5 .img4.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section.new-stage6{background-image:url("../../../Websites/wistron/images/new-stage4.jpg")}.card-custonMainVision[data-style="1"] .section.new-stage6 .img1{right:50%;top:16%;margin-right:-175px;max-width:350px;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage6 .img1.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section.new-stage6 .img2{left:26%;top:19%;max-width:80px;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage6 .img2.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section.new-stage6 .img3{left:28%;top:51%;max-width:60px;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage6 .img3.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section.new-stage6 .img4{right:21%;top:33%;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage6 .img4.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section.new-stage6 .img5{right:26%;top:14%;max-width:100px;opacity:0}.card-custonMainVision[data-style="1"] .section.new-stage6 .img5.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision[data-style="1"] .section .section-text{padding:30px 150px 30px 60px;position:absolute;right:-40px;bottom:10%}.card-custonMainVision[data-style="1"] .section .section-text::after{display:block;content:"";-webkit-transform:skew(-20deg);-ms-transform:skew(-20deg);transform:skew(-20deg);background:rgba(255,255,255,0.8);position:absolute;width:200%;height:100%;top:0;left:-20px;z-index:-1}.card-custonMainVision[data-style="1"] .section .section-text .section-title{color:#222;font-size:20px;margin-bottom:8px;line-height:1}.card-custonMainVision[data-style="1"] .section .section-text .section-sub{color:#3e3e3e;font-size:24px;margin-bottom:5px;line-height:1}.card-custonMainVision[data-style="1"] .section .section-text.full{height:100vh;bottom:0;padding:30px 80px}.card-custonMainVision[data-style="1"] .section .section-text.full::after{background-color:rgba(0,0,0,0.65)}.card-custonMainVision[data-style="1"] .section .section-text.full .section-title{color:#fff;font-size:36px;margin:100px 0 10px 80px}.card-custonMainVision[data-style="1"] .section .section-text.full .section-sub{color:#fff;font-size:30px;margin:0 0 0 80px;line-height:36px}.card-custonMainVision[data-style="1"] .section .section-img{position:absolute;max-width:150px}@media only screen and (max-width: 800px){.card-custonMainVision[data-style="1"] .section .section-img{display:none}}@-webkit-keyframes run2run{0%,5%{-webkit-clip-path:circle(0% at center);clip-path:circle(0% at center)}20%{-webkit-clip-path:circle(25% at center);clip-path:circle(25% at center)}25%{-webkit-clip-path:circle(20% at center);clip-path:circle(20% at center)}95%,100%{-webkit-clip-path:circle(100% at center);clip-path:circle(100% at center)}}@keyframes run2run{0%,5%{-webkit-clip-path:circle(0% at center);clip-path:circle(0% at center)}20%{-webkit-clip-path:circle(25% at center);clip-path:circle(25% at center)}25%{-webkit-clip-path:circle(20% at center);clip-path:circle(20% at center)}95%,100%{-webkit-clip-path:circle(100% at center);clip-path:circle(100% at center)}}@-webkit-keyframes change1go2Scale-m{0%{top:100%;-webkit-transform:scale(0);transform:scale(0)}100%{top:19%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes change1go2Scale-m{0%{top:100%;-webkit-transform:scale(0);transform:scale(0)}100%{top:19%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes change2go3Scale-m{0%{left:100%;-webkit-transform:scale(0);transform:scale(0)}100%{left:80%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes change2go3Scale-m{0%{left:100%;-webkit-transform:scale(0);transform:scale(0)}100%{left:80%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes change3go4Scale-m{0%{right:0%;-webkit-transform:scale(0);transform:scale(0)}100%{right:10%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes change3go4Scale-m{0%{right:0%;-webkit-transform:scale(0);transform:scale(0)}100%{right:10%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes change4go5Scale-m{0%{left:100%;-webkit-transform:scale(0);transform:scale(0)}100%{left:80%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes change4go5Scale-m{0%{left:100%;-webkit-transform:scale(0);transform:scale(0)}100%{left:80%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes remove2go3Scale-m{0%{left:80%;-webkit-transform:scale(1);transform:scale(1)}25%{left:90%;-webkit-transform:scale(1);transform:scale(1)}100%{left:0%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes remove2go3Scale-m{0%{left:80%;-webkit-transform:scale(1);transform:scale(1)}25%{left:90%;-webkit-transform:scale(1);transform:scale(1)}100%{left:0%;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes removeScale-m{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes removeScale-m{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes remove1go2Scale-m{0%{-webkit-transform:scale(1);transform:scale(1);top:25%}25%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{top:100%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes remove1go2Scale-m{0%{-webkit-transform:scale(1);transform:scale(1);top:25%}25%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{top:100%;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes stage1R2L-m{0%{right:-100%}80%{right:-25%}100%{right:-30%}}@keyframes stage1R2L-m{0%{right:-100%}80%{right:-25%}100%{right:-30%}}@-webkit-keyframes stage1R2Lremove-m{0%{right:-30%}80%{right:-25%}100%{right:-100%}}@keyframes stage1R2Lremove-m{0%{right:-30%}80%{right:-25%}100%{right:-100%}}@-webkit-keyframes stage1L2R-m{0%{left:-100%}80%{left:-25%}100%{left:-30%}}@keyframes stage1L2R-m{0%{left:-100%}80%{left:-25%}100%{left:-30%}}@-webkit-keyframes stage1L2Rremove-m{0%{left:-30%}80%{left:-25%}100%{left:-100%}}@keyframes stage1L2Rremove-m{0%{left:-30%}80%{left:-25%}100%{left:-100%}}@-webkit-keyframes removeL2R-m{0%{left:10%;opacity:1}100%{left:100%;opacity:0}}@keyframes removeL2R-m{0%{left:10%;opacity:1}100%{left:100%;opacity:0}}@-webkit-keyframes removeR2L-m{0%{left:80%;opacity:1}100%{left:0%;opacity:0}}@keyframes removeR2L-m{0%{left:80%;opacity:1}100%{left:0%;opacity:0}}.card-custonMainVision-m[data-style="1"] .section.new-stage1 .j-text .d-flex,.card-custonMainVision-m[data-style="1"] .section.new-stage2 .j-text .d-flex,.card-custonMainVision-m[data-style="1"] .section.new-stage3 .j-text .d-flex,.card-custonMainVision-m[data-style="1"] .section.new-stage4 .j-text .d-flex,.card-custonMainVision-m[data-style="1"] .section.new-stage5 .j-text .d-flex{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left;color:white;position:absolute;font-size:2rem;text-shadow:2px 2px 3px #434a54;padding:1% 0 2%;border-radius:50px}.card-custonMainVision-m[data-style="1"]{display:none !important}@media only screen and (max-width: 800px){.card-custonMainVision-m[data-style="1"]{display:block !important}}.card-custonMainVision-m[data-style="1"] .j-text{margin-bottom:100px;bottom:relative}.card-custonMainVision-m[data-style="1"] .section{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;top:0;left:0;z-index:0;opacity:0;overflow-x:hidden}.card-custonMainVision-m[data-style="1"] .section .j-center{width:20vh;height:20vh;background-color:#9FCA56;border-radius:50%;text-align:center;line-height:20vh;font-size:3rem;color:white;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);position:absolute;top:18%;left:50%;margin-left:-10vh;z-index:9}.card-custonMainVision-m[data-style="1"] .section .j-center.r2r{-webkit-animation:change1go2Scale-m 0.3s ease-in-out;animation:change1go2Scale-m 0.3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section .j-center.r2r.removeR2R{top:25%;-webkit-animation:remove1go2Scale-m 0.3s ease-in-out;animation:remove1go2Scale-m 0.3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section .j-outside{width:35vh;height:35vh;background-image:url("../../../Websites/wistron/images/stage1-outside.png");background-size:contain;background-repeat:no-repeat;position:absolute;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);top:12%;left:50%;margin-left:-17.5vh;z-index:8}.card-custonMainVision-m[data-style="1"] .section .j-outside.r2r{-webkit-animation:changeScale 0.5s ease-in-out;animation:changeScale 0.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section .j-outside.r2r.removeR2R{-webkit-animation:removeScale-m 0.5s ease-in-out;animation:removeScale-m 0.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage1{background-image:url("../../../Websites/wistron/images/new-stage1.jpg");z-index:9999;opacity:1;clip-path:circle(0% at center);-o-clip-path:circle(0% at center);-moz-clip-path:circle(0% at center);-webkit-clip-path:circle(0% at center)}.card-custonMainVision-m[data-style="1"] .section.new-stage1.r2r{animation:run2run-m 5s ease-in-out;-o-animation:run2run-m 5s ease-in-out;-moz-animation:run2run-m 5s ease-in-out;-webkit-animation:run2run-m 5s ease-in-out;animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage1 .j-text .d-flex>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.card-custonMainVision-m[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(odd){right:-100%;padding-left:6%;background-color:rgba(159,202,86,0.65)}.card-custonMainVision-m[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(odd).r2r{animation:stage1R2L-m 0.3s ease-in-out;-o-animation:stage1R2L-m 0.3s ease-in-out;-moz-animation:stage1R2L-m 0.3s ease-in-out;-webkit-animation:stage1R2L-m 0.3s ease-in-out;animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(odd).removeR2R{right:-30%;animation:stage1R2Lremove-m 0.3s ease-in-out;-o-animation:stage1R2Lremove-m 0.3s ease-in-out;-moz-animation:stage1R2Lremove-m 0.3s ease-in-out;-webkit-animation:stage1R2Lremove-m 0.3s ease-in-out;animation-fill-mode:forwards;-o-aanimation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(even){left:-100%;padding-right:6%;text-align:right;background-color:rgba(255,255,255,0.65)}.card-custonMainVision-m[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(even).r2r{animation:stage1L2R-m 0.3s ease-in-out;-o-animation:stage1L2R-m 0.3s ease-in-out;-moz-animation:stage1L2R-m 0.3s ease-in-out;-webkit-animation:stage1L2R-m 0.3s ease-in-out;animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(even).removeR2R{left:-30%;animation:stage1L2Rremove-m 0.3s ease-in-out;-o-aanimation:stage1L2Rremove-m 0.3s ease-in-out;-moz-animation:stage1L2Rremove-m 0.3s ease-in-out;-webkit-animation:stage1L2Rremove-m 0.3s ease-in-out;animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(1).r2r{bottom:10%}.card-custonMainVision-m[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(2).r2r{bottom:17.5%;animation-delay:0.25s;-o-animation-delay:0.25s;-moz-animation-delay:0.25s;-webkit-animation-delay:0.25s}.card-custonMainVision-m[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(3).r2r{bottom:25%;animation-delay:0.5s;-o-animation-delay:0.5s;-moz-animation-delay:0.5s;-webkit-animation-delay:0.5s}.card-custonMainVision-m[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(4).r2r{bottom:32.5%;animation-delay:0.75s;-o-animation-delay:0.75s;-moz-animation-delay:0.75s;-webkit-animation-delay:0.75s}.card-custonMainVision-m[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(5).r2r{bottom:40%;animation-delay:1s;-o-animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-delay:1s}.card-custonMainVision-m[data-style="1"] .section.new-stage1 .j-text .d-flex:nth-child(6).r2r{bottom:47.5%;animation-delay:1.25s;-o-animation-delay:1.25s;-moz-animation-delay:1.25s;-webkit-animation-delay:1.25s}.card-custonMainVision-m[data-style="1"] .section.new-stage2{background-image:url("../../../Websites/wistron/images/new-stage2.jpg")}.card-custonMainVision-m[data-style="1"] .section.new-stage2.r2r{-webkit-animation:run2run-m 5s ease-in-out;animation:run2run-m 5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage2 .j-text .d-flex{left:-100%;padding-right:6%;text-align:right;background-color:rgba(255,255,255,0.65)}.card-custonMainVision-m[data-style="1"] .section.new-stage2 .j-text .d-flex>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.card-custonMainVision-m[data-style="1"] .section.new-stage2 .j-text .d-flex:nth-child(even){background-color:rgba(35,107,145,0.65)}.card-custonMainVision-m[data-style="1"] .section.new-stage2 .j-text .d-flex.r2r{-webkit-animation:stage1L2R-m 0.3s ease-in-out;animation:stage1L2R-m 0.3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage2 .j-text .d-flex.removeR2R{left:-30%;-webkit-animation:stage1L2Rremove-m 0.3s ease-in-out;animation:stage1L2Rremove-m 0.3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage2 .j-text .d-flex:nth-child(1).r2r{bottom:10%}.card-custonMainVision-m[data-style="1"] .section.new-stage2 .j-text .d-flex:nth-child(2).r2r{bottom:17.5%;-webkit-animation-delay:0.25s;animation-delay:0.25s}.card-custonMainVision-m[data-style="1"] .section.new-stage2 .j-text .d-flex:nth-child(3).r2r{bottom:25%;-webkit-animation-delay:0.5s;animation-delay:0.5s}.card-custonMainVision-m[data-style="1"] .section.new-stage2 .j-text .d-flex:nth-child(4).r2r{bottom:32.5%;-webkit-animation-delay:0.75s;animation-delay:0.75s}.card-custonMainVision-m[data-style="1"] .section.new-stage2 .j-center{background-color:#236B91}.card-custonMainVision-m[data-style="1"] .section.new-stage2 .j-center.r2r{-webkit-animation:change1go2Scale-m 0.5s ease-in-out;animation:change1go2Scale-m 0.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage2 .j-center.r2r.removeR2R{top:25%;-webkit-animation:remove1go2Scale-m 0.5s ease-in-out;animation:remove1go2Scale-m 0.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage2 .j-outside{background-image:url("../../../Websites/wistron/images/stage2-outside.png")}.card-custonMainVision-m[data-style="1"] .section.new-stage3{background-image:url("../../../Websites/wistron/images/new-stage1.jpg")}.card-custonMainVision-m[data-style="1"] .section.new-stage3 .j-text .d-flex{right:-100%;padding-left:6%;background-color:rgba(159,202,86,0.65)}.card-custonMainVision-m[data-style="1"] .section.new-stage3 .j-text .d-flex>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.card-custonMainVision-m[data-style="1"] .section.new-stage3 .j-text .d-flex:nth-child(even){background-color:rgba(255,255,255,0.65)}.card-custonMainVision-m[data-style="1"] .section.new-stage3 .j-text .d-flex.r2r{-webkit-animation:stage1R2L-m 0.3s ease-in-out;animation:stage1R2L-m 0.3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage3 .j-text .d-flex.removeR2R{right:-30%;-webkit-animation:stage1R2Lremove-m 0.3s ease-in-out;animation:stage1R2Lremove-m 0.3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage3 .j-text .d-flex:nth-child(1).r2r{bottom:10%}.card-custonMainVision-m[data-style="1"] .section.new-stage3 .j-text .d-flex:nth-child(2).r2r{bottom:17.5%;-webkit-animation-delay:0.25s;animation-delay:0.25s}.card-custonMainVision-m[data-style="1"] .section.new-stage3 .j-text .d-flex:nth-child(3).r2r{bottom:25%;-webkit-animation-delay:0.5s;animation-delay:0.5s}.card-custonMainVision-m[data-style="1"] .section.new-stage3 .j-text .d-flex:nth-child(4).r2r{bottom:32.5%;-webkit-animation-delay:0.75s;animation-delay:0.75s}.card-custonMainVision-m[data-style="1"] .section.new-stage3 .j-center.r2r{-webkit-animation:change1go2Scale-m 0.5s ease-in-out;animation:change1go2Scale-m 0.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage3 .j-center.r2r.removeR2R{top:25%;-webkit-animation:remove1go2Scale-m 0.5s ease-in-out;animation:remove1go2Scale-m 0.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage4{background-image:url("../../../Websites/wistron/images/new-stage2.jpg")}.card-custonMainVision-m[data-style="1"] .section.new-stage4.r2r{-webkit-animation:run2run-m 5s ease-in-out;animation:run2run-m 5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage4 .j-text .d-flex{left:-100%;text-align:right;padding-right:6%;background-color:rgba(255,255,255,0.65)}.card-custonMainVision-m[data-style="1"] .section.new-stage4 .j-text .d-flex>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.card-custonMainVision-m[data-style="1"] .section.new-stage4 .j-text .d-flex:nth-child(even){background-color:rgba(35,107,145,0.65)}.card-custonMainVision-m[data-style="1"] .section.new-stage4 .j-text .d-flex.r2r{-webkit-animation:stage1L2R-m 0.3s ease-in-out;animation:stage1L2R-m 0.3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage4 .j-text .d-flex.removeR2R{left:-30%;-webkit-animation:stage1L2Rremove-m 0.3s ease-in-out;animation:stage1L2Rremove-m 0.3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage4 .j-text .d-flex:nth-child(1).r2r{bottom:10%}.card-custonMainVision-m[data-style="1"] .section.new-stage4 .j-text .d-flex:nth-child(2).r2r{bottom:17.5%;-webkit-animation-delay:0.25s;animation-delay:0.25s}.card-custonMainVision-m[data-style="1"] .section.new-stage4 .j-text .d-flex:nth-child(3).r2r{bottom:25%;-webkit-animation-delay:0.5s;animation-delay:0.5s}.card-custonMainVision-m[data-style="1"] .section.new-stage4 .j-center{background-color:#236B91;top:10%;left:auto;right:10%}.card-custonMainVision-m[data-style="1"] .section.new-stage4 .j-center.r2r{-webkit-animation:change3go4Scale-m 0.3s ease-in-out;animation:change3go4Scale-m 0.3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage4 .j-center.removeL2R{-webkit-animation:removeL2R-m 0.8s ease-in-out;animation:removeL2R-m 0.8s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage4 .j-outside{background-image:url("../../../Websites/wistron/images/stage4-m-outside.png");top:17%;right:8%;left:auto}.card-custonMainVision-m[data-style="1"] .section.new-stage5{background-image:url("../../../Websites/wistron/images/new-stage3.jpg")}.card-custonMainVision-m[data-style="1"] .section.new-stage5.r2r{-webkit-animation:run2run-m 5s ease-in-out;animation:run2run-m 5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage5 .j-text .d-flex{right:-100%;padding-left:6%;background-color:rgba(159,202,86,0.65)}.card-custonMainVision-m[data-style="1"] .section.new-stage5 .j-text .d-flex>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.card-custonMainVision-m[data-style="1"] .section.new-stage5 .j-text .d-flex:nth-child(even){background-color:rgba(255,255,255,0.65)}.card-custonMainVision-m[data-style="1"] .section.new-stage5 .j-text .d-flex.r2r{-webkit-animation:stage1R2L-m 0.3s ease-in-out;animation:stage1R2L-m 0.3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage5 .j-text .d-flex.removeR2R{right:-30%;-webkit-animation:stage1R2Lremove-m 0.3s ease-in-out;animation:stage1R2Lremove-m 0.3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage5 .j-text .d-flex:nth-child(1).r2r{bottom:10%}.card-custonMainVision-m[data-style="1"] .section.new-stage5 .j-text .d-flex:nth-child(2).r2r{bottom:17.5%;-webkit-animation-delay:0.25s;animation-delay:0.25s}.card-custonMainVision-m[data-style="1"] .section.new-stage5 .j-text .d-flex:nth-child(3).r2r{bottom:25%;-webkit-animation-delay:0.5s;animation-delay:0.5s}.card-custonMainVision-m[data-style="1"] .section.new-stage5 .j-center.r2r{-webkit-animation:change1go2Scale-m 0.5s ease-in-out;animation:change1go2Scale-m 0.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage5 .j-center.r2r.removeR2R{top:25%;-webkit-animation:remove1go2Scale-m 0.5s ease-in-out;animation:remove1go2Scale-m 0.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.card-custonMainVision-m[data-style="1"] .section.new-stage6{background-image:url("../../../Websites/wistron/images/new-stage4.jpg")}.card-custonMainVision-m[data-style="1"] .section.new-stage6 .img1{right:50%;top:30%;margin-right:-175px;max-width:350px;opacity:0}.card-custonMainVision-m[data-style="1"] .section.new-stage6 .img1.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision-m[data-style="1"] .section.new-stage6 .img2{left:6%;top:21%;max-width:80px;opacity:0}.card-custonMainVision-m[data-style="1"] .section.new-stage6 .img2.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision-m[data-style="1"] .section.new-stage6 .img3{left:8%;top:66%;max-width:60px;opacity:0}.card-custonMainVision-m[data-style="1"] .section.new-stage6 .img3.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision-m[data-style="1"] .section.new-stage6 .img4{right:1%;top:66%;opacity:0}.card-custonMainVision-m[data-style="1"] .section.new-stage6 .img4.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision-m[data-style="1"] .section.new-stage6 .img5{right:2%;top:25%;max-width:100px;opacity:0}.card-custonMainVision-m[data-style="1"] .section.new-stage6 .img5.fadeOut{-webkit-animation:fadeOut 0s ease-in-out;animation:fadeOut 0s ease-in-out}.card-custonMainVision-m[data-style="1"] .section .section-text{padding:30px 150px 30px 60px;position:absolute;right:-40px;bottom:10%}.card-custonMainVision-m[data-style="1"] .section .section-text::after{display:block;content:"";-webkit-transform:skew(-20deg);-ms-transform:skew(-20deg);transform:skew(-20deg);background:rgba(255,255,255,0.8);position:absolute;width:200%;height:100%;top:0;left:-20px;z-index:-1}.card-custonMainVision-m[data-style="1"] .section .section-text .section-title{color:#222;font-size:20px;margin-bottom:8px;line-height:1}.card-custonMainVision-m[data-style="1"] .section .section-text .section-sub{color:#3e3e3e;font-size:24px;margin-bottom:5px;line-height:1}.card-custonMainVision-m[data-style="1"] .section .section-text.full{height:100vh;bottom:0;padding:30px 80px}.card-custonMainVision-m[data-style="1"] .section .section-text.full::after{background-color:rgba(0,0,0,0.65)}.card-custonMainVision-m[data-style="1"] .section .section-text.full .section-title{color:#fff;font-size:36px;margin:100px 0 10px 80px}.card-custonMainVision-m[data-style="1"] .section .section-text.full .section-sub{color:#fff;font-size:30px;margin:0 0 0 80px;line-height:36px}.card-custonMainVision-m[data-style="1"] .section .section-img{position:absolute;max-width:150px}@-webkit-keyframes run2run-m{0%,5%{clip-path:circle(0% at center);-o-clip-path:circle(0% at center);-moz-clip-path:circle(0% at center);-webkit-clip-path:circle(0% at center)}20%{clip-path:circle(25% at center);-o-clip-path:circle(25% at center);-moz-clip-path:circle(25% at center);-webkit-clip-path:circle(25% at center)}25%{clip-path:circle(25% at center);-o-clip-path:circle(25% at center);-moz-clip-path:circle(25% at center);-webkit-clip-path:circle(20% at center)}95%,100%{clip-path:circle(25% at center);-o-clip-path:circle(25% at center);-moz-clip-path:circle(25% at center);-webkit-clip-path:circle(100% at center)}}@keyframes run2run-m{0%,5%{clip-path:circle(0% at center);-o-clip-path:circle(0% at center);-moz-clip-path:circle(0% at center);-webkit-clip-path:circle(0% at center)}20%{clip-path:circle(25% at center);-o-clip-path:circle(25% at center);-moz-clip-path:circle(25% at center);-webkit-clip-path:circle(25% at center)}25%{clip-path:circle(25% at center);-o-clip-path:circle(25% at center);-moz-clip-path:circle(25% at center);-webkit-clip-path:circle(20% at center)}95%,100%{clip-path:circle(25% at center);-o-clip-path:circle(25% at center);-moz-clip-path:circle(25% at center);-webkit-clip-path:circle(100% at center)}}