/* html {
    overflow: auto;
} */
  
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');
/* @import url('https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/5.3.45/css/materialdesignicons.min.css'); */

:root {
  --primary-color: #006aff;
  --secondary-color: #1c3fa8;
  --dark-color: #002240;
  --light-color: #f4f4f4;
  --success-color: #5cb85c;
  --error-color: #d9534f;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

ul {
  list-style-type: none !important;
  text-decoration: none;
}
/* 
a {
  text-decoration: none;
  color: #fff;
} */

h1,
h2 {
  font-weight: 300;
  line-height: 1.2;
  margin: 10px 0;
}

p {
  margin: 10px 0;
}

/* img {
  width: 100%;
} */

/* code,
pre {
  background: #333;
  color: #fff;
  padding: 10px;
} */

.hidden {
  visibility: hidden;
  height: 0;
}
/* Navbar */
.navbar {
  background-color: var(--primary-color);
  color: #fff;
  height: 70px;
}

.navbar ul {
  display: flex;
}

.navbar a {
  color: #fff;
  padding: 10px;
  margin: 0 5px;
}

.navbar a:hover {
  border-bottom: 2px #fff solid;
}

.navbar .flex {
  justify-content: space-between;
  overflow: hidden;
}
.navbar-brand{
    padding:5px 0;
    margin:5px 0;
}
/* Showcase */
.showcase {
  height: 400px;
  background-color: var(--primary-color);
  color: #fff;
  position: relative;
}

.feather{
     width:"16px !important";
     height:"16px !important";
     fill:var(--primary-color);
     stroke:#fff;
     stroke-width:"2 !important";
     stroke-linecap:"round !important";
     stroke-linejoin:"round !important";
}
.showcase h1 {
  font-size: 40px;
}

.showcase p {
  margin: 20px 0;
}

.showcase .grid {
  overflow: visible;
  grid-template-columns: 55% auto;
  gap: 30px;
}

.showcase-text {
  animation: slideInFromLeft 1s ease-in;
}

.showcase-form {
  position: relative;
  top: 60px;
  height: 350px;
  width: 400px;
  padding: 40px;
  z-index: 100;
  justify-self: flex-end;
  animation: slideInFromRight 1s ease-in;
}

.showcase-form .form-control {
  margin: 30px 0;
}

.showcase-form input[type='text'],
.showcase-form input[type='email'] {
  border: 0;
  border-bottom: 1px solid #b4becb;
  width: 100%;
  padding: 3px;
  font-size: 16px;
}

.showcase-form input:focus {
  outline: none;
}

.showcase::before,
.showcase::after {
  content: '';
  position: absolute;
  height: 100px;
  bottom: -70px;
  right: 0;
  left: 0;
  background: #fff;
  transform: skewY(-3deg);
  -webkit-transform: skewY(-3deg);
  -moz-transform: skewY(-3deg);
  -ms-transform: skewY(-3deg);
}
/* Stats */
.stats {
  padding-top: 100px;
  animation: slideInFromBottom 1s ease-in;
}

.stats-heading {
  max-width: 500px;
  margin: auto;
}

.stats .grid h3 {
  font-size: 35px;
}

.stats .grid p {
  font-size: 20px;
  font-weight: bold;
}
/* Languages */

.languages .flex {
  flex-wrap: wrap;
}

.languages .card {
  text-align: center;
  margin: 18px 10px 40px;
  transition: transform 0.2s ease-in;
}

.languages .card h4 {
  font-size: 20px;
  margin-bottom: 10px;
}

.languages .card:hover {
  transform: translateY(-15px);
}

/* Features */
.features-head img,
.docs-head img {
  width: 200px;
  justify-self: flex-end;
}

.css-opqcue {
    color: #0069ff !important;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    margin-top: 20px;
    margin-bottom: 10px;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="textarea"]
{
    font-family: 'Lato', sans-serif !important;
}
.features-sub-head img {
  width: 300px;
  justify-self: flex-end;
}

.features-main .card > i {
  margin-right: 20px;
}

.features-main .grid {
  padding: 30px;
}

.features-main .grid > *:first-child {
  grid-column: 1 / span 3;
}

.features-main .grid > *:nth-child(2) {
  grid-column: 1 / span 2;
}

/* Docs */
.docs-main h3 {
  margin: 20px 0;
}

.docs-main .grid {
  grid-template-columns: 1fr 2fr;
  align-items: flex-start;
}

.docs-main nav li {
  font-size: 17px;
  /* padding-bottom: 5px;
  margin-bottom: 5px; */
  border-bottom: 1px #ccc solid;
}

.docs-main a:hover {
  font-weight: bold;
}
/* Footer */
.footer .social a {
  margin: 0 10px;
}

/* Animations */
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slideInFromRight {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slideInFromTop {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slideInFromBottom {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateX(0);
  }
}

/* Tablets and under */
@media (max-width: 768px) {
  .grid,
  .showcase .grid,
  .stats .grid,
  .cli .grid,
  .cloud .grid,
  .features-main .grid,
  .docs-main .grid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }

  .showcase {
    height: auto;
  }

  .showcase-text {
    text-align: center;
    margin-top: 40px;
    animation: slideInFromTop 1s ease-in;
  }

  .showcase-form {
    justify-self: center;
    margin: auto;
    animation: slideInFromBottom 1s ease-in;
  }

  .cli .grid > *:first-child {
    grid-column: 1;
    grid-row: 1;
  }

  .features-head,
  .features-sub-head,
  .docs-head {
    text-align: center;
  }

  .features-head img,
  .features-sub-head img,
  .docs-head img {
    justify-self: center;
  }

  .features-main .grid > *:first-child,
  .features-main .grid > *:nth-child(2) {
    grid-column: 1;
  }
}

/* Mobile */
@media (max-width: 500px) {
  .navbar {
    height: 110px;
  }

  .navbar .flex {
    flex-direction: column;
  }

  .navbar ul {
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.1);
  }
  
  .showcase-form {
    width: 300px;
  }
}
html {
    min-height: 100%;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
    -webkit-locale: "en";
}

.page-body {
    flex-grow: 1 !important;
}

.page-header,
.page-footer {
    flex-shrink: 0 !important;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/MaterualIcons/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2') format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
/* vietnamese */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: local('Nunito Regular'), local('Nunito-Regular'), url('../fonts/Nunito/XRXV3I6Li01BKofIOuaBXso.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: local('Nunito Regular'), local('Nunito-Regular'), url('../fonts/Nunito/XRXV3I6Li01BKofIO-aBXso.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: local('Nunito Regular'), local('Nunito-Regular'), url('../fonts/Nunito/XRXV3I6Li01BKofINeaB.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.titlename1 {
    background: rgba(128, 128, 128, 0.342);
    padding: 10px 10px 10px 10px;
    font-size: 1rem;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    font-family: 'Lato', sans-serif;
    color: #777;
    width: 98.78vw;
    height: 7.5vh;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

/* body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    padding: 0px;
    margin: 0px;
    font-family: 'Nunito', sans-serif; */
    /* background: url('../img/WelcomeSplash.svg') no-repeat center; */
    /* background-size: cover;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100vw;
    max-width: 100%;
} */
body {
    /* font-family:'Nunito', sans-serif; */
    /* font-family: 'Lato', sans-serif;
    margin: 0;
    padding: 0;
    width: 100vw !important;
    max-width: 100% !important;
    text-rendering: optimizeLegibility;
    background-color: #fff;
    line-height: 1.6;
    margin: 0;
    height:100%;
    position: relative !important;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    display: flex;
    flex-direction: column; */
    font-family: 'Lato', sans-serif;
  color: #333;
  line-height: 1.6;
}
footer {
    background-color: var(--dark-color) !important;
    -webkit-box-shadow: inset rgba(3,27,78,.1)0 2px 4px 0 !important;
    box-shadow: inset rgba(3,27,78,.1)0 2px 4px 0 !important;
    font-size: 14px !important;
    margin-top: 64px !important;
    padding: 25px 0 0 !important;
    bottom:0px !important;
    width: 100% !important;
   
}
*, ::after, ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
footer {
    display: block !important;
}
.columns.is-multiline {
    flex-wrap: wrap;
}

.css-1pq1nqy.white, .css-1pq1nqy.white p {
    color: rgb(255, 255, 255);
}
.css-1pq1nqy.h2 {
    font-size: 36px;
    line-height: 110%;
}
/* .columns:last-child {
    margin-bottom: -.75rem !important;
} */
.css-1pq1nqy.title {
    font-size: 44px;
    font-weight: normal;
    letter-spacing: -1px;
    margin-bottom: 0px;
}
.css-1pq1nqy {
    margin:auto 0px !important;
    max-width: 870px !important;
    margin-top:8px !important;
}
.title {
    color: #4d4f03;
    font-size: 62px;
    font-weight: 600;
    line-height: 1.125;
}
@media print, screen and (min-width: 769px)
{
    .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.33333%;
}
}
.columns.is-mobile {
    display: flex;
}
.column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: .75rem;
}
.css-thh2a5:last-of-type {
    border-top: 1px solid hsla(0,0%,100%,0.2);
    padding-top: 20px;
}
.columns.is-multiline {
    flex-wrap: wrap;
}
.columns:not(:last-child) {
    margin-bottom: .75rem;
}
code[class*=language-], pre[class*=language-] {
    font-family: Consolas,Menlo,Monaco,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Courier New,Courier,monospace;
    font-size: 14px;
    line-height: 1.375;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    background: #1d262f;
    color: #57718e;
}
.css-thh2a5 {
    max-width: 1200px;
    margin: 0 auto;
}
/* .columns:last-child {
    margin-bottom: -.75rem;
} */
@media screen and (max-width: 768px) 
{
    .column.is-half-mobile {
    flex: none;
    width:50%;
}
}
/* a {
    color: #000e29;
    font-weight: 600;
    text-decoration: none;
} */
.css-1t9copt p, .css-1t9copt a {
    font-size: 12px;
    text-align: center;
    color: #000e29 !important;
}
.navbar-link, a {
    color: #fff !important;
    text-decoration: none;
}

a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}
.btnlogin {
background-color: #006aff !important;
display: inline !important;
padding: 20px 20px;
z-index:5;
color:white !important;
font-weight:550 !important;
font-size:1rem !important;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
display: inline-block;          
-webkit-text-decoration: slateblue solid underline !important;
text-decoration: slateblue solid underline !important;
-webkit-text-underline-position: under !important;
text-underline-position: under !important;
/* background: rgba(242,201,76,.35); */
border-radius: 3px;
}

.panel_with_image {
    background-color: #fff !important;
    border-radius: 3px !important;
    -webkit-box-shadow: 0 2px 4px rgba(1,14,40,.05) !important;
    box-shadow: 0 2px 4px rgba(1,14,40,.05) !important;
    color: #5b6987 !important;
    display: block !important;
    margin: 15px !important;
    overflow: hidden !important;
    padding: 140px 30px 30px !important;
    position: relative !important;
    text-align: center !important;
    transition: box-shadow .25s linear,-webkit-box-shadow .25s linear !important;
    width: 370px !important;
    height:450px;
}
.photo_wrap {
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 140px !important;
    left: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    top: 0;
}
.heading {
    /* font-family: "Sailec-Bold",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif !important; */
    font-family: 'Lato', sans-serif;
    font-weight: 800 !important;
    color: #031b4e;
    display: inline-block !important;
    font-size: 12px !important;
    min-width: auto!important;
    padding: 25px 0 10px !important;
    text-transform: uppercase !important;
    text-transform: uppercase !important;
}
section {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    padding: 20px !important;
}
.slim {
    padding: 10px 0 40px !important;
    align-items: center !important;
    display:flex !important;
}
.product {
    -ms-flex-align: center !important;
    align-items: center !important;
    background: #0069ff !important;
    height: 440px !important;
    overflow: hidden !important;
    color:white !important;
}
.copy {
    display: block !important;
    -ms-flex-preferred-size: 500px !important;
    flex-basis: 500px !important;
    max-width: 500px !important;
    padding: 15px !important;
    text-decoration: none !important;
    width: 100%;
}
.feature {
    -ms-flex: 1 1 554px !important;
    flex: 1 1 554px !important;
    max-width: 700px !important;
    width: 100% !important;
}
.photo {
    -o-object-fit: cover !important;
    object-fit: cover !important;
}
.highlight {
    background: rgba(242,201,76,.35) !important;
    border-radius: 3px;
    color: inherit !important;
    display: inline-block !important;
    margin: 1px 0 !important;
    padding: 0 2px !important;
}
a, footer section>strong {
    display: block !important;
    padding: 0 7.5px !important;
}
.dark {
    background-color: #000e29 !important;
    padding-top: 76px !important;
}
.vlist {
    padding: 20px !important;
}
footer section .dark .heading, footer section .dark a:hover {
    color: #fff !important;
}
footer section .dark {
    background-color: #000e29 !important;
    padding-top: 76px;
}
footer section ul li {
    margin-top: 6px;
    padding: 0;
}

footer section .dark, footer section .dark a {
    color: rgba(255,255,255,.5) !important;
}
footer section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
}
*, ::after, ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
.panel_wrap, footer section .vlist {
    padding: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.card,
.btn-circle,
.btn,
.white1 {
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.397);
}
.hero {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}
.hero-body {
    flex-grow: 1 !important;
    flex-shrink: 0 !important;
    /* padding: 0rem  !important; */
}
@media (max-width: 1023px)
{
    .slices {
    position: relative !important;
    }
}
.container .is-fullhd {
    max-width: none;
}
@media screen and (min-width: 1024px)
{
    .container {
    max-width: 960px;
    width: 960px; 
}
}

@media screen and (min-width: 1216px)
{
    .container {
    max-width: 1170px;
    width: 1170px;
}
}
@media screen and (max-width: 1407px)
{
    .container .is-fullhd {
    max-width: 1170px;
    width: auto;
}
}
.slices{
    width:100% !important;
}
@media screen and (min-width: 1024px)
{
    /* .container-main {
    margin-top: 107px !important;
} */
}
.css-wpp74j {
    margin: 0 auto;
    max-width: 870px;
}
.subtitle {
    color: #4d4f03;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
}
.subtitle, .title {
    word-break: break-word;
}
.css-fvx1ke {
    max-width: 670px !important;
}
.css-wpp74j {
    margin: 0 auto;
    max-width: 870px;
}
.css-wpp74j .subtitle {
    margin-top: 20px !important;
}
.css-wpp74j .subtitle, .css-wpp74j .subtitle p {
    max-width: 770px;
    margin-bottom: 0 !important;
}
.css-wpp74j .white, .css-wpp74j .white p {
    color: #fff;
}
.css-wpp74j .title .hero-title {
    font-size: 58px;
    line-height: 120%;
    background-color:transparent !important;
}
.css-wpp74j .white, .css-wpp74j .white p {
    color: #fff;
}
.css-czj4x5 .container {
    height: 100% !important;
    display: grid;
    grid-template-columns: 1fr 40%;
    grid-template-rows: auto; 
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.css-1v3edka {
    text-align: center;
    background-color: hsl(220,95%,8%);
    color: hsla(0,0%,100%,0.5);
    font-size: 14px !important;
    padding: 3rem 1.5rem;
    position: relative;
    left: 0;
    bottom: 0;
    min-height: 595px;
    overflow: hidden;
}
.css-wpp74j .title {
    /* font-family: 'Sailec-Bold','system-ui','-apple-system','BlinkMacSystemFont','Segoe UI','Roboto','Helvetica Neue','Helvetica','Arial','sans-serif'; */
    font-family: 'Lato', sans-serif;
    font-size: 44px;
    font-weight: normal;
    -webkit-letter-spacing: -1px;
    -moz-letter-spacing: -1px;
    -ms-letter-spacing: -1px;
    letter-spacing: -1px;
    margin-bottom: 0;
}
.css-wpp74j {
    margin: 0 auto;
    max-width: 870px;
}
:-webkit-any(article,aside,nav,section) h1 {
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
}
h1 {
    display: block !important;
    font-size: 2em !important;
    margin-block-start: 0.67em !important;
    margin-block-end: 0.67em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    font-weight: bold !important;
}
p {
    display: block !important;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
}
p.large, .css-wpp74j .subtitle .large p, .css-wpp74j .subtitle p .large p {
    font-size: 24px !important;
    line-height: 150% !important;
    background-color:transparent !important;
}
.title:not(.is-spaced)+.subtitle {
    margin-top: -1.25rem;
}
p {
    display: block !important;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
}
.css-czj4x5 {
    background-size: cover;
    background-position: center;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1,1);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.btn-ahs {
    font-size: 1rem;
    font-weight: 700;
    white-space: normal;
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 30px;
    padding: 10px 8px 10px 8px;
    margin-bottom: 10px;
    background-color: rgba(27, 76, 236, 0.151);
    color: #777 !important;
    display: block;
}
h1,
h2,
h3,
h4,
h6 {
    color: #fffff1;
    /* font-family: 'Nunito', sans-serif; */
    font-family: 'Lato', sans-serif;
}

a,
p {
    /* font-family: 'Nunito', sans-serif; */
    font-family: 'Lato', sans-serif;
}

.input-field {
    color: #666;
}

.titlename {
    background: purple;
    border-radius: 50px;
    width: 30vw;
    color: white;
    margin-top: 2rem;
    padding: .3rem;
    box-shadow: 5px 5px 5px 0px #ac82bd;
}

/* .navbar::after {
    background: linear-gradient(to right, #9E7CC1, #8ECDEA);
    content: '';
    width: 100%;
    position: absolute;
    top: 62px;
    height: 3px;
    left: 0;
} */

.is-loding .navbar {
    display: block;
    -webkit-animation: shift-rightwards 1s ease-in-out infinite;
    animation: shift-rightwards 1s ease-in-out infinite;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.storytitile {
    padding: 4px 5px 4px 5px;
    border-radius: 50px;
    width: 100%;
    font-size: 1.5rem;
    color: #555;
}

.main {
    flex: 1 0 auto;
    width:100%;
    flex-direction: column;
    min-height:100%;
    position:relative;
}

.nav-wrapper .fa-bars {
    font-size: 25px;
}

/* footer {
    margin-top: 20px;
} */

.story-text {
    height: 120px;
}

.dash-status {
    text-transform: capitalize;
}

#delete-form {
    display: inline;
}

.logo {
    height: 350px;
}

.heart {
    color: red;
    opacity: transparent;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    /* font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif */
    font-family: 'Lato', sans-serif;
}

@font-face {
    font-family: 'Genericons';
    src: url("./fonts/genericons-regular-webfont.eot");
    src: url("./fonts/genericons-regular-webfont.woff") format("woff"), url("./fonts/genericons-regular-webfont.eof") format("truetype");
}

.container1 {
    margin: 10px 5px;
    width: 100%;
}

header h1 {
    color: #fff;
    margin-bottom: 5px;
    text-align: center;
}

.accordion {
    width: 100%;
    min-width: 800px;
    display: block;
    list-style-type: none;
    overflow: hidden;
    height: 100px;
    font-size: 0;
}

.tab {
    display: inline-block;
    background-color: rgba(68, 68, 68, 0);
    border-right: rgba(68, 68, 68, 0) 1px solid;
    width: 40px;
    height: 100px;
    overflow: hidden;
    position: relative;
    margin: 0;
    transition: all 0.5s ease-in-out 0.1s;
}

.tab:hover {
    width: 450px;
}

.tab:hover .social a:before {
    margin-left: -50px;
}

.tab:hover .social a:after {
    margin-left: -2.5px;
}

.tab .content {
    background: #fff;
    width: 360px;
    height: 100px;
    margin-left: 50px;
    padding: 5px 0 0 7.5px;
    position: relative;
}

.tab .content h1 {
    font-size: 1.25rem;
    margin-bottom: 2px;
    color: black;
}

.tab .content p {
    font-size: 0.85rem;
    line-height: 1.0rem;
    padding-right: 15px;
    color: black;
}

.social a:after,
.social a:before {
    transition: all 0.4s ease-in-out 0.1s;
    width: 100px;
    height: 100px;
    position: absolute;
    text-indent: 0;
    padding-top: 22.25px;
    padding-left: 12.5px;
    display: block;
    font: normal 20px Genericons;
    color: #fff;
}

.social a:after {
    font-size: 24px;
    padding-left: 10px;
    padding-top: 40px;
    margin-left: 42px;
}

.youtube a:before,
.youtube a:after {
    content: '\f213';
}

.youtube a:after {
    background-color: #ff0000;
}

.twitter a:before,
.twitter a:after {
    content: '\f202';
}

.twitter a:after {
    background-color: #6dc5dd;
}

.facebook a:before,
.facebook a:after {
    content: '\f204';
}

.facebook a:after {
    background-color: #3b5998;
}

.linkedin a:before,
.linkedin a:after {
    content: '\f208';
}

.linkedin a:after {
    background-color: #00a9cd;
}

.instagram a:before,
.instagram a:after {
    content: '\f215';
}

.instagram a:after {
    background-color: #6dc993;
}

.github a:before,
.github a:after {
    content: '\f200';
}

.github a:after {
    background-color: #6e5494;
}

@media (max-width:950px) {
    .titlename1 {
        visibility: visible;
        width: 100% !important;
    }

    /* .container {
        width: 70%;
    } */

    .tab {
        display: block;
        width: 100%;
        border-bottom: 3px #333 solid;
    }

    .accordion {
        display: block;
        min-width: 450px;
        height: auto;
    }

    .tab .content {
        width: 100%;
    }

    .tab:hover {
        width: 100%;
    }

    p {
        font-size: 1.3rem;
    }

    img.responsive-image {
        max-width: 40%;
    }
}

@media (max-width:680px) {
    .titlename1 {
        visibility: visible;
        width: 100% !important;
    }
/* h5 {
    font-size: 1.2rem;
} */
    /* .container {
        width: 95%;
    } */

    .accordion {
        width: 100%;
        min-width: 300px;
    }

    p {
        font-size: 1.1rem;
    }

    img.responsive-image {
        max-width: 40%;
    }
}

.cardbg {
    background: url('./../img/story-book-9-651480.png') no-repeat 0% 0%;
    background-size: cover;
    widows: 600px;
    height: 400px;
    border-radius: 4px;
}

.placeholder {
    background-color: #f6f6f6;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.placeholder img {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 1s linear;
}

.placeholder img.loaded {
    opacity: 1;
}

.img-small {
    filter: blur(50px);
}

#v0 {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
}

#set-height {
    display: block;
}

section {
    z-index: 1;
    position: relative;
}

.content1 {
    position: sticky;
    position: -webkit-sticky;
    width: 100%;
    top: 45vh;
}

#title {
    font-size: 3em;
    background: grey;
    display: inline-block;
    padding: 10px 35px;
    border-radius: 50px 50px 50px 50px;
    margin: 0;
}

#steps {
    font-size: 2.1em;
    color: #0000008f;
    font-weight: 700;
}

section:nth-of-type(1) {
    height: 120vh;
}

/* section:nth-of-type(2) {
    height: 120vh;
}
section:nth-of-type(3) {
    height: auto;
}
section:nth-of-type(4) {
    height: 100vh;
}
section:nth-of-type(5) {
    height: 150vh;
} */

.btn-start {
    background: linear-gradient(180deg, #954073, #400e75);
    color: rgb(238, 232, 232) !important;
    font-weight: 700;
    width: 18rem;
    font-size: 1.3rem;
}

.entered {
    -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

@keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

.welcomeSplash {
    background-color: #2196F3;
    content: "";
    position: absolute;
    left: 0;
    height: 20px;
    width: 100%;
    background: url('../img/welcomeSplash.svg') no-repeat center;
    background-size: 150%;
}

.leftcolumn {
    float: left;
    width: 75%;
}

.rightcolumn {
    float: left;
    width: 25%;
    padding-left: 20px;
}

.fakeimg {
    background-color: #eee8e88f;
    width: 100%;
    padding: 8px;
    border-radius: 20px 20px 20px 20px;
    background: linear-gradient(214deg, #eee8e88f, #fffff1);
    -webkit-animation: loadcontentAnimation 12s ease infinite;
    -moz-animation: loadcontentAnimation 12s ease infinite;
    -o-animation: loadcontentAnimation 12s ease infinite;
    animation: loadcontentAnimation 12s ease infinite;
}

.fakeimg1 {
    background-color: #aaa;
}

.imageEffect {
    border-radius: 10px 10px 10px 10px;
    background: linear-gradient(214deg, #eee8e88f, #ffffff);
    -webkit-animation: loadcontentAnimation 12s ease infinite;
    -moz-animation: loadcontentAnimation 12s ease infinite;
    -o-animation: loadcontentAnimation 12s ease infinite;
    animation: loadcontentAnimation 12s ease infinite;
}

@-webkit-keyframes loadcontentAnimation {
    0% {
        background-position: 99% 0%
    }

    50% {
        background-position: 2% 100%
    }

    100% {
        background-position: 99% 0%
    }
}

@-moz-keyframes loadcontentAnimation {
    0% {
        background-position: 99% 0%
    }

    50% {
        background-position: 2% 100%
    }

    100% {
        background-position: 99% 0%
    }
}

@-o-keyframes loadcontentAnimation {
    0% {
        background-position: 99% 0%
    }

    50% {
        background-position: 2% 100%
    }

    100% {
        background-position: 99% 0%
    }
}

@keyframes loadcontentAnimation {
    0% {
        background-position: 99% 0%
    }

    50% {
        background-position: 2% 100%
    }

    100% {
        background-position: 99% 0%
    }
}
.section {
    padding-top: 120px;
    padding-bottom: 120px;
}
.section {
    padding: 3rem 1.5rem;
}
section {
    display: block;
}
.css-1572ic1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
}
li, ul {
    margin: 0;
    padding: 0;
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.css-1m8d6xb {
    max-width: 870px;
    margin: auto;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-wrap: break-word;
}
.css-1cj84k0.darkblue, .css-1cj84k0.darkblue p {
    color: #fff;
}
.css-1cj84k0 .title {
    /* font-family: 'Sailec-Bold','system-ui','-apple-system','BlinkMacSystemFont','Segoe UI','Roboto','Helvetica Neue','Helvetica','Arial','sans-serif'; */
    font-family: 'Lato', sans-serif;
    font-size: 44px;
    font-weight: normal;
    -webkit-letter-spacing: -1px;
    -moz-letter-spacing: -1px;
    -ms-letter-spacing: -1px;
    letter-spacing: -1px;
    margin-bottom: 0;
}
.subtitle:not(:last-child), .title:not(:last-child) {
    margin-bottom: 1.5rem;
}
.css-1m8d6xb h1 {
    margin: 32px 0 16px 0 !important;
}
.css-1cj84k0 {
    margin: 0 auto;
    max-width: 870px;
    text-align: left;
}
.title {
    color: #4d4f03;
    font-size: 62px;
    font-weight: 600;
    line-height: 1.125;
}
.subtitle, .title {
    word-break: break-word;
}

:-webkit-any(article,aside,nav,section) h1 {
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
}

h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.css-1m8d6xb {
    max-width: 870px;
    margin: auto;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-wrap: break-word;
}
.css-1m8d6xb {
    max-width: 870px;
    margin: auto;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-wrap: break-word;
}
.card {
    background-color: white;
    /* padding: 20px; */
    margin-top: 20px;
    border-radius:5px 5px 5px 5px;
}

.card1 {
    border-radius: 8px 8px 8px 8px;
    padding: 0px;
    margin-top: 0px;
    box-shadow: 5px 5px 5px 0px #82a2bd;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

button {
    appearance: button;
    -webkit-writing-mode: horizontal-tb;
    text-rendering: auto;
    color: -internal-light-dark(buttontext, rgb(170, 170, 170));
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none ;
    display: inline-block ;
    text-align: center ;
    align-items: flex-start ;
    cursor: default;
    /* background-color: -internal-light-dark(rgb(239, 239, 239), rgb(74, 74, 74)); */
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 6px;
    /* border-width: 2px; */
    border-style: outset !important;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(195, 195, 195));
    border-image: initial !important;
}
.css-1v3edka ul {
    list-style: none;
    text-align: left;
}
.footer {
    padding: 20px;
    text-align: center;
    background: #ddd;
    margin-top: 20px;
}


@media screen and (max-width:800px) {
/* h5 {
    font-size: 1.2rem;
} */
    .leftcolumn,
    .rightcolumn {
        width: 100%;
    }

    .titlename1 {
        visibility: visible;
        width: 100% !important;
    }

    .rightcolumn {
        padding: 1rem;
    }

    img.responsive-image {
        max-width: 40%;
    }
}
.css-1lj2bxa li a {
    color: #777 !important;
    text-decoration: none !important;
}
.stars-outer {
    position: relative;
    display: inline-block;
}

.stars-inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
}

.stars-outer::before {
    content: "\f005 \f005 \f005 \f005 \f005";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ccc;
}

.stars-inner::before {
    content: "\f005 \f005 \f005 \f005 \f005";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #f8ce0b;
}

.ping {
    -webkit-animation: ping 0.8s ease-in-out infinite both;
    animation: ping 0.8s ease-in-out infinite both;
}

@-webkit-keyframes ping {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0.8;
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0;
    }
}

@keyframes ping {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0.8;
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0;
    }
}

.shake-top {
    -webkit-animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@-webkit-keyframes shake-top {

    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }

    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    20%,
    40%,
    60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }

    30%,
    50%,
    70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
}

@keyframes shake-top {

    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }

    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    20%,
    40%,
    60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }

    30%,
    50%,
    70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
}

.kenburns-bottom-left {
    -webkit-animation: kenburns-bottom-left 5s ease-out both;
    animation: kenburns-bottom-left 5s ease-out both;
}

@-webkit-keyframes kenburns-bottom-left {
    0% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
        -webkit-transform-origin: 16% 84%;
        transform-origin: 16% 84%;
    }

    100% {
        -webkit-transform: scale(1.25) translate(-20px, 15px);
        transform: scale(1.25) translate(-20px, 15px);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

@keyframes kenburns-bottom-left {
    0% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
        -webkit-transform-origin: 16% 84%;
        transform-origin: 16% 84%;
    }

    100% {
        -webkit-transform: scale(1.25) translate(-20px, 15px);
        transform: scale(1.25) translate(-20px, 15px);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
    }
}

.bg-pan-left {
    -webkit-animation: bg-pan-left 8s both;
    animation: bg-pan-left 8s both;
}

@-webkit-keyframes bg-pan-left {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes bg-pan-left {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.btn-circle {
    border-radius: 40px;
    margin-top: 10px;
}

.btn-circle:hover {
    background-color: rgba(51, 51, 51, 0.199);
}

.btn-circle:hover::after {
    background-color: white;
}

.shake-horizontal {
    -webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@-webkit-keyframes shake-horizontal {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,
    40%,
    60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    90% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px);
    }
}

@keyframes shake-horizontal {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,
    40%,
    60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    90% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px);
    }
}

.heartbeat {
    -webkit-animation: heartbeat 1.5s ease-in-out both;
    animation: heartbeat 1.5s ease-in-out both;
}

@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.heartbeat1 {
    -webkit-animation: heartbeat1 1.5s ease-in-out infinite both;
    animation: heartbeat1 1.5s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat1 {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes heartbeat1 {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.focus-in-contract-bck {
    -webkit-animation: focus-in-contract-bck 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: focus-in-contract-bck 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes focus-in-contract-bck {
    0% {
        letter-spacing: 1em;
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(12px);
        transform: translateZ(12px);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes focus-in-contract-bck {
    0% {
        letter-spacing: 1em;
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(12px);
        transform: translateZ(12px);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

.text-pop-up-tr {
    -webkit-animation: text-pop-up-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: text-pop-up-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes text-pop-up-tr {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        text-shadow: none;
    }

    100% {
        -webkit-transform: translateY(-50px) translateX(50px);
        transform: translateY(-50px) translateX(50px);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
    }
}

@keyframes text-pop-up-tr {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        text-shadow: none;
    }

    100% {
        -webkit-transform: translateY(-50px) translateX(50px);
        transform: translateY(-50px) translateX(50px);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
    }
}

.text-pop-up-bottom {
    -webkit-animation: text-pop-up-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: text-pop-up-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes text-pop-up-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        text-shadow: none;
    }

    100% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
    }
}

@keyframes text-pop-up-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        text-shadow: none;
    }

    100% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) {
    h3 {
        font-size: 1.5rem !important;
    }
    /* h5 {
    font-size: 1.2rem;
} */
    .titlename1 {
        visibility: visible;
        width: 100% !important;
    }

    .Welcome {
        line-height: 36px !important;
        font-size: 32px !important;
    }

    .storytitile {
        width: 71vw !important;
    }

    .titlename {
        width: 40vw;
    }

    .rightcolumn {
        padding: 1rem;
    }

    .navbar::after {
        top: 56px;
    }

    p {
        font-size: 1.16rem;
    }

    .responsive-image {
        max-width: 40% !important;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .Welcome {
        line-height: 36px !important;
        font-size: 40px !important;
    }
/* h5 {
    font-size: 1.2rem;
} */
    .storytitile {
        width: 16vw !important;
        font-size: .9rem;
    }

    .titlename {
        width: 10vw;
        font-size: 1.3rem;
    }

    .image-responsive {
        height: 30px !important;
        width: 30px !important;
    }

    .chip {
        height: 30px !important;
        width: 15vw;
        margin-top: 30px;
    }

    .name-responsive {
        font-size: 10px !important;
    }

    .story-text {
        font-size: .82rem !important;
    }

    .rightcolumn {
        padding: 1rem;
    }

    .titlename1 {
        width: 100%;
    }

    .responsive-image {
        max-width: 40% !important;
    }
}

.darknav{
    background-color: #000e29  !important;
}
.white1 {
    border-radius: 8px;
    padding: 1rem 1rem;
    background: #333;
    margin-right: .9px;
    font-size:1.2rem;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    color: white;
    font-size: 30px;
    margin-top: 40px;
}

.separator::before,
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid white;
}

.separator::before {
    margin-right: .25em;
}

.separator::after {
    margin-left: .25em;
}

.color-change-2x {
    -webkit-animation: color-change-2x 8s linear infinite alternate both;
    animation: color-change-2x 8s linear infinite alternate both;
}

@-webkit-keyframes color-change-2x {
    0% {
        background: #1996ead3;
    }

    100% {
        background: #2196F3;
    }
}

@keyframes color-change-2x {
    0% {
        background: #1996ead3;
    }

    100% {
        background: #2196F3;
    }
}

.welcomeDash {
    font-weight: 400;
    overflow: hidden;
    padding: 80px 160px 48px;
    position: relative;
}

.welcomePrimary {
    background: #fff;
}

.welcomeBackgroundPrimary {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

.brick {
    height: auto;
    width: 18vw;
    display: inline-block;
}

@media screen and (max-width:1328px) {
    .brick {
        height: auto;
        width: 23vw;
        display: inline-block;
    }
    /* h5 {
    font-size: 1.2rem;
} */
}

@media screen and (max-width:1024px) {
    .brick {
        height: auto;
        width: 30vw;
        display: inline-block;
    }

    .titlename1 {
        width: 100% !important;
    }
}

@media screen and (max-width:480px) {
    .brick {
        height: auto;
        width: 93vw;
        display: inline-block;
    }
}

.dashboard-grid {
    margin: 1% 3.5vw;
}

.timeline-item {
    background: #fff;
    padding: 12px;
    margin: 0 auto;
    max-width: 18vw;
    min-height: 200px;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 210px;
    position: relative;
}

animated-background1 {
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: darkslategrey;
    background: linear-gradient(to right, #34696b 8%, #388a8d 18%, darkslategrey 33%);
    background-size: 800px 104px;
    height: 120px;
    position: relative;
}

.background-masker1 {
    background: #fff;
    position: absolute;
}

.background-masker {
    background: #fff;
    position: absolute;
}

.background-masker.image {
    top: -10px;
    left: -12px;
    data-text: 'loading';
    right: 0;
    height: 157px;
    background: none;
    border: 23px solid white;
    border-radius: 34px;
    width: 18vw;
    border-radius: 50px;
}

.background-masker.header-bottom {
    top: 138px;
    left: 0;
    right: 0;
    height: 10px;
}

.background-masker .paragraph1-bottom {
    top: 148px;
    right: 0;
    height: 9px;
    width: 60%;
}

.background-masker .paragraph2-bottom {
    top: 157px;
    left: 0;
    right: 0;
    height: 6px;
}

.background-masker .paragraph3-bottom {
    top: 163px;
    right: 0;
    height: 9px;
    width: 40%;
}

.background-masker .paragraph4-bottom {
    top: 172px;
    left: 0;
    right: 0;
    height: 6px;
}

.background-masker .paragraph5-bottom {
    top: 178px;
    right: 0;
    height: 9px;
    width: 47%;
}

.background-masker .paragraph6-bottom {
    top: 187px;
    left: 0;
    right: 0;
    height: 6px;
}

@media screen and (min-width:740px) {
    .titlename1 {
        display: none !important
    }
}

@media screen and (max-width:770px) {
    .blog div h1 {
        line-height: 63px !important;
    }

    .container .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

#warning-message {
    display: none;
}

@media only screen and (orientation:portrait) {
    #wrapper {
        display: none;
        z-index: 46832498;
        background-color: #031b4e  !important;
    }

    #warning-message {
        display: none;
    }
    .card-top-space{
        margin-top:1rem !important;
        margin-bottom:1rem !important;
    }
    img.img.responsive-img{
        max-width:45% !important;
    }
    .col.s1 {
        padding: 0.45rem;
        width: 7.333333% !important;
        margin-left: 3rem !important;
        left: auto;
        right: auto;
        font-size: .9rem !important;
    }

    .fixed-action-btn {
        margin-bottom: 4rem;
    }
    .extreme-container4col{
        display:none !important;
    }
}

@media only screen and (orientation:landscape) and (max-device-width:823px) {
    #warning-message {
        display: block;
        max-height: 100%;
        background-size: 100%;
        padding: 0px;
        margin: 0px;
        background-size: cover;
        background-color: #031b4e  !important;
        color:white;
    }

    a.btn-ahs {
        display:none !important;   
    }
    .herder {
        display: none;
    }

    /* .container {
        display: none;
    } */

    .row {
        display: none;
    }

    .titlename1 {
        display: none;
    }

    .navbar {
        display: none;
    }

    .page-footer {
        display: none;
    }

    .hero-text {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
    }

    .blog {
        display: none;
    }

    /* .card {
        max-width: 100% !important;
        min-height: 100vh !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        background-color: #006aaf;
        background-size: 100%;
        padding: 0px;
        margin: 0px;
        background-size: cover;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    } */

    .container .row {
        margin-bottom: 0px important;
    }

    .navbar {
        display: none !important;
    }

    .navbar::after {
        visibility: hidden !important;
    }

    .hide-on-small-only {
        display: none !important;
    }
}
.css-11utet8 {
    background: repeat;
    overflow: hidden;
}
.css-11utet8 .container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.css-rxs6bw {
    margin: 0 auto;
    max-width: 870px !important;
    text-align: center !important;
}
.css-rxs6bw.darkblue, .css-rxs6bw.darkblue p {
    color: #031b4e;
}
.css-rxs6bw.h2 {
    font-size: 36px;
    line-height: 110%;
}
.css-rxs6bw.title {
    font-size: 44px;
    font-weight: normal;
    -webkit-letter-spacing: -1px;
    -moz-letter-spacing: -1px;
    -ms-letter-spacing: -1px;
    letter-spacing: -1px;
    margin-bottom: 0;
}


.css-1hs9qzb {
    display: grid;
    grid-auto-flow: dense;
    grid-gap: 64px;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(4,1fr);
    margin-top: 64px;
    margin-bottom: 0;
}
.css-1gw58lx {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
}
.css-14noyus.blur-up.lazyloaded {
    -webkit-filter: blur(0);
    -webkit-filter: blur(0);
    filter: blur(0);
}
.css-14noyus.blur-up {
    -webkit-filter: blur(5px);
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: filter 100ms,-webkit-filter 100ms;
    transition: filter 100ms,-webkit-filter 100ms;
}
.css-14noyus {
    min-height: 50px;
    max-height: 128px;
    margin-right: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.css-1gw58lx {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
}
.subtitle, .title {
    word-break: break-word;
}
.subtitle:not(:last-child), .title:not(:last-child) {
    margin-bottom: 1.5rem;
}
.overlay {
    background-image: url('../img/screen-rotate.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30%;
    padding-bottom: 40%;
    z-index:59960606;
    
}

.overlay-content {
    color: #f1f1f1;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 30px;
}

.overlay-text {
    color: #f1f1f1;
    font-size: 14px;
    text-align: center;
    margin-bottom:10%;
}

@media only screen and (max-device-width:823px) {
    .accordion {
        display: none;
    }

    .container {
        width: 100%;
    }
}

row.col.s1 {
    padding: 0.45rem;
    width: 7.333333% !important;
    margin-left: 3rem !important;
    left: auto;
    right: auto;
    font-size: .9rem !important;
}

.titlename2 {
    background: rgba(128, 128, 128, 0.342);
    padding: 10px 10px 10px 10px;
    font-size: 1rem;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    font-family: 'Lato', sans-serif;
    color: #777;
    width: 100%;
    height: 9vh;
    padding-top: .2rem;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: block;
}

.stateinfo {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.totalstick {
    background: url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">\<circle r="20" cx="50" cy="50" fill="red">\</svg>');
    background-size: 100px 100px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#progress {
    position: fixed;
    z-index: 2147483647;
    top: 0;
    left: -6px;
    width: 0%;
    height: 2px;
    background: #9E7CC1;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-transition: width 500ms ease-out, opacity 400ms linear;
    -ms-transition: width 500ms ease-out, opacity 400ms linear;
    -o-transition: width 500ms ease-out, opacity 400ms linear;
    -webkit-transition: width 500ms ease-out, opacity 400ms linear;
    transition: width 500ms ease-out, opacity 400ms linear
}

#progress.done {
    opacity: 0
}

#progress dd,
#progress dt {
    position: absolute;
    top: 0;
    height: 2px;
    -moz-box-shadow: #b91f1f 1px 0 6px 1px;
    -ms-box-shadow: #b91f1f 1px 0 6px 1px;
    -webkit-box-shadow: #b91f1f 1px 0 6px 1px;
    box-shadow: #b91f1f 1px 0 6px 1px;
    -moz-border-radius: 99%;
    -webkit-border-radius: 99%;
    border-radius: 99%
}

#progress dd {
    opacity: 1;
    width: 20px;
    right: 0;
    clip: rect(-6px, 22px, 14px, 10px)
}

#progress dt {
    opacity: 1;
    width: 180px;
    right: -80px;
    clip: rect(-6px, 90px, 14px, -6px)
}

@-moz-keyframes pulse {
    30% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes pulse {
    30% {
        opacity: .6
    }

    60% {
        opacity: 0
    }

    100% {
        opacity: .6
    }
}

@-o-keyframes pulse {
    30% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes pulse {
    30% {
        opacity: .6
    }

    60% {
        opacity: 0
    }

    100% {
        opacity: .6
    }
}

@keyframes pulse {
    30% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#progress.waiting dd,
#progress.waiting dt {
    -moz-animation: pulse 2s ease-out 0s infinite;
    -ms-animation: pulse 2s ease-out 0s infinite;
    -o-animation: pulse 2s ease-out 0s infinite;
    -webkit-animation: pulse 2s ease-out 0s infinite;
    animation: pulse 2s ease-out 0s infinite
}
.css-1pq2esu.blur-up.lazyloaded {
    -webkit-filter: blur(0);
    -webkit-filter: blur(0);
    filter: blur(0);
}
.css-1pq2esu.blur-up {
    -webkit-filter: blur(5px);
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: filter 100ms,-webkit-filter 100ms;
    transition: filter 100ms,-webkit-filter 100ms;
}
.css-1hugv3f .card-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 220px;
    text-align: center;
    /* padding: 32px; */
    padding: 0px;
}
.css-1kwjdzk {
    border-top: 1px solid #f3f5f9;
    width: 306px;
    /* padding: 32px; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
form {
    display: block;
    margin-top: 0em;
}
.css-12sjm0v .form-wrapper {
    display: inline-block;
    text-align: left;
}

.css-12sjm0v input {
    width: 100% !important;
    height: 48px !important;
    border: 1px solid #e5e8ed !important;
    box-sizing: border-box !important;
    border-radius: 3px !important;
    margin-bottom: 8px !important;
    font-size: 16px !important;
    padding: 16px !important;
    color: #031b4e !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
/* input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto !important;
    color: -internal-light-dark(black, white) !important;
    letter-spacing: normal !important;
    word-spacing: normal!important;
    text-transform: none !important;
    text-indent: 0px !important;
    text-shadow: none !important;
    display: inline-block !important;
    text-align: start !important;
    appearance: textfield !important;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59)) !important;
    -webkit-rtl-ordering: logical !important;
    cursor: text !important;
    margin: 0em !important;
    font: 400 13.3333px Arial !important;
    padding: 1px 2px !important;
    border-width: 2px !important;
    border-style: inset !important;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(195, 195, 195)) !important;
    border-image: initial !important;
} */

button {
    appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(buttontext, rgb(170, 170, 170));
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: -internal-light-dark(rgb(239, 239, 239), rgb(74, 74, 74));
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 6px;
    /* border-width: 2px; */
    border-style: outset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(195, 195, 195));
    border-image: initial;
}
.button .is-primary {
    background-color: #006aff !important;
    border-color: transparent;
    color: #fff;
}

.button {
    box-sizing: border-box;
}
.button {
    /* background-color: #fff; */
    /* border-color: #dbdbdb;
    border-width: 1px; */
    color: #363636;
    cursor: pointer;
    justify-content: center;
    padding: calc(.375em - 1px) .75em;
    text-align: center;
    white-space: nowrap;
}
.button {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    /* border: 1px solid transparent; */
    border-radius: 4px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.25em;
    justify-content: flex-start;
    line-height: 1.5;
    padding: calc(.375em - 1px) calc(.625em - 1px);
    position: relative;
    vertical-align: top;
}
.button, .delete {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.css-wpp74j.darkblue, .css-wpp74j.darkblue p {
    color: #031b4e !important;
}


.css-wpp74j.h5 {
    font-size: 18px !important;
    /* line-height: 120% !important; */
    -webkit-letter-spacing: 0 !important;
    -moz-letter-spacing: 0 !important;
    -ms-letter-spacing: 0 !important;
    letter-spacing: 0 !important;
}
h5 {
    display: block !important;
    font-size: 0.83em !important;
    /* margin-block-start: 1.67em !important;
    margin-block-end: 1.67em !important; */
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    font-weight: bold !important;
}
.css-1kwjdzk {
    border-top: 1px solid #f3f5f9;
    width: 306px;
    /* padding: 32px; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.css-re7ijt {
    font-size: 1em;
    padding: 30px 30px 28px 30px;
    height: 48px;
    padding: 13px 30px 16px 30px;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    border: 1px solid #0069ff;
    color: #0069ff;
}
.css-18czx2n {
    font-size: 1em;
    padding: 30px 30px 28px 30px;
    height: 48px;
    padding: 16px;
    margin: 0;
    border: 1px solid #0069ff;
}
.css-1pq2esu.blur-up.lazyloaded {
    -webkit-filter: blur(0);
    -webkit-filter: blur(0);
    filter: blur(0);
}
.css-1pq2esu.blur-up {
    -webkit-filter: blur(5px);
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: filter 100ms,-webkit-filter 100ms;
    transition: filter 100ms,-webkit-filter 100ms;
}
.css-re7ijt img {
    margin-top: 1px;
    margin-right: 6px;
}
.css-1hugv3f .card-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 220px;
    text-align: center;
    padding: 0px;
    margin: -10px 0px 0px -10px !important;
}
.css-1t9copt p, .css-1t9copt a {
    font-size: 12px;
    text-align: center;
    color: #fff !important;
}
.card {
    background-color: #fff !important;
    box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1) !important;
    color: #4d4f03 !important;
    max-width: 100% !important;
    position: relative !important;
}
@media screen and (min-device-width:1024px) {
    .sidenapagin {
        top: 62px;
        position: fixed;
    }
    .extreme-container4col{
        display:block;
    }
.card-top-space {
    margin-top: 15rem;
    margin-bottom: 2rem;
}
    .dashMaxres {
        margin-left: 2rem;
    }

    .group {
        margin-left: 2rem;
    }

    .showpage {
        margin-left: 2rem;
    }

    .site-main {
        margin-left: 2rem;
    }
}

.tablerow {
    color: #666 !important;
}

.StripeElement {
    background-color: white;
    height: 40px;
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

.extremeHero-divider {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    max-width: 1032px;
    margin: 24px auto;
}

.u-minHeight100vh {
    min-height: 100vh !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.u-foreground {
    position: relative !important;
    z-index: 100 !important;
}

.extreme-container12col {
    max-width: 1032px;
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.u-marginTop48 {
    margin-top: 48px !important;
}

.u-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.extreme-container8col {
    max-width: 680px;
}

.u-sizeFull,
.u-sizeFullWidth {
    width: 100% !important;
}

.u-paddingRight24 {
    padding-right: 24px !important;
}

.u-borderBox {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.extremePostPreview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 680px;
    width: 100%;
}

.u-marginBottom48 {
    margin-bottom: 48px !important;
}

.u-animation--shimmerInfinite {
    -webkit-animation: shimmer 1.2s ease-in-out infinite;
    animation: shimmer 1.2s ease-in-out infinite;
}

.u-textAlignLeft {
    text-align: left !important;
}

.u-minWidth0 {
    min-width: 0 !important;
}

.u-marginRight24 {
    margin-right: 24px !important;
}

.u-flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

div {
    display: block;
}

.u-marginBottom16 {
    margin-bottom: 16px !important;
}

.u-clearfix:after,
.u-clearfix:before {
    display: table;
    content: " ";
}

.u-clearfix:after {
    clear: both;
}

.u-clearfix:after,
.u-clearfix:before {
    display: table;
    content: " ";
}

.linePlaceholder {
    background: rgba(0, 0, 0, .05);
    display: inline-block;
    height: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    width: 100%;
    float: left;
    clear: both;
}

.linePlaceholder--truncated {
    width: 80%;
}

.linePlaceholder {
    background: rgba(0, 0, 0, .05);
    display: inline-block;
    height: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    width: 100%;
    float: left;
    clear: both;
}

.u-textAlignLeft {
    text-align: left !important;
}

.avatarPlaceholder {
    background: rgba(0, 0, 0, .05);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.u-width32 {
    width: 32px !important;
}

.u-height32 {
    height: 32px !important;
}

.u-flex0 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.linePlaceholder--thin {
    height: 8px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.linePlaceholder--small {
    width: 120px;
}

.linePlaceholder {
    background: rgba(0, 0, 0, .05);
    display: inline-block;
    height: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    width: 100%;
    float: left;
    clear: both;
}
pre {
    padding: 30px !important;
    margin: 8px 0px !important;
    overflow: auto;
    border-radius: 0.3em !important;
    background-color: rgb(29, 38, 47) !important;
    min-height: 65px !important;
    max-height: 265px !important;
    overflow-wrap: break-word !important;
    white-space: initial !important;
}
.extremePostPreview-image {
    width: 152px;
}

.u-background--brandDust {
    background-color: #F0F0EE;
}

.u-width152 {
    width: 152px !important;
}

.u-height145 {
    height: 145px !important;
}



.u-heightInherit {
    height: inherit !important;
}

.extreme-container4col {
    width: 328px;
}

.u-marginBottom32 {
    margin-bottom: 32px !important;
}

.u-animation--shimmerInfinite {
    -webkit-animation: shimmer 1.2s ease-in-out infinite;
    animation: shimmer 1.2s ease-in-out infinite;
}

.u-borderBottomLightest {
    border-bottom: 1px solid rgba(0, 0, 0, .05) !important;
}

.u-paddingBottom16 {
    padding-bottom: 16px !important;
}

.u-marginRight32 {
    margin-right: 32px !important;
}

.u-marginLeft32 {
    margin-left: 32px !important;
}

.linePlaceholder--small {
    width: 120px;
}

.linePlaceholder {
    background: rgba(0, 0, 0, .05);
    display: inline-block;
    height: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    width: 100%;
    float: left;
    clear: both;
}

.u-padding32 {
    padding: 32px !important;
}

.u-marginBottom24 {
    margin-bottom: 24px !important;
}

.u-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.avatarPlaceholder {
    background: rgba(0, 0, 0, .05);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.u-width32 {
    width: 32px !important;
}

.u-height32 {
    height: 32px !important;
}

.u-flex0 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.u-borderBottomLightest {
    border-bottom: 1px solid rgba(0, 0, 0, .05) !important;
}

.u-marginBottom32 {
    margin-bottom: 32px !important;
}

.u-animation--shimmerInfinite {
    -webkit-animation: shimmer 1.2s ease-in-out infinite;
    animation: shimmer 1.2s ease-in-out infinite;
}

.u-borderBottomLightest {
    border-bottom: 1px solid rgba(0, 0, 0, .05) !important;
}

.u-paddingBottom16 {
    padding-bottom: 16px !important;
}

.u-marginRight32 {
    margin-right: 32px !important;
}

.u-marginLeft32 {
    margin-left: 32px !important;
}

.u-borderBottomLightest {
    border-bottom: 1px solid rgba(0, 0, 0, .05) !important;
}

.linePlaceholder--small {
    width: 120px;
}

.linePlaceholder {
    background: rgba(0, 0, 0, .05);
    display: inline-block;
    height: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    width: 100%;
    float: left;
    clear: both;
}

.u-marginBottom24 {
    margin-bottom: 24px !important;
}

.linePlaceholder--thin {
    height: 8px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.linePlaceholder--small {
    width: 120px;
}

.linePlaceholder {
    background: rgba(0, 0, 0, .05);
    display: inline-block;
    height: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    width: 100%;
    float: left;
    clear: both;
}

.linePlaceholder--thin {
    height: 8px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.linePlaceholder--smaller {
    width: 80px;
}

.linePlaceholder {
    background: rgba(0, 0, 0, .05);
    display: inline-block;
    height: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    width: 100%;
    float: left;
    clear: both;
}

.surface-scrollOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 900;
    overflow: auto;
}

.linePlaceholder--thin {
    height: 8px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.linePlaceholder--small {
    width: 120px;
}

.linePlaceholder {
    background: rgba(0, 0, 0, .05);
    display: inline-block;
    height: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    width: 100%;
    float: left;
    clear: both;
}

.linePlaceholder--smaller {
    width: 80px;
}

.linePlaceholder--small {
    width: 120px;
}

.site-main {
    height: 100%;
    background: #fff;
}

.butterBar {
    position: fixed;
    left: 50%;
    pointer-events: none;
    -webkit-transform: translate(-50%, -100px);
    transform: translate(-50%, -100px);
    max-width: 640px;
    z-index: 800;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear .7s, opacity .7s, -webkit-transform .7s;
    transition: visibility 0s linear .7s, opacity .7s, -webkit-transform .7s;
    transition: transform .7s, visibility 0s linear .7s, opacity .7s;
    transition: transform .7s, visibility 0s linear .7s, opacity .7s, -webkit-transform .7s;
}

.surface {
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.metabar {
    position: absolute;
    display: block;
    z-index: 500;
    width: 100%;
    font-size: 16px;
    background: #fff;
    color: rgba(0, 0, 0, .54);
    /* font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; */
    font-family: 'Lato', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
}

.metabar-inner {
    position: relative;
}

.u-maxWidth1000 {
    max-width: 1000px !important;
}

.u-height65 {
    height: 65px !important;
}

.u-paddingRight20 {
    padding-right: 20px !important;
}

.u-paddingLeft20 {
    padding-left: 20px !important;
}

.u-marginAuto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.u-justifyContentSpaceBetween {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.u-flexCenter {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    margin-top: 5px;
}

.metabar-block:not(.metabar-block--center) {
    position: relative;
    z-index: 500;
}

.u-flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media screen and (min-width: 768px) {
    .u-xs-show {
        display: none !important;
    }
}

.u-paddingBottom25 {
    padding-bottom: 25px !important;
}

.u-paddingTop10 {
    padding-top: 10px !important;
}

.u-flexWrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.u-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.u-borderTopLightest {
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
    margin-top: 10px;
}

.m-breakWord {
    word-break: break-word;
    word-wrap: break-word;
}
.card-header-title {
    align-items: center !important;
    color: #363636 !important;
    display: flex !important;
    flex-grow: 1 !important;
    font-weight: 700 !important;
    padding: .75rem !important;
}
.css-hyfkp {
    -webkit-flex: 0 !important;
    -ms-flex: 0 !important;
    flex: 0 !important;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px 6px 0px 0px;
    background-color: #f3f5f9;
    /* padding: 16px 0 12px 0; */
}
.container {
        margin: 0 0 !important;
        position: relative !important;
        max-width: 1170px ; 
        grid-template-rows: auto !important;
        -webkit-align-items: center !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        max-width: 1170px;
}
.buttons {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
}
.buttons > a {
   border:3px solid #000e29;
   padding: 1.6rem !important;
}
.buttons:last-child {
    /* margin-bottom: -.5rem; */
}
.container .is-fullhd {
    max-width: none !important;
}
.css-n387jl .is-primary, .css-n387jl .is-white {
    margin-right: 0px !important;
    margin-left: 14px !important;
    margin-bottom: 0.5rem;
}
@media screen and (max-width: 1407px)
{
    .container .is-fullhd {
    max-width: 1344px !important;
    width: auto;
}
}
@media (max-width: 1023px)
{
    .css-czj4x5 .container {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    height: 100% !important;
    margin-bottom:12rem !important;
    overflow-y: hidden;
    /* display: grid !important; */
    /* grid-template-columns: 1fr 40% !important; */
    /* margin-top: 32px !important;
    margin-bottom: 64px !important; */
}
}

.col,
.row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.row { 
    display: block !important;
    flex-wrap: wrap !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
}
.u-maxWidth740 {
    max-width: 740px !important;
}

.u-marginAuto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.u-marginTop30 {
    margin-top: 30px !important;
}

article,
aside,
details,
figcaption,
figure,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

.link {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.u-fontSize14 {
    font-size: 16px !important;
}

.u-textColorNormal {
    color: rgba(0, 0, 0, .54) !important;
    fill: rgba(0, 0, 0, .54) !important;
}

.u-marginRight16 {
    margin-right: 16px !important;
}

.u-flex0 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

a,
button,
input {
    -webkit-tap-highlight-color: transparent;
}

/* a {
    color: #fff !important;
    text-decoration: none !important;
} */

a {
    background-color: transparent;
}

a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}

.m-breakWord {
    word-break: break-word;
    word-wrap: break-word;
}

.postActions {
    background: #fff;
}

.u-width60 {
    width: 60px !important;
}

.u-relative {
    position: relative !important;
}

.u-foreground {
    position: relative !important;
    z-index: 100 !important;
}

.button--large.button--circle {
    width: 37px;
    height: 37px;
    padding: 0;
}

.button--withChrome.button--large {
    height: 37px;
    line-height: 37px;
    padding:12px 12px;
}

.u-accentColor--textNormal {
    color: #737171 !important;
}

.button--large,
.button--large.button--chromeless,
.button--large.button--link {
    font-size: 17px;
}

.button--circle {
    padding: 0;
    width: 37px;
    text-align: center;
    -webkit-border-radius: 100%;
    border-radius: 100% !important;
}

.button--withChrome {
    height: 37px;
    line-height: 37px;
    padding: 0 16px;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.button,
.button .svgIcon {
    -webkit-transition: .1s background-color, .1s border-color, .1s color, .1s fill;
    transition: .1s background-color, .1s border-color, .1s color, .1s fill;
    margin:0px 0px 5px 5px;
}

.button {
    display: inline-block !important;
    position: relative !important;
    color: rgba(0, 0, 0, .54) !important;
    background: rgba(0, 0, 0, 0) !important;
    font-size: 16px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    vertical-align: bottom !important;
    white-space: nowrap !important;
    text-rendering: auto !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    letter-spacing: 0;
    font-weight: 500;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga"on;
    /* background-color: #fff !important; */
    /* padding:.3rem !important; */
    /* margin-bottom: 5px !important; */
}

.fixed-action-btn {
    position: fixed;
    right: 23px;
    bottom: 23px;
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 998;
    display: none;
}

.btn-floating .btn-large {
    width: 56px;
    height: 56px;
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    line-height: 40px;
    padding: 0;
    background: -webkit-linear-gradient(45deg,#00bfff 0,#0888cf 15%,navy 100%);
    background: -o-linear-gradient(45deg,#00bfff 0,#0888cf 15%,navy 100%);
    background: linear-gradient(45deg,#00bfff 0,#0888cf 15%,navy 100%);
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    letter-spacing: .5px;
    transition: .2s ease-out;
    cursor: pointer;
    outline: 0;
}
.u-width60 {
    width: 60px !important;
}

.u-height60 {
    height: 60px !important;
}

.u-relative {
    position: relative !important;
}

.u-foreground {
    position: relative !important;
    z-index: 100 !important;
}

button,
input {
    -webkit-tap-highlight-color: transparent;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button,
select {
    text-transform: none;
}

button {
    overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

input[type="button"i],
input[type="submit"i],
input[type="reset"i],
input[type="file"i]::-webkit-file-upload-button,
button {
    padding: 1px 6px;
}

input[type="button"i],
input[type="submit"i],
input[type="reset"i],
input[type="file"i]::-webkit-file-upload-button,
button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    /* color: buttontext; */
    /* background-color: buttonface; */
    /* box-sizing: border-box;
    */
    /* border-width: 2px; */
    /* border-style: outset; */
    /* border-color: buttonface;
    border-image: initial; */
      padding: 0px 6px 3px;
}

input,
textarea,
select,
button {
    text-rendering: auto;
    color: initial;
    font-family: 'Lato', sans-serif;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}

input,
textarea,
select,
button,
meter,
progress {
    -webkit-writing-mode: horizontal-tb !important;
}

button {
    -webkit-appearance: button;
}

Style Attribute {
    visibility: visible;
    display: block;
}

.u-accentColor--buttonNormal .icon:before,
.u-accentColor--buttonNormal .svgIcon {
    color: #868484 !important;
    fill: #868484 !important;
}

.clapButton .svgIcon--clap,
.clapButton .svgIcon--clapFilled,
.clapButton:hover .svgIcon--clap,
.clapButton:hover .svgIcon--clapFilled {
    fill: #03a87c;
    color: #34e79a;
}

.button--withSvgIcon .svgIcon {
    top: -1px;
    position: relative;
}

.button .svgIcon {
    vertical-align: middle;
    fill: rgba(0, 0, 0, .54);
}

.button,
.button .svgIcon {
    -webkit-transition: .1s background-color, .1s border-color, .1s color, .1s fill;
    transition: .1s background-color, .1s border-color, .1s color, .1s fill;
}

.svgIcon--33px {
    line-height: 33px;
    height: 33px;
}

.svgIcon {
    display: inline-block;
}

.u-topNegative2 {
    top: -2px !important;
}

.u-relative {
    position: relative !important;
}


.u-accentColor--textNormal {
    color: #737171 !important;
}

.button--large,
.button--large.button--chromeless,
.button--large.button--link {
    font-size: 17px;
}

.button--circle {
    padding: 0;
    width: 37px;
    text-align: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.button--withChrome {
    height: 37px;
    line-height: 37px;
    padding: 0 16px;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.button {
    display: inline-block;
    position: relative;
    color: rgba(0, 0, 0, .54);
    background: rgba(0, 0, 0, 0);
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    vertical-align: bottom;
    white-space: nowrap;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; */
    font-family: 'Lato', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga"on;
}

a,
button,
input {
    -webkit-tap-highlight-color: transparent;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button,
select {
    text-transform: none;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

input[type="button"i],
input[type="submit"i],
input[type="reset"i],
input[type="file"i]::-webkit-file-upload-button,
button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    /* color: buttontext; */
    /* background-color: buttonface; */
    /* box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    /* border-color: buttonface; 
    border-image: initial; */
}

input,
textarea,
select,
button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}

input,
textarea,
select,
button,
meter,
progress {
    -webkit-writing-mode: horizontal-tb !important;
}

Style Attribute {
    visibility: visible;
    display: block;
}

.button.is-active>.button-defaultState,
.button>.button-activeState {
    display: none;
}

.css-czj4x5 .hero-body {
    padding: 0;
    height: 100% !important;
    padding-bottom: 3rem;
}

.u-accentColor--textNormal {
    color: #737171 !important;
}

.button--large,
.button--large.button--chromeless,
.button--large.button--link {
    font-size: 17px;
}

element.style {
    top: 14px;
    padding: 2px;
}

.clapButton--largePill:not(.is-active)+.clapUndo {
    display: none;
}

.clapUndo {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.clapUndo {
    opacity: 1;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25, 0, .6, 1.4) 1s;
    transition: -webkit-transform .3s cubic-bezier(.25, 0, .6, 1.4) 1s;
    transition: transform .3s cubic-bezier(.25, 0, .6, 1.4) 1s;
    transition: transform .3s cubic-bezier(.25, 0, .6, 1.4) 1s, -webkit-transform .3s cubic-bezier(.25, 0, .6, 1.4) 1s;
}

.u-background--brandSageLighter {
    background-color: #E8F3EC;
}

.u-transition--transform200Spring {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.25, 0, .6, 1.4);
    transition: -webkit-transform .2s cubic-bezier(.25, 0, .6, 1.4);
    transition: transform .2s cubic-bezier(.25, 0, .6, 1.4);
    transition: transform .2s cubic-bezier(.25, 0, .6, 1.4), -webkit-transform .2s cubic-bezier(.25, 0, .6, 1.4);
}

.u-round {
    -webkit-border-radius: 999em;
    border-radius: 999em;
}

.u-width60 {
    width: 60px !important;
}

.u-height32 {
    height: 32px !important;
}

.u-absolute {
    position: absolute !important;
}

.u-paddingRight5 {
    padding-right: 5px !important;
}

.button--chromeless,
.button--link {
    border-width: 0;
    padding: 0;
    text-align: left;
    vertical-align: baseline;
    white-space: normal;
}

.button,
.button .svgIcon {
    -webkit-transition: .1s background-color, .1s border-color, .1s color, .1s fill;
    transition: .1s background-color, .1s border-color, .1s color, .1s fill;
}

.u-borderBox {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.u-round {
    -webkit-border-radius: 999em;
    border-radius: 999em;
}

.u-floatRight {
    float: right !important;
}

.u-textAlignCenter {
    text-align: center !important;
}

.u-relative {
    position: relative !important;
}

.u-marginLeft10 {
    margin-left: 10px !important;
}

.u-background {
    z-index: 70 !important;
}

.side-nav {
    color: #fff !important;
}

.dropdown-menu .dropdown-item
{
    color: var(--primary-dark) !important;
}
.container {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}

.col,
.container,
.row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.promo-home_hero_conversion .button {
    color: #000e29;
    border-color: #00ce76;
}

.promo-home_hero_conversion .button:hover {
    border-color: #1C9963 !important;
}

.promo-home_hero_conversion .button.secondaryPromoButton {
    color: #2196F3;
}

.promo-home_hero_conversion .button.secondaryPromoButton:hover {
    color: #1C9963;
}

.promo-home_hero_conversion .button--filled {
    background: '';
    color: rgba(255, 255, 255, .97);
}

.promo-home_hero_conversion .button--filled:hover {
    background: #1C9963;
}

.u-imageBgColor {
    background-color: rgba(0, 0, 0, 0.24705882352941178);
}

.u-imageSpectrum .u-baseColor--borderLight {
    border-color: rgba(255, 255, 255, 0.6980392156862745) !important;
}

.u-imageSpectrum .u-baseColor--borderNormal {
    border-color: rgba(255, 255, 255, 0.8980392156862745) !important;
}

.u-imageSpectrum .u-baseColor--borderDark {
    border-color: rgba(255, 255, 255, 0.9490196078431372) !important;
}

.u-imageSpectrum .u-baseColor--iconLight .svgIcon,
.u-imageSpectrum .u-baseColor--iconLight.svgIcon {
    fill: rgba(255, 255, 255, 0.8) !important;
}

.u-imageSpectrum .u-baseColor--iconNormal .svgIcon,
.u-imageSpectrum .u-baseColor--iconNormal.svgIcon {
    fill: rgba(255, 255, 255, 0.9490196078431372) !important;
}

.u-imageSpectrum .u-baseColor--iconDark .svgIcon,
.u-imageSpectrum .u-baseColor--iconDark.svgIcon {
    fill: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-baseColor--textNormal {
    color: rgba(255, 255, 255, 0.9490196078431372) !important;
}

.u-imageSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {
    color: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-baseColor--textDark {
    color: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-baseColor--textDarker {
    color: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-baseColor--backgroundLight {
    background-color: rgba(255, 255, 255, 0.8980392156862745) !important;
}

.u-imageSpectrum .u-baseColor--backgroundNormal {
    background-color: rgba(255, 255, 255, 0.9490196078431372) !important;
}

.u-imageSpectrum .u-baseColor--backgroundDark {
    background-color: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-baseColor--buttonLight {
    border-color: rgba(255, 255, 255, 0.6980392156862745) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

.u-imageSpectrum .u-baseColor--buttonLight:hover {
    border-color: rgba(255, 255, 255, 0.6980392156862745) !important;
}

.u-imageSpectrum .u-baseColor--buttonLight .icon:before,
.u-imageSpectrum .u-baseColor--buttonLight .svgIcon {
    color: rgba(255, 255, 255, 0.8) !important;
    fill: rgba(255, 255, 255, 0.8) !important;
}

.u-imageSpectrum .u-baseColor--buttonDark {
    border-color: rgba(255, 255, 255, 0.9490196078431372) !important;
    color: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-baseColor--buttonDark:hover {
    border-color: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-baseColor--buttonDark .icon:before,
.u-imageSpectrum .u-baseColor--buttonDark .svgIcon {
    color: rgba(255, 255, 255, 1) !important;
    fill: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-baseColor--buttonNormal {
    border-color: rgba(255, 255, 255, 0.8980392156862745) !important;
    color: rgba(255, 255, 255, 0.9490196078431372) !important;
}

.u-imageSpectrum .u-baseColor--buttonNormal:hover {
    border-color: rgba(255, 255, 255, 0.9490196078431372) !important;
}

.u-imageSpectrum .u-baseColor--buttonNormal .icon:before,
.u-imageSpectrum .u-baseColor--buttonNormal .svgIcon {
    color: rgba(255, 255, 255, 0.9490196078431372) !important;
    fill: rgba(255, 255, 255, 0.9490196078431372) !important;
}

.u-imageSpectrum .u-baseColor--buttonDark.button--filled,
.u-imageSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {
    background-color: rgba(255, 255, 255, 1) !important;
    border-color: rgba(255, 255, 255, 1) !important;
    color: rgba(0, 0, 0, 0.24705882352941178) !important;
    fill: rgba(0, 0, 0, 0.24705882352941178) !important;
}

.u-imageSpectrum .u-baseColor--buttonNormal.button--filled,
.u-imageSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {
    background-color: rgba(255, 255, 255, 0.9490196078431372) !important;
    border-color: rgba(255, 255, 255, 0.9490196078431372) !important;
    color: rgba(0, 0, 0, 0.24705882352941178) !important;
    fill: rgba(0, 0, 0, 0.24705882352941178) !important;
}

.u-imageSpectrum .u-baseColor--link {
    color: rgba(255, 255, 255, 0.9490196078431372) !important;
}

.u-imageSpectrum .u-baseColor--link.link--darkenOnHover:hover {
    color: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-baseColor--link.link--darken:hover,
.u-imageSpectrum .u-baseColor--link.link--darken:focus,
.u-imageSpectrum .u-baseColor--link.link--darken:active {
    color: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-baseColor--link.link--dark {
    color: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-baseColor--link.link--dark.link--darken:hover,
.u-imageSpectrum .u-baseColor--link.link--dark.link--darken:focus,
.u-imageSpectrum .u-baseColor--link.link--dark.link--darken:active {
    color: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-baseColor--link.link--darker {
    color: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.u-imageSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.u-imageSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.u-imageSpectrum .svgIcon--logoNew path:nth-child(1) {
    stroke: none !important;
    fill: rgba(255, 255, 255, 0.4) !important;
}

.u-imageSpectrum .svgIcon--logoNew path:nth-child(2) {
    stroke: none !important;
    fill: rgba(255, 255, 255, 0.4980392156862745) !important;
}

.u-imageSpectrum .svgIcon--logoNew path:nth-child(3) {
    stroke: none !important;
    fill: rgba(255, 255, 255, 0.6980392156862745) !important;
}

.u-imageSpectrum .svgIcon--logoNew path:nth-child(4) {
    stroke: none !important;
    fill: rgba(255, 255, 255, 0.8980392156862745) !important;
}

.u-imageSpectrum .svgIcon--logoWordmark {
    stroke: none !important;
    fill: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .svgIcon--logoMonogram {
    stroke: none !important;
    fill: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .ui-h1,
.u-imageSpectrum .ui-h2,
.u-imageSpectrum .ui-h3,
.u-imageSpectrum .ui-h4,
.u-imageSpectrum .ui-brand1,
.u-imageSpectrum .ui-brand2,
.u-imageSpectrum .ui-captionStrong {
    color: rgba(255, 255, 255, 1) !important;
    fill: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .ui-body,
.u-imageSpectrum .ui-caps {
    color: rgba(255, 255, 255, 1) !important;
    fill: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .ui-summary,
.u-imageSpectrum .ui-caption {
    color: rgba(255, 255, 255, 0.8) !important;
    fill: rgba(255, 255, 255, 0.8) !important;
}

.u-imageSpectrum .u-accentColor--borderLight {
    border-color: rgba(255, 255, 255, 0.6980392156862745) !important;
}

.u-imageSpectrum .u-accentColor--borderNormal {
    border-color: rgba(255, 255, 255, 0.8980392156862745) !important;
}

.u-imageSpectrum .u-accentColor--borderDark {
    border-color: rgba(255, 255, 255, 0.9490196078431372) !important;
}

.u-imageSpectrum .u-accentColor--iconLight .svgIcon,
.u-imageSpectrum .u-accentColor--iconLight.svgIcon {
    fill: rgba(255, 255, 255, 0.8) !important;
}

.u-imageSpectrum .u-accentColor--iconNormal .svgIcon,
.u-imageSpectrum .u-accentColor--iconNormal.svgIcon {
    fill: rgba(255, 255, 255, 0.9490196078431372) !important;
}

.u-imageSpectrum .u-accentColor--iconDark .svgIcon,
.u-imageSpectrum .u-accentColor--iconDark.svgIcon {
    fill: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-accentColor--textNormal {
    color: rgba(255, 255, 255, 0.9490196078431372) !important;
}

.u-imageSpectrum .u-accentColor--hoverTextNormal:hover {
    color: rgba(255, 255, 255, 0.9490196078431372) !important;
}

.u-imageSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {
    color: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-accentColor--textDark {
    color: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-accentColor--backgroundLight {
    background-color: rgba(255, 255, 255, 0.8980392156862745) !important;
}

.u-imageSpectrum .u-accentColor--backgroundNormal {
    background-color: rgba(255, 255, 255, 0.9490196078431372) !important;
}

.u-imageSpectrum .u-accentColor--backgroundDark {
    background-color: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-accentColor--buttonDark {
    border-color: rgba(255, 255, 255, 0.9490196078431372) !important;
    color: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-accentColor--buttonDark:hover {
    border-color: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-accentColor--buttonDark .icon:before,
.u-imageSpectrum .u-accentColor--buttonDark .svgIcon {
    color: rgba(255, 255, 255, 1) !important;
    fill: rgba(255, 255, 255, 1) !important;
}

.u-imageSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {
    border-color: rgba(255, 255, 255, 0.8980392156862745) !important;
    color: rgba(255, 255, 255, 0.9490196078431372) !important;
}

.u-imageSpectrum .u-accentColor--buttonNormal:hover {
    border-color: rgba(255, 255, 255, 0.9490196078431372) !important;
}

.u-imageSpectrum .u-accentColor--buttonNormal .icon:before,
.u-imageSpectrum .u-accentColor--buttonNormal .svgIcon {
    color: rgba(255, 255, 255, 0.9490196078431372) !important;
    fill: rgba(255, 255, 255, 0.9490196078431372) !important;
}

.u-imageSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,
.u-imageSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon {
    color: rgba(0, 0, 0, 0.24705882352941178) !important;
    fill: rgba(0, 0, 0, 0.24705882352941178) !important;
}

.u-imageSpectrum .u-accentColor--buttonDark.button--filled,
.u-imageSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,
.u-imageSpectrum .u-accentColor--fillWhenActive.is-active {
    background-color: rgba(255, 255, 255, 1) !important;
    border-color: rgba(255, 255, 255, 1) !important;
    color: rgba(0, 0, 0, 0.24705882352941178) !important;
    fill: rgba(0, 0, 0, 0.24705882352941178) !important;
}

.u-imageSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),
.u-imageSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {
    background-color: rgba(255, 255, 255, 0.9490196078431372) !important;
    border-color: rgba(255, 255, 255, 0.9490196078431372) !important;
    color: rgba(0, 0, 0, 0.24705882352941178) !important;
    fill: rgba(0, 0, 0, 0.24705882352941178) !important;
}

.u-imageSpectrum .postArticle.is-withAccentColors .markup--user,
.u-imageSpectrum .postArticle.is-withAccentColors .markup--query {
    color: rgba(255, 255, 255, 0.9490196078431372) !important;
}

.u-imageSpectrum .u-accentColor--highlightFaint {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.u-imageSpectrum .u-accentColor--highlightStrong.is-active .svgIcon {
    fill: rgba(255, 255, 255, 0.6) !important;
}

.postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-other {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-other {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
}

.postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-me {
    background-color: rgba(255, 255, 255, 0.4) !important;
}

body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-me {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
}

.postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-targeted {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-targeted {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}

.postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-selected {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-selected {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}

.postArticle.is-withAccentColors .u-imageSpectrum .markup--highlight {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--highlight {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
}

.u-resetSpectrum .u-tintBgColor {
    background-color: rgba(255, 255, 255, 1) !important;
}

.u-resetSpectrum .u-tintBgColor .u-fadeLeft:before {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%) !important;
}

.u-resetSpectrum .u-tintBgColor .u-fadeRight:after {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%) !important;
}

.u-resetSpectrum .u-baseColor--borderLight {
    border-color: rgba(0, 0, 0, 0.2980392156862745) !important;
}

.u-resetSpectrum .u-baseColor--borderNormal {
    border-color: rgba(0, 0, 0, 0.4980392156862745) !important;
}

.u-resetSpectrum .u-baseColor--borderDark {
    border-color: rgba(0, 0, 0, 0.6) !important;
}

.u-resetSpectrum .u-baseColor--iconLight .svgIcon,
.u-resetSpectrum .u-baseColor--iconLight.svgIcon {
    fill: rgba(0, 0, 0, 0.2980392156862745) !important;
}

.u-resetSpectrum .u-baseColor--iconNormal .svgIcon,
.u-resetSpectrum .u-baseColor--iconNormal.svgIcon {
    fill: rgba(0, 0, 0, 0.4980392156862745) !important;
}

.u-resetSpectrum .u-baseColor--iconDark .svgIcon,
.u-resetSpectrum .u-baseColor--iconDark.svgIcon {
    fill: rgba(0, 0, 0, 0.6) !important;
}

.u-resetSpectrum .u-baseColor--textNormal {
    color: rgba(0, 0, 0, 0.4980392156862745) !important;
}

.u-resetSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {
    color: rgba(0, 0, 0, 0.6) !important;
}

.u-resetSpectrum .u-baseColor--textDark {
    color: rgba(0, 0, 0, 0.6) !important;
}

.u-resetSpectrum .u-baseColor--textDarker {
    color: rgba(0, 0, 0, 0.8) !important;
}

.u-resetSpectrum .u-baseColor--backgroundLight {
    background-color: rgba(0, 0, 0, 0.09803921568627451) !important;
}

.u-resetSpectrum .u-baseColor--backgroundNormal {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.u-resetSpectrum .u-baseColor--backgroundDark {
    background-color: rgba(0, 0, 0, 0.2980392156862745) !important;
}

.u-resetSpectrum .u-baseColor--buttonLight {
    border-color: rgba(0, 0, 0, 0.2980392156862745) !important;
    color: rgba(0, 0, 0, 0.2980392156862745) !important;
}

.u-resetSpectrum .u-baseColor--buttonLight:hover {
    border-color: rgba(0, 0, 0, 0.2980392156862745) !important;
}

.u-resetSpectrum .u-baseColor--buttonLight .icon:before,
.u-resetSpectrum .u-baseColor--buttonLight .svgIcon {
    color: rgba(0, 0, 0, 0.2980392156862745) !important;
    fill: rgba(0, 0, 0, 0.2980392156862745) !important;
}

.u-resetSpectrum .u-baseColor--buttonDark {
    border-color: rgba(0, 0, 0, 0.6) !important;
    color: rgba(0, 0, 0, 0.6) !important;
}

.u-resetSpectrum .u-baseColor--buttonDark:hover {
    border-color: rgba(0, 0, 0, 0.8) !important;
}

.u-resetSpectrum .u-baseColor--buttonDark .icon:before,
.u-resetSpectrum .u-baseColor--buttonDark .svgIcon {
    color: rgba(0, 0, 0, 0.6) !important;
    fill: rgba(0, 0, 0, 0.6) !important;
}

.u-resetSpectrum .u-baseColor--buttonNormal {
    border-color: rgba(0, 0, 0, 0.4980392156862745) !important;
    color: rgba(0, 0, 0, 0.4980392156862745) !important;
}

.u-resetSpectrum .u-baseColor--buttonNormal:hover {
    border-color: rgba(0, 0, 0, 0.6) !important;
}

.u-resetSpectrum .u-baseColor--buttonNormal .icon:before,
.u-resetSpectrum .u-baseColor--buttonNormal .svgIcon {
    color: rgba(0, 0, 0, 0.4980392156862745) !important;
    fill: rgba(0, 0, 0, 0.4980392156862745) !important;
}

.u-resetSpectrum .u-baseColor--buttonDark.button--filled,
.u-resetSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {
    background-color: rgba(0, 0, 0, 0.2980392156862745) !important;
    border-color: rgba(0, 0, 0, 0.2980392156862745) !important;
    color: rgba(255, 255, 255, 1) !important;
    fill: rgba(255, 255, 255, 1) !important;
}

.u-resetSpectrum .u-baseColor--buttonNormal.button--filled,
.u-resetSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    color: rgba(255, 255, 255, 1) !important;
    fill: rgba(255, 255, 255, 1) !important;
}

.u-resetSpectrum .u-baseColor--link {
    color: rgba(0, 0, 0, 0.4980392156862745) !important;
}

.u-resetSpectrum .u-baseColor--link.link--darkenOnHover:hover {
    color: rgba(0, 0, 0, 0.6) !important;
}

.u-resetSpectrum .u-baseColor--link.link--darken:hover,
.u-resetSpectrum .u-baseColor--link.link--darken:focus,
.u-resetSpectrum .u-baseColor--link.link--darken:active {
    color: rgba(0, 0, 0, 0.6) !important;
}

.u-resetSpectrum .u-baseColor--link.link--dark {
    color: rgba(0, 0, 0, 0.6) !important;
}

.u-resetSpectrum .u-baseColor--link.link--dark.link--darken:hover,
.u-resetSpectrum .u-baseColor--link.link--dark.link--darken:focus,
.u-resetSpectrum .u-baseColor--link.link--dark.link--darken:active {
    color: rgba(0, 0, 0, 0.8) !important;
}

.u-resetSpectrum .u-baseColor--link.link--darker {
    color: rgba(0, 0, 0, 0.8) !important;
}

.u-resetSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.2980392156862745);
}

.u-resetSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {
    color: rgba(0, 0, 0, 0.2980392156862745);
}

.u-resetSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.2980392156862745);
}

.u-resetSpectrum .svgIcon--logoNew path:nth-child(1) {
    stroke: none !important;
    fill: rgba(0, 0, 0, 0.2) !important;
}

.u-resetSpectrum .svgIcon--logoNew path:nth-child(2) {
    stroke: none !important;
    fill: rgba(0, 0, 0, 0.2980392156862745) !important;
}

.u-resetSpectrum .svgIcon--logoNew path:nth-child(3) {
    stroke: none !important;
    fill: rgba(0, 0, 0, 0.4) !important;
}

.u-resetSpectrum .svgIcon--logoNew path:nth-child(4) {
    stroke: none !important;
    fill: rgba(0, 0, 0, 0.4980392156862745) !important;
}

.u-resetSpectrum .svgIcon--logoWordmark {
    stroke: none !important;
    fill: rgba(0, 0, 0, 0.6) !important;
}

.u-resetSpectrum .svgIcon--logoMonogram {
    stroke: none !important;
    fill: rgba(0, 0, 0, 0.6) !important;
}

.u-resetSpectrum .ui-h1,
.u-resetSpectrum .ui-h2,
.u-resetSpectrum .ui-h3,
.u-resetSpectrum .ui-h4,
.u-resetSpectrum .ui-brand1,
.u-resetSpectrum .ui-brand2,
.u-resetSpectrum .ui-captionStrong {
    color: rgba(0, 0, 0, 0.8) !important;
    fill: rgba(0, 0, 0, 0.8) !important;
}

.u-resetSpectrum .ui-body,
.u-resetSpectrum .ui-caps {
    color: rgba(0, 0, 0, 0.6) !important;
    fill: rgba(0, 0, 0, 0.6) !important;
}

.u-resetSpectrum .ui-summary,
.u-resetSpectrum .ui-caption {
    color: rgba(0, 0, 0, 0.2980392156862745) !important;
    fill: rgba(0, 0, 0, 0.2980392156862745) !important;
}

.u-resetSpectrum .u-accentColor--borderLight {
    border-color: rgba(2, 184, 117, 1) !important;
}

.u-resetSpectrum .u-accentColor--borderNormal {
    border-color: rgba(2, 184, 117, 1) !important;
}

.u-resetSpectrum .u-accentColor--borderDark {
    border-color: rgba(0, 171, 107, 1) !important;
}

.u-resetSpectrum .u-accentColor--iconLight .svgIcon,
.u-resetSpectrum .u-accentColor--iconLight.svgIcon {
    fill: rgba(2, 184, 117, 1) !important;
}

.u-resetSpectrum .u-accentColor--iconNormal .svgIcon,
.u-resetSpectrum .u-accentColor--iconNormal.svgIcon {
    fill: rgba(0, 171, 107, 1) !important;
}

.u-resetSpectrum .u-accentColor--iconDark .svgIcon,
.u-resetSpectrum .u-accentColor--iconDark.svgIcon {
    fill: rgba(28, 153, 99, 1) !important;
}

.u-resetSpectrum .u-accentColor--textNormal {
    color: rgba(0, 171, 107, 1) !important;
}

.u-resetSpectrum .u-accentColor--hoverTextNormal:hover {
    color: rgba(0, 171, 107, 1) !important;
}

.u-resetSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {
    color: rgba(28, 153, 99, 1) !important;
}

.u-resetSpectrum .u-accentColor--textDark {
    color: rgba(28, 153, 99, 1) !important;
}

.u-resetSpectrum .u-accentColor--backgroundLight {
    background-color: rgba(2, 184, 117, 1) !important;
}

.u-resetSpectrum .u-accentColor--backgroundNormal {
    background-color: rgba(0, 171, 107, 1) !important;
}

.u-resetSpectrum .u-accentColor--backgroundDark {
    background-color: rgba(28, 153, 99, 1) !important;
}

.u-resetSpectrum .u-accentColor--buttonDark {
    border-color: rgba(0, 171, 107, 1) !important;
    color: rgba(28, 153, 99, 1) !important;
}

.u-resetSpectrum .u-accentColor--buttonDark:hover {
    border-color: rgba(28, 153, 99, 1) !important;
}

.u-resetSpectrum .u-accentColor--buttonDark .icon:before,
.u-resetSpectrum .u-accentColor--buttonDark .svgIcon {
    color: rgba(28, 153, 99, 1) !important;
    fill: rgba(28, 153, 99, 1) !important;
}

.u-resetSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {
    border-color: rgba(2, 184, 117, 1) !important;
    color: rgba(0, 171, 107, 1) !important;
}

.u-resetSpectrum .u-accentColor--buttonNormal:hover {
    border-color: rgba(0, 171, 107, 1) !important;
}

.u-resetSpectrum .u-accentColor--buttonNormal .icon:before,
.u-resetSpectrum .u-accentColor--buttonNormal .svgIcon {
    color: rgba(0, 171, 107, 1) !important;
    fill: rgba(0, 171, 107, 1) !important;
}

.u-resetSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,
.u-resetSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon {
    color: rgba(255, 255, 255, 1) !important;
    fill: rgba(255, 255, 255, 1) !important;
}

.u-resetSpectrum .u-accentColor--buttonDark.button--filled,
.u-resetSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,
.u-resetSpectrum .u-accentColor--fillWhenActive.is-active {
    background-color: rgba(28, 153, 99, 1) !important;
    border-color: rgba(28, 153, 99, 1) !important;
    color: rgba(255, 255, 255, 1) !important;
    fill: rgba(255, 255, 255, 1) !important;
}

.u-resetSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),
.u-resetSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {
    background-color: rgba(0, 171, 107, 1) !important;
    border-color: rgba(0, 171, 107, 1) !important;
    color: rgba(255, 255, 255, 1) !important;
    fill: rgba(255, 255, 255, 1) !important;
}

.u-resetSpectrum .postArticle.is-withAccentColors .markup--user,
.u-resetSpectrum .postArticle.is-withAccentColors .markup--query {
    color: rgba(0, 171, 107, 1) !important;
}

.docs-footer {
    margin-top: 40px;
    background-color: transparent;
    border-top: 1px solid rgba(0, 0, 0, 0.14);
    color: rgb(43, 41, 41);
    
}
.min-height-250 {
    min-height: 250px !important;
}

.border-radius-6 {
    border-radius: 10px !important;
}

.gradient-45deg-red-pink {
    background: #FF5252;
    background: -webkit-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
    background: linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
}
.z-depth-3 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
}
.page-footer {
    padding-top: 20px;
    color: rgb(43, 41, 41);
    background-color: transparent;
}
.css-1v3edka {
    text-align: center;
    background-color: hsl(220,95%,8%);
    color: hsla(0,0%,100%,0.5);
    font-size: 14px !important;
    padding: 3rem 1.5rem;
    position: relative;
    left: 0;
    bottom: 0;
    min-height: 595px;
    overflow: hidden;
}
.hr-line{
background-color: transparent;
border-top: 1px solid rgba(0, 0, 0, 0.14);
color: inherit;
margin-top:.9rem;
margin-bottom:.8rem;
}

.chip{
    margin-top:0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

p.card-content{
    color:#555 !important;
}
@media all and (display-mode: standalone) {
    body {
        background-color:#0000;
    }
}


p {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.6em;
}
.code{
    font-size:14px;
    background-color: #333;
    color:orange;
    padding:3rem 3rem 3rem 3rem;
    scroll-behavior: smooth;
    text-align: justify;
    border-radius: 10px;
    margin-bottom: 1rem;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(5, 172, 238, 0.8);
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(5, 172, 238, 0.8);
}

a.brand-logo.center {
    font-size: 1.9rem !important;
}

@media(min-device-width:320px) and (max-device-width:960px) {
    img.responsive-img{
        max-width: 50% !important;
    }
}