@charset "UTF-8";#changelog-backdrop.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.5);backdrop-filter:blur(10px);z-index:999999}#changelog-modal.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(100% - 32px);max-width:400px;max-height:calc(100vh - 48px);background:#1B1B1B;border-radius:16px;z-index:1000000;overflow-y:auto;padding:24px;animation:svelte-tk04f0-modalIn 0.25s ease-out}@keyframes svelte-tk04f0-modalIn{from{opacity:0;transform:translate(-50%, -50%) scale(0.94)}to{opacity:1;transform:translate(-50%, -50%) scale(1)}}.changelog-header.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{margin-bottom:18px;align-items:center}.changelog-header.svelte-tk04f0 h4.svelte-tk04f0.svelte-tk04f0{font-family:'Aquire';letter-spacing:0.1em;color:var(--tertiary);margin:0}.changelog-close-btn.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.changelog-close-btn.svelte-tk04f0:hover svg.svelte-tk04f0 path.svelte-tk04f0{stroke:var(--tertiary)}.changelog-entry.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{padding:4px 0;min-height:180px}.changelog-media.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{width:100%;aspect-ratio:4 / 3;margin-bottom:16px;border-radius:10px;overflow:hidden;background:#D9D9D9}.changelog-media.svelte-tk04f0 img.svelte-tk04f0.svelte-tk04f0{display:block;width:100%;height:100%;object-fit:cover}.changelog-date.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{color:var(--tertiary);font-family:'Oxygen';font-weight:300;font-size:12px;display:block;margin-bottom:6px}.changelog-title.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{font-family:'Aquire';font-size:14px;color:white;margin:0 0 10px 0;letter-spacing:0.05em;text-transform:uppercase}.changelog-tags.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.changelog-tag.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{font-family:'Aquire';font-size:9px;letter-spacing:0.08em;padding:2px 8px;border:1px solid;border-radius:25px}.changelog-description.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{font-family:'Oxygen';font-weight:300;color:#CCCCCC;line-height:1.5;margin:0}.changelog-controls.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{margin-top:22px;align-items:center}.changelog-nav-btn.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{display:flex;align-items:center;gap:8px;background:none;border:none;padding:4px;color:var(--tertiary);font-family:'Aquire';font-size:11px;letter-spacing:0.08em;cursor:pointer;transition:opacity 0.15s ease}.changelog-nav-btn.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0:hover:not(:disabled){opacity:0.7}.changelog-nav-btn.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0:disabled{opacity:0.3;cursor:not-allowed}.changelog-arrow.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{display:block;color:var(--tertiary)}.changelog-steps.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{display:flex;gap:6px;align-items:center}.changelog-step.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{width:15px;height:15px;padding:0;border:none;border-radius:3px;background:#C4C4C4;cursor:pointer;transition:all 0.15s ease}.changelog-step.active.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{background:var(--tertiary)}#changelog-modal.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0::-webkit-scrollbar{display:none}#changelog-modal.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{-ms-overflow-style:none;scrollbar-width:none}@media only screen and (max-width: 400px){#changelog-modal.svelte-tk04f0.svelte-tk04f0.svelte-tk04f0{width:calc(100% - 24px);padding:20px}}nav.svelte-y8rfxz.svelte-y8rfxz{height:75px;position:relative;top:0;z-index:100}div#menu-side-list-box.svelte-y8rfxz h5.svelte-y8rfxz{font-size:14px;margin-bottom:30px}div#hor-divider.svelte-y8rfxz.svelte-y8rfxz{width:100%;background-color:#2E2E2E;border-radius:50px;margin:23px 0px;height:2.5px}div.main-nav-links.svelte-y8rfxz h5.svelte-y8rfxz{font-size:14px;margin-right:35px}div.main-nav-links.svelte-y8rfxz h5.svelte-y8rfxz:hover{color:var(--tertiary)}h5.nav-main-active.svelte-y8rfxz.svelte-y8rfxz{color:var(--tertiary)}div#side-menu-box.svelte-y8rfxz.svelte-y8rfxz{position:fixed;height:100vh;width:100%;z-index:1000000;top:0;bottom:0;left:0;right:0;background:#121212;padding:21px}div#nav-header.svelte-y8rfxz.svelte-y8rfxz{z-index:10;background-color:#121212}nav.svelte-y8rfxz #nav-inner.svelte-y8rfxz,div.nav-link-inner.svelte-y8rfxz.svelte-y8rfxz{max-width:1016px;width:100%;height:47px;padding:17px 19px}div.nav-link-inner.svelte-y8rfxz.svelte-y8rfxz{overflow-x:scroll;overflow-y:hidden}div.nav-link-inner.svelte-y8rfxz.svelte-y8rfxz::-webkit-scrollbar{display:none}div.nav-link-inner.svelte-y8rfxz.svelte-y8rfxz{-ms-overflow-style:none;scrollbar-width:none}.nav-main.svelte-y8rfxz.svelte-y8rfxz{cursor:pointer;width:auto}.nav-main.svelte-y8rfxz:hover p.svelte-y8rfxz{color:var(--tertiary)}a.svelte-y8rfxz.svelte-y8rfxz{font-family:Azonix;font-size:14px}.social-btn.svelte-y8rfxz.svelte-y8rfxz{padding:6px;height:22.44px;width:27.51px;background-color:white;background-position:center;background-repeat:no-repeat;background-size:50%;transition:ease all 0.3s;cursor:pointer;position:relative}#icon-changelog.svelte-y8rfxz.svelte-y8rfxz{display:flex;align-items:center;justify-content:center;background-image:none}#icon-changelog.svelte-y8rfxz:hover .changelog-icon path.svelte-y8rfxz{stroke:var(--primary)}#icon-email.svelte-y8rfxz.svelte-y8rfxz{background-image:url('../../../assets/svg/icon-email-hover.svg')}.tooltiptext.svelte-y8rfxz.svelte-y8rfxz{width:54px;height:auto;visibility:hidden;color:var(--dark);text-align:center;border-radius:1px;position:absolute;z-index:1;top:100%;right:-50%;left:-50%;font-weight:bold}.social-btn.svelte-y8rfxz:hover .tooltiptext.svelte-y8rfxz{visibility:visible}button.nav-link.svelte-y8rfxz.svelte-y8rfxz{padding:5px 10px !important;border-radius:25px !important;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);box-sizing:border-box;background:#292929;border:1px solid #4a4a4a !important;opacity:0.5}button.nav-link.svelte-y8rfxz.svelte-y8rfxz:hover,button.nav-link.nav-active.svelte-y8rfxz.svelte-y8rfxz{border:1px solid #00ffd1 !important;opacity:1}button.nav-link.live-active.svelte-y8rfxz.svelte-y8rfxz{border:1px solid #ff0000 !important;-webkit-animation:svelte-y8rfxz-pulsateBorder 1s infinite;-moz-animation:svelte-y8rfxz-pulsateBorder 1s infinite;-o-animation:svelte-y8rfxz-pulsateBorder 1s infinite;animation:svelte-y8rfxz-pulsateBorder 1s infinite;opacity:1}button.nav-link.svelte-y8rfxz span.svelte-y8rfxz{font-style:normal;font-weight:normal;font-family:'Aquire';letter-spacing:0.075em;color:white;margin:0}@media only screen and (min-width: 768px){nav.svelte-y8rfxz #nav-inner.svelte-y8rfxz,div.nav-link-inner.svelte-y8rfxz.svelte-y8rfxz{padding:17px 83px}}@media only screen and (min-width: 1025px){}@keyframes svelte-y8rfxz-pulsateBorder{0%{box-shadow:0 0 0 0 rgba(255, 0, 0, 1)}70%{box-shadow:0 0 0 10px rgba(255, 0, 0, 0)}100%{box-shadow:0 0 0 0 rgba(255, 0, 0, 0)}}@-o-keyframes svelte-y8rfxz-pulsateBorder{0%{box-shadow:0 0 0 0 rgba(255, 0, 0, 1)}70%{box-shadow:0 0 0 10px rgba(255, 0, 0, 0)}100%{box-shadow:0 0 0 0 rgba(255, 0, 0, 0)}}@-moz-keyframes svelte-y8rfxz-pulsateBorder{0%{box-shadow:0 0 0 0 rgba(255, 0, 0, 1)}70%{box-shadow:0 0 0 10px rgba(255, 0, 0, 0)}100%{box-shadow:0 0 0 0 rgba(255, 0, 0, 0)}}@keyframes svelte-y8rfxz-pulsateBorder{0%{box-shadow:0 0 0 0 rgba(255, 0, 0, 1)}70%{box-shadow:0 0 0 10px rgba(255, 0, 0, 0)}100%{box-shadow:0 0 0 0 rgba(255, 0, 0, 0)}}footer.svelte-12wx6ft{position:absolute;margin:auto;left:0;right:0;display:flex;align-items:center;text-align:center;justify-content:center;gap:60px;background-color:transparent;bottom:0;margin-bottom:15px}@media only screen and (min-width: 1024px){footer.svelte-12wx6ft{bottom:0;margin-bottom:calc(100vw / 40)}}body.no-scrollbar::-webkit-scrollbar{display:none !important}body.no-scrollbar{-ms-overflow-style:none !important;scrollbar-width:none !important}div.svelte-18sox7k{position:fixed;background-color:black;top:0;bottom:0;right:0;left:0;z-index:1000;display:grid;align-content:center;align-items:center;justify-items:center;grid-gap:30px}@media only screen and (min-width: 1024px){#brand-svg.svelte-18sox7k{height:93.09px;width:200.63px}p.svelte-18sox7k{font-size:21px}#loading-svg.svelte-18sox7k{height:63.36px;width:91.79px}}
/* 
==========================
DECALRING GLOBAL VARIABLES 
==========================
*/
/* to learn more -> 
https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties */
:root {
  --app-height: 100%;
  /* breakpoints */
  --mobile: 375;
  --tablet: 767;
  --desktop: 1440;
  /* standard-colors */
  --white: #FFFFFF;
  --black: #000000;
  --white-fade: #cfcfcf;
  --green: #24FF00;
  --red: #FF0000;
  /* main project colors */
  --primary: #FF7A00;
  --secondary: #1B1B1B;
  --tertiary: #00FFD1;
  --grey-1: #979797;
  /* color: rgba(255, 255, 255, 0.6); */
  /* dark-theme */
  --dark: #121212;
  --background-surface: #121212;
}
/*  */
html,
body {
  background-color: var(--dark);
  margin: 0 0;
  padding: 0 0;
  /* width: 100vw; forms a scroll-bar, unecessary, */
  height: 100vh;
  height: var(--app-height);
  /* overflow-x: hidden; */
}
* {
  box-sizing: border-box;
}
a {
  text-decoration: none !important;
  color: inherit;
  /* display: flex; */
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~
Headings Global Reference,
~~~~~~~~~~~~~~~~~~~~~~~~~
h1 -> 2em/32 px
h2 -> 1.5em/24 px
h3 -> 1.17em/18.72 px
h4 -> 1em/16 px
h5 -> .83em/13.28 px
h6 -> .67em/10.72 px
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-style: normal;
  font-weight: normal;
  font-family: "Aquire";
  letter-spacing: 0.075em;
  color: white;
  margin: 0;
}
p {
  font-style: normal;
  font-size: 10px;
  font-family: "Oxygen", sans-serif;
  color: white;
  margin: 0;
}
.alt-head-style {
  font-family: "Oxygen", sans-serif !important;
  font-weight: bold;
}
/*
  [ℹ] SEO WIDGET DATA 
*/
.seo-widget-box {
  position: absolute;
  z-index: -100;
  top: -9999px;
  left: -9999px;
}
/* 
===================
SCROLL-BAR CSS 
===================
*/
::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 1024px) {
  /* 
  webkit-scroll-bar */
  ::-webkit-scrollbar {
    width: 10px;
    display: block;
    margin-top: 5.2083333333vw !important;
    z-index: -10;
  }
  /* 
  track */
  ::-webkit-scrollbar-track {
    background: var(--secondary);
    margin-top: 5.2083333333vw !important;
    z-index: -10;
  }
  /* 
  handle */
  ::-webkit-scrollbar-thumb {
    background: #888;
  }
  /* 
  handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
}
/* 
===================
Material UI Custom
- Elevation + Corresponding Colors (custom added),
  (obtained from https://unpkg.com/@material/elevation@11.0.0/dist/mdc.elevation.css)
===================
*/
/* dark theme - by Material UI Standards */
.mdc-elevation--z0-dark {
  /* Background Surface (Darkmode) */
  background: #121212;
  /* 00 dp */
  box-shadow: 0px 4px 4px rgba(18, 18, 18, 0.25);
}
.mdc-elevation--z1-dark {
  /* Elevation Overlay / 01dp */
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), #121212;
  /* 01 dp */
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.mdc-elevation--z2-dark {
  /* Elevation Overlay / 02dp */
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.07)), #121212;
  /* 02 dp */
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
}
.mdc-elevation--z3-dark {
  /* Elevation Overlay / 03dp */
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)), #121212;
  /* 03 dp */
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.14), 0px 3px 3px rgba(0, 0, 0, 0.12), 0px 1px 8px rgba(0, 0, 0, 0.2);
}
.mdc-elevation--z4-dark {
  /* Elevation Overlay / 04dp */
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09)), #121212;
  /* 04 dp */
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.mdc-elevation--z6-dark {
  /* Elevation Overlay / 06dp */
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.11)), #121212;
  /* 06 dp */
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2);
}
.mdc-elevation--z8-dark {
  /* Elevation Overlay / 08dp */
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)), #121212;
  /* 08 dp */
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.mdc-elevation--z12-dark {
  /* Elevation Overlay / 12dp */
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14)), #121212;
  /* 12 dp */
  box-shadow: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.2);
}
.mdc-elevation--z16-dark {
  /* Elevation Overlay / 16dp */
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)), #121212;
  /* 16 dp */
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.14), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.2);
}
.mdc-elevation--z24-dark {
  /* Elevation Overlay / 24dp */
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)), #121212;
  /* 24 dp */
  box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.2);
}
.mdc-elevation-transition {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow;
}
/* page dividers */
hr {
  width: 100%;
  margin: 16.17px 0;
  opacity: 0.25;
  border: 1.46983px solid #FF5555;
  background-color: #FF5555;
}
/* images */
img.news-img {
  width: 100%;
  border-radius: 2.5px;
}
/* 
=========================
ANIMATIONS FORM CSS STYLE 
=========================
*/
@keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}
.animation-target {
  -webkit-animation: flickerAnimation 1.5s infinite;
  -moz-animation: flickerAnimation 1.5s infinite;
  -o-animation: flickerAnimation 1.5s infinite;
  animation: flickerAnimation 1.5s infinite;
}
/* SEO STYLES */
.seo-widget-box {
  position: absolute;
  z-index: -100;
  top: -9999px;
  left: -9999px;
}
/* ##########################
  DEFAULT MARGIN STYLES
########################## */
.m-0 {
  margin: 0;
}
/* 
~~~~~~~~~~
top-margins 
*/
.m-t-10 {
  margin-top: 10px;
}
.m-t-15 {
  margin-top: 15px;
}
.m-t-20 {
  margin-top: 20px;
}
.m-t-25 {
  margin-top: 25px;
}
.m-t-30 {
  margin-top: 30px;
}
.m-t-35 {
  margin-top: 35px;
}
.m-t-40 {
  margin-top: 40px;
}
.m-t-45 {
  margin-top: 45px;
}
.m-t-80 {
  margin-top: 80px;
}
/* 
~~~~~~~~~~
right-margins 
*/
.m-r-5 {
  margin-right: 5px;
}
.m-r-10 {
  margin-right: 10px;
}
.m-r-15 {
  margin-right: 15px;
}
.m-r-20 {
  margin-right: 20px;
}
.m-r-30 {
  margin-right: 30px;
}
/* 
~~~~~~~~~~
bottom-margins 
*/
.m-b-5 {
  margin-bottom: 5px;
}
.m-b-10 {
  margin-bottom: 10px;
}
.m-b-15 {
  margin-bottom: 15px;
}
.m-b-20 {
  margin-bottom: 20px;
}
.m-b-25 {
  margin-bottom: 25px;
}
.m-b-30 {
  margin-bottom: 30px;
}
.m-b-35 {
  margin-bottom: 35px;
}
.m-b-40 {
  margin-bottom: 40px;
}
.m-b-45 {
  margin-bottom: 45px;
}
.m-b-55 {
  margin-bottom: 55px;
}
/*
==========================
Set Global Fonts for Website,
==========================
*/
/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap'); */
/* Azonix Font */
@font-face {
  font-family: "Azonix";
  src: url("../../../fonts/Azonix-1VB0.otf") format("opentype");
}
/* Exo_2 Font */
@font-face {
  font-family: "Exo 2";
  src: url("../../../fonts/Exo_2/Exo2-VariableFont_wght.ttf") format("truetype");
}
/* Aquire Font */
@font-face {
  font-family: "Aquire";
  src: url("../../../fonts/Aquire/AquireBold-8Ma60.otf") format("opentype");
}
/* Oxygen Font */
@font-face {
  font-family: "Oxygen";
  src: url("../../../fonts/Oxygen/Oxygen-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Oxygen";
  src: url("../../../fonts/Oxygen/Oxygen-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  /* lighthouse issue fix */
}
@font-face {
  font-family: "Oxygen";
  src: url("../../../fonts/Oxygen/Oxygen-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
/* Roboto Font */
@font-face {
  font-family: "Roboto";
  src: url("../../../fonts/Roboto/Roboto-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../../../fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("../../../fonts/Roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../../../fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("../../../fonts/Roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../../../fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("../../../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../../../fonts/Roboto/Roboto-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("../../../fonts/Roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../../../fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("../../../fonts/Roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../../../fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
/* ==========================
  VARIABLE FONT SIZES
  & other STYLES for text
========================== */
/*
~~~~~~~~~~~~
FONT COLOURS
*/
.color-primary {
  color: var(--primary);
}
.color-secondary {
  color: var(--secondary);
}
.color-tertiary {
  color: var(--tertiary);
}
.color-grey-1 {
  color: var(--grey-1);
}
.color-red {
  color: var(--primary);
}
.color-white {
  color: var(--white);
}
.color-white-fade {
  color: var(--white-fade);
}
.color-black {
  color: var(--black);
}
.color-blue {
  color: var(--blue);
}
.color-error {
  color: #FF0000;
}
.color-success {
  color: #009406;
}
.color-red {
  color: var(--red);
}
.color-green {
  color: var(--green);
}
.color-grey-0 {
  color: #626262;
}
/*
~~~~~~~~~~~~
FONT EXTRA STYLES
*/
.no-wrap {
  white-space: nowrap;
}
.underline {
  text-decoration: underline !important;
}
.bold {
  font-style: normal;
  font-weight: bold;
}
.not-bold {
  font-weight: normal;
}
.uppercase {
  text-transform: uppercase;
}
.cursor-pointer {
  cursor: pointer;
}
.text-center {
  text-align: center;
}
/* p.capitalize::first-letter {
  text-transform: capitalize;
} */
/*
~~~~~~~~~~~~
FONT SIZES
font-size: calc(100vw / (var(--mobile) / 10));
*/
.s-10 {
  font-size: 10px;
}
.s-12 {
  font-size: 12px;
}
.s-14 {
  font-size: 14px;
}
.s-16 {
  font-size: 16px;
}
.s-18 {
  font-size: 18px;
}
.s-20 {
  font-size: 20px;
}
.s-22 {
  font-size: 22px;
}
.s-32 {
  font-size: 32px;
}
/*
page titles */
.s-42 {
  font-size: 42px;
  /* margin-bottom: calc(100vw / (var(--mobile) / 26)); */
}
@media only screen and (min-width: 768px) {
  .s-t-16 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1025px) {
  .s-d-20 {
    font-size: 20px;
  }
  .s-10 {
    font-size: 12px;
  }
  .s-12 {
    font-size: 14px;
  }
  .s-14 {
    font-size: 16px;
  }
  .s-16 {
    font-size: 18px;
  }
  .s-18 {
    font-size: 20px;
  }
  .s-20 {
    font-size: 22px;
  }
  .s-22 {
    font-size: 24px;
  }
  .s-32 {
    font-size: 34px;
  }
}
/*
##########################
  CONTAINER STYLE
##########################
*/
section {
  max-width: 850px;
  /* width: fit-content; */
  min-height: calc(100vh - 122px);
  margin: 20px 20px 90px 20px;
}
@media only screen and (min-width: 768px) {
  section {
    min-height: calc(100vh - 122px);
    margin: 90px 83px;
  }
}
/* 1025px is used to allow for IPad Pro to use the Tabler Version */
@media only screen and (min-width: 1025px) {
  section {
    min-height: calc(100vh - 122px);
    margin: 90px auto;
  }
}
/* 
FLEX DISPLAY */
.row-space-out {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
}
.row-space-even {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-evenly;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
}
.row-space-start {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: start;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
}
.row-space-end {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: end;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
}
.row-space-center {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
}
.row-space-start-up {
  display: flex;
  align-items: flex-start;
  align-content: center;
  justify-content: start;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
}
/* 
GRID DISPLAY */
.column-space-center {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
}
.column-space-stretch {
  display: flex;
  align-items: stretch;
  align-content: center;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
}
.column-space-end {
  display: flex;
  align-items: flex-end;
  align-content: center;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
}
.column-space-end {
  display: flex;
  align-items: flex-start;
  align-content: center;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
}
/* ==========================
      BUTTON STYLES 
========================== */
button {
  /* 
  removing pre-set CSS, */
  outline: none !important;
  border: none !important;
  /* 
  general button design, */
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  border-radius: 1px !important;
  opacity: 1;
  cursor: pointer;
  transition: all 0.3s ease;
  align-items: center;
  padding: 10px 13px !important;
  /* text-transform: uppercase; */
  /* 
  fonts */
  white-space: nowrap;
  /* 
  for the icons separation */
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 343px;
}
button p {
  font-weight: 400;
}
button:disabled {
  cursor: default;
}
/* 
~~~~~~~~~~~~~
BUTTON STYLES 
*/
.btn-primary {
  border: 1px solid var(--primary);
  background-color: transparent;
}
.btn-primary p {
  color: var(--white);
}
.btn-secondary {
  background: var(--secondary);
}
.btn-secondary p {
  color: var(--white);
}
.btn-blue {
  background-color: var(--blue);
}
.btn-blue p {
  color: var(--white);
}
.btn-blue:hover {
  background-color: var(--white);
}
.btn-blue:hover p {
  color: var(--secondary);
}
.btn-white {
  background-color: var(--white);
}
.btn-white p {
  color: var(--black);
}
/* 
~~~~~~~~~~~~~
BUTTON ICON IMG
*/
.btn-right-icon {
  padding: 5px 45px 5px 6px !important;
  background-position: right 11px top 50%;
  background-size: 16.17px 16.17px;
  background-repeat: no-repeat;
}
.btn-left-icon {
  padding: 5px 6px 5px 37px !important;
  background-position: left 11px top 50%;
  background-size: 16.17px 16.17px;
  background-repeat: no-repeat;
}

/*# sourceMappingURL=app.css.map */#seo-widget-box.svelte-jhp7yi{position:absolute;z-index:-100;top:-9999px;left:-9999px}main.svelte-jhp7yi{position:relative;z-index:0;margin:0 auto;width:100%;overflow:hidden}