*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;vertical-align:baseline}html{font-size:62.5%;scroll-behavior:smooth;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{min-height:100dvh;font-size:1.6rem;line-height:1.5;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{text-wrap:balance}p,h1,h2,h3,h4{overflow-wrap:break-word}ul[role=list],ol[role=list],li{list-style:none}a,i,figure,img,button,input[type=button],input[type=submit]{-webkit-user-select:none;-moz-user-select:none;user-select:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,textarea,button,select{font:inherit;border-style:none;outline-style:none}input[type=button],input[type=submit],input[type=reset],button,a{cursor:pointer}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--primary-dark: #0a1e24;--app-bg-dark: rgb(24, 23, 32);--secondary-dark-color: #102f38;--primary-grey: #838383;--light-color: #fff;--primary-red: rgb(255, 0, 93);--primary-orange: #FF993A;--primary-purple: #90f;--byte-border-radius: 0px 12px;--byte-border: 1px solid linear-gradient(148deg, #0198ff2e, #0000);--primary-green: #00c086;--primary-blue: #45c4d2;--primary-blue-hover: rgb(20 123 183 / 18%);--gradient-bg: linear-gradient(148deg, hsl(185.96deg 61.04% 54.71% / 18%), #0000)}body{background-color:var(--primary-dark);font-family:Sora,sans-serif;color:var(--light-color)}.container{width:min(100% - 30px,1200px);margin-inline:auto}.flex{display:flex}h1,.h1{font-size:4rem;text-align:center;font-family:Bungee Shade,sans-serif}.h1{font-size:7rem}b,h1{background:linear-gradient(75deg,var(--primary-green) 0%,var(--primary-blue) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}main{height:100svh}h2{font-size:3rem;font-weight:600;line-height:1}h2 span{color:#00f3b6}h2 span:hover{color:var(--primary-blue)}h3{font-size:2rem}h4{color:var(--primary-green)}li+li{margin-left:25px}p{font-size:1.6rem}section.white-bg{margin-top:100px}header{z-index:3;position:relative}a.active{color:var(--primary-green)}.main-logo img{width:60px}.header-wrapper{display:flex;justify-content:space-between;line-height:60px;flex-direction:row}.right-nav a,.right-nav div{text-decoration:none;color:var(--light-color);transition:.3s ease-in;font-size:1.8rem}header a:hover,.subnav-menu li a:hover{color:var(--primary-green)}.main-nav,.right-nav,.footer-left,.footer-mid,.footer-right{display:flex;align-items:center}.main-nav,.footer-left{justify-content:flex-start}.right-nav,.footer-right{justify-content:flex-end}li{display:inline}li.account a{font-size:2.6rem;display:inline-block;vertical-align:middle}.navbar{padding:10px 0;display:flex;flex-wrap:nowrap;justify-content:flex-end}.nav-menu{display:flex;list-style-type:none;margin:0;padding:0}ul.nav-menu.nav-icons{margin-left:25px;align-items:center}.nav-item{position:relative;cursor:pointer}.nav-link{display:flex;align-items:center;text-decoration:none}.subnav-menu{position:absolute;top:100%;left:0;background-color:var(--light-color);transform-origin:top;box-shadow:0 10px 40px #0000000d;opacity:0;visibility:hidden;min-width:220px;z-index:2;padding:10px 20px;border-radius:var(--byte-border-radius);-moz-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0)}.subnav-menu.show{opacity:1;visibility:visible;transform:scaleY(1)}.subnav-menu li{display:flex;margin:0;line-height:40px}.subnav-menu li a{text-decoration:none;display:block;color:var(--primary-dark);font-size:1.6rem}.nav-item:hover .subnav-menu{display:block}.nav-link svg{margin-left:5px;transition:transform .3s ease}.nav-item.active .nav-link svg{transform:rotate(180deg)}.show-products-menu svg{display:inline;vertical-align:middle;font-size:1.4rem}.buttons{display:flex;gap:20px;margin-top:10px}button{line-height:42px;border-radius:var(--byte-border-radius);font-variant-numeric:tabular-nums;height:42px;text-decoration:none;cursor:pointer;font-size:1.6rem}.primary{background-color:var(--primary-green);color:var(--light-color);width:130px;transition:all .5s;user-select:none;-webkit-user-select:none;touch-action:manipulation}.primary:hover{box-shadow:#7cd9e37f 0 1px 10px;transition-duration:.1s}.secondary{background-color:var(--primary-blue-hover);border:1px solid var(--primary-blue);color:var(--light-color);width:175px;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;-webkit-user-select:none;touch-action:manipulation}.secondary:hover{background-color:#147bb77f;border:1px solid var(--primary-blue);color:var(--light-color)}.checkbox{margin-top:10px}label{font-size:2.3rem;position:relative;inset:1px auto auto 10px}input::placeholder{color:var(--primary-grey)}input.white-input::placeholder,input.white-input,.dialog-email{color:var(--primary-grey)}input{width:300px;height:42px;padding:0 15px;border-radius:var(--byte-border-radius);background-color:var(--primary-blue-hover);border:1px solid var(--primary-blue);color:var(--light-color);font-size:1.8rem}figure{display:flex;justify-content:center;align-items:center}figure img{border-radius:50%;width:150px}form{display:flex;gap:15px;margin-top:20px;justify-content:center}.search-input p{margin:5px 0 0 15px;color:var(--primary-red)}.newsletter-popup p{letter-spacing:1px;max-width:330px;margin:0 auto 25px}.section-title-middle{width:500px}.section-title-left{width:300px}.hero-banner{position:relative;overflow:hidden;height:700px;background-image:url(https://raw.githubusercontent.com/mcguenette/stored-images/main/img/esports.jpg);background-size:cover;background-position:center}.hero-container{height:600px}.hero-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1}.hero-content{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;z-index:2;gap:30px}.hero-content h2.hero-title{font-size:7rem;width:85%;text-align:center}.hero-content p{font-size:2rem;width:55%;text-align:center}.hero-btn{display:flex;gap:20px;align-items:center;justify-content:center}.dialog{position:fixed;top:50%;left:0;right:0;max-width:550px;width:95%;margin:0 auto;text-align:center;padding:20px;color:transparent;z-index:5;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;transition:all ease-in-out .5s;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);border-radius:var(--byte-border-radius);background:var(--light-color)}svg.close-dialog{color:var(--primary-dark);font-size:2rem}.newsletter-title{display:flex;justify-content:center}.newsletter-title,.newsletter-content{padding:20px}.newsletter-content{text-align:center;padding-top:0}.close-icon{display:flex;justify-content:flex-end;cursor:pointer}dialog::backdrop{background-color:#00000080}dialog.dialog-container{background:transparent;border:none;border-radius:10px}.newsletter-content p,.newsletter-title h2{color:var(--primary-dark)}.cart-page{padding:20px 0}.cart-items{display:flex;flex-direction:column;gap:20px}.cart-item{display:flex;align-items:center;gap:40px;padding:30px;border-radius:5px}.cart-item img{width:125px;object-fit:cover}.cart-item-details{flex-grow:1}.cart-total.container{width:100%}.cart-total{margin:40px 0 0;font-size:1.6rem;text-align:right}.cart-title,.cart-empty{display:flex}.cart-empty{justify-content:center;padding-bottom:60px}.cart-title{padding-bottom:40px}button.secondary.remove-btn{width:100px}.cart-item-details{display:flex;justify-content:space-between;align-items:center}.cart-item-card{padding:40px;position:relative;background:linear-gradient(148deg,#0198ff2e,#0000);transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;width:100%;border-radius:0 12px}.cart-item-card:before{content:"";position:absolute;z-index:-1;height:100%;width:100%;border-radius:0 12px;border:1px solid transparent;background:linear-gradient(to left,var(--primary-blue) 50%,var(--primary-green)) border-box;-webkit-mask:linear-gradient(var(--light-color) 0 0) padding-box,linear-gradient(var(--light-color) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;top:0;left:0;right:0}h2.cart-total-price{margin:15px 0}.cart-item-left{display:flex;flex-direction:column;gap:15px}.cart-item-right{display:flex;align-items:center;gap:15px}.cart-line-item-remove{display:flex;height:46px}button.secondary.remove-btn{width:auto;background:none;border:none;font-size:2rem}button.secondary.remove-btn:hover{color:var(--primary-red)}h3.cart-total-price{margin-bottom:10px}section.product-carousel-section{padding-top:100px}.product-card-inner{padding:15px;position:relative;background:linear-gradient(148deg,#0198ff2e,#0000);transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;width:100%;border-radius:0 12px;display:flex;flex-direction:column;gap:20px}.product-card-inner:before{content:"";position:absolute;z-index:-1;height:100%;width:100%;border-radius:0 12px;border:1px solid transparent;background:linear-gradient(to left,var(--primary-blue) 50%,var(--primary-green)) border-box;-webkit-mask:linear-gradient(var(--light-color) 0 0) padding-box,linear-gradient(var(--light-color) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;top:0;left:0;right:0}:after,:before{box-sizing:border-box;-webkit-tap-highlight-color:transparent;text-decoration:inherit;vertical-align:inherit}.product-carousel-title{display:flex;justify-content:space-between}.product-carousel{display:flex;gap:20px;align-items:stretch;margin-top:80px}.product-card{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%}.product-card-content{display:flex;justify-content:space-around;align-items:center;gap:15px}.product-price p{font-size:2.2rem;color:var(--primary-blue);font-weight:600}p.regular{font-size:1.6rem;text-decoration:line-through}.product-price{height:60px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.section-title-middle p{font-size:1.4rem}img.product-img{width:auto}.product-card img:nth-child(2){width:234px}section.white-bg{background-color:var(--light-color);padding:60px 0}.subscribe-container{display:flex;justify-content:space-evenly;align-items:center}.subscribe-title{width:415px}.subscribe-title p{color:var(--primary-grey)}.subscribe-title h2{margin-bottom:10px;color:var(--app-bg-dark)}.subscribe-img{border-radius:10px;width:500px}form.white-subscribe{justify-content:flex-start}.aboutus-inner{padding:15px;position:relative;background:linear-gradient(148deg,#0198ff2e,#0000);transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;width:100%;border-radius:0 12px}.aboutus-inner:before{content:"";position:absolute;z-index:-1;height:100%;width:100%;border-radius:0 12px;border:1px solid transparent;background:linear-gradient(to left,var(--primary-blue) 50%,var(--primary-green)) border-box;-webkit-mask:linear-gradient(var(--light-color) 0 0) padding-box,linear-gradient(var(--light-color) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;top:0;left:0;right:0}.aboutus-card{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%}.aboutus-content{display:flex;justify-content:space-around;width:100%;align-items:center}.aboutus-team{display:flex;gap:20px;align-items:stretch;margin-top:50px}.about-us-title h3,.aboutus-content p{text-align:center}.aboutus-image{margin:30px 0}section.aboutus{padding:100px 0}.product-display-container{display:flex;justify-content:space-around;align-items:center;padding:40px 0 100px;gap:40px}.product-image-container{display:flex;flex-direction:column;align-items:center;width:100%}.product-info{width:100%}h2.product-title{margin-bottom:60px}.product-thumbnail{width:120px;object-fit:cover;cursor:pointer;opacity:.6;transition:opacity .3s ease,transform .3s ease}.product-description,.product-info{display:flex;flex-direction:column;gap:30px}.product-description .product-price{height:auto}.product-page-atc{display:flex;justify-content:flex-start;align-items:center;gap:20px}.quantity-selector{display:flex;align-items:center}input.qty-input{width:50px;padding:5px;text-align:center;border-radius:5px;margin-inline:5px;-webkit-appearance:textfield}.quantity-selector button,.add-to-cart-button{margin:0 auto;display:block}.main-product-image{max-width:100%;box-shadow:0 4px 8px #0000001a}.main-image-container{transition:opacity .5s ease-in-out;opacity:1}.main-image-container img{width:100%;height:auto}.product-thumbnail.active{border:2px solid var(--primary-green);border-radius:5px}.image-group{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.main-image.fade-out{animation:fadeOut .5s forwards}.main-image.fade-in{animation:fadeIn .5s forwards}.product-thumbnail:hover,.product-thumbnail.active{opacity:1;transform:scale(1.1)}.quantity-selector button,.add-to-cart-button{display:block;margin:0}.circle-button{background-color:var(--primary-green);color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:30px}.circle-button:hover{opacity:.8;transition:all .25s ease-in-out}.thumbnail{display:flex}.product-info h2{font-size:4rem}.contact-options{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:200px}.hero-contact-wrapper{position:relative;z-index:2;text-align:center;color:var(--light-color)}.hero-contact-content h1{font-size:3em;margin:0}.hero-contact-content p{font-size:1.5em;margin-top:10px}.contact-option{display:flex;flex-direction:column;justify-content:center;align-items:center;width:390px;padding:60px;border-radius:var(--byte-border-radius);background-color:var(--primary-blue-hover);border:1px solid var(--primary-blue)}.contact-title{color:var(--primary-green)}.get-in-touch{margin-bottom:100px;margin-top:50px}.text-us-form-header{margin-top:38px}.contact-form-container{width:300px}.contact-form{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px}.contact-form-form{display:flex;flex-direction:column;justify-content:left;align-items:left}.contact-form-label{display:flex;flex-direction:column;justify-content:left;align-items:left;margin-bottom:10px}.submit-contact-part{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.contact-first-words{width:100%;justify-content:left;align-items:top;text-align:left;margin-bottom:60px;margin-top:10px}.contact-inside-option{margin:15px;padding:0 10px}.contact-paragraph{width:70%;text-align:center;align-items:center;justify-content:center;margin:30px 0}.contact-form-label p{margin-bottom:7px}textarea{resize:none;width:300px;height:100px;padding:10px 15px;border-radius:var(--byte-border-radius);background-color:var(--primary-blue-hover);border:1px solid var(--primary-blue);color:var(--light-color);font-size:1.8rem;overflow:hidden}textarea::-webkit-scrollbar{width:0;height:0}textarea{scrollbar-width:none}textarea::-ms-scrollbar{width:0;height:0}.contact-paragraph-div{display:flex;flex-direction:column;justify-content:center;width:100%;text-align:center;align-items:center}.submit-button{margin-left:10px}.email-acception{font-size:12px}.partner-bar{padding:20px;background-color:var(--light-color);color:#23292a;text-align:center}.partner-bar-text{font-size:40px;margin-bottom:20px;color:var(--primary-dark)}.partner-bar-top{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:20px;justify-content:center;align-items:center;background:transparent;margin:20px 0}.partner-bar-partner{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 0;background-color:var(--light-color);border-radius:8px;color:var(--primary-dark)}.partner-bar-partner p{color:#23292a}.partner-bar-img img{max-width:100px;max-height:100px;margin-right:10px}.partner-bar-partner p{margin:0;font-size:16px;font-weight:700}.align-items-right{justify-content:flex-end}.align-items-center{justify-content:center}.align-items-left{justify-content:flex-start}.footer{background-color:var(--light-color);color:var(--primary-dark);padding:0 20px}.footer-content{margin:0 auto;padding:60px 0 30px}.footer-content p{margin:0;padding:10px 0;font-size:1.3rem;color:var(--primary-dark)}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-top a,.footer-social a{color:var(--primary-dark);text-decoration:none;transition:color .3s;display:flex;align-items:center;gap:10px}hr{border:none;height:2px;background-image:linear-gradient(to left,var(--primary-blue) 50%,var(--primary-green));margin-bottom:30px}.footer-social{display:flex;gap:15px}.footer-social a{font-size:3rem}.footer-top a:hover,.footer-social a:hover{color:var(--primary-green)}li.footer-item svg{display:inline}li.footer-item{display:flex;justify-content:flex-start;margin:0;line-height:2.5}.footer-links-list h3{margin-bottom:20px;color:var(--primary-dark)}.route-error-div{padding:150px 0;flex-direction:column;justify-content:center;align-items:center}.route-error-div .error-page-text{font-family:Bungee Shade,sans-serif;background:linear-gradient(75deg,var(--primary-green) 0%,var(--primary-blue) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:12rem}.route-error-div p{margin-top:30px;font-size:4rem}