@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,200..800;1,300..800&family=Raleway:ital,wght@0,100..900;1,100..900&family=Sanchez:ital@0;1&display=swap');:root{--font-body:"Open Sans",Arial,sans-serif;--font-heading:"Raleway",Helvetica,sans-serif;--text-body:14px;--text-small:12px;--text-h1:62px;--text-h2:42px;--text-h3:24px;--text-h4:20px;--text-h5:16px;--lh-body:1.9;--lh-heading:1;--fw-thin:100;--fw-ExtraLight:200;--fw-Light:300;--fw-regular:400;--fw-medium:500;--fw-SemiBold:600;--fw-bold:700;--fw-ExtrabBold:800;--fw-Black:900}.text-small{font-family:var(--font-heading);font-size:var(--text-small);font-weight:var(--fw-regular);color:#b6b9a9}.title-special{font-family:Sanchez;font-size:26px;font-weight:400;color:#b6b9a9}.et_pb_text h1,h2,h3,h4,h5{font-family:var(--font-heading);line-height:var(--lh-heading);margin-top:0.5em;margin-bottom:0.3em}.et_pb_text h1{font-size:clamp(36px,4vw,var(--text-h1))!important;font-weight:var(--fw-ExtraLight);color:#ffffff}.et_pb_text h2{font-size:clamp(22px,2.5vw,var(--text-h2))!important;font-weight:var(--fw-ExtraLight);color:#ffffff}.et_pb_text h3{font-size:clamp(20px,2vw,var(--text-h3))!important;font-weight:var(--fw-ExtraLight);color:#ffffff}.et_pb_text h4{font-size:var(--text-h4)!important;font-weight:var(--fw-ExtraLight);color:#ffffff}.et_pb_text h5{font-size:var(--text-h5)!important;font-weight:var(--fw-Light);color:#ffffff}.text-body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-body)}body,body *{-webkit-touch-callout:none}.et_pb_text,.et_pb_text *{-webkit-user-select:none!important;user-select:none!important}#HomeGames_PlayButton img{cursor:pointer;animation-name:play;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease;animation-direction:alternate}@keyframes play{100%{opacity:1;filter:Alpha(opacity=100)}0%{opacity:0.2;filter:Alpha(opacity=20)}}#HomeGames_PlayButton img:active{transform:translateY(12px)}#HomeGames_PlayButton img:hover{opacity:1;filter:Alpha(opacity=100)}.NavDotContainer .navdot{position:relative!important}.NavDotContainer .navdot .dotON{position:absolute!important;top:0!important;left:0!important;opacity:0!important}.NavDotContainer .navdot.active .dotON{opacity:1!important;animation:bounce 500ms ease-out 1 forwards}.NavDotContainer .navdot.active .dotOFF{opacity:0!important}@keyframes bounce{0%,20%,50%,80%,100%{transform:scale(1.1);animation-timing-function:ease-out}40%{transform:scale(1.3);animation-timing-function:ease-in}60%{transform:scale(1.2);animation-timing-function:ease-in}}.about{border:0px solid blue;position:fixed!important;text-align:center!important;top:40vh;width:57px!important;background-image:url(https://visuall.ca/gui/wp-content/uploads/sites/3/2026/03/aboutbar.png);background-size:3px,auto;background-repeat:no-repeat;background-position:top center;z-index:300000!important;float:right!important;clear:none!important;right:0px}.about img{border:0px solid blue}.about ul{list-style-type:none;margin:0;padding:0;border:0px solid red;text-align:center}.about li{margin-left:auto;margin-right:auto;text-align:center}.aboutDotLink img:last-child{display:none}.aboutDotLink:hover img:first-child{display:none}.aboutDotLink:hover img:last-child{display:inline-block}#pastList a:hover{opacity:0.7;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}@media only screen and (max-width:479px){.about{border:0px solid blue;position:fixed!important;text-align:center!important;top:70vh;width:57px!important;background-image:url(https://visuall.ca/gui/wp-content/uploads/sites/3/2026/03/aboutbar.png);background-size:3px,123px;background-repeat:no-repeat;background-position:top center;z-index:300000!important;float:right!important;clear:none!important;right:0px}}.dmg-gallery-page-button.dmg-gallery-page-button-more{border:1px solid rgba(96,96,96,1)!important;border-radius:15px!important;font-family:"Open Sans",sans-serif!important;font-size:16px!important;font-weight:800!important;padding:10px 20px 10px 20px!important}@media only screen and (max-width:479px){.dmg-gallery-page-button.dmg-gallery-page-button-more{border:1px solid rgba(96,96,96,1)!important;border-radius:12px!important;font-family:"Open Sans",sans-serif!important;font-size:12px!important;font-weight:400!important;padding:20px 10px 20px 10px}}@media (hover:hover) and (pointer:fine){.FirstRow{transition:filter .35s ease,opacity .35s ease}}@media (hover:hover) and (pointer:fine){body:has(.Menu:hover) .FirstRow{filter:blur(4px);opacity:.6}}.hero-header{min-height:100dvh!important;overflow:hidden!important;margin-top:0px!important;padding-top:0px!important}.page-id-15156 #page-container,.page-id-16252 #page-container{height:100dvh!important;overflow-y:auto!important;scroll-snap-type:y mandatory!important;-webkit-overflow-scrolling:touch!important;border:0px white solid}.page-id-15156 .snap-section,.page-id-16252 .snap-section{height:100dvh!important;scroll-snap-align:start!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding-top:140px}@media (hover:none) and (pointer:coarse){.page-id-15156 .snap-section,.page-id-16252 .snap-section{height:100dvh!important;scroll-snap-align:start!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding-top:120px!important}}.XXpage-id-15156 .snap-section .et_pb_row{flex:1!important;display:flex!important;flex-direction:column!important}.XXpage-id-15156 .snap-section .et_pb_column{flex:1!important;display:flex!important;flex-direction:column!important}.XXpage-id-15156 .inner-scroll{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;flex:1!important}.page-id-14590 #page-container{height:100dvh!important;overflow-y:auto!important;scroll-snap-type:y mandatory!important;-webkit-overflow-scrolling:touch!important;border:0px white solid}.page-id-14590 .snap-section-dots{height:100dvh!important;scroll-snap-align:start!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding-top:140px}@media (hover:none) and (pointer:coarse){.page-id-14590 .snap-section-dots{height:100dvh!important;scroll-snap-align:start!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding-top:120px!important}}.XXpage-id-14590 .snap-section .et_pb_column{flex:1!important;display:flex!important;flex-direction:column!important}.XXpage-id-14590 .inner-scroll{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;flex:1!important}@media (max-width:768px){.dot-nav{display:none}}.DosMenusHeaderFixed{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important}.DosMenusHeader{position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:9999!important}.HomeBg{background-image:url("https://visuall.ca/gui/wp-content/uploads/sites/3/2026/06/noise2026Black.png"),url("https://visuall.ca/gui/wp-content/uploads/sites/3/2026/06/noise2026.png"),url("https://visuall.ca/gui/wp-content/uploads/sites/3/2026/06/MainBgRight2.png"),url("https://visuall.ca/gui/wp-content/uploads/sites/3/2026/06/MainBgleft3.png"),url("https://visuall.ca/gui/wp-content/uploads/sites/3/2026/06/bghome2.png")!important;background-repeat:repeat-x,repeat,no-repeat,no-repeat,no-repeat!important;background-size:140px 140px,256px 256px,1200px 1200px,1200px 1200px,cover!important;background-position:top center,center center,calc(100% + 350px) bottom,calc(0% - 350px) bottom,center center!important}@media (max-width:767px){.HomeBg{background-size:120px 120px,128px 128px,1600px 1600px,1px 1px,cover!important;background-position:top center,center center,calc(100% + 800px) top,calc(0% - 350px) bottom,center center!important}}@media (min-width:768px) and (max-width:1024px){.HomeBg{background-size:140px 140px,256px 256px,0px 0px,1200px 1200px,cover!important}}.IntegrationBg{background-image:url("https://visuall.ca/gui/wp-content/uploads/sites/3/2026/06/noise2026.png"),url("https://visuall.ca/gui/wp-content/uploads/sites/3/2026/06/noise2026Black.png"),url("https://visuall.ca/gui/wp-content/uploads/sites/3/2026/06/integrationSky.jpg")!important;background-size:256px 256px,140px 140px,cover!important;background-repeat:repeat,repeat-x,no-repeat!important;background-position:top center,top center,top center!important}@media (max-width:767px){.IntegrationBg{background-size:256px 256px,120px 120px,cover!important;background-position:top center,top center,top center!important}}.Bgtooling{background-image:url("https://visuall.ca/gui/wp-content/uploads/sites/3/2026/06/noise2026Black.png"),url("https://visuall.ca/gui/wp-content/uploads/sites/3/2026/06/noise2026.png"),url("https://visuall.ca/gui/wp-content/uploads/sites/3/2026/07/toolingbg.png"),url("https://visuall.ca/gui/wp-content/uploads/sites/3/2026/07/toolme.png"),url("https://visuall.ca/gui/wp-content/uploads/sites/3/2026/06/bghome2.png")!important;background-repeat:repeat-x,repeat,no-repeat,no-repeat,no-repeat!important;background-size:140px 140px,256px 256px,cover,260px 400px,cover!important;background-position:top center,center center,center top,calc(100% - 100px) bottom,center center!important}@media (max-width:767px){.Bgtooling{background-size:120px 120px,256px 256px,cover,260px 400px,cover!important;background-position:top center,center center,center top,calc(120%) bottom,center center!important}}@media (min-width:768px) and (max-width:1024px){.Bgtooling{background-position:top center,center center,center top,calc(110%) bottom,center center!important}}.project-carousel-home .et_pb_portfolio_image{width:300px;height:180px;margin-left:10px;margin-right:10px}.project-carousel-home .et_pb_portfolio_image img{width:100%;height:100%;object-fit:cover}.project-carousel-home .et_pb_portfolio_items{position:relative;overflow:visible!important}.project-carousel-home{position:relative!important;overflow:visible!important}.project-carousel-home .et_pb_portfolio_image{margin-left:auto!important;margin-right:auto!important}.project-carousel-home .et_pb_portfolio_items{overflow:visible!important}.project-carousel-home .et-pb-slider-arrows{position:absolute!important;left:50%!important;top:260px!important;bottom:auto!important;transform:translateX(-50%)!important;width:160px!important;height:50px!important;opacity:1!important;visibility:visible!important;display:block!important;z-index:9999!important;pointer-events:auto!important}.project-carousel-home .et-pb-arrow-prev,.project-carousel-home .et-pb-arrow-next{position:absolute!important;top:0!important;bottom:auto!important;margin-top:0!important;transform:none!important;opacity:1!important;visibility:visible!important;display:block!important;pointer-events:auto!important}.project-carousel-home .et-pb-arrow-prev{left:0!important}.project-carousel-home .et-pb-arrow-next{right:0!important}@media (max-width:767px){.project-carousel-home .et_pb_portfolio_image{width:300px;height:180px}}@media (min-width:768px) and (max-width:1024px){.project-carousel-home .et_pb_carousel_group{display:flex!important;justify-content:center!important;align-items:flex-start!important;gap:24px!important}.project-carousel-home .et_pb_portfolio_item{float:none!important;position:relative!important;width:220px!important;min-width:220px!important;max-width:220px!important;flex:0 0 220px!important;clear:none!important;margin:0!important}.project-carousel-home .et_pb_portfolio_image,.project-carousel-home .et_pb_portfolio_image.landscape{width:220px!important;min-width:220px!important;max-width:220px!important;height:135px!important;overflow:hidden}.project-carousel-home .et_pb_portfolio_image img{width:220px!important;height:135px!important;object-fit:cover}}.et-pb-contact-message p{align-content:center!important;text-align:center!important;color:48f7a8!important}.post-meta{position:absolute!important;top:20px!important;left:0!important;z-index:1000!important;pointer-events:none!important;padding-left:30px!important;padding-top:0px!important}@media (min-width:768px) and (max-width:1024px){.post-meta{top:40px!important}}@media (max-width:767px){.post-meta{top:40px!important}}.et_pb_module_header{padding-bottom:20px!important}.et_pb_filterable_portfolio.ExamplesPortfolio .et_pb_portfolio_filters{display:none!important}.et_pb_filterable_portfolio.ExamplesPortfolio .et_pb_portfolio_item{display:block!important;padding-top:60px!important;padding-bottom:40px!important;padding-left:30px!important;padding-right:30px!important;border-radius:30px!important}.et_pb_filterable_portfolio.ExamplesPortfolio .et_portfolio_image{display:block!important;width:300px!important;height:200px!important;margin-bottom:30px!important;margin-top:30px!important}.et_pb_filterable_portfolio.ExamplesPortfolio .et_portfolio_image img{}.orange{background-color:#000000;background-image:linear-gradient(to bottom,#000000 80%,#2d0c3b 120%)}.green{background-color:#000000;background-image:linear-gradient(to bottom,#000000 80%,#100b42 120%)}.XXcustom-portfolio-filter{color:white !mportant;;background-color:black !mportant;;text-decoration:none;transition:color .2s ease}.XXcustom-portfolio-filter:hover{background-color:#48f7a8 !mportant;color:black !mportant;}.XXcustom-portfolio-filter.active{color:#ff5d00}@media only screen and (max-width:767px){.et_pb_filterable_portfolio.ExamplesPortfolio
.et_pb_portfolio_items{display:block!important;width:100%!important}.et_pb_filterable_portfolio.ExamplesPortfolio
.et_pb_portfolio_item,.et_pb_filterable_portfolio.ExamplesPortfolio
.et_pb_portfolio_item.active{display:block!important;float:none!important;clear:both!important;width:100%!important;min-width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;margin-bottom:30px!important;box-sizing:border-box!important}.et_pb_filterable_portfolio.ExamplesPortfolio
.et_portfolio_image{display:block!important;width:100%!important;max-width:300px!important;height:auto!important;aspect-ratio:3 / 2;margin:30px auto!important}.et_pb_filterable_portfolio.ExamplesPortfolio
.et_portfolio_image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}}.ExamplesPortfolio .et_pb_portfolio_item.orange,.ExamplesPortfolio .et_pb_portfolio_item.green{border-style:solid!important;border-color:#FFF!important;border-width:1px 2px 2px 1px!important;transition:transform 0.25s ease,box-shadow 0.25s ease!important}.ExamplesPortfolio .et_pb_portfolio_item.orange:hover,.ExamplesPortfolio .et_pb_portfolio_item.green:hover{transform:scale(1.03);z-index:10}@media (hover:hover) and (pointer:fine){.ExamplesPortfolio .et_pb_portfolio_item.orange:hover,.ExamplesPortfolio .et_pb_portfolio_item.green:hover{transform:scale(1.03);z-index:10}}.et_pb_filterable_portfolio.ExamplesPortfolio .et_pb_portfolio_item::after{position:absolute;top:25px;right:20px;padding:8px 16px;background:#000;color:#FFF;border-radius:15px;font-size:16px;font-weight:800;line-height:1;text-transform:uppercase;pointer-events:none;Border:2px #FFF solid;background-color:rgba(0,0,0,0)}@media (min-width:768px) and (max-width:1024px){.et_pb_filterable_portfolio.ExamplesPortfolio .et_pb_portfolio_item::after{top:40!important}}@media (max-width:767px){.et_pb_filterable_portfolio.ExamplesPortfolio .et_pb_portfolio_item::after{top:35px!important}}.et_pb_filterable_portfolio.ExamplesPortfolio .project_category_level1::after{content:"1-3 DAYS"}.et_pb_filterable_portfolio.ExamplesPortfolio .project_category_level2::after{content:"3-6 DAYS"}.et_pb_filterable_portfolio.ExamplesPortfolio .project_category_level3::after{content:"5-8 DAYS"}.sliderMethodology .et_pb_slide_description{position:absolute!important;bottom:15px!important;left:0%!important;right:0%!important}@media (min-width:768px) and (max-width:1024px){.sliderMethodology .et_pb_slide_description{bottom:10px!important}}@media only screen and (max-width:479px){.sliderMethodology .et_pb_slide_description{bottom:25px!important}}.sliderMethodology .et-pb-controllers{position:absolute!important;transform:translateY(30px);bottom:0px!important;left:0%!important;right:0%!important}@media only screen and (max-width:479px){.sliderMethodology .et-pb-controllers{transform:translateY(20px)}}@media (min-width:768px) and (max-width:1024px){.sliderMethodology .et-pb-controllers{transform:translateY(30px)}}.videofluid .et-pb-controllers-has-video-tag{position:absolute!important;bottom:-40px!important}