:root {
  --white: white;
  --black: black;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}



.node_body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin: 0px;
  border-radius: 12px;
}

.node_body hr {
  width: 75%;
}

.node_header {
  height: 33%;
  background-color: #005231 !important;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  color: white
}

.node_body_content {

  /* font-size: medium; */
  font-weight: bolder;
  margin: .318em;

}

.node_header .text--618em {
  margin: .618em;
}





.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  margin-bottom: 0;
}

a {
  opacity: 1;
  color: #202026;
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
}

img {
  display: inline-block;
}

.hero-section {
  height: 100vh;
  justify-content: flex-start;
  align-items: center;
  margin-top: -53px;
  position: relative;
}

.site-container {
  width: 70%;
  height: 100%;
  max-width: 1280px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-content {
  z-index: 3;
  grid-row-gap: 20px;
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(200px, 800px) 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.heading {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  line-height: 1;
}

.body {
  grid-row-gap: 20px;
  color: #202026;
  background-color: #f9f9fc;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-family: Helvetica, sans-serif;
  font-size: 38px;
  font-weight: 400;
}

.body.dashboard {
  flex-direction: row;
  font-size: 30px;
  line-height: 1.2;
  display: flex;
}

.softwares-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
}

.card {
  background-color: #fff;
  border: 1px solid rgba(149, 174, 208, .2);
  border-radius: 12px;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}

.card._50p {
  padding: 50px;
}

.card._50p.dummy {
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
}

.card._50p.bg-m-f {
  background-image: url('../images/web-mf-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.card._50p.test {
  position: relative;
}

.card._30p {
  padding: 30px;
}

.card._30p.test {
  min-width: 60%;
}

.card._30p.form {
  max-width: 720px;
  min-width: 320px;
  text-align: left;
  flex: 0 auto;
}

.card._30p.form.selected-plan {
  max-width: 500px;
  flex-direction: column;
  display: flex;
}

.card._10p {
  padding: 10px;
}

.card.topbar {
  padding: 10px 20px;
  position: relative;
  overflow: visible;
}

.card.notification {
  width: 400px;
  padding: 30px 20px 30px;
}

.card.notification.txt-resize {
  font-size: 24px;
  display: flex;
}

.card.chat {
  height: 100%;
  flex: 1;
}

.card.full-chart {
  height: 100%;
  position: relative;
}

.card.padding-236 {
  padding: .236em;
}

.sherwodd-icons {
  height: 80px;
}

.card-content {
  margin: 40px;
}

.paragraph {
  margin-bottom: 0;
  font-size: .5em;
  line-height: 1.2;
}

.paragraph.center {
  text-align: center;
}

.heading-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1;
}

.text-wrapper {
  margin-top: 30px;
}

.cr-icon {
  width: 100px;
}

.icon-aligner {
  height: 80px;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.software-sec-content {
  width: 100%;
  max-width: 800px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.h1 {
  max-width: 1080px;
  font-size: 1.5em;
  line-height: 1.1;
}

.h1.max500 {
  max-width: 500px;
  word-break: normal;
  overflow-wrap: anywhere;
}

.h1.center {
  text-align: center;
}

.paragraph-4 {
  font-size: .5em;
  line-height: 1.3;
  display: flex;
}

.title-card {
  z-index: 1;
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.title-card._720px {
  max-width: 720px;
}

.title-card._500px {
  max-width: 500px;
}

.title-card._500px.txt-white {
  color: #fff;
}

.title-card.justify-left {
  text-align: left;
  align-items: flex-start;
}

.software-section {
  height: 100vh;
  background-color: #fff;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

.grid-section {
  background-color: #f8f8fa;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}

.avail-cont {
  width: 100%;
  height: 500px;
  grid-row-gap: 40px;
  background-color: #00d97a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.laptop-img {
  height: 100%;
  max-height: 400px;
  max-width: 100%;
  object-fit: contain;
}

.devices-wrapper {
  z-index: 2;
  width: 100%;
  height: 300px;
  max-width: 900px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: minmax(auto, 500px);
  grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  justify-items: center;
  display: flex;
  position: relative;
}

.navbar-wrapper {
  color: #c9c9c9;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
}

.navbar-brand {
  margin-right: 20px;
}

.nav-menu {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  line-height: 1;
  display: flex;
}

.nav-link {
  color: #313131;
  letter-spacing: .6px;
  align-items: center;
  font-size: .42em;
  line-height: 1;
  text-decoration: none;
  transition: color .15s;
  display: flex;
}

.nav-link:hover {
  color: #00d97a;
}

.nav-link:focus-visible {
  outline-offset: 0px;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.button-item {
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  display: flex;
}

.login-button {
  color: #000;
  background-color: #00d97a;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  font-size: .42em;
  line-height: 1;
  transition: all .2s;
  display: flex;
}

.login-button:hover {
  color: #fff;
  background-color: #8a32f5;
}

.login-button:active {
  background-color: #43464d;
}

.list-item {
  justify-content: center;
  align-items: center;
  display: flex;
}

.cr-monogram-bw {
  width: 18px;
  padding-bottom: 2px;
}

.navbar {
  background-color: #fff;
}

.hero-container {
  width: 90%;
  height: 100%;
  max-width: 1280px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.software-links {
  grid-column-gap: 40px;
  justify-content: center;
  display: flex;
}

.more-info-button {
  cursor: pointer;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px;
  flex-direction: row;
  align-items: center;
  padding: 4px 8px;
  transition: background-color .5s, color .5s;
  display: flex;
}

.more-info-button.arrow {
  color: #6d9ed2;
  border-color: #6d9ed2;
}

.more-info-button.arrow:hover {
  color: #dbecff;
  background-color: #6d9ed2;
}

.more-info-button.ats {
  color: #a239ca;
  border-color: #a239ca;
}

.more-info-button.ats:hover {
  color: #fff;
  background-color: #a239ca;
}

.more-info-button.youtube {
  color: red;
  border-color: red;
}

.more-info-button.youtube:hover {
  color: #fff;
  background-color: red;
}

.more-info-button.green-cr-button {
  color: #00d97a;
  border-color: #00d97a;
}

.more-info-button.green-cr-button:hover {
  color: #fff;
  background-color: #00d97a;
}

.more-info-button.green-cr-button.hero {
  z-index: 2;
  position: relative;
}

.more-info-button.ricochet {
  color: #794eff;
}

.more-info-button.ricochet:hover {
  color: #fff;
  background-color: #794eff;
  border-color: #794eff;
}

.link-arrow {
  width: 9px;
  margin-left: 5px;
  display: flex;
}

.link-arrow._0margin {
  margin-left: 0;
}

.text-1em {
  font-size: 1em;
  line-height: 1;
}

.text-1em.bold {
  font-weight: 700;
}

.sherwood-line-up {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: .5;
  filter: grayscale();
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 10%);
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  justify-items: center;
  display: grid;
}

.image-5 {
  width: 20px;
}

.hero-chi-siamo {
  position: relative;
}

.paragraph-2 {
  max-width: 700px;
  font-size: .75em;
  line-height: 1.2;
  display: block;
}

.paragraph-2.max400 {
  max-width: 400px;
}

.paragraph-2.max400.link {
  color: #9e9e9e;
  cursor: pointer;
  text-decoration: underline;
}

.paragraph-2.max400.link:hover {
  color: #005231;
}

.paragraph-2.max400.no-def {
  margin-bottom: 0;
}

.paragraph-2.max400.no-def.align-left,
.paragraph-2.align-left {
  text-align: left;
}

.network-section {
  height: 90vh;
  background-color: #fff;
  margin-top: 20px;
  position: relative;
}

.network-sec-content {
  z-index: 2;
  width: 100%;
  max-width: 800px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.educational-section {
  height: 90vh;
  color: #f9f9fc;
  background-image: url('../images/wallpaper1.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 20px;
}

.edu-sec-content {
  width: 100%;
  max-width: 800px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.grid-content {
  width: 100%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.ats-link-cont {
  height: 500px;
  grid-row-gap: 40px;
  color: #ebebf7;
  background-color: #0f0d23;
  background-image: url('../images/Business-Card-BG.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.h2 {
  z-index: 2;
  font-size: .8em;
  line-height: 1.1;
  position: relative;
}

.h2.arrow {
  width: 300px;
}

.h2.center {
  text-align: center;
}

.iphone-img {
  height: 100%;
  max-height: 400px;
  max-width: 40%;
  object-fit: contain;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.frame-container {
  max-width: 400px;
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.promo-social-cont {
  width: 100%;
  height: 500px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  overflow: hidden;
}

.logo-youtube {
  width: 50px;
}

.promo-product-cont {
  width: 100%;
  height: 500px;
  grid-row-gap: 40px;
  color: #fff;
  background-image: url('../images/arrow-bg.JPG');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  overflow: hidden;
}

.product-logo-arrow {
  height: 50px;
}

.gradient {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, #000, #000 0%, rgba(0, 0, 0, 0));
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.particle-cloud {
  width: 1920px;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 80vh;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.footer-logo {
  align-self: flex-start;
}

.footer-content-layout {
  grid-row-gap: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.footer-top-layout {
  flex-direction: row;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 200px 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: grid;
}

.footer-bottom-layout {
  align-self: stretch;
}

.copyright-text {
  color: rgba(32, 32, 38, .33);
  font-size: 12px;
  line-height: 1;
}

.footer-list-item {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.footer-link-header {
  color: #313131;
  letter-spacing: .25px;
  margin-bottom: 10px;
  font-size: 14px;
  text-decoration: none;
}

.footer-link-header:hover {
  color: #00d97a;
}

.footer-link-header:focus-visible {
  outline-offset: 0px;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.footer-link-header[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.footer-sub-link {
  color: rgba(0, 0, 0, .33);
  letter-spacing: .25px;
  font-size: 14px;
  text-decoration: none;
}

.footer-sub-link:hover {
  color: #00d97a;
}

.footer-sub-link:focus-visible {
  outline-offset: 0px;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.footer-sub-link[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.footer-menu {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  line-height: 1;
  display: flex;
}

.footer-menu.footer-layout {
  width: 85%;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
}

.navbar-container {
  width: 70%;
  height: 100%;
  max-width: 1280px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-buttons-wrapper {
  display: none;
}

.login-button-mobile {
  color: #000;
  background-color: #00d97a;
  border-radius: 10px;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 1;
  transition: all .2s;
  display: none;
}

.login-button-mobile:hover {
  color: #fff;
  background-color: #8a32f5;
}

.login-button-mobile:active {
  background-color: #43464d;
}

.nav-layout {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-top: 11px;
  margin-bottom: 11px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.nav-menu-desktop {
  grid-column-gap: 25px;
  flex-direction: row;
  flex: 0 auto;
  display: flex;
}

.navigation {
  z-index: 99;
  background-color: #fff;
  display: block;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
}

.cr-logo-nav {
  height: 25px;
  object-fit: contain;
  display: inline-block;
  position: absolute;
}

.mobile-nav-items,
.nav-menu-mobile {
  display: none;
}

.mob-nav-link {
  color: #313131;
  letter-spacing: .25px;
  align-items: center;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.mob-nav-link:hover {
  color: #00d97a;
}

.mob-nav-link:focus-visible {
  outline-offset: 0px;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.mob-nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.hero {
  align-items: center;
  display: flex;
}

.softwares-section {
  background-color: #f9f9fc;
  padding-bottom: 40px;
}

.software-cards-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.logo-2em {
  height: 2em;
}

.card-content-wrapper {
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.card-content-wrapper.align-left {
  text-align: left;
  align-items: stretch;
}

.nav-logo-wrapper {
  width: 22px;
  height: 25px;
  position: relative;
}

.cr-logo-small-bw {
  height: 25px;
  object-fit: contain;
  display: inline-block;
  position: absolute;
}

.grid-edu {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 1;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: grid;
}

.hero-text-wrapper {
  max-width: 800px;
  color: #000;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.paragraph-5 {
  margin-bottom: 0;
  font-size: .5em;
  line-height: 1.2;
}

.div-block-14 {
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.bg-video {
  justify-content: space-around;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.video-hero-bg {
  height: 100%;
  flex: 1;
  align-self: stretch;
}

.grid-aff {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: grid;
}

.aff-card-layout {
  grid-row-gap: 20px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.div-block-18 {
  grid-row-gap: 20px;
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.div-block-20 {
  height: 20px;
  align-self: stretch;
  align-items: flex-end;
  display: flex;
}

.image-16 {
  height: 100%;
}

.image-16-copy {
  height: 100%;
  min-height: 30px;
  position: relative;
  top: 0%;
}

.affiliate-lottie-wrapper {
  z-index: 0;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding: 150px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.stats-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.div-block-23 {
  grid-row-gap: 5px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-24 {
  width: 10px;
  height: 10px;
  background-color: #00d97a;
  border-radius: 50%;
  margin-bottom: 10px;
}

.image-19 {
  height: .6em;
}

.affiliate-bg-lottie {
  margin-left: auto;
  margin-right: auto;
}

.img-wrapper {
  display: flex;
  position: relative;
  overflow: hidden;
}

.software-id-section {
  min-height: 100vh;
  padding-top: 40px;
  padding-bottom: 40px;
}

.software-svg-big {
  height: 80px;
}

.card-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.card-item._50p {
  padding: 50px;
}

.card-item._20p {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.card-item.limit-600 {
  max-width: 600px;
}

.card-item.limit-500 {
  max-width: 500px;
}

.software-bg-gradient {
  height: 400px;
  background-image: linear-gradient(rgba(249, 249, 252, 0) 50%, #f9f9fc), url('../images/ricochet.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  display: none;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.h4 {
  font-size: .6em;
  line-height: 1;
}

.table-text {
  font-size: .5em;
}

.table-row-layout {
  grid-column-gap: 40px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  grid-auto-columns: 1fr;
  display: flex;
}

.table-row-layout.space-between {
  justify-content: space-between;
}

.table-row-layout.space-between.bold {
  font-weight: 700;
}

.divider {
  height: 1px;
  background-color: rgba(149, 174, 208, .2);
  align-self: stretch;
}

._20px-flex {
  grid-column-gap: 20px;
  align-items: center;
  display: flex;
  position: relative;
}

._20px-flex.align-top {
  align-items: flex-start;
}

._20px-flex.typo-layout {
  justify-content: space-between;
  align-items: flex-start;
}

._20px-flex.chart {
  z-index: 10;
  opacity: .33;
  align-self: center;
  align-items: flex-start;
  transition: opacity .2s;
}

._20px-flex.chart:hover {
  opacity: 1;
}

.text-block-2 {
  color: #000;
  font-size: .5em;
  line-height: 1;
}

.software-sub-menu {
  width: 499px;
  background-color: #fff;
  border: 1px solid rgba(149, 174, 208, .2);
  border-radius: 12px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
}

.wrapper-list {
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.submenu-container {
  width: 70%;
  max-width: 1280px;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.desc-nav {
  color: #313131;
  letter-spacing: .6px;
  align-items: center;
  font-size: .35em;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.sub-item-wrapper {
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.sub-menu-softwares,
.sub-menu-courses {
  justify-content: flex-start;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-left: 30px;
  display: flex;
}

.educational-sub-menu {
  width: 405px;
  background-color: #fff;
  border: 1px solid rgba(149, 174, 208, .2);
  border-radius: 12px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
}

.software-button {
  grid-row-gap: 10px;
  opacity: .6;
  filter: saturate(0%);
  text-align: center;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  transition: opacity .5s;
  display: flex;
}

.software-button:hover {
  opacity: 1;
  filter: saturate();
}

.software-svg-medium {
  height: 40px;
}

.selector-grid {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(100px, min-content));
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  justify-items: center;
  display: grid;
}

.software-button-active {
  grid-row-gap: 10px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  display: flex;
}

._10px-flex {
  grid-column-gap: 10px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

._10px-flex.wrap {
  grid-row-gap: 10px;
  flex-wrap: wrap;
}

._10px-flex.wrap.align-top {
  align-self: stretch;
  align-items: flex-start;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.footer-logo-box {
  align-items: flex-start;
  display: flex;
}

.table-tag-layout {
  width: 100%;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.table-field-bold {
  min-width: 155px;
  font-weight: 700;
}

.table-item-layout {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.cr-logo-small {
  height: 25px;
  object-fit: contain;
  display: inline-block;
}

.sub-header {
  font-size: .7em;
}

.sub-header.green-cr {
  color: #00d97a;
}

.sub-header.blue-arr {
  color: #6d9ed2;
}

.sub-header.ricochet {
  color: #794eff;
}

.logo-h1 {
  height: 1.3em;
}

.card-layout {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.card-layout._50-50 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-20 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.flex-v-40p {
  grid-row-gap: 40px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.software-id-layout {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.selector-wrapper {
  justify-content: center;
  display: flex;
}

.image-21 {
  width: .5em;
}

._8px-flex {
  grid-column-gap: 8px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

._8px-flex.pointer {
  cursor: pointer;
}

._8px-flex.no-def {
  margin-bottom: 0;
  padding-left: 0;
}

._8px-flex.align-center {
  justify-content: center;
}

.circle {
  width: .5em;
  height: .5em;
  background-color: #c57878;
  border-radius: 50%;
}

.bg-lottie {
  z-index: 1;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.network-lottie {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.section._40p {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section.news {
  font-size: 30px;
}

.logo30 {
  height: 30px;
}

.flex-v-10p {
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.flex-v-10p.align-center {
  text-align: center;
  align-items: center;
}

.flex-v-10p.align-center.app {
  cursor: pointer;
}

.expo-section {
  margin-bottom: 10px;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.expo-section.arrow-expo {
  color: #fff;
  background-color: #012955;
}

.expo-section.ricochet-expo {
  color: #fff;
  background-color: #1d0236;
}

.bg-full-wrapper {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.link-card {
  display: flex;
}

.plans-cards-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dot-8px {
  width: 8px;
  height: 8px;
  min-height: 8px;
  min-width: 8px;
  background-color: #00d97a;
  border-radius: 50%;
}

.live {
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-name: blink;
}


@keyframes blink {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}



.text-block-3 {
  font-size: .5em;
  line-height: 1;
}

.dash-nav {
  height: 100vh;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.nav-wrapper {
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.nav-logotype {
  height: 1em;
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.logo10 {
  width: 25px;
  height: 25px;
}

.flex-v-30p {
  grid-row-gap: 30px;
  flex-direction: column;
  display: flex;
}

.dash-content {
  flex-direction: column;
  flex: 1;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.grid {
  width: 100%;
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: minmax(auto, min-content);
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-areas: ".";
  grid-auto-columns: 1fr;
  align-content: space-between;
  justify-content: space-around;
  display: grid;
}

.grid.one-third {
  grid-template-rows: auto;
  grid-template-columns: minmax(400px, 1fr) repeat(auto-fit, minmax(400px, 2fr));
}

.grid._3-way {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.text--618em {
  font-size: .618em;
  line-height: 1;
}

.text--618em._2 {
  line-height: 1.25;
}

.text--618em.dark-green {
  color: #005231;
}

.text--618em.bold {
  font-weight: 700;
}

.text--618em.no-break {
  white-space: nowrap;
}

.text--618em.more-height {
  line-height: 1.2;
}

.paragraph--5 {
  font-size: .5em;
}

.paragraph--5.bold {
  font-weight: 700;
}

.box-title-up {
  font-size: .5em;
  line-height: 1.2;
}

.icon--5em {
  height: .5em;
  display: flex;
}

.icon--5em.plus {
  width: .5em;
}

.icon--5em.minus {
  width: .5em;
  display: none;
}

.icon--5em.mobile-only {
  display: none;
}

.button {
  cursor: pointer;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  transition: color .2s, background-color .2s;
  display: flex;
}

.button:not(.disabled):hover {
  color: #fff;
  background-color: #00d97a;
  border-color: #00d97a;
}


.button.disabled {
  border-color: #929292;
  cursor: not-allowed;
  color: #929292;
  ;
}

.button.justify-left.ana_edit {
  align-self: center;
}

.button.justify-left {
  align-self: flex-start;
}

.tabnavbar {
  border: 2px solid #f9f9fc;
  border-radius: 12px;
  display: flex;
  column-gap: 1em;
  flex-direction: row;
  justify-content: space-between;
  max-width: 360px;
  position: relative;
  padding: 10px;

}

#tabpointer {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  border: 2px solid #00d97a;
  height: 100%;
  border-radius: 12px;
  width: 100px;
  transition: .3s;
}


.nav_tab {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.nav_tab.disabled {
  color: #929292;
  cursor: not-allowed;
}

.prog-bar {
  height: 8px;
  background-color: #f9f9fc;
  border: 1px solid rgba(149, 174, 208, .2);
  border-radius: 4px;
  justify-content: flex-start;
  display: flex;
  overflow: hidden;
}

.prog-lvl {
  width: 10%;
  transition: .5s ease-in-out;
  height: 100%;
  background-color: #00d97a;
}

.topbar-content {
  grid-column-gap: 50px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.propic-50px {
  width: 50px;
  height: 50px;
  background-color: #bdbdbd;
  background-image: url('../images/CR_Sklyaruk.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}

.html-embed {
  width: 25px;
  color: #4b4bc2;
}

.notification-flag {
  width: 12px;
  height: 12px;
  background-color: #fa3661;
  border-radius: 50%;
  position: absolute;
  top: -5px;
  bottom: auto;
  left: auto;
  right: -2px;
}

.notbell-wrapper {
  display: flex;
  position: relative;
}

.flex-v-20p {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.flex-v-20p.align-left {
  align-items: flex-start;
}

.nav-text {
  padding-right: 30px;
  font-size: .5em;
  line-height: 1;
  transform: translate(0);
}

.nav-text.sub-text {
  opacity: .66;
}

.layout-back-office {
  width: 100%;
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.nav-monogram {
  height: 1em;
  align-self: center;
  display: none;
}

.reduce-nav-button {
  width: 1em;
  height: 1em;
  grid-row-gap: 4px;
  border-radius: 1px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.nav-logo-slot {
  flex-direction: column;
  justify-content: center;
  padding-top: 11px;
  padding-bottom: 11px;
  display: flex;
}

._3px-stick {
  width: 100%;
  height: 3px;
  background-color: #202026;
}

.grid-vertical-layout {
  max-width: 1920px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.app-grid {
  grid-column-gap: .618em;
  grid-row-gap: .618em;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: space-around;
  display: grid;
}

.app-slot-layout {
  border-radius: 12px;
  justify-content: center;
  padding-top: 5px;
  padding-bottom: 5px;
  transition: background-color .15s;
  display: flex;
}

.app-slot-layout:hover {
  -webkit-text-fill-color: inherit;
  background-color: #f9f9fc;
  background-clip: border-box;
}

.div-block-36 {
  width: 4em;
  height: 4em;
  background-color: #1d33b1;
  border-radius: 50%;
}

.menu-card {
  z-index: 1;
  transition: .3s;
  background-color: #fff;
  border: 1px solid rgba(149, 174, 208, .2);
  border-radius: 12px;
  align-items: center;
  padding: 15px;
  transition: border .15s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.menu-card:hover {
  border-color: #648d78;
}

.menu-card.red-border {
  cursor: pointer;
}

.menu-card.red-border:hover {
  border-color: #fc7b97;
}

.nav-sub-menu {
  grid-row-gap: 5px;
  flex-direction: column;
  display: none;
}

.submenu-layout {
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.wrapper-sidebar-arrow {
  z-index: 1;
  width: .5em;
  height: .5em;
  opacity: 1;
  color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 20px;
  bottom: auto;
  left: auto;
  right: 15px;
}

.wrapper-show-noti {
  color: #6b6b6b;
  justify-content: center;
  display: flex;
}

.wrapper-topbar-arrow {
  z-index: 2;

  width: .6em;
  height: .6em;
  opacity: .5;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.wrapper-topbar-arrow.enable {
  transform: rotate(180deg);
}

.wrapper-topbar {
  width: 100%;
  z-index: 1000;
  position: relative;
}

.margin-div._30p {
  height: 30px;
}

.margin-div._15p {
  height: 20px;
}

.margin-div._15p-h {
  width: 15px;
  display: none;
}

.margin-div._1em {
  height: 1em;
}

.div-block-40 {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-41 {
  width: 100%;
  height: 100%;
}

.wrapper-noti {
  display: none;
  position: absolute;
  top: 40px;
  bottom: auto;
  left: auto;
  right: -20px;
}

.topbar-button-card {
  z-index: 3;
  background-color: #fff;
  border: 1px solid rgba(149, 174, 208, .2);
  border-radius: 12px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  transition: border .2s;
  display: flex;
  overflow: hidden;
}

.topbar-button-card:hover {
  border-color: #648d78;
}

.topbar-button-card._50p {
  padding: 50px;
}

.topbar-button-card._50p.dummy {
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
}

.topbar-button-card._50p.bg-m-f {
  background-image: url('../images/web-mf-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.topbar-button-card._30p {
  padding: 30px;
}

.topbar-button-card._10p {
  padding: 10px;
}

.topbar-button-card._10p:active {
  border-color: #08fc00;
}

.topbar-button-card.topbar {
  padding: 10px 20px;
  position: relative;
  overflow: visible;
}

.topbar-button-card.notification {
  width: 400px;
  padding: 30px 20px;
}

.topbar-button-card.notification.txt-resize {
  font-size: 30px;
  display: flex;
}

.div-block-42 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.enable-topbar-wrapper {
  justify-content: flex-end;
}

.div-block-43 {
  width: 20px;
}

.topbar-button-wrapper {
  width: 40px;
  height: 48px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.div-block-45 {
  width: 10px;
}

.wrapper-card {
  position: relative;
}

.section-2 {
  height: 300vh;
  background-image: linear-gradient(#000, #fff);
}

.div-block-46 {
  width: 300px;
  height: 80px;
  background-color: #ff1d1d;
  margin-left: auto;
  margin-right: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 46px;
}

.div-block-47 {
  height: 50vh;
  position: relative;
}

.div-block-48 {
  height: 100%;
  position: relative;
}

.div-block-49 {
  display: none;
}

.nav-monogram-wrapper {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.div-block-52 {
  width: 500px;
  height: 700px;
  flex-direction: column;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-53 {
  background-color: #eaeff7;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  padding: 1%;
  display: flex;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.chat-content {
  height: 100%;
  flex-direction: column;
  grid-template-rows: minmax(max-content, 1fr) min-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  font-size: 28px;
  display: flex;
}

.div-block-55 {
  width: 100%;
  height: 100%;
  background-color: #d2deef;
  flex-direction: column;
  justify-content: flex-start;
  padding: 10px;
  display: flex;
  position: relative;
  overflow: scroll;
}

.messages {
  width: 100%;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.message {
  max-width: 70%;
  grid-row-gap: 8px;
  background-color: #00d97a;
  border-style: solid;
  border-width: 1px;
  border-radius: 12px;
  flex-direction: column;
  padding: 10px;
  display: flex;
  position: relative;
}

.message.out {
  border-color: rgba(172, 255, 192, .33);
  align-self: flex-end;
}

.message.in {
  background-color: #acffc0;
  border-color: rgba(0, 217, 122, .33);
  align-self: flex-start;
}

.outgoing-message {
  max-width: 70%;
  align-self: flex-end;
}

.time-text {
  text-align: right;
  font-size: .5em;
}

.chat-sender {
  font-size: .75em;
  font-weight: 700;
}

.chat-sender._2 {
  line-height: 1.25;
}

.div-block-56 {
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.div-block-57 {
  height: .75em;
  background-color: #965e5e;
  padding: 18px;
}

.text-field {
  min-height: .75em;
}

.text-field.chat {
  max-width: 85%;
}

.div-block-58 {
  max-height: 5em;
  background-color: #d2deef;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  display: flex;
  position: relative;
  overflow: auto;
}

.div-block-59 {
  min-height: 1px;
}

.div-block-60 {
  width: 100%;
  height: 100%;
  max-height: 2em;
  background-color: #00d97a;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 14px;
  display: flex;
  overflow: hidden;
}

.chat-text {
  max-width: 100%;
  text-align: left;
  white-space: pre-wrap;
  font-size: .75em;
  line-height: 1.2;
  display: block;
}

.div-block-61 {
  width: 2em;
  height: 100%;
  min-height: 2em;
  align-items: flex-end;
  display: flex;
}

.section-3 {
  height: 100vh;
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.html-embed-2 {
  display: none;
}

.div-block-63 {
  max-height: 90%;
  padding-bottom: 0;
}

.image-24 {
  width: 100%;
  transform: rotate(-90deg);
}

.html-embed-3 {
  z-index: 1;
  width: 20px;
  color: #acffc0;
  transform-style: preserve-3d;
  position: absolute;
  top: auto;
  bottom: -20px;
  left: 0%;
  right: auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.div-block-64 {
  position: relative;
}

.div-block-65 {
  min-height: 15px;
  min-width: 15px;
  background-color: #acffc0;
  border: 1px solid rgba(0, 217, 122, .33);
  border-radius: 50%;
  position: absolute;
  top: auto;
  bottom: -20px;
  left: -8px;
  right: auto;
}

.overlay-section {
  z-index: 2000;
  width: 100vw;
  height: 100vh;
  opacity: .8;
  background-color: #fff;
  position: fixed;
}

.viewport {
  min-height: 100vh;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.image-25 {
  height: 1.5em;
}

.input-field {
  color: #202026;
  border: 1px solid #000;
  border-radius: 12px;
  justify-content: flex-start;
  margin-bottom: 0;
  transition: border-color .2s;
  display: flex;
  position: relative;
}

.input-field:hover {
  border-color: #005231;
}

.input-field:focus {
  border-color: #00d97a;
}

.cards-layout {
  width: 100%;
  height: 100%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 25px;
  display: flex;
}

.double-slot {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.box-title {
  color: #9e9e9e;
  align-items: flex-start;
  font-size: .75em;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.box-title.bold {
  color: #000;
  font-weight: 700;
}

.div-block-70 {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 12px;
  padding: 4px 10px;
  display: block;
  position: absolute;
  top: -.5em;
  bottom: auto;
  left: 10px;
  right: auto;
}

.text-field-box {
  min-height: .75em;
  flex-direction: row;
  display: flex;
}

.text-field-box.chat {
  max-width: 85%;
}

.div-block-71 {
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.div-block-72 {
  min-height: 1px;
  background-color: #000;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 6px;
  right: 6px;
}

.slot-title {
  justify-content: flex-start;
  align-items: flex-start;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.cf-button {
  color: #00d97a;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #00d97a;
  border-radius: 10px;
  flex-direction: row;
  align-items: center;
  padding: 4px 8px;
  font-size: .75em;
  font-weight: 700;
  transition: background-color .5s, color .5s;
  display: flex;
}

.cf-button:hover,
.cf-button:focus {
  color: #fff;
  background-color: #00d97a;
}

.cf-button.arrow {
  color: #6d9ed2;
  border-color: #6d9ed2;
}

.cf-button.arrow:hover {
  color: #dbecff;
  background-color: #6d9ed2;
}

.cf-button.ats {
  color: #a239ca;
  border-color: #a239ca;
}

.cf-button.ats:hover {
  color: #fff;
  background-color: #a239ca;
}

.cf-button.youtube {
  color: red;
  border-color: red;
}

.cf-button.youtube:hover {
  color: #fff;
  background-color: red;
}

.cf-button.green-cr-button {
  color: #00d97a;
  border-color: #00d97a;
}

.cf-button.green-cr-button:hover {
  color: #fff;
  background-color: #00d97a;
}

.cf-button.green-cr-button.hero {
  z-index: 2;
  position: relative;
}

.cf-button.ricochet {
  color: #794eff;
}

.cf-button.ricochet:hover {
  color: #fff;
  background-color: #794eff;
  border-color: #794eff;
}

.cf-button.align-center {
  justify-content: center;
}

.button-wrapper {
  justify-content: center;
  display: flex;
}

.button-wrapper.align-left {
  justify-content: flex-start;
}

.login-or-reg {
  grid-row-gap: 30px;
  flex-direction: column;
  display: flex;
}

.logo-1-5em {
  height: 1.5em;
}

.reg-anagrafica {
  grid-row-gap: 30px;
  flex-direction: column;
  margin-bottom: 0;
  display: block;
}

.box--75em {
  min-height: .75em;
  min-width: .75em;
  border: 1px solid #000;
  border-radius: 25%;
}

.box--75em.no-def {
  margin-top: 0;
  margin-left: 0;
}

.wrapper-checkbox {
  flex-direction: row;
  display: flex;
}

.input-icon-wrapper {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0;
}

.passw-icon {
  width: 1em;
  margin-left: 10px;
  margin-right: 10px;
}

.passw-icon.hide-pass {
  display: none;
}

.button-plan {
  width: 100%;
  justify-content: space-evenly;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: center;
  border: none;
  color: #929292;
}

.button-plan:hover {
  color: white;
}



.reg-pagamento {
  grid-row-gap: 30px;
  flex-direction: column;
  display: none;
}

.wrapper-align-center {
  justify-content: center;
  display: flex;
}

.wrapper-space-between {
  justify-content: space-between;
  display: flex;
}

.text-block-6 {
  font-size: .75em;
  font-weight: 700;
}

.text-block-6._2 {
  line-height: 1.25;
}

.div-block-73 {
  min-height: 8px;
  min-width: 8px;
}

.form-buttonlike {
  border: 1px solid #000;
  border-radius: 12px;
  justify-content: center;
  padding: 10px;
  display: flex;
  position: relative;
}

.site-container-login {
  z-index: 1;
  width: 70%;
  height: 100%;
  max-width: 1280px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.div-block-75 {
  z-index: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.input-field-wrapper {
  position: relative;
}

.icon-1em {
  height: 1em;
}

.icon-1em.mobile-only {
  display: none;
}

.error-card {
  background-color: #ffdbe3;
  border-radius: 12px;
}

.cf-button-form {
  color: #00d97a;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #00d97a;
  border-radius: 10px;
  flex-direction: row;
  align-items: center;
  padding: 4px 8px;
  font-size: .75em;
  font-weight: 700;
  transition: background-color .5s, color .5s;
  display: flex;
}

.cf-button-form:not(:disabled):hover {
  color: #fff;
  background-color: #00d97a;
}

.cf-button-form:disabled {
  border-color: #929292;
  cursor: not-allowed;
  color: #929292
}

.cf-button-form.arrow {
  color: #6d9ed2;
  border-color: #6d9ed2;
}

.cf-button-form.arrow:hover {
  color: #dbecff;
  background-color: #6d9ed2;
}

.cf-button-form.ats {
  color: #a239ca;
  border-color: #a239ca;
}

.cf-button-form.ats:hover {
  color: #fff;
  background-color: #a239ca;
}

.cf-button-form.youtube {
  color: red;
  border-color: red;
}

.cf-button-form.youtube:hover {
  color: #fff;
  background-color: red;
}

.cf-button-form.green-cr-button {
  color: #00d97a;
  border-color: #00d97a;
}

.cf-button-form.green-cr-button:hover {
  color: #fff;
  background-color: #00d97a;
}

.cf-button-form.green-cr-button.hero {
  z-index: 2;
  position: relative;
}

.cf-button-form.ricochet {
  color: #794eff;
}

.cf-button-form.ricochet:hover {
  color: #fff;
  background-color: #794eff;
  border-color: #794eff;
}

.cf-button-form.align-center {
  justify-content: center;
}

.cf-button-form.txt-618 {
  font-size: .618em;
}

.login-form {
  grid-row-gap: 30px;
  flex-direction: column;
  display: none;
}

.reg-anagrafica-copy {
  grid-row-gap: 30px;
  flex-direction: column;
  display: flex;
}

.success-card {
  background-color: #acffc0;
  border-radius: 12px;
}

.insert-mail-form,
.newpass-form {
  grid-row-gap: 30px;
  flex-direction: column;
  display: none;
}

.passreset-forms {
  display: none;
}

.insert-code-form {
  grid-row-gap: 30px;
  flex-direction: column;
  display: none;
}

.layout-typo {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 2fr 3fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.img-block {
  width: 100%;
  max-width: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.paragraph--75 {
  max-width: 700px;
  font-size: .75em;
  display: block;
}

.paragraph--75.max400 {
  max-width: 400px;
}

.paragraph--75.max400.link {
  color: #9e9e9e;
  cursor: pointer;
  text-decoration: underline;
}

.paragraph--75.max400.link:hover {
  color: #005231;
}

.paragraph--75.max400.no-def {
  margin-bottom: 0;
}

.paragraph--75.max400.no-def.align-left {
  text-align: left;
}

.paragraph--75.bold {
  font-weight: 700;
}

.paragraph-1 {
  max-width: 700px;
  font-size: 1em;
  display: block;
}

.paragraph-1.max400 {
  max-width: 400px;
}

.paragraph-1.max400.link {
  color: #9e9e9e;
  cursor: pointer;
  text-decoration: underline;
}

.paragraph-1.max400.link:hover {
  color: #005231;
}

.paragraph-1.max400.no-def {
  margin-bottom: 0;
}

.paragraph-1.max400.no-def.align-left {
  text-align: left;
}

.paragraph-1.bold {
  font-weight: 700;
}




#anagraphics_info_fail {
  padding: .5em;
}

#bank_info_fail {
  padding: .5em;
}

#anagraphics_info_fail.hidden {
  opacity: 0;
  scale: 0%;
  /* height: 0px; */
}


.html-embed-layout {
  width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.html-embed-layout.green {
  color: #005231;
}

.html-embed-layout.red {
  color: #fa3661;
}

.flex-space-between {
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.input_warning {
  color: #fa3661;
  /* display:none; */
  font-size: .5em;
}

.flex-v-5p {
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.section-4 {
  width: 100vw;
  height: 100vh;
}

.div-block-77 {
  width: 100%;
  height: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-78 {
  min-height: 50px;
  min-width: 500px;
  background-color: #e4edfc;
}

.div-block-79 {
  max-width: 300px;
  min-height: 300px;
  min-width: 150px;
  background-color: #f1d9d9;
}

.div-block-80 {
  width: 20%;
  height: 100%;
  max-height: 150px;
  background-color: #afebc1;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.expand-collapse {
  z-index: 2;
  width: 20%;
  height: 30%;
  min-height: 50px;
  min-width: 50px;
  cursor: pointer;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.temp-bg {
  z-index: 0;
  background-image: url('../images/Screenshot-4.png');
  background-position: 50% 100%;
  background-size: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-81 {
  padding: 20px;
}

.div-block-82 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.chart-logotype {
  height: 25px;
  align-self: center;
  display: block;
}

.chart-card {
  z-index: 1;
  background-color: #fff;
  border: 1px solid rgba(149, 174, 208, .2);
  border-radius: 12px;
  align-items: center;
  padding: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.chart-logo-wrapper {
  padding: 15px;
}

.div-block-83 {
  display: none;
}

.image-27 {
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
}

.div-block-84 {
  height: 20px;
  background-image: url('../images/cf-10-step.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  position: relative;
}

.div-block-85 {
  -webkit-text-fill-color: inherit;
  background-color: #d43838;
  background-clip: content-box;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.flex-v--1em {
  grid-row-gap: .1em;
  flex-direction: column;
  display: flex;
}

.col-space-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  row-gap: 1em;
}

.flex-v-1em {
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.flex-v--3819 {
  grid-row-gap: .3819em;
  flex-direction: column;
  display: flex;
}

.flex-v--2360 {
  grid-row-gap: .236em;
  flex-direction: column;
  display: flex;
}

.flex-v--1459 {
  grid-row-gap: .1459em;
  flex-direction: column;
  display: flex;
}

.flex-v--09 {
  grid-column-gap: .09em;
  grid-row-gap: .09em;
  flex-direction: column;
  display: flex;
}

.flex-v--618 {
  grid-column-gap: .618em;
  grid-row-gap: .618em;
  flex-direction: column;
  display: flex;
}

.grid-2col {
  grid-column-gap: 1em;
  grid-row-gap: .618em;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: space-around;
  display: grid;
}

.div-block-86 {
  display: flex;
}

.icon--618em {
  height: .618em;
  flex-direction: column;
  display: flex;
}

.icon--618em.dark-green {
  height: .618em;
  color: #005231;
}

.icon--5em-copy {
  height: .5em;
  display: flex;
}

.icon--5em-copy.plus {
  width: .5em;
}

.icon--5em-copy.minus {
  width: .5em;
  display: none;
}

.icon--5em-copy.mobile-only {
  display: none;
}

.text--381em {
  font-size: .381em;
  line-height: 1;
}

.text--381em._2 {
  line-height: 1.25;
}

.text--381em.dark-green {
  color: #005231;
}

.text--381em.bold {
  font-weight: 700;
}

.footer-row {
  grid-column-gap: 1em;
  opacity: .8;
  flex-direction: row;
  justify-content: flex-start;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}



.hidden {
  height: 0px;
  /* scale: 0%; */
  opacity: 0;
  transition: .5s;
}

.tabnavbar.hidden {
  height: 0px;
  scale: 0%;
  opacity: 0;
  transition: .5s;
}




.dl_button {
  cursor: pointer;
  transition: .5s;

}


.dropzone {
  background-color: #fff;
  border: 1px solid rgba(149, 174, 208, .2);
  border-radius: 12px;
  display: flex;
  transition: .3s;
  flex-direction: row;
  text-align: center;
  font-size: .75em;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}



.dl_button:hover {
  scale: 108%;
  fill: #00d97a;
}


.card_blocker._hidden {
  opacity: 0%
}

.card_blocker {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  transition: .5s;

  background-color: #9c9c9c;
}


.flex-txt-button {
  grid-column-gap: .618em;
  grid-row-gap: .1459em;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: minmax(min-content, min-content);
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  align-items: center;
  justify-items: start;
  display: flex;
}



.grid-vertical-layout:has(#partner_register_grid) {
  max-width: 100%;
}

#partner_register_grid:first-child {
  grid-template-columns: 1fr 2fr;
}

#partner_register_grid .card {
  max-width: 100% !important;
}



.flex-txt-button.closer {
  grid-column-gap: .1459em;
}

.canvas {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 450px;
  flex: 1;
  align-self: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}



.expanded {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;

}

.flex-title-canvas {
  height: 100%;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.image-28 {
  height: 100%;
}

.div-block-90 {
  opacity: 1;
}

.form-div {
  grid-row-gap: 30px;
  flex-direction: column;
  margin-bottom: 0;
  display: block;
}

.nav-mask {
  height: 100%;
  margin-bottom: 30px;
  position: relative;
  overflow: scroll;
}

.fade {
  z-index: 3;
  height: 1em;
  background-image: linear-gradient(#f9f9fc, rgba(250, 250, 252, 0));
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.fade.lower {
  background-image: linear-gradient(rgba(250, 250, 252, 0), #f9f9fc);
  top: auto;
  bottom: 0;
}

.max400 {
  width: 100%;
  max-width: 400px;
}

h3 {
  margin: 0px;
}


.max800 {
  width: 100%;
  max-width: 800px;
}

.dragover {
  border: 1px solid #00d97a;

}


.flex-v--5em {
  grid-row-gap: .5em;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.text-muted {
  color: #929292;
  font-weight: normal;
}



.flex-v--5em.align-center {
  text-align: center;
  align-items: center;
}

.flex-v--5em.align-center.app {
  cursor: pointer;
}

.image-29 {
  height: 100%;
  object-fit: cover;
}

.image-30 {
  height: 100%;
  object-fit: contain;
}

.image-31 {
  object-fit: cover;
}

.image-32 {
  object-fit: contain;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.max600 {
  width: 100%;
  max-width: 600px;
}

.max50 {
  min-width: 50%;
  flex: 1;
}

@media screen and (max-width: 991px) {
  .site-container {
    width: 90%;
  }

  .hero-content {
    grid-template-columns: minmax(200px, 3fr) 1fr;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .heading {
    text-align: left;
  }

  .body.dashboard {
    padding-top: 0;
  }

  .devices-wrapper {
    width: auto;
    height: auto;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  }

  .navbar-wrapper {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .navbar-brand {
    margin-right: 10px;
  }

  .nav-menu-wrapper {
    background-color: rgba(0, 0, 0, 0);
  }

  .nav-menu {
    background-color: #0f0f14;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    padding: 20px 5%;
    display: flex;
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
  }

  .nav-link {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link:hover {
    color: #c1fdd3;
  }

  .button-item {
    display: none;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    color: #c1fdd3;
    background-color: rgba(0, 0, 0, 0);
  }

  .icon {
    font-size: 25px;
    line-height: 1;
  }

  .icon:hover {
    color: #00d97a;
  }

  .hero-container {
    justify-content: flex-start;
    align-items: flex-end;
    padding: 0 0 60px;
  }

  .gradient {
    opacity: .5;
    display: block;
  }

  .footer-logo {
    width: 200px;
  }

  .footer-content-layout {
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .footer-top-layout {
    grid-row-gap: 30px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 100%;
  }

  .footer-link-header {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-link-header:hover {
    color: #c1fdd3;
  }

  .footer-sub-link {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-sub-link:hover {
    color: #c1fdd3;
  }

  .footer-menu {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .footer-menu.footer-layout {
    justify-items: start;
  }

  .navbar-container {
    width: 90%;
  }

  .nav-buttons-wrapper {
    grid-column-gap: 20px;
    align-items: center;
    display: flex;
  }

  .login-button-mobile {
    display: block;
  }

  .mobile-nav-items {
    align-items: center;
    padding: 0;
    display: none;
  }

  .mobile-nav-items.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .mob-nav-link {
    padding-left: 0;
    padding-right: 0;
  }

  .mob-nav-link:hover {
    color: #00d97a;
  }

  .softwares-section {
    padding-bottom: 0;
  }

  .software-cards-grid {
    grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
  }

  .grid-edu {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .grid-aff {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .stats-grid {
    width: 100%;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .div-block-23 {
    text-align: left;
    align-items: flex-start;
  }

  .affiliate-bg-lottie {
    width: 720px;
    min-width: 720px;
  }

  .table-row-layout {
    grid-template-columns: minmax(100px, 1fr);
  }

  .submenu-container {
    width: 90%;
  }

  .desc-nav {
    padding-left: 0;
    padding-right: 0;
  }

  .desc-nav:hover {
    color: #c1fdd3;
  }

  ._10px-flex.wrap {
    grid-row-gap: 10px;
  }

  .footer-logo-box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .table-field-bold {
    min-width: 155px;
    font-weight: 700;
  }

  .site-container-login {
    width: 90%;
  }

  .layout-typo {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }

  .grid-2col {
    grid-template-columns: 1fr;
  }

  .footer-row {
    grid-row-gap: .618em;
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .dash-content{
    height:100svh;
  }


  .dash-nav{
    z-index: 1001;
  }
  .hero-section {
    overflow: hidden;
  }

  .site-container {
    width: 90%;
  }

  .hero-content {
    grid-template-columns: minmax(200px, 5fr) 1fr;
  }

  .heading {
    text-align: left;
  }

  .body {
    padding-top: 53px;
    font-size: 32px;
  }

  .body.dashboard {
    font-size: 24px;
  }

  .card._30p.form,
  .card._30p.form.selected-plan {
    max-width: none;
  }

  .software-section {
    background-position: 50% 100%;
    background-size: 100vw;
    padding-bottom: 20vw;
  }

  .grid-section {
    font-size: 28px;
  }

  .laptop-img {
    max-height: 250px;
  }

  .devices-wrapper {
    grid-template-rows: minmax(auto, 300px);
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    align-items: center;
  }

  .navbar-wrapper {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu {
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .button-item {
    margin-top: 10px;
  }

  .software-links {
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: center;
  }

  .paragraph-2 {
    text-align: center;
  }

  .network-section {
    overflow: hidden;
  }

  .h2.arrow {
    width: 100%;
  }

  .iphone-img {
    position: absolute;
  }

  .particle-cloud {
    width: 2000px;
    top: 80vh;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .footer-content-layout {
    grid-row-gap: 20px;
  }

  .footer-list-item {
    grid-row-gap: 10px;
  }

  .footer-link-header,
  .footer-sub-link {
    display: inline-block;
  }

  .footer-menu {
    flex-direction: column;
  }

  .footer-menu.footer-layout {
    width: 100%;
    grid-row-gap: 30px;
  }

  .navbar-container {
    width: 90%;
  }

  .nav-layout {
    flex-direction: row;
    justify-content: space-between;
  }

  .nav-menu-desktop {
    display: none;
  }

  .navigation {
    z-index: 11;
    display: block;
    position: fixed;
  }

  .cr-logo-nav {
    z-index: 11;
    position: absolute;
  }

  .mobile-nav-items {
    z-index: 11;
    grid-column-gap: 20px;
    display: flex;
    position: relative;
  }

  .nav-menu-mobile {
    z-index: 10;
    background-color: #141414;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
  }

  .mobile-menu-layout {
    width: 90%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .mob-nav-link {
    color: #fff;
    font-size: 1em;
    display: inline-block;
  }

  .hamburger-wrapper {
    z-index: 11;
    width: 30px;
    height: 30px;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .mobile-links-wrapper {
    grid-row-gap: 20px;
    flex-direction: column;
    display: flex;
  }

  .softwares-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .software-cards-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .nav-logo-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .cr-logo-small-bw {
    z-index: 11;
    position: relative;
  }

  .grid-edu,
  .grid-aff {
    grid-template-columns: 1fr;
  }

  .aff-card-layout {
    align-items: center;
  }

  .div-block-20 {
    height: 16px;
  }

  .image-16-copy {
    min-height: 25px;
  }

  .img-wrapper {
    border-top-right-radius: 0;
    border-bottom-left-radius: 12px;
  }

  .software-id-section {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .desc-nav {
    display: inline-block;
  }

  .selector-grid {
    grid-template-columns: repeat(auto-fit, minmax(90px, min-content));
  }

  .cr-logo-small {
    z-index: 1;
    position: relative;
  }

  .card-layout._50-50 {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
  }

  .software-id-layout {
    width: 100%;
    grid-template-rows: auto auto auto;
  }

  .bg-lottie {
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }

  .network-lottie {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .section.news {
    font-size: 25px;
  }

  .flex-v-10p.relative {
    position: relative;
  }

  .plans-cards-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .dash-nav {
    z-index: 100;
    min-width: 50%;
    background-color: #f9f9fc;
    padding: 20px;
    display: none;
    position: fixed;
    box-shadow: 3px 0 14px rgba(0, 0, 0, .1);
  }

  .nav-logotype {
    display: none;
  }

  .dash-content {
    padding: 20px;
    overflow: visible;
  }

  .paragraph--5.id-profile {
    display: none;
  }

  .icon--5em.mobile-only {
    display: flex;
  }

  .propic-50px {
    width: 30px;
    height: 30px;
  }

  .html-embed {
    width: 20px;
  }

  .layout-back-office {
    grid-template-columns: 1fr;
    display: block;
  }

  .nav-monogram {
    color: #b1b1b1;
    display: flex;
  }

  .nav-logo-slot {
    height: 50px;
  }


  .wrapper-topbar-arrow {
    display: none;
  }

  .wrapper-topbar {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    z-index:1;
  }

  .wrapper-noti {
    z-index: 1;
    display: none;
  }

  .topbar-button-wrapper {
    display: none;
  }

  .div-block-49 {
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
  }

  .nav-monogram-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .image-22 {
    height: 1em;
  }

  .image-23 {
    width: .6em;
    height: .6em;
  }

  .div-block-51 {
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: absolute;
    top: -20px;
    bottom: -20px;
    left: 160px;
    right: 0%;
  }

  .chat-text {
    text-align: center;
  }

  .cards-layout {
    min-width: 0;
    flex-direction: column;
    align-items: stretch;
  }

  .div-block-74,
  .wrapper-justify-left {
    justify-content: flex-start;
    display: flex;
  }

  .site-container-login {
    width: 90%;
  }

  .icon-1em.mobile-only {
    display: block;
  }

  .chart-logotype {
    display: none;
  }

  .icon--618em.width {
    width: .618em;
    height: .618em;
  }

  .icon--5em-copy.mobile-only {
    display: flex;
  }

  .div-block-87 {
    width: 1em;
    height: 1em;
    border: 1px solid #fc7b97;
    border-radius: 25%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .flex-v--5em.relative {
    position: relative;
  }
}

@media screen and (max-width: 479px) {
  .hero-content {
    grid-template-columns: minmax(150px, 5fr) 1fr;
  }

  .heading {
    line-height: 1.2em;
  }

  .body {
    font-size: 25px;
  }

  .body.dashboard {
    font-size: 22px;
  }

  .softwares-grid {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }

  .card._50p {
    padding: 50px 20px;
  }

  .card._30p.form {
    min-width: 240px;
    border-radius: 0;
    margin-left: -5%;
    margin-right: -5%;
  }

  .card.notification.txt-resize {
    width: 100%;
  }

  .sherwodd-icons {
    height: 60px;
  }

  .card-content {
    margin: 20px;
  }

  .paragraph {
    font-size: .6em;
  }

  .heading-2 {
    font-size: 1em;
  }

  .cr-icon {
    width: 70px;
  }

  .icon-aligner {
    height: 60px;
  }

  .software-sec-content {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .h1 {
    font-size: 1em;
  }

  .paragraph-4 {
    font-size: .7em;
  }

  .software-section {
    background-position: 50% 200%;
    background-size: auto 400px;
    padding-bottom: 75px;
  }

  .grid-section {
    font-size: 26px;
  }

  .avail-cont {
    height: 400px;
  }

  .laptop-img {
    width: 100%;
    max-height: none;
  }

  .devices-wrapper {
    grid-template-rows: minmax(auto, 200px);
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .nav-menu {
    flex-direction: column;
  }

  .hero-container {
    z-index: 2;
    padding-bottom: 50px;
    position: relative;
  }

  .software-links {
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: center;
  }

  .network-sec-content {
    grid-row-gap: 20px;
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .edu-sec-content {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .grid-content {
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
  }

  .ats-link-cont {
    height: 400px;
  }

  .h2 {
    font-size: 1em;
  }

  .iphone-img {
    width: 100%;
    max-height: none;
  }

  .promo-social-cont,
  .promo-product-cont {
    height: 400px;
  }

  .particle-cloud {
    width: 150%;
    top: auto;
    bottom: 0;
  }

  .footer-logo {
    width: 120px;
  }

  .footer-top-layout {
    grid-row-gap: 30px;
  }

  .footer-menu {
    flex-direction: column;
  }

  .footer-menu.footer-layout {
    grid-column-gap: 40px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
  }

  .nav-layout {
    flex-direction: row;
    flex: 1;
    justify-content: space-between;
    display: flex;
  }

  .nav-menu-desktop {
    display: none;
  }

  .navigation {
    z-index: 11;
  }

  .mobile-nav-items {
    justify-content: center;
  }

  .nav-menu-mobile {
    z-index: 11;
    display: none;
  }

  .software-cards-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .nav-logo-wrapper {
    z-index: 15;
  }

  .paragraph-5 {
    font-size: .6em;
  }

  .bg-video {
    z-index: 1;
  }

  .card-item._50p {
    padding: 30px 20px;
  }

  .table-row-layout {
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .table-row-layout.space-between {
    flex-direction: row;
  }

  .divider {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  ._20px-flex {
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(120px, min-content));
    grid-auto-columns: 1fr;
    align-items: center;
    display: flex;
    position: static;
  }

  .text-block-2 {
    font-size: .5em;
  }

  .software-svg-medium {
    height: 30px;
  }

  .selector-grid {
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
    align-content: center;
    justify-content: center;
    justify-items: center;
  }

  .table-tag-layout {
    grid-row-gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }

  .logo-h1 {
    height: 1em;
  }

  .network-lottie {
    min-width: 150%;
  }

  .text-block-3 {
    font-size: .5em;
  }

  .grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }

  .text--618em.mobile-hide {
    display: none;
  }

  .paragraph--5,
  .box-title-up {
    font-size: .5em;
  }

  .topbar-content {
    position: relative;
  }

  .nav-text {
    font-size: .5em;
  }

  .wrapper-noti {
    top: 35px;
    bottom: auto;
    left: -20px;
    right: -20px;
  }

  .topbar-button-card._50p {
    padding: 50px 20px;
  }

  .text-field {
    min-height: .5em;
  }

  .double-slot {
    grid-template-columns: minmax(100%, 1fr);
  }

  .box-title {
    font-size: .5em;
  }

  .text-field-box {
    min-height: .5em;
  }

  .slot-title {
    font-size: .5em;
  }

  .text--381em.mobile-hide {
    display: none;
  }
}

#w-node-_8a9afef0-4c78-527f-d708-d55cfd5dce0c-7296bc47,
#w-node-_939e004f-d9ee-0161-05b2-3fd2295791ea-7296bc47,
#w-node-_60558aef-b904-7969-ca1c-0c8ed4111015-7296bc47,
#w-node-_3eec6ac6-5f60-9d84-51fc-3e465d0b74cf-7296bc47,
#w-node-e6d0e98e-8656-8ada-01fc-fbc1b0499f49-7296bc47,
#w-node-c824246f-d492-529f-64dd-a0e3a0147162-7296bc47,
#w-node-_94429f66-ecff-2424-6a33-5a66f76766c5-7296bc47 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_11ed5eb8-0bec-8205-03c0-b24d624679f7-7296bc47 {
  justify-self: start;
}

#w-node-_688e5f51-6327-8c01-83c4-5f612a3c3a1f-2a3c3a19 {
  justify-self: end;
}

#w-node-f9a1c74e-05de-6ce8-4dd5-f90b7d49e3d9-c24f5119,
#w-node-_75c9b4ab-75a2-c90c-2a53-8ae4395ec48b-4d7f314b,
#w-node-d903cde2-9866-4733-7453-34bd724dfc20-4d7f314b,
#w-node-_2ae98319-2575-1c11-6eb4-a1e6565ca49d-4d7f314b,
#w-node-_62789690-6733-899b-8674-7841c1716546-4d7f314b,
#w-node-_63df1561-5fbe-0449-773f-844cdf3a5c36-4d7f314b,
#w-node-f9d8e0a4-906c-beee-6c89-5322b5adbff1-4d7f314b,
#w-node-_5ec88402-3809-f271-2c52-821d98efe214-4d7f314b,
#w-node-b92bb1bc-9dae-89b1-99f2-b6e8cfbf87ff-4d7f314b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6e773c09-452a-f937-79af-822502e45172-d7ec0bc4,
#w-node-a310cb51-5594-b4c3-119a-dd26aa73bb08-d7ec0bc4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_200384a2-1771-d339-6a07-b9c3c88dadae-d7ec0bc4,
#w-node-ec7f5b2f-c496-1e66-0387-73851a7fac44-d7ec0bc4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9a6f5f3d-757e-98b9-2776-f14bf173403e-d7ec0bc4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a2881280-77ac-c225-5e66-e1226090d6b7-cdbaaeba,
#w-node-_340119da-6efd-38db-7d3b-2c66f348b409-cdbaaeba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_27fcc99c-ce1b-6e6f-3e7d-52a660039367-cdbaaeba {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2b3dc99e-bc5d-1611-13a5-de9cabcd1983-cdbaaeba,
#w-node-_27f75d9a-e92c-5ce0-becf-10668079639e-cdbaaeba,
#w-node-a27ce616-35a8-33b8-d469-8e1aaac8d0a8-cdbaaeba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a21cd01a-b89f-2dd4-736c-d9c010655f90-7b4a50a0 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_29cb461a-1b42-5da3-0c2c-bcc20f1aa564-7b4a50a0,
#w-node-_0455988a-7e42-1987-b666-48aa91f2e66f-7b4a50a0,
#w-node-ecabe391-7c6f-8e44-9914-a3684e36f5d2-7b4a50a0,
#w-node-_8ae52e2c-2b66-2ab4-cb76-90c6574cf48f-7b4a50a0,
#w-node-a8729101-efa0-a670-c57f-4b1ca5a3cd00-7b4a50a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eb3ef98f-d4f2-b922-ac07-fca46d7cc9cf-7b4a50a0 {
  align-self: start;
}

#w-node-_5c1e9530-15c8-dce3-6791-f4463adc2d07-7b4a50a0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6c6b275b-9f1a-31b0-3c2f-58b859633074-7b4a50a0,
#w-node-_6c6b275b-9f1a-31b0-3c2f-58b859633077-7b4a50a0,
#w-node-_0f84a7bb-aa8f-bd09-b157-006619cf92b4-7b4a50a0,
#w-node-a7941243-af90-cee6-be63-f52e4084882d-7b4a50a0,
#w-node-_6afde18b-139c-6ed3-3171-351baaaedf90-7b4a50a0,
#w-node-_33c20d18-68bc-b804-59df-e3fd85379e34-7b4a50a0,
#w-node-da6f36f9-56c0-7b4b-f33c-90aff3634ca2-7b4a50a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a21cd01a-b89f-2dd4-736c-d9c010655f90-fc4bd8a5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_29cb461a-1b42-5da3-0c2c-bcc20f1aa564-fc4bd8a5,
#w-node-_0455988a-7e42-1987-b666-48aa91f2e66f-fc4bd8a5,
#w-node-ecabe391-7c6f-8e44-9914-a3684e36f5d2-fc4bd8a5,
#w-node-_8ae52e2c-2b66-2ab4-cb76-90c6574cf48f-fc4bd8a5,
#w-node-a8729101-efa0-a670-c57f-4b1ca5a3cd00-fc4bd8a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eb3ef98f-d4f2-b922-ac07-fca46d7cc9cf-fc4bd8a5 {
  align-self: start;
}

#w-node-_5c1e9530-15c8-dce3-6791-f4463adc2d07-fc4bd8a5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6c6b275b-9f1a-31b0-3c2f-58b859633074-fc4bd8a5,
#w-node-_6c6b275b-9f1a-31b0-3c2f-58b859633077-fc4bd8a5,
#w-node-_0f84a7bb-aa8f-bd09-b157-006619cf92b4-fc4bd8a5,
#w-node-a7941243-af90-cee6-be63-f52e4084882d-fc4bd8a5,
#w-node-_6afde18b-139c-6ed3-3171-351baaaedf90-fc4bd8a5,
#w-node-_33c20d18-68bc-b804-59df-e3fd85379e34-fc4bd8a5,
#w-node-da6f36f9-56c0-7b4b-f33c-90aff3634ca2-fc4bd8a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a21cd01a-b89f-2dd4-736c-d9c010655f90-209fc65a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_29cb461a-1b42-5da3-0c2c-bcc20f1aa564-209fc65a,
#w-node-_0455988a-7e42-1987-b666-48aa91f2e66f-209fc65a,
#w-node-ecabe391-7c6f-8e44-9914-a3684e36f5d2-209fc65a,
#w-node-_8ae52e2c-2b66-2ab4-cb76-90c6574cf48f-209fc65a,
#w-node-a8729101-efa0-a670-c57f-4b1ca5a3cd00-209fc65a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eb3ef98f-d4f2-b922-ac07-fca46d7cc9cf-209fc65a {
  align-self: start;
}

#w-node-_5c1e9530-15c8-dce3-6791-f4463adc2d07-209fc65a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6c6b275b-9f1a-31b0-3c2f-58b859633074-209fc65a,
#w-node-_6c6b275b-9f1a-31b0-3c2f-58b859633077-209fc65a,
#w-node-_0f84a7bb-aa8f-bd09-b157-006619cf92b4-209fc65a,
#w-node-a7941243-af90-cee6-be63-f52e4084882d-209fc65a,
#w-node-_6afde18b-139c-6ed3-3171-351baaaedf90-209fc65a,
#w-node-_33c20d18-68bc-b804-59df-e3fd85379e34-209fc65a,
#w-node-da6f36f9-56c0-7b4b-f33c-90aff3634ca2-209fc65a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a21cd01a-b89f-2dd4-736c-d9c010655f90-cc965ae7 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_29cb461a-1b42-5da3-0c2c-bcc20f1aa564-cc965ae7,
#w-node-_0455988a-7e42-1987-b666-48aa91f2e66f-cc965ae7,
#w-node-ecabe391-7c6f-8e44-9914-a3684e36f5d2-cc965ae7,
#w-node-_8ae52e2c-2b66-2ab4-cb76-90c6574cf48f-cc965ae7,
#w-node-a8729101-efa0-a670-c57f-4b1ca5a3cd00-cc965ae7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eb3ef98f-d4f2-b922-ac07-fca46d7cc9cf-cc965ae7 {
  align-self: start;
}

#w-node-_5c1e9530-15c8-dce3-6791-f4463adc2d07-cc965ae7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6c6b275b-9f1a-31b0-3c2f-58b859633074-cc965ae7,
#w-node-_6c6b275b-9f1a-31b0-3c2f-58b859633077-cc965ae7,
#w-node-_0f84a7bb-aa8f-bd09-b157-006619cf92b4-cc965ae7,
#w-node-a7941243-af90-cee6-be63-f52e4084882d-cc965ae7,
#w-node-_6afde18b-139c-6ed3-3171-351baaaedf90-cc965ae7,
#w-node-_33c20d18-68bc-b804-59df-e3fd85379e34-cc965ae7,
#w-node-da6f36f9-56c0-7b4b-f33c-90aff3634ca2-cc965ae7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a21cd01a-b89f-2dd4-736c-d9c010655f90-38b850e9 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_29cb461a-1b42-5da3-0c2c-bcc20f1aa564-38b850e9,
#w-node-_0455988a-7e42-1987-b666-48aa91f2e66f-38b850e9,
#w-node-ecabe391-7c6f-8e44-9914-a3684e36f5d2-38b850e9,
#w-node-_8ae52e2c-2b66-2ab4-cb76-90c6574cf48f-38b850e9,
#w-node-a8729101-efa0-a670-c57f-4b1ca5a3cd00-38b850e9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eb3ef98f-d4f2-b922-ac07-fca46d7cc9cf-38b850e9 {
  align-self: start;
}

#w-node-_5c1e9530-15c8-dce3-6791-f4463adc2d07-38b850e9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6c6b275b-9f1a-31b0-3c2f-58b859633074-38b850e9,
#w-node-_6c6b275b-9f1a-31b0-3c2f-58b859633077-38b850e9,
#w-node-_0f84a7bb-aa8f-bd09-b157-006619cf92b4-38b850e9,
#w-node-a7941243-af90-cee6-be63-f52e4084882d-38b850e9,
#w-node-_6afde18b-139c-6ed3-3171-351baaaedf90-38b850e9,
#w-node-_33c20d18-68bc-b804-59df-e3fd85379e34-38b850e9,
#w-node-da6f36f9-56c0-7b4b-f33c-90aff3634ca2-38b850e9,
#w-node-d65a439a-d814-113d-6c89-d02dbc06e8de-9a5729bf,
#w-node-e85cfdc5-ef0a-cb2c-975c-86026f69fd8b-9a5729bf,
#social-trading-card.w-node-_2e020cc8-ef80-0329-12be-48d5f79a6097-9a5729bf,
#affiliate-card.w-node-_7319ea1c-2e1d-4ba6-ae2c-a974d39f259e-9a5729bf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#apps-card.w-node-b28bc4fb-60a5-88bb-0977-31a0ad185a66-9a5729bf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-c3b65ffc-e2cd-9976-9c88-c9aee40f7f78-9a5729bf,
#w-node-_3933f110-2357-5b51-3a24-46054b62c663-9a5729bf,
#w-node-be60d342-e315-39cd-0bfe-0c092e0ab012-9a5729bf,
#w-node-_14b6e1a0-f3d1-6e70-1eef-03bdd6d88b8e-9a5729bf,
#events-card.w-node-_5b8c6d91-ec4b-1861-b592-9b09affed95c-9a5729bf,
#w-node-d07e95a0-ff2f-d13c-9bd6-023ea588620c-277131a9,
#w-node-d65a439a-d814-113d-6c89-d02dbc06e8de-c16395f4,
#w-node-d65a439a-d814-113d-6c89-d02dbc06e8de-527efa9e,
#w-node-_4b686122-93d0-08d3-c3ed-a194b42b02e3-527efa9e,
#w-node-d65a439a-d814-113d-6c89-d02dbc06e8de-f6c824d6,
#w-node-e85cfdc5-ef0a-cb2c-975c-86026f69fd8b-f6c824d6,
#w-node-_2e020cc8-ef80-0329-12be-48d5f79a6097-f6c824d6,
#w-node-_5b8c6d91-ec4b-1861-b592-9b09affed95c-f6c824d6,
#w-node-b28bc4fb-60a5-88bb-0977-31a0ad185a54-f6c824d6,
#w-node-b28bc4fb-60a5-88bb-0977-31a0ad185a66-f6c824d6,
#w-node-c3b65ffc-e2cd-9976-9c88-c9aee40f7f78-f6c824d6,
#w-node-_62020221-3a94-d64e-af4f-28841f02c764-f6c824d6,
#w-node-_3933f110-2357-5b51-3a24-46054b62c663-f6c824d6,
#w-node-be60d342-e315-39cd-0bfe-0c092e0ab012-f6c824d6,
#w-node-e5716d5f-a774-574d-1e98-aad77dc1d659-f6c824d6,
#w-node-_14b6e1a0-f3d1-6e70-1eef-03bdd6d88b8e-f6c824d6,
#w-node-d65a439a-d814-113d-6c89-d02dbc06e8de-bf9ef887,
#w-node-_4b686122-93d0-08d3-c3ed-a194b42b02e3-bf9ef887,
#w-node-d65a439a-d814-113d-6c89-d02dbc06e8de-3711a75b,
#w-node-_4b686122-93d0-08d3-c3ed-a194b42b02e3-3711a75b,
#w-node-_2b832748-7076-2475-b26d-6e0e9fbc8a6f-3711a75b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_541bfa6b-38fb-5d1f-136d-5640b303ccde-3711a75b {
  justify-self: stretch;
}

#w-node-d65a439a-d814-113d-6c89-d02dbc06e8de-8c7f8b19,
#w-node-_4b686122-93d0-08d3-c3ed-a194b42b02e3-8c7f8b19,
#w-node-d65a439a-d814-113d-6c89-d02dbc06e8de-d898c312,
#w-node-_4b686122-93d0-08d3-c3ed-a194b42b02e3-d898c312,
#w-node-d65a439a-d814-113d-6c89-d02dbc06e8de-68d87553,
#w-node-_4b686122-93d0-08d3-c3ed-a194b42b02e3-68d87553 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_11ed5eb8-0bec-8205-03c0-b24d624679f7-7296bc47 {
    justify-self: center;
  }

  #w-node-_688e5f51-6327-8c01-83c4-5f612a3c3a1f-2a3c3a19 {
    justify-self: start;
  }

  #w-node-ec7f5b2f-c496-1e66-0387-73851a7fac44-d7ec0bc4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_27fcc99c-ce1b-6e6f-3e7d-52a660039367-cdbaaeba {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {

  #w-node-_6e773c09-452a-f937-79af-822502e45172-d7ec0bc4,
  #w-node-a310cb51-5594-b4c3-119a-dd26aa73bb08-d7ec0bc4,
  #w-node-_9a6f5f3d-757e-98b9-2776-f14bf173403e-d7ec0bc4 {
    grid-column: span 1 / span 1;
  }

  #w-node-eb3ef98f-d4f2-b922-ac07-fca46d7cc9cf-7b4a50a0 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_5c1e9530-15c8-dce3-6791-f4463adc2d07-7b4a50a0 {
    grid-column: span 3 / span 3;
  }

  #w-node-_60c9b2ce-a4fc-620c-ee2a-0853876749be-7b4a50a0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-eb3ef98f-d4f2-b922-ac07-fca46d7cc9cf-fc4bd8a5 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_5c1e9530-15c8-dce3-6791-f4463adc2d07-fc4bd8a5 {
    grid-column: span 3 / span 3;
  }

  #w-node-_60c9b2ce-a4fc-620c-ee2a-0853876749be-fc4bd8a5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-eb3ef98f-d4f2-b922-ac07-fca46d7cc9cf-209fc65a {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_5c1e9530-15c8-dce3-6791-f4463adc2d07-209fc65a {
    grid-column: span 3 / span 3;
  }

  #w-node-_60c9b2ce-a4fc-620c-ee2a-0853876749be-209fc65a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-eb3ef98f-d4f2-b922-ac07-fca46d7cc9cf-cc965ae7 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_5c1e9530-15c8-dce3-6791-f4463adc2d07-cc965ae7 {
    grid-column: span 3 / span 3;
  }

  #w-node-f7ea31e9-6e32-afdb-98d9-7fa976d1133e-cc965ae7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-eb3ef98f-d4f2-b922-ac07-fca46d7cc9cf-38b850e9 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_5c1e9530-15c8-dce3-6791-f4463adc2d07-38b850e9 {
    grid-column: span 3 / span 3;
  }

  #w-node-f7ea31e9-6e32-afdb-98d9-7fa976d1133e-38b850e9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {

  #w-node-_08d94a52-c9fa-f414-4d64-34908a593568-7b4a50a0,
  #w-node-_08d94a52-c9fa-f414-4d64-34908a593568-fc4bd8a5,
  #w-node-_08d94a52-c9fa-f414-4d64-34908a593568-209fc65a,
  #w-node-_08d94a52-c9fa-f414-4d64-34908a593568-cc965ae7,
  #w-node-_08d94a52-c9fa-f414-4d64-34908a593568-38b850e9 {
    justify-self: start;
  }
}


@font-face {
  font-family: 'Gotham';
  src: url('../fonts/GOTHAM-BOOKITALIC.OTF') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/GOTHAM-BOLD.OTF') format('opentype'), url('../fonts/GOTHAM-BOLDITA.OTF') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham book';
  src: url('../fonts/GOTHAM-BOOK.OTF') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/GOTHAM-MEDIUM.OTF') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/GOTHAM-XLIGHT.OTF') format('opentype'), url('../fonts/GOTHAM-LIGHT.OTF') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham ultraita';
  src: url('../fonts/GOTHAM-ULTRAITA.OTF') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham ultra';
  src: url('../fonts/GOTHAM-ULTRA.OTF') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/GOTHAM-BLACK.OTF') format('opentype'), url('../fonts/GOTHAM-BLACKITA.OTF') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/GOTHAM-THINITA.OTF') format('opentype'), url('../fonts/GOTHAM-THIN.OTF') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/helvetica-light-587ebe5a59211.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Oblique.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}



input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* 2 groups of 3 items */


.menu-card.active{
  background-color: #00d97a;
  color:white;
}




.menu-card.active .curr{
  fill:#ffff !important;
  /* stroke: #ffffff !important; */
}

.menu-card.active .text--618em.nav{
  color:white;
}

.code_val_container {
  max-width: 320px;
}

.code_val_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  column-gap: .382em;
}

.code_val_wrapper input{
  padding:.1em;
  display:flex;
  flex-direction: row;
  text-align: center;
  min-height: 61.8px;
  max-width: 38.2px;  
  font-size: 1em;
  
}

.code_val_container input::selection{
  background-color: transparent;
}




::-webkit-scrollbar {
  width: 10px !important;
  transition: .3s;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f9f9fc !important;
  border: 2px solid rgba(149, 174, 208, .2);
  border-radius: 12px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #979797 !important;
  border-radius: 3px !important;
  transition: .3s;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #00d97a !important;
}


.nav-wrapper ::-webkit-scrollbar {
  display: none
}