.skip-link {
                    background: #ca7c3c;
                    color: white;
                    font-weight: 700;
                    left: 50%;
                    padding: 5px 10px;
                    position: absolute;
                    transform: translateY(-500%);
                    transition: transform 0.3s;
                    z-index: 999;
                }
                a.skip-link:focus {
                    transform: translateY(00%);
                }#nav-main-controls, #nav-main { background: #2f373b; background: rgba(47, 55, 59, 0.95);}#nav-main li a {font-family:'Oswald';text-transform: uppercase;}#nav_main_toggle .icon-bar {background: #fff;}#nav-main li a {color: #fff;}#nav-main-content li.active a {border-color: #fff;}#nav-main-content li:hover a {color: #c1c1c1; border-color: #c1c1c1;}#nav-main-content li.active:hover a {border-color: #c1c1c1;}.home-38407 .layout-1-bg-path{background-image: url('https://www.unoapp.com/app/source/resources/webbuilder/structure/1/home/layout_1.jpg');}.home-38407 .layout-1-logo-section{background-image: url('../source/images/logoplaceholder.png');}.home-38407 .layout-1-arrow-color{color:#fff;}@media only screen and (min-width: 1600px) { .layout-1-logo-padding{padding-top:495px !important;}}@media only screen and (max-width: 1600px) { .layout-1-logo-padding{padding-top:395px !important;}}.content-38408 .layout-1-bg-path{background-image: url('');}.layout-1-footer-bg{background-color:rgb(47, 55, 59);}.content-social h1, .headline h1 ,.headlineui h1 {font-family: 'Oswald'; font-size: 32px; color: #fff; margin: 0px;line-height: 32px;font-weight: normal;}.content-social h2, .headline h2,.subheadui h2{font-family: 'Oswald'; font-size: 24px; color: #fff; margin: 0px;line-height: 24px;font-weight: normal;}/* === FONT LINKS === */
/* Add the @import/@font-face info here, but remember to ALSO embed the <link> option into the Header Script area. */
/* NOTE: @import must be before any other at-rule (except @charset and @layer) */
@font-face {
  font-family:'Open Sans Condensed';
  src: url('https://unoapp.com/shared/fonts/OpenSans/OpenSansCondensed-ExtraBold.woff'), url('https://dmbdemo.com/shared/fonts/OpenSans/OpenSansCondensed-ExtraBold.woff2');
}

/*UTILS*/
.d-none {
  display: none !important;
}

/* === ROOT SYSTEM === */
/* (Change your colours and fonts under this section) */
:root {
  --brand01: #8DC63F;
  --brand02: #00964C;
  --brand03: #DDF2C2;
  --brand04: #C4F1D3;


  --foreground: #ffffff; /* Main Body Text Colour */
  --card-foreground: #f1f1f1; /* Alternative Body Text Colour */
  --primary: var(--brand01); /* Main Brand Text Colour */
  --secondary: var(--brand02); /* Secondary Brand Text Colour */
  --primary-foreground: #000000; /* Text Colour for the CTA Button */

  --border: var(--brand01);

  --background: #000000; /* Primarily the main background */
  --card-background: #1A1A1A; /* Primarily the alternative background */
  --surface-legal: rgba(0,0,0,0.6);

  --font-title: 'Open Sans Condensed', sans-serif;
  --font-subtitle: 'Open Sans Condensed', sans-serif;
  --font-body: 'Open Sans', sans-serif; 

  --bold: 900;
}

/* === GENERAL SETTINGS === */
body {background: var(--background);}

/* === FONT SETTINGS === */
body, html, p, a, b, i, u, em {font-family: var(--font-body) !important; line-height: 1.3;}
h1, h2, h3, h4, h5, h6 .element-btn {font-family: var(--font-title) !important; font-weight: 800; margin: 0; line-height: 1.3; color:var(--primary);}
*, html, body {font-size: 16px; margin: 0;}
h1 {font-size: 2.625em;}
h2 {font-size: 2em;}
h3 {font-size: 2em;}
h4 {font-size: 1.5em;}
p {color: var(--foreground);}
a:hover {opacity: 0.8;}

@media screen and (max-width: 460px) {
  h1 {font-size: 2em; padding: 0;}
  h2 {font-size: 1.5em; padding: 0;}
  h3 {font-size: 1.5em; padding: 0;}
}

/* === GLOBAL SECTIONS SETTINGS === */
/* Background on all sections */
div.widget-section {background: var(--background) !important;}

/* Padding settings */
.hero {padding: 0 !important;}
.main-container {
  max-width:1200px;
  padding: 32px 0px;
  margin:0 auto;
}
@media screen and (max-width: 768px) {
  .main-container {padding: 16px;}
}
@media screen and (max-width: 400px) {
  .main-container {padding: 8px 16px !important;}
}

/* === GLOBAL BUTTONS === */
.button {
  padding: 16px 48px;
  font-size: 24px;
  font-weight: bold;
  font-style: italic;
  letter-spacing: -1px;
  border-radius: 64px;
  text-decoration: none;
  text-align: center;
  font-family: var(--font-title);
  display: inline-block;
}
.main-btn {
  background: var(--primary);
  color: var(--primary-foreground);
  text-transform: uppercase;
}
.secondary-btn {
  border: 1px solid var(--primary);
  background: rgba(2555,255,255,0.3);
  color: var(--primary);
}
.tertiary-btn {
  text-decoration: none;
  font-weight: normal;
  font-family: var(--font-body);
  color: var(--primary);
  padding-bottom: 2px;
  background: transparent;
}
.main-btn:hover {
  opacity: 0.8;
  color: var(--primary-foreground);
  box-shadow: 0 0 10px var(--primary);
}
.secondary-btn:hover {
  opacity: 0.8;
  color: var(--foreground);
  box-shadow: 0 0 10px var(--primary);
}
.tertiary-btn:hover {text-decoration: underline;}

/* When a button is disabled, add this class to the button */
.disabled-btn {
  background: #636363 !important;
  color: #484848 !important;
}
/* AODA: NOTICEABLE OUTLINE FOR KEYBOARD FOCUS */
a:focus,a:active,button:focus,button:active,.btn.active.focus, .btn.active:focus,.btn.focus,.btn:active.focus, .btn:active:focus,.btn:focus { outline: 1px solid #000000; box-shadow: none;}

@media screen and (max-width: 830px) {
  .mobile-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px;
    background: var(--background);
  }
  .mobile-btn .button {width: 100%;}
}

/* === SECTION TITLES === */
.section-title {
  margin: 0 auto 16px;
  text-align: center;
}
.section-title p {
  margin-top: 48px;
}
.section-title img {
  max-width: 400px;
}
@media screen and (max-width: 400px) {
  .section-title img { max-width: 100%;}
}

/* === V2 DEFAULT SETTINGS === */
/* Social Media, Footer */
#home, #header-main, #header_wrap, #header_wrap #social, #soc_med_bar, .footer, #navbar_wrap {
  display: none !important;
}

/* Skip to Main Content (Do not delete) */
.skip {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Hide Sections */
#tips, #faq {display: none !important;}

/* ========================================== */
/* ========== END OF GLOBAL STYLES ========== */
/* ========================================== */

/* ==== CSS FOR INDIVIDUAL SECTIONS STARTS HERE === */
h1 {color:var(--foreground);}
.main-container.tc_landing {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding-bottom: 120px;
}
.main-container.tc_landing img {
  max-width: 350px;
}

.buttons {
  display: flex;
  width: 100%;
  max-width: 800px;
  justify-content: space-evenly;
}

@media screen and (max-width: 640px) {
  .main-container.tc_landing {
    gap: 16px;
  }
  .buttons {
    flex-direction: column;
    gap: 16px;
  }
}
.home-home-38407 .content-social h1, .home-home-38407 .headline h1 {font-family: 'Oswald'; font-size: 32px; color: #fff; margin: 0px;font-weight: normal;}.home-home-38407 .content-social h2, .home-home-38407 .headline h2 {font-family: 'Oswald'; font-size: 24px; color: #fff; margin: 0px;font-weight: normal;}