@font-face{font-family:"Outfit";src:url("font/Outfit-Regular.eot") format("eot"),url("font/Outfit-Regular.woff") format("woff"),url("font/Outfit-Regular.ttf") format("truetype"),url("font/Outfit-Regular.svg#Outfit-Regular") format("svg")}@font-face{font-family:"Outfit-Bold";src:url("font/Outfit-Bold.eot") format("eot"),url("font/Outfit-Bold.woff") format("woff"),url("font/Outfit-Bold.ttf") format("truetype"),url("font/Outfit-Bold.svg#Outfit-Bold") format("svg")}@font-face{font-family:"Outfit-Light";src:url("font/Outfit-Light.eot") format("eot"),url("font/Outfit-Light.woff") format("woff"),url("font/Outfit-Light.ttf") format("truetype"),url("font/Outfit-Light.svg#Outfit-Light") format("svg")}@font-face{font-family:"Brush";src:url("font/Outfit-Bold.eot") format("eot"),url("font/Outfit-Bold.woff") format("woff"),url("font/Outfit-Bold.ttf") format("truetype"),url("font/Outfit-Bold.svg#Outfit-Bold") format("svg")}@font-face{font-family:"Brush";src:url("font/Brush.eot") format("eot"),url("font/Brush.woff") format("woff"),url("font/Brush.ttf") format("truetype"),url("font/Brush.svg#Brush") format("svg")}button.close{margin-right:1rem}a{text-decoration:none}a:hover{text-decoration:none}.btn{font-weight:500;-webkit-animation-duration:3s;-o-animation-iteration-count:infinite}.btn,.btn-primary,.btn-secondary,.btn:hover,.btn-primary:hover,.btn-secondary:hover{font-size:1.1rem;transition:.3s}.btn-primary{background-color:#2e00ff;border-color:#2e00ff;color:#fff}.btn-primary:hover{background-color:#3e1a96;border-color:#3e1a96;color:#fff}.btn-secondary{background-color:rgba(0,0,0,0);border-color:#ffd111;color:#ffd111}.btn-secondary:hover{background-color:#ffd111;border-color:#ffd111;color:#2e00ff}.btn-secondary:active{border:1px solid #ffd111;color:#ffd111}.navbar-toggle,.navbar-toggler:focus,.navbar-toggler:active,button:focus,a,a:focus,a:active,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled):active{border:none;outline:0;color:unset;background-color:unset;border-color:unset;box-shadow:none}body{overflow-x:hidden}img{width:100%;display:block}section{padding-bottom:5rem}#return-to-top{position:fixed;bottom:30px;right:30px;border:2px solid #2e00ff;width:50px;height:50px;display:block;text-decoration:none;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;display:none}#return-to-top i{color:#2e00ff;margin:0;position:relative;left:16px;top:10px;font-size:24px}#return-to-top:hover{border:2px solid #2b77cd}#return-to-top:hover i{color:#2b77cd;top:5px}@media all and (max-width: 425px){#return-to-top{display:none !important}}#return-to-top,#return-to-top i{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}video{width:100%;height:auto}video:active,video:focus,video:focus-within,video:hover,video:visited{border:none;outline:0}::-moz-selection{color:#fff;background:#3e1a96}::selection{color:#fff;background:#ffd111}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#cbd9fe}::-webkit-scrollbar-thumb{background:#fff;transition:all .3s}::-webkit-scrollbar-thumb:hover{background:#ffd111}.list-margin-small li{margin-bottom:5px}.yt-video-container{overflow:hidden;position:relative;width:100%}.yt-video-container::after{padding-top:56.25%;display:block;content:""}.yt-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.no-scroll{overflow:hidden !important}html{font-size:18px}body{font-family:"Outfit","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif;color:#3e1a96}strong,.bold{font-family:"Outfit-Bold","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif;font-weight:500}h1{font-family:"Brush","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif;margin-top:1rem;color:#2e00ff}@media only screen and (min-width: 768px){h1{margin-top:3rem}}.font-brush{font-family:"Brush","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif;color:#ffd111}a{transition:all .5s}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:10px;font-weight:500;line-height:normal}h2,h3,h4,h5,h6,.h2,.h3,.h4,.h5,.h6{font-family:"Outfit-Bold","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif}p,li{margin-bottom:10px;font-family:"Outfit","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif;font-weight:500;line-height:normal;margin-bottom:13px}p:last-child,li:last-child{margin-bottom:0}h1,.h1{font-size:1.5rem}h2,.h2{font-size:1.2rem}h3,.h3,.font-xl{font-size:1.1rem}h4,.h4,.font-lg{font-size:1rem}h5,.h5,.font-md{font-size:.9rem}h6,.h6{font-size:.8rem}p,li{font-size:.7rem}@media only screen and (min-width: 768px){h1,.h1{font-size:2.5rem}h2,.h2{font-size:1.4rem}h3,.h3,.font-xl{font-size:1.2rem}h4,.h4,.font-lg{font-size:1.1rem}h5,.h5,.font-md{font-size:1rem}h6,.h6{font-size:.9rem}p,li{font-size:.8rem}}@media only screen and (min-width: 992px){h1,.h1{font-size:3rem}h2,.h2{font-size:1.5rem}h3,.h3,.font-xl{font-size:1.3rem}h4,.h4,.font-lg{font-size:1.2rem}h5,.h5,.font-md{font-size:1.1rem}h6,.h6{font-size:1rem}p,li{font-size:.9rem;line-height:1.4rem}}@media only screen and (min-width: 1920px){h1,.h1{font-size:3.5rem}h2,.h2{font-size:2rem}h3,.h3,.font-xl{font-size:1.5rem}h4,.h4,.font-lg{font-size:1.3rem}h5,.h5,.font-md{font-size:1.2rem}h6,.h6{font-size:1.1rem}p,li{font-size:1rem}small,.font-xs{font-size:.875rem;line-height:1.1875rem}}h1,h2,h3,h4,h5,h6,p,.h1,.h2,.h3,.h4,.h5,.h6,.p{font-feature-settings:"liga" 0,"clig" 0;-moz-font-feature-settings:"liga" 0,"clig" 0;-ms-font-feature-settings:"liga" 0,"clig" 0;-o-font-feature-settings:"liga" 0,"clig" 0;-webkit-font-feature-settings:"liga" 0,"clig" 0}.txt-orange{color:#2b77cd}.button{display:block;width:fit-content;border-radius:2rem;transition:all .5s;cursor:pointer;background:#2e00ff;color:#e9efff}.button:hover{background:#ffd111;color:#2e00ff}.button a{display:inline-block;width:100%;height:100%;padding:.5rem 1rem}[type=button]{-webkit-appearance:unset !important}.custom-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(246, 166, 219,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.navbar-dark .navbar-toggler{border:0}#mainNav,.main-menu{z-index:1019}.logo-link .logo-container{width:100%;display:flex;align-items:center}.logo-link .logo-container .logo,.logo-link .logo-container .logo-txt{display:block;float:left}.logo-link .logo-container .logo{height:45px;width:auto}.logo-link .logo-container .logo-txt{margin-left:20px;font-family:"Outfit-Bold","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif;background:linear-gradient(90deg, rgb(246, 166, 219) 0%, rgb(43, 0, 255) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);white-space:nowrap}@media(min-width: 992px){.navbar-expand-lg .navbar-nav .nav-link{padding-right:1rem;padding-left:1rem}.navbar-expand-lg .navbar-nav .nav-link:last-child{padding-right:0}}.main-menu{background:rgba(0,0,0,0);z-index:999;position:sticky;top:0;padding:.6rem 0;transition:all .5s}.main-menu .container{padding-right:15px;padding-left:15px}.main-menu.scrolled{background:#2e00ff;-webkit-box-shadow:0px 0px 16px 0px rgba(0,0,0,.2);-moz-box-shadow:0px 0px 16px 0px rgba(0,0,0,.2);box-shadow:0px 0px 16px 0px rgba(0,0,0,.2)}.main-menu.scrolled .logo-txt,.main-menu.scrolled .nav-item.active .nav-link{background:linear-gradient(90deg, rgb(246, 166, 219) 0%, rgb(233, 239, 255) 100%);-webkit-background-clip:text}.main-menu.scrolled .nav-item .nav-link{color:#e9efff}.main-menu.scrolled .nav-item .nav-link:hover{color:#fff}.main-menu .nav-item{margin:0;font-size:1rem}.main-menu .nav-item .nav-link{color:#3e1a96;text-align:center;opacity:.5;height:100%;transition:all .5s}.main-menu .nav-item .nav-link:hover{color:#2b77cd;opacity:1}.main-menu .nav-item.active .nav-link{font-family:"Outfit-Bold","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif;background:linear-gradient(90deg, rgb(246, 166, 219) 0%, rgb(43, 0, 255) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);opacity:1}.main-menu .navbar-toggler{padding:.25rem 0 .25rem .75rem}.navbar-nav{padding-top:0}.navbar-nav li a{padding:1rem 1rem}@media all and (min-width: 992px){.navbar-nav li a{padding:0 1rem}}.modal{padding-right:0px !important}#footer{padding:1rem 0 2rem}#footer .container{border-top:1px solid #2b77cd}#footer h4{color:#2e00ff}#footer .socials{display:flex;justify-content:flex-start;margin-top:1em}#footer .socials a{display:flex;width:35px;margin-right:20px}#footer .socials a:last-child{margin-right:0}@media only screen and (min-width: 768px){#footer .socials{justify-content:flex-end;margin-top:0}#footer .socials a{margin-right:10px}}body{background:#e9efff;min-height:100vh}.bg-red-black{background:linear-gradient(90deg, #000 0%, #2e00ff 50%, #3e1a96 100%)}.bg-darkRed-red{background:linear-gradient(0deg, #2e00ff 0%, #3e1a96 100%)}.bg-darkRed-red-90{background:linear-gradient(90deg, #2e00ff 0%, #3e1a96 100%)}.bg-darkRed-black{background:linear-gradient(180deg, #2e00ff 0%, #000 100%);min-height:20rem}.first-section{margin-top:0rem}.bg-black{background-color:rgba(0,0,0,.5)}#particles-js{position:fixed;height:100%;width:100%}.bg-vitagen{background:url("../images/portfolio/vitagen-social/Vitagen-BG.png")}.bg-ho-bee{background:url("../images/portfolio/ho-bee-land/bg-ho-bee@2x.png")}.bg-wwf{background:url("../images/portfolio/wwf/WWF_BG@2x.png")}.bg-eden{background:url("../images/portfolio/eden-group/EDEN_BG.png");background-size:100%}.bg-stt{background:url("../images/portfolio/stt/STT_BG.png");background-size:100%}.bg-dino{background:url("../images/portfolio/cosmo-dinos/Dino_BG.png");background-size:100%}.bg-muay-thai-burger{background:url("../images/portfolio/muay-thai-burger/Muay-Thai-Burger_BG@2x.jpg");background-size:100%}.bg-wolfpack{background:url("../images/portfolio/wolfpack/Wolfpack_BG@2x.png");background-size:100%}.bg-scientist{background:url("../images/portfolio/the-scientist/Scientist_BG.png")}.bg-red-cross{background-color:#e84c63}.bg-uob-quiz{background:url("../images/portfolio/uob-brand-quiz/UOB-Quiz-BG@2x.png"),#e9e4e0;background-repeat:no-repeat}.bg-galderma{background:url("../images/portfolio/galderma/bg.jpg");background-size:cover}.bg-mb-eqg{background:linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(1, 5, 34) 30%, rgb(4, 1, 77) 70%, rgb(19, 0, 115) 100%);background-size:cover}.bg-mb-service{background:#000}.bg-pepsodent{background:url("../images/portfolio/pepsodent/pepsodent-bg.png")}.bg-wilhelmsen{background-color:#29588c}.bg-yoyic{background-color:#00adf1}.iphone-x{background-attachment:scroll}.bg-nike-super-hoops{background:url("../images/portfolio/nike-super-hoops/bg_grid.png"),linear-gradient(0deg, rgb(238, 42, 123) 0%, rgb(65, 12, 93) 31%, rgb(45, 6, 74) 44%, rgb(29, 3, 60) 58%, rgb(20, 0, 52) 75%, rgb(18, 0, 50) 100%)}.bg-nike-ryr{background:url("../images/portfolio/nike-ryr/seamless.jpg")}.bg-nike-airmax{background:url("../images/portfolio/nike-airmax/seamless.jpg")}.mw-600{max-width:600px}.card-header,.card-header:first-child,.accordion>.card>.btn,button{background-color:rgba(0,0,0,0);margin:0;border:0;border-radius:0;text-decoration:none}.accordion button{border:0;margin:0;padding:0;text-decoration:none}.list-group-item,.list-group-item.active{border:0;margin-bottom:0;color:#fff}.accordion h3,.accordion h4,.accordion h5,.accordion h6{font-family:"Outfit","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif;margin-bottom:5px}.accordion h2{font-size:.8rem}.accordion h3,.accordion h4,.accordion h5,.accordion h6,.accordion p{font-size:.8rem}.accordion h5{font-family:"Outfit-Bold","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif;color:#2e00ff}.accordion h6{color:#2b77cd}.accordion h2{color:#2e00ff;transition:all .5s;margin-bottom:.3rem}.timeline-bullets li,.timeline-bullets p{color:#3e1a96}.portfolio-accordion .card:hover h2{color:#ffd111}.portfolio-accordion .card:hover .tags{color:#e9efff}.portfolio-accordion .card:hover .project-details{background:#2e00ff}.portfolio-accordion .project-details{padding:10px 20px;background:#cbd9fe;width:100%;transition:all .5s}.portfolio-accordion .tags{color:#3e1a96;font-size:.6rem;transition:all .5s}.portfolio-trigger{color:#3e1a96;text-decoration:none;opacity:.7;background:rgba(0,0,0,0);padding:.2rem 1.25rem;cursor:pointer;font-size:.8rem}.portfolio-trigger.active,.portfolio-trigger:hover{opacity:1;background:rgba(0,0,0,0)}.portfolio-trigger.active,.portfolio-trigger.active:hover{color:#2e00ff;font-family:"Outfit-Bold","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif}.portfolio-trigger:hover{color:#2e00ff}@media only screen and (max-width: 991px){.portfolio-trigger{font-size:.8rem}}.sidebar{position:sticky;top:90px}.accordion .card *:focus,.accordion .card *:active,.accordion .card *:hover,.accordion .card *:visited,.accordion .card *:focus-within,.accordion .card-body *:focus,.accordion .card-body *:active,.accordion .card-body *:hover,.accordion .card-body *:visited,.accordion .card-body *:focus-within,.accordion .card-header *:focus,.accordion .card-header *:active,.accordion .card-header *:hover,.accordion .card-header *:visited,.accordion .card-header *:focus-within{border:none;outline:none;filter:none;box-shadow:0 0 0 0 rgba(0,0,0,0)}.accordion a{transition:.3s}.accordion a:hover{transition:.3s}.accordion .card-body{background:rgba(0,0,0,0);padding:0rem;border-radius:.5rem;color:#3e1a96}.accordion .card-header{padding:0;cursor:default}.accordion .card-header h2{color:#2e00ff;font-family:"Brush","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif}.accordion .card{margin:0 0 1rem 0;border:none;background-color:rgba(0,0,0,0);border-radius:0;opacity:.8}.accordion .card.active,.accordion .card:hover{opacity:1}.accordion .card-header:hover,.accordion .btn-link:hover{text-decoration:none}@media only screen and (min-width: 350px){.accordion h2{font-size:.9rem}}@media only screen and (min-width: 576px){.accordion h3,.accordion h4,.accordion h5,.accordion h6,.accordion p{font-size:.9rem}.accordion .card-header img{width:55%}.accordion h2{font-size:1.1rem}}@media only screen and (min-width: 768px){.accordion h3,.accordion h4,.accordion h5,.accordion h6,.accordion p{font-size:.95rem}}@media only screen and (min-width: 992px){.accordion h3,.accordion h4,.accordion h5,.accordion h6,.accordion p{font-size:1rem}.accordion .card{margin:0 0 2rem 0}}.hello-sg .carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd5b47' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.hello-sg .carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd5b47' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.view a img{opacity:.9;transition:all .5s}.view a img:hover{opacity:1}.index .carousel-control{width:8%}.index .carousel-indicators{margin-bottom:0rem}.fb,.ig-story{margin-bottom:3rem}.fb:last-child,.ig-story:last-child{margin-bottom:0}.fb .profile-pic,.ig-story .profile-pic{border:1px solid #ccc;border-radius:100%}.ig-story{position:relative;height:fit-content}.ig-story h3{font-family:"Outfit-Bold","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif;font-size:1rem;margin-bottom:2px}.ig-story h4{font-family:"Outfit","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif;font-size:.9rem;opacity:.8}.ig-story .ig-story-content{position:relative}.ig-story .ig-story-lines{padding:1rem 1rem;position:absolute;top:0;width:100%}.ig-story .ig-story-lines .ig-story-line{height:3px;background:#fff;border-radius:8px;width:24%;margin:0 .5%;float:left}.ig-story .ig-story-lines .ig-story-line-fade{opacity:.25}.ig-story .ig-story-header{display:flex;align-items:center;padding:1.8rem 1rem 1rem;background:linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);position:absolute;top:0}.ig-story .ig-story-header .profile-pic{width:10%;margin-right:.8rem}.fb{color:#262626}.fb h2,.fb h3,.fb h4,.fb h5,.fb h6,.fb p{margin:0;padding:0}.fb h3,.fb h4,.fb h5{color:#737373}.fb h2{font-family:"Outfit-Bold","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif}.fb h5{font-family:"Outfit-Bold","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif}.fb h3,.fb h4,.fb h6,.fb p,.fb li{font-family:"Outfit","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif}.fb h4{line-height:30px}.fb h2{font-size:.9rem}.fb h3,.fb h4,.fb h5,.fb p{font-size:.8rem}.fb p{margin-bottom:.7em}.fb p:last-child{margin:0}.fb .hashtag{color:#385898}@media(min-width: 576px){.fb h2{font-size:1rem}.fb h3,.fb h4,.fb h5,.fb p,.fb li{font-size:.95rem}}@media(min-width: 992px){.fb h2{font-size:1.1rem}.fb h3,.fb h4,.fb h5,.fb p,.fb li{font-size:1rem}}.fb .fb-header,.fb .fb-copy,.fb .fb-footer{background-color:#fff;padding-left:10px;padding-right:10px}.fb .fb-copy{padding-top:10px;padding-bottom:10px}.fb .fb-copy li{margin:0}.fb .fb-header{padding-top:10px}.fb .fb-header.fb-no-copy{padding-bottom:10px}.fb .fb-footer{padding-bottom:10px}@media(min-width: 576px){.fb .fb-header,.fb .fb-copy,.fb .fb-footer{padding-left:30px;padding-right:30px}.fb .fb-copy{padding-top:20px;padding-bottom:20px}.fb .fb-header{padding-top:20px}.fb .fb-header.fb-no-copy{padding-bottom:20px}.fb .fb-footer{padding-bottom:20px}}.fb .fb-header .circle{display:block;width:4px;height:4px;margin:0 2px;background:#000;border-radius:100%;float:right}.fb .fb-header .fb-icon-everyone{display:inline-block;float:left;width:15px;margin:2px 0 0 4px}@media(min-width: 992px){.fb .fb-header .fb-icon-everyone{width:20px;margin:2px 0 0 8px}}.fb .fb-footer img,.fb .fb-footer h4{display:inline-block}.fb .fb-footer img{height:20px;width:auto}.fb .fb-footer .fb-footer-stats{padding:20px 5px}.fb .fb-footer .fb-footer-buttons{padding:12px 0 5px;margin:auto;border-top:1px solid #737373;border-bottom:1px solid #737373}.fb .fb-footer .fb-footer-buttons .fb-footer-btn{display:inline-block;margin:0 0px}@media(min-width: 992px){.fb .fb-footer .fb-footer-buttons .fb-footer-btn{margin:0 10px}}.fb .fb-footer .fb-footer-buttons .fb-footer-btn img,.fb .fb-footer .fb-footer-buttons .fb-footer-btn h5{float:left}.fb .fb-footer .fb-footer-buttons .fb-footer-btn img{width:25px}@media(min-width: 992px){.fb .fb-footer .fb-footer-buttons .fb-footer-btn img{width:35px}}.fb .fb-footer .fb-footer-buttons .fb-footer-btn h5{padding-left:10px;line-height:33px}.diagram-section{width:100%;max-width:1920px;margin:0 auto;padding:1rem}.diagram .label,.diagram .bar-label,.diagram .marker{font-size:.5rem;color:#3a3a3a}.diagram .marker,.diagram .bar,.diagram .legend-info,.diagram .legend-label{font-size:.5rem}.diagram .diagram-title{font-size:.8rem}@media only screen and (min-width: 540px){.diagram .label,.diagram .bar-label{font-size:.7rem}.diagram .marker,.diagram .bar,.diagram .legend-info,.diagram .legend-label{font-size:.6rem}.diagram .diagram-title{font-size:.9rem}}@media only screen and (min-width: 768px){.diagram .label,.diagram .bar-label{font-size:1rem}.diagram .marker,.diagram .bar,.diagram .legend-info,.diagram .legend-label{font-size:.9rem}.diagram .diagram-title{font-size:.95rem}}.diagram{width:100%;height:290px;max-width:1080px;margin:0 auto}.graph-wrapper{width:95%;max-width:1080px;display:block;margin:0 auto}.graph-wrapper.graph-wrapper-label{margin-left:5%;height:2rem}.graph-wrapper,.y-axis{height:100%;float:left}.graph-container,.markers-container{height:100%;position:relative;display:block;float:left}.y-axis{position:relative;width:5%}.y-axis .label{position:absolute;width:500px;top:50%;left:50%;transform:translateX(-50%) translateY(-50%) rotate(-90deg);text-align:center}.graph-container{width:90%}.graph-container-3{width:90%}.markers-container{width:10%}.markers-container .marker{position:absolute;width:100%;text-align:right;margin-bottom:-18.5%;padding-right:15px}.lines,.bars-wrapper,.dots-wrapper,.markers,.chart{width:100%;height:100%}.lines .line{position:absolute;border-top:1px solid #3a3a3a;width:100%;height:0}.lines .line-black{border-top:2px solid #3a3a3a;z-index:1}.bars-wrapper,.dots-wrapper{height:100%;display:flex;justify-content:space-around;position:absolute;bottom:0}.bars,.dots{height:100%;display:flex;float:left;margin:0 2%}.bar,.dot{width:100%;position:relative;float:left;margin-top:auto}.bars-wrapper .bars{width:15%;bottom:0}.bars-wrapper .bars .bar-3{width:33.3333333333%}.bars-wrapper .bars .bar .bar-text{text-align:center;color:#fff;margin-top:3px}.bars-wrapper .bars .bar .pointer{position:absolute;top:3%;right:50%;width:250px;height:1rem;text-align:right;float:right}.bars-wrapper .bars .bar .pointer .pointer-text{width:60%;padding-right:.5em}.bars-wrapper .bars .bar .pointer span{width:40%;height:70%;border-bottom:1px solid #3a3a3a;display:inline-block;float:right}.bars-wrapper .bars .bar-label{width:100%;text-align:center}.dots-wrapper .dot{width:.5em;height:.5em;border-radius:100%;margin-bottom:-0.25em}.legend-wrapper{width:100%;display:flex;justify-content:space-evenly;margin:0rem auto 1rem}.legend-wrapper .legend-box,.legend-wrapper .legend-label,.legend-wrapper .legend{float:left}.legend-wrapper .legend{margin:0 3%}.legend-wrapper .legend-box{width:12px;height:12px;display:block;margin-right:8px;position:relative}.legend-wrapper .legend-box .circle,.legend-wrapper .legend-box .stroke{position:absolute;margin:0 auto;left:0;right:0;top:0;bottom:0}.legend-wrapper .legend-label{line-height:12px}.legend-wrapper .legend-info{text-align:center}#chart{width:90%;position:absolute;margin:auto;left:0;right:0;top:0}.chart-stroke{fill:none;stroke:#f8a48d;stroke-miterlimit:10;stroke-width:3px;stroke-dasharray:1000;stroke-dashoffset:0}.map-wrapper{width:auto;height:150px;margin:2rem auto;position:relative}.map-wrapper img{position:absolute;width:auto;max-height:150px;margin:auto;left:0;right:0}#diagram3 .legend-wrapper{width:100%}@media only screen and (min-width: 1140px){#diagram3 .legend-wrapper{width:65%;max-width:820px}}#diagram3 .legend-wrapper .legend{width:33%}@media only screen and (min-width: 768px){.diagram{width:90%}.graph-wrapper.graph-wrapper-label{height:2rem}.legend-wrapper .legend-box{width:23px;height:23px}.legend-wrapper .legend-label{line-height:23px}.dots-wrapper .dot{width:.8em;height:.8em;margin-bottom:-0.4em}.map-wrapper{height:250px}.map-wrapper img{max-height:250px}}@media only screen and (min-width: 1140px){.map-wrapper{height:450px}.map-wrapper img{max-height:450px}}.diagram-section video,.masthead{margin:0 auto 100px;display:block;width:1180px;height:332px}.pause{animation-play-state:paused}.chart-stroke{animation-name:dash;animation-duration:1s}.bar{animation-name:grow-graph;animation-duration:1s}.dot{animation-name:grow-dot;animation-duration:.5s}.graph-fade{animation-name:graph-fade;animation-duration:.5s}.map{animation-duration:.5s}.map-1{animation-delay:.2s}.map-2{animation-delay:.4s}.map-3{animation-delay:.6s}.map-4{animation-delay:.8s}.map-5{animation-delay:1s}.chart-stroke,.bar,.dot,.pointer-text,.map{animation-timing-function:ease-in-out;animation-fill-mode:backwards}@keyframes dash{from{stroke-dashoffset:1000}}@keyframes grow-graph{from{height:0%}}@keyframes grow-dot{from{transform:scale(0)}}@keyframes graph-fade{from{opacity:0}}.phone-container{position:relative;width:100%;float:left;margin-bottom:2rem}.phone-container .phone-dummy{visibility:hidden}.phone-container .iphone,.phone-container .screen{position:absolute;top:0;left:50%;transform:translate(-50%, 0)}.phone-container .iphone{width:100%;height:100%}.phone-container .screen{width:90.3%;top:1.94%;height:96.2%;overflow:scroll;z-index:1;border-radius:1.3rem;-ms-overflow-style:none;scrollbar-width:none}.phone-container .screen::-webkit-scrollbar{display:none}.phone-container .screen img{width:100%}.phone-container:last-child{margin-bottom:0}@media only screen and (min-width: 470px){.phone-container .screen{border-radius:2rem}}@media only screen and (min-width: 768px){.phone-container .screen{border-radius:1.8rem}.phone-container-1{width:48%;margin:0 26%}.phone-container-2{width:48%;margin:0 1%}}@media only screen and (min-width: 992px){.phone-container .screen{border-radius:2rem}.phone-container-1{width:40%;margin:0 30%}.phone-container-2{width:40%;margin:0 5%}}@media only screen and (min-width: 1200px){.phone-container .screen{border-radius:2.5rem}}.about-accordion{padding-left:0rem}@media screen and (min-width: 992px){.about-accordion{padding-left:2.5rem}}.about-accordion .timeline-text-content{padding-left:50px}.about-accordion .timeline-text-content ul{padding-left:18px;color:#2b77cd;padding-bottom:10px}.about-accordion .timeline-text-content ul li{list-style-type:disc;overflow:unset;padding:0;margin:0}.about-timeline .v-timeline{margin-top:30px;padding:0}.about-timeline .v-timeline ul{position:relative}.about-timeline .v-timeline li{list-style-type:none;padding:0 0 30px;position:relative;overflow:hidden}.about-timeline .v-timeline .v-timeline-icon:before{content:" ";height:15px;position:absolute;top:0px;left:0;width:15px;border-radius:50%;background:#3e1a96;border:2px solid #3e1a96}.about-timeline .v-timeline .v-timeline-icon:after{content:" ";border-left:2px solid #3e1a96;display:inline-block;position:absolute;left:6px;height:500px;z-index:400;top:15px}.about-timeline .v-timeline .v-timeline-icon.v-last:before{background:#3e1a96}.about-timeline .v-timeline .v-timeline-icon.v-last:after{border-left:2px solid #3e1a96}.about-timeline .v-timeline .v-timeline-icon.v-empty:before{background:none}.about-timeline .v-timeline .timeline-text{padding-left:40px}.about .accordion .card-body{padding:2.25rem 3rem 4rem;border-radius:0;border-bottom:1px solid #cbd9fe}.about .accordion:last-child{border:none}.about .accordion h2{font-size:2rem;padding-top:1rem}.about li.col{margin-bottom:0}.progress{background-color:rgba(0,0,0,0);border-radius:0rem;border:1px solid #2b77cd;height:1.1rem;margin-bottom:30px}.progress-bar{background-color:#2b77cd}.bg-tile-y{background-repeat:repeat-y;width:100%}.bg-tile{background-repeat:repeat}.window-imgs,.shadow,.fb,.ig-story{-webkit-box-shadow:10px 10px 54px 16px rgba(0,0,0,.17);-moz-box-shadow:10px 10px 54px 16px rgba(0,0,0,.17);box-shadow:10px 10px 54px 16px rgba(0,0,0,.17)}.fb.rmv-shadow,.ig-story.rmv-shadow{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.window{margin-bottom:2rem}.window .window-bar{width:100%;height:18px;border-radius:5px 5px 0px 0px;-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;border:0px solid #000;background:linear-gradient(0deg, #e9e9e9 0%, #eeecee 100%);padding-left:10px;position:relative}.window .window-bar .window-btn{width:6px;height:6px;border-radius:100%;position:absolute;top:50%;bottom:50%}.window .window-bar .window-btn.red{background-color:#fc605c}.window .window-bar .window-btn.yellow{background-color:#fdbc40;margin-left:11px}.window .window-bar .window-btn.green{background-color:#34c84a;margin-left:22px}.window:last-child{margin-bottom:0}.marvel-device.iphone-x{background:#959595;-webkit-box-shadow:none;box-shadow:none}.marvel-device .screen{padding-top:2rem;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.marvel-device .screen::-webkit-scrollbar{display:none}.videoWrapper{width:100%;line-height:0}@media only screen and (min-width: 768px){.window-bar{height:25px;border-radius:10px 10px 0px 0px;-moz-border-radius:10px 10px 0px 0px;-webkit-border-radius:10px 10px 0px 0px}.window-bar .window-btn{width:10px;height:10px}}.portfolio-container{padding:1.5rem}@media only screen and (min-width: 768px){.portfolio-container{padding:3rem}}.bg-sg-red{background:#fd5b47}.bg-sg-orange{background:#fca103}.bg-sg-yellow{background:#f5cf14}.bg-sg-green{background:#c6d147}.bg-sg-blue{background:#79b5db}.bg-sg-purple{background:#b094d4}.bg-hello-sg{background:url("../images/portfolio/hello-sg/bg-white@2x.png") !important}.bg-hello-sg *{color:#3a3a3a}.bg-hello-sg-red{background:url("../images/portfolio/hello-sg/bg-red@2x.png") !important}.bg-hello-sg-red *{color:#3a3a3a}.legend-2{text-align:left}.legend-2 .legend-2-color{display:block;width:20px;height:20px;border-radius:100%}.legend-2 .legend-2-num{font-family:"Outfit-Bold","Helvetica LT","Helvetica",Helvetica,Arial,sans-serif}.counter{width:25px;height:25px;border:2px solid #fd5b47;border-radius:100%;display:inline-block;margin-right:8px}@media all and (min-width: 576px){.counter{width:30px;height:30px;margin-right:15px}}.counter-fill{background-color:#fd5b47}.hello-sg h3{color:#fd5b47}.hello-sg .highlight{color:#fff;background:#fd5b47;width:fit-content;padding:.3rem .8rem}.hello-sg .phone-container{width:100%;margin:0}@media all and (min-width: 420px){.hello-sg .phone-container{width:80%}}@media all and (min-width: 490px){.hello-sg .phone-container{width:70%}}@media all and (min-width: 576px){.hello-sg .phone-container{width:100%}}.hello-sg .portfolio-trigger:hover{color:#ffd111}.hello-sg .portfolio-trigger.active,.hello-sg .portfolio-trigger.active:hover{color:#fd5b47}.hello-sg #pie1 .pieSlice1 .pie{transform:rotate(20.52deg)}.hello-sg #pie1 .pieSlice2{transform:rotate(20.52deg)}.hello-sg #pie1 .pieSlice2 .pie{transform:rotate(70.56deg)}.hello-sg #pie1 .pieSlice3{transform:rotate(91.08deg)}.hello-sg #pie1 .pieSlice3 .pie{transform:rotate(90.72deg)}.hello-sg #pie1 .pieSlice4{transform:rotate(181.8deg)}.hello-sg #pie1 .pieSlice4 .pie{transform:rotate(57.24deg)}.hello-sg #pie1 .pieSlice5{transform:rotate(239.04deg)}.hello-sg #pie1 .pieSlice5 .pie{transform:rotate(87.48deg)}.hello-sg #pie1 .pieSlice6{transform:rotate(326.52deg)}.hello-sg #pie1 .pieSlice6 .pie{transform:rotate(33.48deg)}.hello-sg #pie2 .pieSlice1 .pie{transform:rotate(3.24deg)}.hello-sg #pie2 .pieSlice2{transform:rotate(3.24deg)}.hello-sg #pie2 .pieSlice2 .pie{transform:rotate(74.16deg)}.hello-sg #pie2 .pieSlice3{transform:rotate(77.4deg)}.hello-sg #pie2 .pieSlice3 .pie{transform:rotate(180deg)}.hello-sg #pie2 .pieSlice4{transform:rotate(257.4deg)}.hello-sg #pie2 .pieSlice4 .pie{background-color:#f5cf14;transform:rotate(102.6deg)}.bg-uob-retail{background:url("../images/portfolio/uob-retail/UOB-Retail_BG.jpg"),#ddd6d0;background-repeat:no-repeat}.bg-uob-taupe{background:#ddd6d0}.playlist-wrapper{clear:both}.vid-container{position:relative;padding-bottom:52%;height:0;clear:both}.vid-container iframe,.vid-container object,.vid-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.vid-list-container{width:100%;overflow:hidden;background:#ede8e4;padding:20px}.vid-list{width:1344px;position:relative;top:0;left:0}.vid-list-wrapper{position:relative}.vid-item{display:block;width:250px;float:left;margin:0;padding:10px 15px;transition:all .5s}.vid-item .desc{margin-top:8px;color:#666}.vid-item:hover{background-color:#eee;cursor:pointer}.thumb{overflow:hidden;height:140px;background-size:cover;background-position:center}.arrows{width:100%;margin:auto;height:100%;position:absolute;top:0;left:0;right:0}.arrow{color:#666;background:#ddd6d0;padding:10px;cursor:pointer;width:fit-content;margin:auto;position:relative;top:50%;transform:translateY(-50%);transition:all .5s;z-index:100}.arrow:hover{color:#ddd6d0;background:#666}.arrow-left{left:0px;float:left;-webkit-box-shadow:3px 0px 10px -3px rgba(0,0,0,.2);-moz-box-shadow:3px 0px 10px -3px rgba(0,0,0,.2);box-shadow:3px 0px 10px -3px rgba(0,0,0,.2)}.arrow-right{right:0px;float:right;-webkit-box-shadow:-3px 0px 10px -3px rgba(0,0,0,.2);-moz-box-shadow:-3px 0px 10px -3px rgba(0,0,0,.2);box-shadow:-3px 0px 10px -3px rgba(0,0,0,.2)}@media(min-width: 576px){.vid-list-container{padding:20px 40px}.arrow{padding:15px}}.ytp-playlist-menu *{color:red !important}.video-container{position:relative}.video-container .video-btn{position:absolute;bottom:2.77%;height:1.65%}.video-container .video-btn-1{left:48.3%;width:12%}.video-container .video-btn-2{right:27.1%;width:12%}.pieContainer{width:100%;position:relative;margin:0 auto}.pieChart{width:180px;height:180px;margin:0 auto;position:relative}.pie{position:absolute;width:180px;height:180px;border-radius:90px;clip:rect(0px, 90px, 180px, 0px);animation:pie 3s 1}@keyframes pie{from{transform:rotate(0deg)}}.hold{position:absolute;width:180px;height:180px;border-radius:90px;clip:rect(0px, 180px, 180px, 90px);margin:0 auto}.pieSlice1 .pie{background-color:#fd5b47}.pieSlice2 .pie{background-color:#fca103}.pieSlice3 .pie{background-color:#f5cf14}.pieSlice4 .pie{background-color:#c6d147}.pieSlice5 .pie{background-color:#79b5db}.pieSlice6 .pie{background-color:#b094d4}/*# sourceMappingURL=custom.min.css.map */