:root {
  --primary-color: #001dad;
  --primary-lightcolor: #001dad;
  --secondary-color: #333333;
}
::-moz-selection { /* Code for Firefox */
    color: white;
    background:  #001dad;
  }
  
  ::selection {
    color: white;
    background:  #001dad;
  }
  html {
    scroll-behavior: smooth;
  }
img{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.internal-main-hero {
  max-height: 120vh !important;
  /* padding-top:9rem !important; */
  padding-bottom:10rem !important;
  background-position-x: 55% !important;
  
}
/* 
body::-webkit-scrollbar {
  width: 0.75em;
}
 

body::-webkit-scrollbar-thumb {
  background-color: var(--primary-color) !important;
  border-radius: 2px !important;
} */
.navbar-placeholder {
  z-index: 999;
}
.navbar-wrapper {
  width: 100%;
  height: 4.6rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.navbar-wrapper.is-static {
  position: static !important;
}
.navbar-wrapper.is-solid {
  background: #fff;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
}
.navbar-wrapper.is-cloned {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  z-index: 100;
  background: #fff;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
}
.navbar-wrapper.is-cloned.is-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.navbar-wrapper.is-transparent .navbar-item.is-slide,
.navbar-wrapper.is-transparent .navbar-link.is-slide {
  border-bottom: 1px solid transparent;
}
.navbar-wrapper.is-transparent .navbar-item.is-slide:after,
.navbar-wrapper.is-transparent .navbar-link.is-slide:after {
  content: "";
  display: block;
  width: 0;
  min-width: 0;
  height: 1.6px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--primary-color);
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.navbar-wrapper.is-transparent .navbar-item.is-slide:hover:after,
.navbar-wrapper.is-transparent .navbar-link.is-slide:hover:after {
  width: 100%;
}
.navbar-wrapper .navbar-brand {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.navbar-wrapper .navbar-brand img {
  height: 25px;
}
.navbar-wrapper .navbar-brand img.light-logo {
  display: block;
}
.navbar-wrapper .navbar-brand img.dark-logo {
  display: none;
}
.navbar-wrapper .navbar-item:hover,
.navbar-wrapper .navbar-item.has-dropdown:hover {
  color: #999;
  background: transparent;
}
.navbar-wrapper .navbar-item:hover a,
.navbar-wrapper .navbar-item.has-dropdown:hover a {
  background: transparent;
}
.navbar-wrapper .navbar-item.is-menu:hover {
  background: #e8e8e8 !important;
}
.navbar-wrapper .navbar-item.is-menu:hover i,
.navbar-wrapper .navbar-item.is-menu:hover span {
  color: #999 !important;
}
.navbar-wrapper .navbar-item.is-menu span {
  padding: 0 10px;
}
.navbar-wrapper .navbar-item.is-menu i {
  font-size: 22px;
  color: #999;
}
.navbar-wrapper .navbar-item.is-mega {
  position: static;
}
.navbar-wrapper .navbar-item.is-mega .is-mega-menu-title {
  margin-bottom: 0;
  padding: 0.375rem 1rem;
}
.navbar-wrapper .navbar-link:hover {
  background: transparent !important;
  color: #999;
}
.navbar-wrapper .navbar-link:hover:after {
  border-color: #0084c4;
}
.navbar-wrapper .navbar-link:after {
  font-size: 0.85rem;
  border: 1.6px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  border-color: #444f60;
  margin-top: -0.375em;
  right: 1.125em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  right: 1.525em;
}
.navbar-wrapper .custom-burger {
  margin-left: auto;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4.6rem;
  width: 4.6rem;
}
.navbar-wrapper.navbar-light .icon-box-toggle span i {
  background: #fff !important;
}
.navbar-wrapper.navbar-light .navbar-item,
.navbar-wrapper.navbar-light .navbar-link {
  color: #fff;
}
.navbar-wrapper.navbar-light .navbar-item.is-slide,
.navbar-wrapper.navbar-light .navbar-link.is-slide {
  border-bottom: 1px solid transparent;
}
.navbar-wrapper.navbar-light .navbar-item.is-slide:after,
.navbar-wrapper.navbar-light .navbar-link.is-slide:after {
  content: "";
  display: block;
  width: 0;
  min-width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.navbar-wrapper.navbar-light .navbar-item.is-slide:hover:after,
.navbar-wrapper.navbar-light .navbar-link.is-slide:hover:after {
  width: 100%;
}
.navbar-wrapper.navbar-light .navbar-link:after {
  font-size: 0.85rem;
  border: 1.6px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  border-color: #fff;
  margin-top: -0.375em;
  right: 1.125em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  right: 1.525em;
}
.navbar-wrapper.navbar-light .navbar-burger span {
  background: #fff !important;
}
.navbar-wrapper.navbar-inverse.is-reverse {
  background: #344258;
}
.navbar-wrapper.navbar-inverse.is-reverse .navbar-menu.is-active {
  background: #344258;
}
.navbar-wrapper.navbar-inverse.is-blue {
  background: var(--primary-color);
}
.navbar-wrapper.navbar-inverse.is-blue .navbar-menu.is-active {
  background: var(--primary-color);
}
.navbar-wrapper.navbar-inverse.is-purple {
  background: #0084c4;
}
.navbar-wrapper.navbar-inverse.is-purple .navbar-menu.is-active {
  background: #0084c4;
}
.navbar-wrapper.navbar-inverse.is-red {
  background: #ff7273;
}
.navbar-wrapper.navbar-inverse.is-red .navbar-menu.is-active {
  background: #ff7273;
}
.navbar-wrapper.navbar-inverse .icon-box-toggle span i {
  background: #fff !important;
}
.navbar-wrapper.navbar-inverse .navbar-item,
.navbar-wrapper.navbar-inverse .navbar-link {
  color: #fff;
}
.navbar-wrapper.navbar-inverse .navbar-link:after {
  font-size: 0.85rem;
  border: 1.6px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  border-color: #fff;
  margin-top: -0.375em;
  right: 1.125em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  right: 1.525em;
}
.navbar-wrapper.navbar-inverse .navbar-burger span {
  background: #fff !important;
}
.navbar-wrapper .navbar-dropdown.is-medium {
  width: 200px;
}
.navbar-wrapper .navbar-dropdown .navbar-item {
  color: #444f60;
}
.navbar-wrapper.navbar-faded {
  background: #fff;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
}
.navbar-wrapper.navbar-faded .navbar-brand img {
  height: 35px;
}
.navbar-wrapper.navbar-faded .navbar-brand img.light-logo {
  display: none;
}
.navbar-wrapper.navbar-faded .navbar-brand img.dark-logo {
  display: block;
}
.account {
  position: relative;
  right: 20px;
  top: 5px;
  margin-left: 30px;
}
.account .nav-item {
  border-bottom: 1px solid transparent !important;
}
.account img.account-avatar {
  max-height: 40px;
  border-radius: 50px;
  border: 1px solid #eff4f7;
}
.account div a {
  color: #66676b !important;
}
.account div a i {
  position: relative;
  top: 3px;
  left: 10px;
  font-size: 7px !important;
  color: #66676b;
}
.account .dropOut ul {
  margin-left: 0 !important;
}
.scroll-nav-wrapper {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #fff;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
}
.scroll-nav-wrapper .tabs {
  background: #fff;
}
.scroll-nav-wrapper .tabs a {
  padding-bottom: 0;
  padding-top: 0;
  border-bottom-color: transparent;
}
.scroll-nav-wrapper .tabs ul {
  border-bottom: none;
}
.scroll-nav-wrapper .tabs ul li a {
  color: #a9abac;
}
.scroll-nav-wrapper .tabs ul li:hover a {
  color: #00d1b2;
  border-bottom-color: #00d1b2;
}
.scroll-nav-wrapper .tabs ul li.is-active a {
  color: #00d1b2;
  border-bottom: 2px solid #00d1b2;
}
.scroll-nav-wrapper .tabs ul li a.there {
  color: #00d1b2;
  border-bottom: 2px solid #00d1b2;
}
.menu-toggle {
  font-size: 20px;
  color: #666;
  line-height: 48px;
  text-align: center;
  background: transparent;
  display: block;
  width: 24px;
  height: 26px;
  cursor: pointer;
  padding: 0;
  margin: 0 14px;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  opacity: 1;
  position: relative;
  top: 2px;
}
.menu-toggle .icon-box-toggle {
  height: 100%;
  width: 100%;
  background: tranparent;
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
}
.menu-toggle .icon-box-toggle.active > span.rotate {
  -webkit-transform: rotate(90deg);
  transform: translate(0px, 0px) rotate(90deg);
}
.menu-toggle .icon-box-toggle.active > span > i.icon-line-center {
  visibility: hidden;
  width: 1px;
  height: 3px;
  left: 70%;
}
.menu-toggle .icon-box-toggle.active > span > i.icon-line-bottom {
  margin: -2px 0 0 -10px;
  left: 50%;
  top: 12px;
  -webkit-transform: rotate(135deg);
  transform: translate(0px, 0px) rotate(135deg);
}
.menu-toggle .icon-box-toggle.active > span > i.icon-line-top {
  margin: -2px 0 0 -10px;
  left: 50%;
  top: 12px;
  -webkit-transform: rotate(45deg);
  transform: translate(0px, 0px) rotate(45deg);
}
.menu-toggle .icon-line-center {
  position: absolute;
  width: 20px;
  height: 2px;
  background: #a9abac;
  margin: -1px 0 0 -10px;
  left: 50%;
  top: 11px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.menu-toggle .icon-line-top {
  position: absolute;
  width: 20px;
  height: 2px;
  background: #a9abac;
  margin: -3px 0 0 -10px;
  left: 50%;
  top: 7px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.menu-toggle .icon-line-bottom {
  position: absolute;
  width: 20px;
  height: 2px;
  background: #a9abac;
  margin: 2px 0 0 -10px;
  left: 50%;
  top: 14px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.section.section-light-grey {
  background-color: #eff4f7;
}
.section.section-feature-grey {
  background-color: #fbfbfb;
}
.section.section-header-grey {
  background-color: #f5f9fc;
}
.section.section-feature-grey-accent {
  background-color: #efefef;
}
.section.section-primary {
  background-color: var(--primary-color);
}
.section.section-secondary {
  background-color: #0084c4;
}
.section.has-border-bottom {
  border-bottom: 1px solid #ededed;
}
.section.has-border-top {
  border-top: 1px solid #ededed;
}
.section.is-relative {
  position: relative;
}
.section.is-cover {
  background-size: cover !important;
}
.section.no-margin {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.section.section-half {
  height: 75vh !important;
}
.section.is-skewed-sm {
  -webkit-transform: skew(0deg, -3deg) translate(0, -45px);
  transform: skew(0deg, -3deg) translate(0, -45px);
  padding-top: 140px;
}
.section .container {
  z-index: 1;
}
.section .container.is-reverse-skewed-sm {
  -webkit-transform: skew(0deg, 3deg) translate(0, 45px);
  transform: skew(0deg, 3deg) translate(0, 45px);
}
.section .container.slanted-container {
  margin-top: -100px;
}
.section .content-wrapper {
  padding-top: 40px;
}
.section .bottom-spacer {
  padding-bottom: 200px;
}
.section .section-title-wrapper {
  position: relative;
  padding: 40px 20px;
}
.section .section-title-wrapper .bg-number,
.section .section-title-wrapper .bg-symbol {
  position: absolute;
  text-align: center;
  font-weight: bolder;
  top: -18px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  font-size: 160px;
  z-index: 0;
  opacity: 0.1;
  color: #999;
  width: 160px;
  height: 160px;
  line-height: 160px;
}
.section .section-title-wrapper .bg-number .material-icons,
.section .section-title-wrapper .bg-symbol .material-icons {
  font-size: 12rem;
}
.section .section-title-wrapper .top-subtitle {
  text-transform: uppercase;
  color: var(--primary-color);
  font-family: "Nexa Light", sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
}
.section .section-title-wrapper .icon-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.section .section-title-wrapper .icon-subtitle.is-one i {
  margin: 10px 5px 0 5px;
  font-size: 2.2rem;
  color: #0084c4;
}
.section .section-title-wrapper .icon-subtitle.is-many i {
  margin: 10px 5px 0 5px;
  font-size: 1.4rem;
  color: #0084c4;
}
.section .title.section-title {
  font-size: 2.7rem;
  color: #a9abac;
  font-weight: bold;
  font-family: "Nexa Bold", sans-serif;
}
.section .title.section-subtitle {
  font-size: 2.3rem;
  color: #a9abac;
}
.section .title.quick-feature {
  font-size: 2.7rem;
  color: #444f60;
  position: relative;
}
.section .title.quick-feature .bg-number,
.section .title.quick-feature .bg-symbol {
  position: absolute;
  font-weight: bolder;
  top: -100px;
  left: 40px;
  font-size: 14rem;
  z-index: 0;
  opacity: 0.1;
  color: #999;
}
.section .title.feature-title {
  font-weight: 600;
  color: #444f60;
  font-size: 2.2rem;
}
.section .icon-subtitle i {
  font-size: 2.4rem;
  color: var(--primary-color);
}
.section .detailed-feature-subtitle {
  text-transform: uppercase;
  font-family: "Nexa Light";
  font-size: 15px;
  color: #a9abac;
  font-weight: 600;
}
.section .title-divider {
  margin: 10px 0;
  width: 80px;
  height: 5px;
  background: var(--primary-color);
}
.section .title-divider.is-right {
  margin-left: auto;
}
.section .title-divider.is-centered {
  margin: 0 auto;
}
.section h2.feature-headline {
  color: var(--primary-color) !important;
  line-height: 1.2;
  padding: 5px 0;
  margin-bottom: 0 !important;
}
.section .section-feature-description {
  color: #878787;
}
.section .media.icon-box {
  border-top: none !important;
}
.section .media.icon-box .media-content .content p span.icon-box-title {
  color: #444f60;
  font-size: 1.2rem;
  font-weight: 600;
}
.section .media.icon-box .media-content .content p span.icon-box-text {
  color: #a9abac;
  font-size: 1.1rem;
  font-weight: 400;
}
.section .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.section .flex-wrapper.flex-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.section .flex-wrapper.flex-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.section .flex-wrapper.flex-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.section .flex-wrapper img {
  width: 23%;
}
.content.content-flex,
.content-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.content.content-flex.center-flex,
.content-flex.center-flex {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.divider {
  display: table;
  white-space: nowrap;
  margin-top: 20px;
  padding: 0 20px;
}
.divider .before-divider,
.divider .after-divider {
  display: table-cell;
  width: 50%;
  border-bottom: 1px solid #ededed;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #999;
}
.divider .children {
  padding: 0 20px;
  font-size: 14px;
  color: #cecece;
}
.hero.is-relative {
  position: relative;
}
.hero.is-cover {
  background-size: cover !important;
}
.hero.is-theme-primary {
  background-color: var(--primary-color);
}
.hero.is-theme-primary .title {
  color: #fff;
}
.hero.is-theme-primary .subtitle {
  color: #fff;
}
.hero.is-theme-secondary {
  background-color: #0084c4;
}
.hero.is-theme-secondary .title {
  color: #fff;
}
.hero.is-theme-secondary .subtitle {
  color: #fff;
}
.hero.is-theme-accent {
  background-color: #00d1b2;
}
.hero.is-theme-accent .title {
  color: #fff;
}
.hero.is-theme-accent .subtitle {
  color: #fff;
}
.hero.is-theme-info {
  background-color: var(--primary-color);
}
.hero.is-theme-info .title {
  color: #fff;
}
.hero.is-theme-info .subtitle {
  color: #fff;
}
.hero.is-theme-success {
  background-color: #00b289;
}
.hero.is-theme-success .title {
  color: #fff;
}
.hero.is-theme-success .subtitle {
  color: #fff;
}
.hero.is-theme-warning {
  background-color: #eda514;
}
.hero.is-theme-warning .title {
  color: #fff;
}
.hero.is-theme-warning .subtitle {
  color: #fff;
}
.hero.is-theme-danger {
  background-color: #ff7273;
}
.hero.is-theme-danger .title {
  color: #fff;
}
.hero.is-theme-danger .subtitle {
  color: #fff;
}
.hero.is-feature-grey {
  background-color: #fbfbfb;
}
.hero.is-feature-grey .title {
  color: #444f60;
}
.hero.is-feature-grey .subtitle {
  color: #444f60;
}
.hero.is-light-grey {
  background-color: #eff4f7;
  background-image: linear-gradient(
    141deg,
    #d0e0ec 0%,
    #f5f7fa 71%,
    white 100%
  );
}
.hero.is-light-grey .title.dark {
  color: #444f60;
}
.hero.is-light-grey .title.theme {
  color: var(--primary-color);
}
.hero.is-light-grey .subtitle {
  margin-top: 0 !important;
  padding-right: 20%;
  line-height: 1.6 !important;
}
.hero.is-coal {
  background-color: #444;
}
.hero.is-coal .title {
  color: #fff;
}
.hero.is-coal .subtitle {
  color: #fff;
}
.hero-body {
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.hero-body .title.main-title {
  color: #fff;
  z-index: 999;
  font-size: 3.5rem;
}
.hero-body .title.big-title {
  color: #444f60;
  z-index: 999;
  font-size: 4rem;
}
.hero-body .title.page-title {
  font-size: 3.5rem;
}
.hero-body .title.medium-title {
  font-size: 2.5rem;
}
.hero-body .title.small-title {
  font-size: 2rem;
}
.hero-body .subtitle.page-subtitle {
  font-size: 1.8rem;
}
.hero-body .internal-subtitle.page-subtitle {
  font-size: 0.8rem !important;
}
.hero-body .clients-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 0;
}
.hero-body .clients-small img {
  height: 42px;
  margin: 0 5px;
}
.hero-body .clients-small.centered {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.hero-body.is-relative {
  position: relative;
}
.hero-foot img.partner-logo {
  height: 70px !important;
}
.parallax-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: #333;
  opacity: 0.4;
}
footer.footer-dark {
  background: #444f60;
  color: #fff;
  position: relative;
}
footer.footer-dark .columns {
  padding-top: 30px;
  padding-bottom: 30px;
}
footer.footer-dark .footer-logo {
  padding: 10px 0;
}
footer.footer-dark .footer-logo img {
  height: 25px;
}
footer.footer-dark .footer-column .footer-header {
  padding: 10px 0;
}
footer.footer-dark .footer-column .footer-header h3 {
  font-family: "Nexa Bold", sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0 !important;
  color: #eff4f7;
}
footer.footer-dark .footer-column ul.link-list {
  line-height: 30px;
  font-size: 1rem;
}
footer.footer-dark .footer-column ul.link-list a {
  color: #98a9c3;
  font-weight: 400;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
footer.footer-dark .footer-column ul.link-list:hover {
  color: #fcfcfc;
}
footer.footer-dark .footer-column .level-item .icon {
  color: var(--primary-color);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
footer.footer-dark .footer-column .level-item .icon i {
  font-size: 20px;
}
footer.footer-dark .footer-column .level-item .icon:hover {
  color: #fcfcfc;
}
footer.footer-dark .footer-column .copyright {
  padding: 10px 0;
}
footer.footer-light {
  background: #fff;
  color: #444f60;
  position: relative;
}
footer.footer-light .columns {
  padding-top: 30px;
  padding-bottom: 30px;
}
footer.footer-light .footer-logo {
  padding: 10px 0;
}
footer.footer-light .footer-logo img {
  height: 25px;
}
footer.footer-light .footer-column .footer-header {
  padding: 10px 0;
}
footer.footer-light .footer-column .footer-header h3 {
  font-family: "Nexa Bold", sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0 !important;
  color: #444f60;
}
footer.footer-light .footer-column ul.link-list {
  line-height: 30px;
  font-size: 1rem;
}
footer.footer-light .footer-column ul.link-list a {
  color: #98a9c3;
  font-weight: 400;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
footer.footer-light .footer-column ul.link-list:hover {
  color: var(--primary-color);
}
footer.footer-light .footer-column .level-item .icon {
  color: #999;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
footer.footer-light .footer-column .level-item .icon i {
  font-size: 20px;
}
footer.footer-light .footer-column .level-item .icon:hover {
  color: #0084c4;
}
footer.footer-light .footer-column .copyright {
  padding: 10px 0;
}
@media (max-width: 768px) {
  .footer-columns.is-flex-mobile {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
}
footer.footer-light-left {
  padding: 5rem 1.5rem !important;
}
footer.footer-light-left .footer-nav-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
footer.footer-light-left .footer-nav-right .footer-nav-link {
  margin: 0 10px;
  padding: 20px 0;
  color: #444f60 !important;
  border-bottom: 2px solid transparent;
}
footer.footer-light-left .footer-nav-right .footer-nav-link:hover {
  color: #999 !important;
  border-bottom: 2px solid #999;
}
footer.footer-light-left .footer-nav-right .footer-nav-link.is-active {
  color: var(--primary-color) !important;
  border-bottom: 2px solid var(--primary-color) !important;
}
footer.footer-light-left .level-item .icon {
  color: #cecece;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
footer.footer-light-left .level-item .icon:hover {
  color: var(--primary-color);
}
footer.footer-light-left .moto {
  color: #999;
}
@media (max-width: 768px) {
  .footer-nav-right {
    margin-top: 0 !important;
  }
}
footer.footer-dark-left {
  padding: 5rem 1.5rem !important;
  background: #444f60;
}
footer.footer-dark-left .footer-nav-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
footer.footer-dark-left .footer-nav-right .footer-nav-link {
  margin: 0 10px;
  padding: 20px 0;
  color: #fff !important;
  border-bottom: 2px solid transparent;
}
footer.footer-dark-left .footer-nav-right .footer-nav-link:hover {
  color: #fcfcfc !important;
  border-bottom: 2px solid #fff;
}
footer.footer-dark-left .footer-nav-right .footer-nav-link.is-active {
  color: var(--primary-color) !important;
  border-bottom: 2px solid var(--primary-color) !important;
}
footer.footer-dark-left .level-item .icon {
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
footer.footer-dark-left .level-item .icon:hover {
  color: var(--primary-color);
}
footer.footer-dark-left .moto {
  color: #fff;
}
footer.footer-light-medium {
  padding-bottom: 10rem !important;
  padding-top: 8rem !important;
  background: #fff;
}
footer.footer-light-medium .social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
footer.footer-light-medium .social-links a {
  color: #a9abac;
  margin: 0 5px;
}
footer.footer-light-medium .social-links a:hover {
  color: var(--primary-color);
}
footer.footer-light-medium .footer-description {
  color: #a9abac;
}
footer.footer-light-medium .footer-column {
  padding-top: 20px;
}
footer.footer-light-medium .footer-column .column-header {
  font-family: "Nexa Light", sans-serif;
  text-transform: uppercase;
  color: #444f60;
  font-size: 1rem;
  font-weight: 700;
  margin: 10px 0;
}
footer.footer-light-medium .footer-column .column-item {
  padding-bottom: 10px;
}
footer.footer-light-medium .footer-column .column-item a {
  color: #a9abac;
}
footer.footer-light-medium .footer-column .column-item a:hover {
  color: var(--primary-color);
}
footer.footer-light-medium .moto {
  color: #999;
}
footer.footer-light-medium .small-footer-logo {
  height: 34px;
  margin-top: -15px;
}
.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes translateLeft {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes translateLeft {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.translateLeft {
  -webkit-animation-name: translateLeft;
  animation-name: translateLeft;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes translateDown {
  from {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes translateDown {
  from {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.translateDown {
  -webkit-animation-name: translateDown;
  animation-name: translateDown;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes translateUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes translateUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.translateUp {
  -webkit-animation-name: translateUp;
  animation-name: translateUp;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  opacity: 0;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInLeft {
  from {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  from {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.preFadeInLeft {
  opacity: 0;
}
.fadeInLeft {
  opacity: 0;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  from {
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  from {
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.preFadeInRight {
  opacity: 0;
}
.fadeInRight {
  opacity: 0;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.preFadeInUp {
  opacity: 0;
}
.fadeInUp {
  opacity: 0;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  from {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.preFadeInDown {
  opacity: 0;
}
.fadeInDown {
  opacity: 0;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeOutUp {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 0;
  }
}
@keyframes fadeOutUp {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 0;
  }
}
.preFadeOutUp {
  opacity: 1;
}
.fadeOutUp {
  opacity: 1;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes levitate {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes levitate {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.levitate {
  -webkit-animation-name: levitate;
  animation-name: levitate;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes gelatine {
  from,
  to {
    -webkit-transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
  }
}
@keyframes gelatine {
  from,
  to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}
.gelatine {
  -webkit-animation: gelatine 0.6s;
  animation: gelatine 0.6s;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes unzoom {
  from,
  to {
    -webkit-transform: scale(1, 0);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0);
  }
}
@keyframes unzoom {
  from,
  to {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0);
    transform: scale(1.1, 0);
  }
}
.unzoom {
  -webkit-animation: unzoom 0.7s;
  animation: unzoom 0.7s;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes dotPulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes dotPulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }
}
@-webkit-keyframes entrance {
  from {
    -webkit-transform: scale(0);
  }
  25% {
    -webkit-transform: scale(1.05);
  }
  50% {
    -webkit-transform: scale(0.95);
  }
  75% {
    -webkit-transform: scale(1.05);
  }
  to {
    -webkit-transform: none;
  }
}
@keyframes entrance {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  25% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  75% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.entrance {
  -webkit-animation: entrance 0.8s;
  animation: entrance 0.8s;
}
@-webkit-keyframes scaleIn {
  from {
    -webkit-transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
  }
}
@keyframes scaleIn {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.scaleIn {
  -webkit-animation: scaleIn 0.5s;
  animation: scaleIn 0.5s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@-webkit-keyframes scaleInCircle {
  from {
    -webkit-transform: scale(0);
  }
  to {
    -webkit-transform: scale(7);
  }
}
@keyframes scaleInCircle {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    -webkit-transform: scale(7);
    transform: scale(7);
  }
}
.scaleInCircle {
  -webkit-animation: scaleInCircle 0.6s;
  animation: scaleInCircle 0.6s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@-webkit-keyframes scaleOut {
  from {
    -webkit-transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
  }
}
@keyframes scaleOut {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
.scaleOut {
  -webkit-animation: scaleOut 0.6s;
  animation: scaleOut 0.6s;
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
.pulsate {
  -webkit-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
}
.delay-1 {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.delay-2 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.delay-3 {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.delay-4 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.delay-5 {
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}
.delay-6 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.delay-7 {
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s;
}
.delay-8 {
  -webkit-animation-delay: 2.25s;
  animation-delay: 2.25s;
}
.delay-9 {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
.delay-10 {
  -webkit-animation-delay: 2.75s;
  animation-delay: 2.75s;
}
.delay-11 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.side-navigation-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background: #344258;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 300px;
  overflow: hidden;
  -webkit-transform: translateX(-301px);
  transform: translateX(-301px);
  -webkit-transition: width 0.05s linear;
  transition: width 0.05s linear;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  z-index: 1000;
}
.side-navigation-menu.is-active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.side-navigation-menu .category-menu-wrapper {
  height: 100%;
  position: relative;
  width: 80px;
  background: var(--primary-color);
}
.side-navigation-menu .category-menu-wrapper ul.categories li {
  height: 60px;
}
.side-navigation-menu .category-menu-wrapper ul.categories li.square-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.side-navigation-menu .category-menu-wrapper ul.categories li.square-logo img {
  max-height: 28px;
}
.side-navigation-menu .category-menu-wrapper ul.categories li.category-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.side-navigation-menu .category-menu-wrapper ul.categories li.category-link i {
  font-size: 20px;
  color: #fff;
}
.side-navigation-menu
  .category-menu-wrapper
  ul.categories
  li.category-link:hover {
  background: #06abfc;
}
.side-navigation-menu .category-menu-wrapper ul.categories li.is-active {
  background: #1fb4fc;
}
.side-navigation-menu .category-menu-wrapper .author {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.side-navigation-menu .category-menu-wrapper .author li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
.side-navigation-menu .category-menu-wrapper .author a {
  position: relative;
  z-index: 4;
}
.side-navigation-menu .category-menu-wrapper .author .main-menu-author {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  margin: 0 auto;
  margin-bottom: 10px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.side-navigation-menu .category-menu-wrapper .author .main-menu-author:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.side-navigation-menu .navigation-menu-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
}
.side-navigation-menu .navigation-menu-wrapper ul.navigation-menu {
  height: calc(100% - 60px);
  margin: 0;
  padding: 0;
  max-width: 400px;
  list-style: none;
  list-style-type: none;
  overflow: auto;
}
.side-navigation-menu
  .navigation-menu-wrapper
  ul.navigation-menu::-webkit-scrollbar {
  width: 10px;
}
.side-navigation-menu
  .navigation-menu-wrapper
  ul.navigation-menu::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.1);
}
.side-navigation-menu .navigation-menu-wrapper .navigation-menu-header {
  height: 60px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 25px;
  text-transform: uppercase;
  font-weight: 300;
  color: #fcfcfc;
  letter-spacing: 3px;
  font-size: 92%;
}
.side-navigation-menu
  .navigation-menu-wrapper
  .navigation-menu-header
  .menu-toggle
  .icon-box-toggle
  span
  i {
  background: #fff;
}
.side-navigation-menu
  .navigation-menu-wrapper
  .navigation-menu-header
  .navigation-close {
  opacity: 0;
}
.side-navigation-menu .navigation-menu-wrapper .navigation-menu li a span {
  margin-right: 20px;
  color: #fff;
  font-size: 22px;
}
.side-navigation-menu .navigation-menu-wrapper .navigation-menu li a {
  padding: 18px 25px;
  display: block;
  text-decoration: none;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.side-navigation-menu
  .navigation-menu-wrapper
  .navigation-menu
  li
  a.is-submenu {
  padding: 12px 25px;
}
.side-navigation-menu
  .navigation-menu-wrapper
  .navigation-menu
  li
  a.parent-link {
  height: 60px !important;
  position: relative;
}
.side-navigation-menu
  .navigation-menu-wrapper
  .navigation-menu
  li
  a.parent-link.has-new:before {
  content: "";
  position: absolute;
  top: 18px;
  left: 22px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary-color);
  -webkit-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
}
.side-navigation-menu .navigation-menu-wrapper .navigation-menu li a:hover {
  background: #3d4e68;
}
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children.active-section
  a.parent-link {
  color: #12b1ff !important;
}
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children.active-section
  a.parent-link
  span,
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children.active-section
  a.parent-link
  span:after {
  color: #12b1ff !important;
}
.side-navigation-menu .navigation-menu-wrapper li.has-children ul {
  padding: 0px;
}
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children
  ul
  li
  a.is-submenu {
  background-color: #2b3648;
  padding-left: 62px !important;
  font-size: 95%;
}
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children
  ul
  li
  a.is-submenu:hover,
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children
  ul
  li
  a.is-submenu.is-active {
  color: #0084c4;
}
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children
  ul
  li
  a.is-submenu.has-new-feature {
  position: relative;
}
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children
  ul
  li
  a.is-submenu.has-new-feature:after {
  content: "2.0";
  position: absolute;
  color: #fff;
  background: #0084c4;
  padding: 0;
  font-size: 10px;
  font-weight: 700;
  border-radius: 3px;
  padding: 3px 6px;
  right: 20px;
}
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children
  ul
  li
  a.is-submenu.has-new-feature.is-2_2:after {
  content: "2.2";
  background: #eda514;
}
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children
  ul
  li
  a.is-submenu.has-new-feature.is-2_3:after {
  content: "2.3";
  background: #eda514;
}
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children
  ul
  li
  a.is-submenu.has-new-feature.is-2_4:after {
  content: "2.4";
  background: #ff7273;
}
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children
  ul
  li
  a.is-submenu.has-new-feature.is-2_5:after {
  content: "3.0";
  background: var(--primary-color);
}
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children
  ul
  li
  a.is-submenu.has-new-update {
  position: relative;
}
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children
  ul
  li
  a.is-submenu.has-new-update:after {
  content: "2.1";
  position: absolute;
  color: #fff;
  background: var(--primary-color);
  padding: 0;
  font-size: 10px;
  font-weight: 700;
  border-radius: 3px;
  padding: 3px 6px;
  right: 20px;
}
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children
  ul
  li
  a.is-submenu.has-new-update.is-2_2:after {
  content: "2.2";
  background: #eda514;
}
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children
  ul
  li
  a.is-submenu.has-new-update.is-2_3:after {
  content: "2.3";
  background: #eda514;
}
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children
  ul
  li
  a.is-submenu.has-new-update.is-2_4:after {
  content: "2.4";
  background: #ff7273;
}
.side-navigation-menu
  .navigation-menu-wrapper
  li.has-children
  ul
  li
  a.is-submenu.has-new-update.is-2_5:after {
  content: "3.0";
  background: var(--primary-color);
}
.side-navigation-menu .navigation-menu-wrapper li.has-children ul li a:hover {
  color: #fff;
  padding-left: 42px;
}
.side-navigation-menu .navigation-menu-wrapper li.has-children,
.side-navigation-menu .navigation-menu-wrapper li {
  position: relative;
}
.side-navigation-menu .navigation-menu-wrapper .has-children span::after {
  position: absolute;
  right: 30px;
  content: "\E315";
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 90%;
  padding-top: 2px;
}
.side-navigation-menu
  .navigation-menu-wrapper
  li.active.has-children
  span::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.side-navigation-menu .navigation-menu-wrapper li.active.has-children {
  background: #3d4e68;
}
.side-navigation-menu
  .navigation-menu-wrapper
  .navigation-menu
  .has-children
  > ul {
  display: none;
}
.pageloader {
  background-image: url('../img/logos/supercallslogo.png');
  background-position: center center;
  background-size: 100px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  z-index: 999998;
  transition: -webkit-transform 0.35s ease-out;
  -webkit-transition: -webkit-transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
  transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  will-change: transform;
  /* display: none; */
}
.pageloader.is-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.infraloader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.infraloader.is-active {
  opacity: 1;
  z-index: 999997;
}
.button {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.button.button-signup {
  padding: 22px 40px !important;
}
.button.button-signup.btn-outlined.is-bold {
  border-width: 2px;
  font-weight: 600;
}
.button.button-cta {
    
  padding: 18px 22px !important;
}
.button.button-cta.btn-outlined.is-bold {
  border-width: 2px;
  font-weight: 600;
}
.button.no-lh {
  line-height: 0 !important;
}
.button.button-action {
  padding: 25px 40px !important;
}
.button.btn-align {
  padding: 3px 13px 6px 13px;
}
.button.btn-align-md {
  padding: 5px 15px 18px 15px;
}
.button.btn-align-lg {
  padding: 6px 15px 18px 15px;
}
.button.btn-upper {
  text-transform: uppercase;
}
.button.rounded {
  border-radius: 500px;
}
.button.raised:hover {
  -webkit-box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
  opacity: 0.8;
}
.button.is-raised {
  -webkit-box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
}
.button.btn-fade:hover {
  opacity: 0.6;
}
.button.btn-outlined {
  background: transparent;
}
.button.btn-outlined.light-btn {
  border-color: #fff;
  color: #fff;
  border-radius: 100px;
}
.button.btn-outlined.light-btn:hover {
  background-color: #fff;
  color: #444f60;
}
.button.btn-outlined.is-bold {
  border-width: 2px;
  font-weight: 600;
}
.button.btn-padding {
  padding: 6px 13px 16px 13px !important;
}
.button.default-btn {
  color: #cecece !important;
}
.button.is-link {
  text-decoration: none !important;
}
.button.has-icon-right i {
  padding-left: 8px;
}
.button:focus {
  border-color: #ccc;
}
.button i {
  position: relative;
  top: 1px;
  padding-right: 8px;
}
.button.has-icon i {
  position: relative;
  margin-right: 5px;
  font-size: 1.7rem;
}
.button.is-fullwidth {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}
.button.btn-square {
  width: 45px;
  height: 45px;
  text-align: center !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.button.btn-square.is-small {
  width: 36px;
  height: 36px;
}
.button.btn-square.is-medium {
  width: 55px;
  height: 55px;
}
.button.btn-square.is-large {
  width: 64px;
  height: 64px;
}
.button.btn-square i {
  font-size: 21px;
  padding: 0 !important;
}
.button.btn-square.is-small i {
  font-size: 18px;
}
.button.btn-square.is-medium i {
  font-size: 28px;
}
.button.btn-square.is-large i {
  font-size: 32px;
}
.button.is-link {
  background: transparent !important;
}
.button.is-link.btn-more {
  text-decoration: none !important;
}
.button.is-link.color-primary i {
  font-size: 9px;
  margin-left: 10px;
  position: relative;
  top: 2px;
  color: var(--primary-color) !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.button.is-link:hover {
  background: #f5f5f5 !important;
}
.button.is-link:hover i {
  -webkit-transform: translate(10px, 0);
  transform: translate(10px, 0);
}
.button.primary-btn {
  outline: none;
  border-color: var(--primary-color);
  background-color: var(--primary-color) !important;
  color: #fff !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 100px;
}
.button.primary-btn:hover {
  color: #fff;
}
.button.primary-btn.raised:hover {
  -webkit-box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important;
  box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important;
  opacity: 0.9 0.5;
}
.button.primary-btn.btn-outlined {
  border-color: var(--primary-color);
  color: var(--primary-color);
  background-color: transparent;
}
.button.primary-btn.btn-outlined:hover {
  color: #fff;
  background-color: var(--primary-color);
}
.button.primary-btn:focus {
  border-color: var(--primary-color);
}
.button.secondary-btn {
  outline: none;
  border-color: #0084c4;
  background-color: #0084c4;
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.button.secondary-btn:hover {
  color: #fff;
}
.button.secondary-btn.raised:hover {
  -webkit-box-shadow: 0 14px 26px -12px rgba(0, 132, 196, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 132, 196, 0.2) !important;
  box-shadow: 0 14px 26px -12px rgba(0, 132, 196, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 132, 196, 0.2) !important;
  opacity: 0.95;
}
.button.secondary-btn.btn-outlined {
  border-color: #0084c4;
  color: #0084c4;
  background-color: transparent;
}
.button.secondary-btn.btn-outlined:hover {
  color: #fff;
  background-color: #0084c4;
}
.button.secondary-btn:focus {
  border-color: #0084c4;
}
.button.accent-btn {
  outline: none;
  border-color: #00d1b2;
  background-color: #00d1b2;
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.button.accent-btn:hover {
  color: #fff;
}
.button.accent-btn.raised:hover {
  -webkit-box-shadow: 0 14px 26px -12px rgba(0, 209, 178, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 209, 178, 0.2) !important;
  box-shadow: 0 14px 26px -12px rgba(0, 209, 178, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 209, 178, 0.2) !important;
  opacity: 0.8;
}
.button.accent-btn.btn-outlined {
  border-color: #00d1b2;
  color: #00d1b2;
  background-color: transparent;
}
.button.accent-btn.btn-outlined:hover {
  color: #fff;
  background-color: #00d1b2;
}
.button.accent-btn:focus {
  border-color: #00d1b2;
}
.button.success-btn {
  outline: none;
  border-color: #00b289;
  background-color: #00b289;
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.button.success-btn:hover {
  color: #fff;
}
.button.success-btn.raised:hover {
  -webkit-box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important;
  box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important;
  opacity: 0.8;
}
.button.success-btn.btn-outlined {
  border-color: #00b289;
  color: #00b289;
  background-color: transparent;
}
.button.success-btn.btn-outlined:hover {
  color: #fff;
  background-color: #00b289;
}
.button.success-btn:focus {
  border-color: #00b289;
}
.button.warning-btn {
  outline: none;
  border-color: #eda514;
  background-color: #eda514;
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.button.warning-btn:hover {
  color: #fff;
}
.button.warning-btn.raised:hover {
  -webkit-box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important;
  box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important;
  opacity: 0.8;
}
.button.warning-btn.btn-outlined {
  border-color: #eda514;
  color: #eda514;
  background-color: transparent;
}
.button.warning-btn.btn-outlined:hover {
  color: #fff;
  background-color: #eda514;
}
.button.warning-btn:focus {
  border-color: #eda514;
}
.button.danger-btn {
  outline: none;
  border-color: #ff7273;
  background-color: #ff7273;
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.button.danger-btn:hover {
  color: #fff;
}
.button.danger-btn.raised:hover {
  -webkit-box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important;
  box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important;
  opacity: 0.8;
}
.button.danger-btn.btn-outlined {
  border-color: #ff7273;
  color: #ff7273;
  background-color: transparent;
}
.button.danger-btn.btn-outlined:hover {
  color: #fff;
  background-color: #ff7273;
}
.button.danger-btn:focus {
  border-color: #ff7273;
}
.button.info-btn {
  outline: none;
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.button.info-btn:hover {
  color: #fff;
}
.button.info-btn.raised:hover {
  -webkit-box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important;
  box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important;
  opacity: 0.8;
}
.button.info-btn.btn-outlined {
  border-color: var(--primary-color);
  color: var(--primary-color);
  background-color: transparent;
}
.button.info-btn.btn-outlined:hover {
  color: #fff;
  background-color: var(--primary-color);
}
.button.info-btn:focus {
  border-color: var(--primary-color);
}
.button.social-btn {
  color: #fff;
}
.button.social-btn.facebook {
  background-color: #3b5998;
}
.button.social-btn.twitter {
  background-color: #1dcaff;
}
.button.social-btn.linkedin {
  background-color: #007bb6;
}
.button.social-btn.tumblr {
  background-color: #35465c;
}
.button.social-btn.github {
  background-color: #444;
}
.ripple {
  overflow: hidden;
}
.ripple-effect {
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: white;
  -webkit-animation: ripple-animation 2s;
  animation: ripple-animation 2s;
}
@-webkit-keyframes ripple-animation {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.4;
  }
  to {
    -webkit-transform: scale(100);
    transform: scale(100);
    opacity: 0;
  }
}
@keyframes ripple-animation {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.4;
  }
  to {
    -webkit-transform: scale(100);
    transform: scale(100);
    opacity: 0;
  }
}
.feature-card {
  width: 300px;
  height: 320px;
  background-color: #fff;
  border-radius: 3px;
  margin: 0 auto;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.feature-card.card-md {
  height: 350px;
}
.feature-card.card-lg {
  height: 400px;
}
.feature-card.card-shadow {
  -webkit-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important;
  box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important;
}
.feature-card.hover-inset:hover {
  -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px,
    rgba(213, 220, 247, 0.59) 0 10px 20px;
  box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px,
    rgba(213, 220, 247, 0.59) 0 10px 20px;
  cursor: pointer;
}
.feature-card.light-bordered {
  border: 1px solid #e5e5e5 !important;
}
.feature-card .card-title h4 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #444f60;
}
.feature-card .card-icon img {
  height: 140px;
  margin-top: 20px;
}
.feature-card .card-img img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.feature-card .card-action {
  margin-top: 40px;
}
.feature-card .card-feature-description {
  padding: 5px 30px !important;
}
.feature-card .card-feature-description span {
  color: #878787;
  margin-top: 20px;
}
.feature-card .card-img-description {
  padding-bottom: 10px;
}
.feature-card .card-img-description span {
  color: #878787;
  margin-top: 20px;
}
.feature-card .bookmark i {
  font-size: 1.4rem;
  color: #a9abac;
  position: relative;
  top: 3px;
  margin-right: 10px;
}
.feature-card .bookmark i:hover {
  color: #0084c4;
}
.flex-card {
  position: relative;
  background-color: #fff;
  border: 1px solid #fcfcfc;
  border-radius: 0.1875rem;
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.flex-card .flex-card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  border-bottom: 1px solid #ededed;
  padding: 10px 15px;
}
.flex-card .flex-card-header .header-avatar {
  max-height: 45px;
}
.flex-card .flex-card-header .header-avatar img {
  height: 45px;
  border-radius: 100px;
}
.flex-card .flex-card-header .header-info {
  margin: 0 10px;
}
.flex-card .flex-card-header .header-info .header-title {
  font-size: 1.2rem;
}
.flex-card .flex-card-header .header-info .header-subtitle {
  font-size: 0.9rem;
  color: #a9abac;
}
.flex-card .flex-card-header .header-control {
  margin-right: 10px;
}
.flex-card .flex-card-header .header-control i {
  font-size: 0.8rem;
  color: #a9abac;
}
.flex-card .flex-card-header .header-control:hover i {
  color: var(--primary-color);
}
.flex-card .flex-card-header.primary {
  background: var(--primary-color);
}
.flex-card .flex-card-header.primary .header-info div,
.flex-card .flex-card-header.primary .header-control i {
  color: #fff !important;
}
.flex-card .flex-card-header.secondary {
  background: #0084c4;
}
.flex-card .flex-card-header.secondary .header-info div,
.flex-card .flex-card-header.secondary .header-control i {
  color: #fff !important;
}
.flex-card .flex-card-header.accent {
  background: #00d1b2;
}
.flex-card .flex-card-header.accent .header-info div,
.flex-card .flex-card-header.accent .header-control i {
  color: #fff !important;
}
.flex-card .card-body {
  padding: 30px 30px;
}
.flex-card .card-body.is-small {
  padding: 20px 20px;
}
.flex-card .card-body.is-large {
  padding: 40px 40px;
}
.flex-card h3.card-title {
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 22px;
  line-height: 30px;
  text-decoration: none;
}
.flex-card .card-description {
  line-height: 24px;
  cursor: default;
  color: #777;
  font-size: 16px;
}
.flex-card.primary-card {
  background: var(--primary-color);
}
.flex-card.primary-card .content,
.flex-card.primary-card .content h2 {
  color: #fff !important;
}
.flex-card.secondary-card {
  background: #0084c4;
}
.flex-card.secondary-card .content,
.flex-card.secondary-card .content h2 {
  color: #fff !important;
}
.flex-card.accent-card {
  background: #00d1b2;
}
.flex-card.accent-card .content,
.flex-card.accent-card .content h2 {
  color: #fff !important;
}
.flex-card.card-overflow {
  overflow: visible !important;
}
.flex-card.light-bordered {
  border: 1px solid #e5e5e5 !important;
}
.flex-card.simple-shadow {
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.flex-card.light-raised {
  -webkit-box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04);
  box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04);
}
.flex-card.raised {
  -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
}
.flex-card.hover-raised:hover {
  -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.flex-card.hover-inset:hover {
  -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px,
    rgba(213, 220, 247, 0.59) 0 10px 20px;
  box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px,
    rgba(213, 220, 247, 0.59) 0 10px 20px;
  cursor: pointer;
}
.flex-card .tabs {
  padding: 15px 0.7rem;
}
.flex-card .navtab-content {
  min-height: 190px;
}
.flex-card .navtab-content p {
  padding: 0 0.8rem 20px;
}
.flex-card.icon-card {
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: inherit;
  transition: inherit;
  margin-bottom: 0;
}
.flex-card.icon-card img {
  max-height: 80px;
}
.flex-card.icon-card .icon-card-text {
  font-size: 1.1rem;
  color: #a9abac;
}
.flex-card.icon-card-hover {
  height: 170px;
  padding: 20px 20px 10px 130px;
  border-radius: 8px;
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.04);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.04);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  text-align: left;
  background-color: #fff;
}
.flex-card.icon-card-hover:hover {
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: translate(0, -10px);
  transform: translate(0, -10px);
}
.flex-card.icon-card-hover.first-card {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(255, 255, 255, 0.65)),
      to(rgba(255, 255, 255, 0.65))
    ),
    url(../img/illustrations/icons/landing-v1/chrono.svg);
  background-image: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.65),
      rgba(255, 255, 255, 0.65)
    ),
    url(../img/illustrations/icons/landing-v1/chrono.svg);
  background-position: 0 0, -80px 20px;
  background-size: auto, 200px;
  background-repeat: repeat, no-repeat;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
.flex-card.icon-card-hover.first-card:hover {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(transparent),
      to(transparent)
    ),
    url(../img/illustrations/icons/landing-v1/chrono.svg);
  background-image: linear-gradient(180deg, transparent, transparent),
    url(../img/illustrations/icons/landing-v1/chrono.svg);
  background-position: 0 0, -80px -25px;
  background-size: auto, 200px;
  background-repeat: repeat, no-repeat;
}
.flex-card.icon-card-hover.second-card {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(255, 255, 255, 0.65)),
      to(rgba(255, 255, 255, 0.65))
    ),
    url(../img/illustrations/icons/landing-v1/tablet-dots.svg);
  background-image: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.65),
      rgba(255, 255, 255, 0.65)
    ),
    url(../img/illustrations/icons/landing-v1/tablet-dots.svg);
  background-position: 0 0, -80px 20px;
  background-size: auto, 200px;
  background-repeat: repeat, no-repeat;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
.flex-card.icon-card-hover.second-card:hover {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(transparent),
      to(transparent)
    ),
    url(../img/illustrations/icons/landing-v1/tablet-dots.svg);
  background-image: linear-gradient(180deg, transparent, transparent),
    url(../img/illustrations/icons/landing-v1/tablet-dots.svg);
  background-position: 0 0, -80px -25px;
  background-size: auto, 200px;
  background-repeat: repeat, no-repeat;
}
.flex-card.icon-card-hover.third-card {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(255, 255, 255, 0.65)),
      to(rgba(255, 255, 255, 0.65))
    ),
    url(../img/illustrations/icons/landing-v1/cog.svg);
  background-image: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.65),
      rgba(255, 255, 255, 0.65)
    ),
    url(../img/illustrations/icons/landing-v1/cog.svg);
  background-position: 0 0, -80px 20px;
  background-size: auto, 200px;
  background-repeat: repeat, no-repeat;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
.flex-card.icon-card-hover.third-card:hover {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(transparent),
      to(transparent)
    ),
    url(../img/illustrations/icons/landing-v1/cog.svg);
  background-image: linear-gradient(180deg, transparent, transparent),
    url(../img/illustrations/icons/landing-v1/cog.svg);
  background-position: 0 0, -80px -25px;
  background-size: auto, 200px;
  background-repeat: repeat, no-repeat;
}
.flex-card.icon-card-hover.fourth-card {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(255, 255, 255, 0.65)),
      to(rgba(255, 255, 255, 0.65))
    ),
    url(../img/illustrations/icons/landing-v1/plane.svg);
  background-image: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.65),
      rgba(255, 255, 255, 0.65)
    ),
    url(../img/illustrations/icons/landing-v1/plane.svg);
  background-position: 0 0, -80px 20px;
  background-size: auto, 200px;
  background-repeat: repeat, no-repeat;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
.flex-card.icon-card-hover.fourth-card:hover {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(transparent),
      to(transparent)
    ),
    url(../img/illustrations/icons/landing-v1/plane.svg);
  background-image: linear-gradient(180deg, transparent, transparent),
    url(../img/illustrations/icons/landing-v1/plane.svg);
  background-position: 0 0, -80px -25px;
  background-size: auto, 200px;
  background-repeat: repeat, no-repeat;
}
.flex-card.testimonial-card .testimonial-title {
  color: var(--primary-color);
  font-weight: 500;
  padding: 5px 0;
}
.flex-card.testimonial-card .testimonial-text {
  color: #999;
  font-size: 0.9rem;
  font-style: italic;
  padding: 5px 0;
}
.flex-card.testimonial-card .user-id {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 0;
}
.flex-card.testimonial-card .user-id img {
  height: 50px;
  border-radius: 100px;
}
.flex-card.testimonial-card .user-id .info {
  padding: 0 10px;
}
.flex-card.testimonial-card .user-id .info .name {
  font-size: 1.1rem;
  font-weight: 600;
  color: #444f60;
}
.flex-card.testimonial-card .user-id .info .position {
  font-size: 0.9rem;
  color: #cecece;
}
.flex-card .navigation-tabs.outlined-pills .tabs.tabs-header.primary {
  background-color: var(--primary-color);
}
.flex-card .navigation-tabs.outlined-pills .tabs.tabs-header.secondary {
  background-color: #0084c4;
}
.flex-card .navigation-tabs.outlined-pills .tabs.tabs-header.accent {
  background-color: #00d1b2;
}
.flex-card .navigation-tabs.outlined-pills .tabs.tabs-header ul li a {
  color: #f2f2f2;
}
.flex-card .navigation-tabs.outlined-pills .tabs.tabs-header ul li.is-active a {
  color: #fff;
  border: 1px solid #fff;
  border-bottom-color: #fff !important;
}
.flex-card .icon-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-card .icon-group img {
  height: 60px;
}
.flex-card .icon-group span {
  font-size: 20px;
  margin-left: 20px;
  color: #999;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.flex-card .icon-group span:hover {
  -webkit-transform: translate(10px, 0);
  transform: translate(10px, 0);
}
.flex-card.auth-card {
  padding: 0px 40px 20px 40px;
}
.flex-card.auth-card .auth-card-header {
  height: 5rem;
  width: 100%;
  position: relative;
  top: -2.5rem;
  left: auto !important;
  right: auto !important;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-card.auth-card .auth-card-header img {
  max-height: 30px;
}
.flex-card.auth-card .auth-card-header.header-primary {
  background-color: var(--primary-color);
  color: #fff;
  -webkit-box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important;
  box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important;
}
.flex-card.auth-card .auth-card-header.header-secondary {
  background-color: #0084c4;
  color: #fff;
  -webkit-box-shadow: 0 14px 26px -12px rgba(0, 132, 196, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 132, 196, 0.2) !important;
  box-shadow: 0 14px 26px -12px rgba(0, 132, 196, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 132, 196, 0.2) !important;
}
.flex-card.auth-card .auth-card-header.header-accent {
  background-color: #00d1b2;
  color: #fff;
  -webkit-box-shadow: 0 14px 26px -12px rgba(0, 209, 178, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 209, 178, 0.2) !important;
  box-shadow: 0 14px 26px -12px rgba(0, 209, 178, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 209, 178, 0.2) !important;
}
.flex-card .card-content {
  position: relative;
  padding: 1rem !important;
}
.flex-card .card-content .bottom-avatar img {
  height: 50px;
  border-radius: 100px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.floating-circle {
  width: 100px;
  height: 100px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 22px;
  border-radius: 50px;
  background-color: #fff;
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}
.floating-circle img {
  width: 60px;
  position: relative;
  left: 20px;
}
.event-card {
  overflow: hidden;
  width: 100%;
  height: 320px;
  display: inline-block;
  position: relative;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow 300ms ease-in;
  transition: -webkit-box-shadow 300ms ease-in;
  transition: box-shadow 300ms ease-in;
  transition: box-shadow 300ms ease-in, -webkit-box-shadow 300ms ease-in;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: 1px solid #ededed;
}
.event-card:hover {
  -webkit-box-shadow: 1px 1px 8px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 8px 2px rgba(0, 0, 0, 0.1);
}
.event-card .card-date {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #00d1b2;
  z-index: 1;
}
.event-card .card-date .date {
  padding: 0 10px;
}
.event-card .card-date .date .day {
  font-size: 2.7rem;
  color: #fff;
  font-weight: bold;
}
.event-card .card-date .date .month {
  font-weight: 500;
  color: #fff;
}
.img-container {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.img-container img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.card-text {
  bottom: -40%;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  -webkit-transition: all 450ms cubic-bezier(0.6, 0.06, 0.34, 0.61);
  transition: all 450ms cubic-bezier(0.6, 0.06, 0.34, 0.61);
}
@media (max-width: 768px) {
  .card-text {
    bottom: -71%;
  }
}
@media (min-width: 768px) {
  .card-text {
    bottom: -55%;
  }
}
@media (min-width: 1024px) {
  .card-text {
    bottom: -64%;
  }
}
@media (min-width: 1420px) {
  .card-text {
    bottom: -70%;
  }
}
.card-text.is-clicked,
.event-card:hover .card-text {
  bottom: 0%;
}
.card-text .button.is-link i {
  font-size: 10px !important;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
  margin-left: 20px;
  top: 2px;
}
.card-text .text.text-container {
  padding: 20px 30px;
}
.card-text .text.text-container .text-header .text-subtitle {
  color: #00d1b2;
  font-family: "Nexa Light", sans-serif;
}
.card-text .text.text-title {
  font-family: "Nexa Bold", sans-serif;
  font-size: 1.15em;
  margin-bottom: 0.25em;
  font-weight: bold;
  text-transform: uppercase;
}
.card-text .text.text-details:before {
  content: "";
  display: block;
  width: 30%;
  height: 1px;
  background-color: #ddd;
  margin: 30px 0;
}
.card-text .text.text-description {
  line-height: 1.4em;
}
.card-text .text.text-link {
  text-decoration: none;
  margin-top: 1em;
  display: inline-block;
  color: #00d1b2;
}
.card-text .text.text-link:hover {
  color: #38ffe1;
}
.card.card-shadow {
  -webkit-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important;
  box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important;
}
.card .image {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.card img {
  display: block;
}
.card.ressource-card {
  position: relative;
}
.card.ressource-card .ressource-avatar img {
  position: absolute;
  top: 15px;
  right: 15px;
  height: 60px;
  width: 60px;
  border-radius: 1000px;
}
.card.ressource-card .card-image {
  position: relative;
}
.card.ressource-card .card-image figure {
  overflow: hidden;
}
.card.ressource-card .card-image figure.zoomOut img {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.card.ressource-card .card-image figure.zoomIn img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.card.ressource-card .card-image .card-image-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(68, 79, 96, 0.6);
  z-index: 1;
}
.card.ressource-card .card-image .card-image-overlay.primary {
  background: var(--primary-color);
  opacity: 0.6;
}
.card.ressource-card .card-image .card-image-overlay.secondary {
  background: #0084c4;
  opacity: 0.6;
}
.card.ressource-card .card-image .card-image-overlay.accent {
  background: #00d1b2;
  opacity: 0.6;
}
.card.ressource-card .card-content .media-content a {
  font-family: "Nexa Bold", sans-serif;
  font-size: 16px;
  color: #444f60;
}
.card.ressource-card .card-content .media-content a:hover {
  color: var(--primary-color);
}
.card.ressource-card .card-content .media-content p {
  font-family: "Nexa Light";
  font-weight: 700;
  color: #999;
}
.card.ressource-card .avatar-rounded img {
  border-radius: 50px !important;
}
.card.ressource-card:hover .card-image figure.zoomOut img {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 0.8;
}
.card.ressource-card:hover .card-image figure.zoomIn img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0.8;
}
.card.card-floating-wide,
.card.card-floating-boxed {
  margin: 4%;
  border-radius: 6px;
}
.card.card-floating-wide .title,
.card.card-floating-boxed .title {
  margin: 0 !important;
  padding: 10px 0;
}
.card.card-floating-wide .subtitle,
.card.card-floating-boxed .subtitle {
  font-size: 0.9rem;
  color: #a9abac;
  margin: 0 !important;
}
.card.card-floating-wide .card-image figure img {
  display: block;
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  border-radius: 6px;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.card.card-floating-boxed .title {
  margin-top: -10%;
}
.card.card-floating-boxed .card-image figure img {
  display: block;
  -webkit-transform: scale(0.94);
  transform: scale(0.94);
  border-radius: 6px;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-top: -10%;
}
.card.card-floating-boxed .card-content {
  margin-top: -50px;
}
.media-card {
  min-height: 260px;
}
.media-card .media-card-image {
  height: 100% !important;
  min-height: 260px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.media-card .mcard-content {
  padding: 20px;
}
.media-card .mcard-content .mcard-title {
  line-height: 1.2 !important;
  font-size: 20px !important;
  font-weight: 600;
  color: #444f60;
}
.media-card .mcard-content .mcard-title a {
  color: #444f60;
}
.media-card .mcard-content .mcard-description {
  line-height: 1.4 !important;
  max-height: 4.2em !important;
  margin-top: 7px;
  color: #999;
}
.media-card .mcard-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  position: absolute;
  bottom: 0 !important;
  width: 100%;
}
.media-card .mcard-controls .mcard-avatar img {
  height: 40px;
  width: 40px;
  border-radius: 250px;
}
.media-card .mcard-controls .mcard-info {
  margin-left: 15px;
}
.media-card .mcard-controls .mcard-info span {
  font-size: 14px;
  line-height: 1.4;
}
.media-card .mcard-controls .mcard-info div span {
  font-size: 12px;
  line-height: 1.2;
  color: #a9abac;
}
.media-card .mcard-controls .mcard-info div i {
  font-size: 4px;
  position: relative;
  color: #999;
  top: -2px;
  margin: 0 5px;
}
.media-card .mcard-controls .mcard-actions i {
  position: relative;
  top: 5px;
  color: #a9abac;
  cursor: pointer;
}
.media-card .mcard-controls .mcard-actions i:hover {
  color: #00d1b2;
}
.media-card .content-column {
  position: relative;
}
.modal {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0);
  transform: scale(0);
  z-index: 1000;
}
.modal .modal-content {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  z-index: 99 !important;
}
.modal .modal-close {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 100 !important;
}
.modal .modal-close:hover {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.modal a {
  border-radius: 6px;
}
.modal.is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.modal.is-active .modal-background {
  background: linear-gradient(45deg, #6a85b6 0%, #bac8e0 100%);
  background-color: var(--primary-color);
  width: 1000px;
  height: 1000px;
  border-radius: 10000px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0);
  transform: scale(0);
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 98 !important;
  overflow: hidden !important;
}
.modal.is-active .modal-background.scaleInCircle {
  -webkit-transform: scale(7);
  transform: scale(7);
}
.modal.is-active .modal-content.scaleIn {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.modal.is-active .modal-close {
  z-index: 100 !important;
}
.modal.is-active.image-modal .modal-background {
  background: linear-gradient(45deg, #444f60, #444);
  background-color: #444f60;
}
.modal.is-active.image-modal img {
  border-radius: 6px;
}
.modal.is-active.image-modal .gallery-item figure {
  background: none;
}
.modal.is-active .modal-card .modal-card-head,
.modal.is-active .modal-card .modal-card-foot {
  padding: 15px;
}
.modal.is-active .modal-card .modal-card-head {
  background-color: #fff;
}
.modal.is-active .modal-card .modal-card-head p {
  color: #444f60;
}
.modal.is-active .modal-card .modal-card-head .delete {
  background: transparent !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.modal.is-active .modal-card .modal-card-head .delete:before {
  background: #00d1b2;
}
.modal.is-active .modal-card .modal-card-head .delete:after {
  background: #00d1b2;
}
.modal.is-active .modal-card .modal-card-head .delete:hover {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.modal.is-active .modal-card .modal-card-body::-webkit-scrollbar {
  width: 10px;
}
.modal.is-active .modal-card .modal-card-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
}
.modal.is-active .modal-card .modal-card-foot {
  background-color: #fff;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-top: none;
}
.modal.is-active.modal-sm .modal-card-body {
  max-height: 400px;
}
.modal.is-active.modal-hero .modal-background {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0084c4),
    to(#00d1b2)
  );
  background: linear-gradient(to right, #0084c4, #00d1b2);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#0084c4),
    to(#00d1b2)
  );
  background: linear-gradient(to top, #0084c4, #00d1b2);
  background-color: #0084c4;
}
.modal.is-active.modal-success .modal-background {
  background: #00b289;
}
.modal.is-active.modal-error .modal-background {
  background: #ff7273;
}
.modal.is-active.modal-warning .modal-background {
  background: #eda514;
}
.modal.is-active.modal-info .modal-background {
  background: var(--primary-color);
}
.modal.is-active .modal-svg {
  max-width: 110px;
  margin: 0 auto !important;
}
@media screen and (min-width: 769px) {
  .modal.modal-lg .modal-card,
  .modal.modal-lg .modal-content {
    width: 800px !important;
  }
  .modal.modal-sm .modal-card,
  .modal.modal-sm .modal-content {
    width: 400px !important;
  }
}
form {
  width: 100%;
}
.input,
.textarea,
select {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.form-label {
  padding-bottom: 5px;
  color: #999;
}
.input {
  color: #878787;
  height: 36px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-color: #ccc;
}
.input.is-small {
  height: 26px;
}
.input.is-small ~ .icon {
  height: 26px !important;
  width: 26px !important;
}
.input.is-medium {
  height: 44px;
}
.input.is-medium ~ .icon {
  height: 44px !important;
  width: 44px !important;
}
.input.is-large {
  height: 52px;
}
.input.is-large ~ .icon {
  height: 52px !important;
  width: 52px !important;
}
.input.custom-input {
  height: 46px;
  line-height: 46px;
  padding-left: 50px !important;
}
.input.custom-input:focus {
  border-color: #dbdbdb !important;
}
.input.rounded {
  border-radius: 100px;
}
.input.is-primary-focus:focus {
  border-color: var(--primary-color);
}
.input.is-primary-focus:focus ~ .icon i {
  color: var(--primary-color);
}
.input.is-secondary-focus:focus {
  border-color: #0084c4;
}
.input.is-secondary-focus:focus ~ .icon i {
  color: #0084c4;
}
.input.is-accent-focus:focus {
  border-color: #00d1b2;
}
.input.is-accent-focus:focus ~ .icon i {
  color: #00d1b2;
}
.input.is-grey-focus:focus {
  border-color: #a9abac;
}
.input.is-grey-focus:focus ~ .icon i {
  color: #a9abac;
}
.input:focus,
.input:active {
  border-color: #eff4f7;
}
.input:focus.has-shadow,
.input:active.has-shadow {
  -webkit-box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06) !important;
  box-shadow: -1px 3px 15px 0 rgba(0, 0, 0, 0.06) !important;
  border-color: #e8e8e8;
}
.input .icon {
  height: 36px !important;
  width: 36px !important;
}
textarea.textarea {
  color: #878787;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
textarea.textarea:focus {
  border: 1px solid #ededed;
}
textarea.textarea.is-primary-focus:focus {
  border-color: var(--primary-color);
}
textarea.textarea.is-primary-focus:focus ~ span.icon i {
  color: var(--primary-color);
}
textarea.textarea.is-secondary-focus:focus {
  border-color: #0084c4;
}
textarea.textarea.is-secondary-focus:focus ~ span.icon i {
  color: #0084c4;
}
textarea.textarea.is-accent-focus:focus {
  border-color: #00d1b2;
}
textarea.textarea.is-accent-focus:focus ~ span.icon i {
  color: #00d1b2;
}
textarea.textarea.is-grey-focus:focus {
  border-color: #a9abac;
}
textarea.textarea.is-grey-focus:focus ~ span.icon i {
  color: #a9abac;
}
textarea.textarea.is-default-focus:focus {
  border-color: #ccc;
}
textarea.textarea.is-default-focus:focus ~ span.icon i {
  color: #ccc;
}
textarea.textarea.is-grow {
  min-height: 40px !important;
  height: 40px;
  resize: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
}
textarea.textarea.is-grow:focus {
  height: 130px !important;
  border-color: #999;
}
textarea.textarea.is-button {
  min-height: 50px !important;
  height: 50px !important;
  resize: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none !important;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
textarea.textarea.is-button:hover {
  border-color: #ccc;
}
textarea.textarea.is-button:focus {
  height: 130px !important;
  padding-bottom: 40px !important;
  border-color: #ccc;
}
textarea.textarea.is-button + .textarea-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  border: 1px solid #ccc;
  border-top: none !important;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
textarea.textarea.is-button + .textarea-button button {
  margin: 10px 7px 7px 7px;
}
.control.required {
  position: relative;
}
.control.required.has-success .input {
  border-color: #00b289;
}
.control.required.has-success .validation-info.is-success {
  display: block;
}
.control.required.has-success .success {
  opacity: 1;
}
.control.required.has-error .input {
  border-color: #ff7273;
}
.control.required.has-error .validation-info.is-error {
  display: block;
}
.control.required.has-error .error {
  opacity: 1;
}
.control.required.required-small .success,
.control.required.required-small .error {
  height: 26px;
  width: 26px;
}
.control.required.required-small .success i,
.control.required.required-small .error i {
  font-size: 10px;
}
.control.required.required-small .input {
  padding-right: 26px;
}
.control.required.required-medium .success,
.control.required.required-medium .error {
  height: 44px;
  width: 44px;
}
.control.required.required-medium .input {
  padding-right: 44px;
}
.control.required.required-large .success,
.control.required.required-large .error {
  height: 52px;
  width: 52px;
}
.control.required.required-large .input {
  padding-right: 52px;
}
.control.required .success,
.control.required .error {
  position: absolute;
  top: 0;
  right: 0;
  height: 36px;
  width: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.control.required .success i {
  color: #00b289;
}
.control.required .error i {
  color: #ff7273;
}
.control.required .validation-info {
  display: none;
  font-size: 0.8rem;
}
.control.required .validation-info.is-success {
  color: #00b289;
}
.control.required .validation-info.is-error {
  color: #ff7273;
}
.control.required .input {
  padding-right: 36px;
}
.control-material {
  position: relative;
  margin-bottom: 2em;
}
.control-material input,
.control-material textarea {
  border-radius: 0 !important;
}
.control-material.is-primary input.material-input:focus ~ label,
.control-material.is-primary input:valid ~ label,
.control-material.is-primary textarea:focus ~ label {
  color: var(--primary-color);
}
.control-material.is-primary .material-input:focus ~ .caret-icon i {
  color: var(--primary-color);
}
.control-material.is-primary .bar:before,
.control-material.is-primary .bar:after {
  background: var(--primary-color);
}
.control-material.is-primary.has-icon input:focus ~ i {
  color: var(--primary-color) !important;
}
.control-material.is-primary .dropdown-list .option.selected {
  background: var(--primary-color);
  color: #fcfcfc;
}
.control-material.is-secondary input.material-input:focus ~ label,
.control-material.is-secondary input:valid ~ label,
.control-material.is-secondary textarea:focus ~ label {
  color: #0084c4;
}
.control-material.is-secondary .material-input:focus ~ .caret-icon i {
  color: #0084c4;
}
.control-material.is-secondary .bar:before,
.control-material.is-secondary .bar:after {
  background: #0084c4;
}
.control-material.is-secondary.has-icon input:focus ~ i {
  color: #0084c4 !important;
}
.control-material.is-secondary .dropdown-list .option.selected {
  background: #0084c4;
  color: #fcfcfc;
}
.control-material.is-accent input.material-input:focus ~ label,
.control-material.is-accent input:valid ~ label,
.control-material.is-accent textarea:focus ~ label {
  color: #00d1b2;
}
.control-material.is-accent .material-input:focus ~ .caret-icon i {
  color: #00d1b2;
}
.control-material.is-accent .bar:before,
.control-material.is-accent .bar:after {
  background: #00d1b2;
}
.control-material.is-accent.has-icon input:focus ~ i {
  color: #00d1b2 !important;
}
.control-material.is-accent .dropdown-list .option.selected {
  background: #00d1b2;
  color: #fcfcfc;
}
.control-material.is-light input.material-input:focus ~ label,
.control-material.is-light input:valid ~ label,
.control-material.is-light textarea:focus ~ label {
  color: #fff;
}
.control-material.is-light .bar:before,
.control-material.is-light .bar:after {
  background: #fff;
}
.control-material.is-light.has-icon input:focus ~ i {
  color: #fff !important;
}
.control-material .material-input,
.control-material textarea {
  width: 100% !important;
  font-size: 18px;
  padding: 0.625em 0.625em 0.625em 0.3125em;
  display: block;
  width: 18.75em;
  border: none;
  border-bottom: 1px solid #a9abac;
  background-color: transparent !important;
}
.control-material .material-input:focus,
.control-material textarea:focus {
  outline: none;
}
.control-material label {
  font-family: "Arial";
  color: #cecece;
  font-size: 15px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: 1em;
  left: 0.3125em;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.control-material .material-input:focus ~ label,
.control-material input:valid ~ label,
.control-material textarea:focus ~ label {
  top: -8px;
  left: -2px;
  font-size: 12px;
}
.control-material .bar {
  position: relative;
  display: block;
}
.control-material .bar:before,
.control-material .bar:after {
  content: "";
  height: 2px;
  width: 0;
  bottom: 0px;
  position: absolute;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.control-material .bar:before {
  left: 50%;
}
.control-material .bar:after {
  right: 50%;
}
.control-material .material-input:focus ~ .bar:before,
.control-material input.material-input:focus ~ .bar:after,
.control-material textarea:focus ~ .bar:before,
.control-material textarea:focus ~ .bar:after {
  width: 50%;
}
.control-material.has-icon {
  position: relative;
}
.control-material.has-icon input {
  padding-right: 54px;
}
.control-material.has-icon input:focus ~ i,
.control-material.has-icon input:valid ~ i {
  margin-top: 10px;
}
.control-material.has-icon i {
  position: absolute;
  right: 15px;
  top: 12px;
  color: #cecece;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.control-material.required {
  position: relative;
}
.control-material.required input {
  padding-right: 54px;
}
.control-material.required i {
  position: absolute;
  right: 15px;
  top: 12px;
  color: #cecece;
  display: none;
}
.control-material.required .validation-info {
  display: none;
  font-size: 0.8rem;
}
.control-material.required.has-success input {
  border-bottom-color: #00b289 !important;
}
.control-material.required.has-success .bar:after,
.control-material.required.has-success .bar:before {
  background: #00b289 !important;
}
.control-material.required.has-success .success i {
  color: #00b289 !important;
  display: block;
}
.control-material.required.has-success label {
  color: #00b289 !important;
}
.control-material.required.has-success small.validation-info.success {
  color: #00b289;
  display: block;
}
.control-material.required.has-error input {
  border-bottom-color: #ff7273 !important;
}
.control-material.required.has-error .bar:after,
.control-material.required.has-error .bar:before {
  background: #ff7273 !important;
}
.control-material.required.has-error .error i {
  color: #ff7273 !important;
  display: block;
}
.control-material.required.has-error label {
  color: #ff7273 !important;
}
.control-material.required.has-error small.validation-info.error {
  color: #ff7273;
  display: block;
}
.control-material .material-select.is-active .dropdown-list {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  pointer-events: all;
}
.control-material .material-select.has-value .inner-wrap label {
  top: -20px;
  left: -2px;
  font-size: 12px;
}
.control-material .material-select .inner-wrap .caret-icon {
  position: absolute;
  top: 10px;
  right: 0;
  height: 30px;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.control-material .material-select .inner-wrap .caret-icon i {
  color: #999;
}
.control-material .material-select .material-input:focus {
  pointer-events: none !important;
}
.control-material .material-select .material-input:focus ~ .caret-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.control-material .material-select .dropdown-list {
  background: #fff;
  border: 1px solid #ededed;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 15px;
  z-index: 2;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
  pointer-events: none;
}
.control-material .material-select .dropdown-list .option {
  font-size: 12px;
  cursor: pointer;
  padding: 10px;
}
.control-material .material-select .dropdown-list .option:hover:not(.selected) {
  background: #ededed;
}
.control.has-icons-left .select select {
  padding-left: 2.5rem;
}
.control.has-icons-left .select.is-small select {
  padding-left: 1.75rem;
}
.control.has-icons-left .select.is-medium select {
  padding-left: 3rem;
}
.control.has-icons-left .select.is-large + .icon {
  font-size: 1.6rem;
}
.control.has-icons-left .select.is-large select {
  padding-left: 3.3rem;
}
.control .select:after {
  border: 1px solid var(--primary-color);
  border-right: 0;
  border-top: 0;
}
.control .select:hover:after {
  border: 1px solid #0279b3;
  border-right: 0;
  border-top: 0;
}
.control .select select:active,
.control .select select:focus {
  border-color: var(--primary-color);
}
.control .select:not(.is-multiple):not(.is-loading)::after {
  right: 1.525em;
  z-index: 4;
  font-size: 0.8rem;
  border: 1px solid #999;
  border-right: 0;
  border-top: 0;
}
.auto-cpl-control .icon {
  height: 44px !important;
  width: 44px !important;
}
.auto-cpl-control .icon i {
  font-size: 18px;
}
.auto-cpl-control .autocpl {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.auto-cpl-control .easy-autocomplete-container ul li {
  padding: 8px 12px;
}
.auto-cpl-control .easy-autocomplete-container ul li.selected {
  background: #f7f7f7 !important;
}
.auto-cpl-control .easy-autocomplete-container .template-wrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.auto-cpl-control
  .easy-autocomplete-container
  .template-wrapper
  .autocpl-avatar {
  width: 36px !important;
  height: 36px !important;
  border-radius: 100px !important;
}
.auto-cpl-control .easy-autocomplete-container .template-wrapper .entry-text {
  margin-left: 15px;
}
.auto-cpl-control
  .easy-autocomplete-container
  .template-wrapper
  .entry-text
  span {
  font-size: 0.8rem;
  color: #a9abac;
}
.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  background-color: #00d1b2 !important;
}
.file-input-wrapper .control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
.file-input-wrapper .control .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.file-input-wrapper .control .inputfile + label {
  max-width: 80%;
  font-size: 1.05rem;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  border-radius: 5px;
  padding: 0.625rem 1.45rem 0.8rem 1.25rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.file-input-wrapper .control .inputfile + label i {
  margin-right: 10px;
}
.file-input-wrapper .control .simple-file-input + label {
  color: #fff;
  background-color: #00d1b2;
}
.file-input-wrapper .control .simple-file-input:focus + label,
.file-input-wrapper .control .simple-file-input.has-focus + label,
.file-input-wrapper .control .simple-file-input + label:hover {
  background-color: #00ebc8;
  outline: none;
  -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px,
    rgba(213, 220, 247, 0.59) 0 10px 20px;
  box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px,
    rgba(213, 220, 247, 0.59) 0 10px 20px;
}
.field-input-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.field-input-wrapper .field-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fcfcfc;
  border: 1px solid #ededed;
  padding: 16px;
  width: 450px;
  position: relative;
  border-radius: 3px;
}
.field-input-wrapper .field-input > [type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
}
.field-input-wrapper .field-input > .button {
  display: inline-block;
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 2px;
  margin-right: 8px;
  line-height: 1;
}
.field-input-wrapper .field-input > .label {
  color: #444f60;
  font-weight: 400;
  white-space: nowrap;
  opacity: 0.3;
}
.field-input-wrapper .field-input.-chosen > .label {
  opacity: 1;
}
.field.has-addons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.field.has-addons input {
  margin-right: 5px;
}
.field.has-addons .button {
  height: 36px;
}
.label--checkbox {
  position: relative;
  margin: 0.5rem;
  font-family: Arial, sans-serif;
  line-height: 135% !important;
  cursor: pointer;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.label--checkbox span {
  position: relative;
  top: -7px;
  font-size: 14px;
  color: #444f60;
}
.md-checkbox {
  position: relative;
  top: -0.375rem;
  margin: 0 1rem 0 0;
  cursor: pointer;
  -webkit-transform: scale(1.8);
  transform: scale(1.8);
}
.md-checkbox:before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  width: 0.9rem;
  height: 0.9rem;
  border: 1.5px solid #ccc;
}
.md-checkbox:checked:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  height: 0.5rem;
  border-color: var(--primary-color);
  border-top-style: none;
  border-right-style: none;
}
.md-checkbox:after {
  content: "";
  position: absolute;
  top: -0.125rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: #fff;
  cursor: pointer;
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(6.25rem);
    transform: translateY(6.25rem);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(6.25rem);
    transform: translateY(6.25rem);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@media (min-width: 769px) {
  input.md-checkbox:focus {
    border-bottom-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    outline-offset: 0 !important;
    background: #fff !important;
  }
}
.checkbox-wrap,
.radio-wrap {
  position: relative;
  cursor: pointer;
  padding: 1em;
}
.checkbox-wrap::-moz-selection,
.radio-wrap::-moz-selection {
  background: transparent;
}
.checkbox-wrap::selection,
.radio-wrap::selection {
  background: transparent;
}
.checkbox-wrap input.d-checkbox + span,
.radio-wrap input.d-checkbox + span,
.checkbox-wrap input.b-radio + span,
.radio-wrap input.b-radio + span {
  background: #fff;
  content: "";
  display: inline-block;
  margin: 0 0.5em 0 0;
  padding: 0;
  border: 1px solid #999;
  vertical-align: middle;
  width: 2em;
  height: 2em;
}
.checkbox-wrap input.d-checkbox + span::after,
.radio-wrap input.d-checkbox + span::after,
.checkbox-wrap input.b-radio + span::after,
.radio-wrap input.b-radio + span::after {
  content: "";
  display: block;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.checkbox-wrap input.d-checkbox:checked + span::after,
.radio-wrap input.d-checkbox:checked + span::after,
.checkbox-wrap input.b-radio:checked + span::after,
.radio-wrap input.b-radio:checked + span::after {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.checkbox-wrap input.d-checkbox,
.radio-wrap input.d-checkbox,
.checkbox-wrap input.b-radio,
.radio-wrap input.b-radio {
  position: absolute;
  cursor: pointer;
  opacity: 0;
}
.checkbox-wrap input + span {
  border-radius: 2px;
}
.checkbox-wrap input + span::after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+)
    no-repeat center;
  background-size: contain;
  width: 1.9em;
  height: 1.9em;
}
.checkbox-wrap.is-medium input + span {
  width: 1.4em;
  height: 1.4em;
}
.checkbox-wrap.is-medium input + span::after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+)
    no-repeat center;
  background-size: contain;
  width: 1.3em;
  height: 1.3em;
}
.checkbox-wrap.is-small input + span {
  width: 1em;
  height: 1em;
}
.checkbox-wrap.is-small input + span::after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+)
    no-repeat center;
  background-size: contain;
  width: 0.9em;
  height: 0.9em;
}
.radio-wrap input + span {
  border-radius: 1000px;
}
.radio-wrap input + span::after {
  border-radius: 1000px;
  margin: 0.55em;
  width: 0.75em;
  height: 0.75em;
}
.radio-wrap input:checked + span::after {
  background: #444f60;
}
.radio-wrap.is-small span {
  -webkit-transform: scale(0.6) !important;
  transform: scale(0.6) !important;
}
.radio-wrap.is-small span::after {
  margin: 0.54em !important;
}
.radio-wrap.is-medium span {
  -webkit-transform: scale(0.8) !important;
  transform: scale(0.8) !important;
}
.radio-wrap.is-medium span::after {
  margin: 0.58em !important;
}
.radio-wrap.is-primary input:checked + span::after {
  background: var(--primary-color);
}
.radio-wrap.is-secondary input:checked + span::after {
  background: #0084c4;
}
.radio-wrap.is-accent input:checked + span::after {
  background: #00d1b2;
}
.tagsinput {
  border: 1px solid #e5e5e5;
  background: #fff;
  padding: 5px;
  width: 300px;
  height: 100px;
  overflow-y: auto;
}
.tagsinput .tag {
  position: relative;
  border: 1px solid var(--primary-color);
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
  padding: 4px 8px;
  text-decoration: none;
  background: var(--primary-color);
  color: #fff;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 13px;
}
.tagsinput .tag:after {
  position: absolute;
  right: 4px;
  font-family: "Material Icons";
  content: "\E5CD";
  color: #fff;
  opacity: 1;
  z-index: 0;
}
.tagsinput .tag span {
  position: relative;
  top: -2px;
  margin-right: 6px;
}
.tagsinput .tag a {
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  font-size: 11px;
  opacity: 0;
  position: relative;
  z-index: 2;
}
.tagsinput input {
  width: 80px;
  margin: 0 5px 5px 0;
  font-family: helvetica;
  font-size: 13px;
  border: 1px solid transparent;
  padding: 5px;
  background: 0 0;
  color: #000;
  outline: 0;
}
.tagsinput div {
  display: block;
  float: left;
}
.tags_clear {
  clear: both;
  width: 100%;
  height: 0;
}
.not_valid {
  background: #fbd8db !important;
  color: #90111a !important;
}
.bulma-tags .tagsinput {
  width: 100%;
  border: 1px solid #ccc;
  background: #fff;
  padding: 5px;
  overflow-y: auto;
}
.bulma-tags .tagsinput .control {
  margin-right: 0.2rem !important;
}
.bulma-tags .tagsinput .tags {
  outline: none !important;
}
.bulma-tags .tagsinput .tags .tag:first-child {
  padding: 4px 8px 6px;
}
.bulma-tags .tagsinput .tags .tag:first-child.is-active {
  background: var(--primary-color);
}
.bulma-tags .tagsinput .tags .tag:first-child:after {
  display: none !important;
}
.bulma-tags .tagsinput .tags .is-delete {
  margin: 0;
  background: #344258;
}
.wickedpicker {
  height: 150px;
}
.wickedpicker .wickedpicker__controls {
  padding: 12px 0 !important;
}
.wickedpicker .wickedpicker__controls__control-up:before {
  font-family: "material icons";
  content: "\e316";
}
.wickedpicker .wickedpicker__controls__control-down:after {
  font-family: "material icons";
  content: "\e313";
  top: 8px;
  position: relative;
}
.steps-wrapper {
  position: relative;
  min-height: 390px;
  padding: 40px;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 6px;
  -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px,
    rgba(213, 220, 247, 0.59) 0 10px 20px;
  box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px,
    rgba(213, 220, 247, 0.59) 0 10px 20px;
}
.steps-wrapper .steps {
  font-size: 0.9rem;
}
.steps-wrapper .steps .steps-content {
  padding-bottom: 50px;
}
.steps-wrapper .steps .step-item.is-active .step-marker {
  border-color: #0084c4 !important;
  color: #0084c4;
}
.steps-wrapper .steps .step-item.is-active:before {
  background-position: left bottom;
}
.steps-wrapper .steps .step-item.is-completed .step-marker {
  background: #0084c4;
}
.steps-wrapper .steps .step-item.is-completed:before {
  background-position: left bottom;
}
.steps-wrapper .steps .step-item:not(:first-child):before {
  content: " ";
  display: block;
  position: absolute;
}
.steps-wrapper .steps .step-item:before {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(50%, #dbdbdb),
    color-stop(50%, #7f00ff)
  );
  background: linear-gradient(to left, #dbdbdb 50%, #7f00ff 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}
.steps-wrapper .step-title {
  font-size: 0.7rem !important;
  text-transform: uppercase;
}
.steps-wrapper .label {
  text-align: left;
  font-weight: 600 !important;
}
.steps-wrapper .steps-actions {
  position: absolute;
  width: 100%;
  bottom: 40px;
  left: 0;
  padding: 0 40px;
}
.steps-wrapper .steps-actions .steps-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0;
}
.steps-wrapper .steps-actions .steps-action .button {
  margin-left: 8px;
}
.steps-wrapper .confirm-image {
  display: block;
  margin: 10px auto;
  height: 75px;
}
.steps-wrapper.is-squared .step-marker {
  border-radius: 4px !important;
}
@media (max-width: 767px) {
  .steps-wrapper.is-double-column .steps-actions {
    bottom: 20px !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .steps-wrapper.is-double-column .steps-actions {
    bottom: 20px !important;
  }
}
.is-combo {
  margin-bottom: 20px;
}
.is-combo .combo-label {
  font-weight: 500;
  font-size: 0.9rem;
  color: #999;
}
.is-combo .combo-box,
.is-combo .image-combo-box,
.is-combo .stacked-combo-box,
.is-combo .user-combo-box {
  position: relative;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  height: 40px;
  margin-top: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.is-combo .combo-box.has-rounded-images .combo-item img,
.is-combo .combo-box.has-rounded-images .item-icon img,
.is-combo .image-combo-box.has-rounded-images .combo-item img,
.is-combo .image-combo-box.has-rounded-images .item-icon img,
.is-combo .stacked-combo-box.has-rounded-images .combo-item img,
.is-combo .stacked-combo-box.has-rounded-images .item-icon img,
.is-combo .user-combo-box.has-rounded-images .combo-item img,
.is-combo .user-combo-box.has-rounded-images .item-icon img {
  border-radius: 50%;
}
.is-combo .combo-box .box-inner,
.is-combo .image-combo-box .box-inner,
.is-combo .stacked-combo-box .box-inner,
.is-combo .user-combo-box .box-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.is-combo .combo-box .box-inner .combo-item,
.is-combo .image-combo-box .box-inner .combo-item,
.is-combo .stacked-combo-box .box-inner .combo-item,
.is-combo .user-combo-box .box-inner .combo-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  padding-left: 8px;
}
.is-combo .combo-box .box-inner .combo-item i,
.is-combo .image-combo-box .box-inner .combo-item i,
.is-combo .stacked-combo-box .box-inner .combo-item i,
.is-combo .user-combo-box .box-inner .combo-item i {
  color: #0084c4;
  font-size: 20px;
  margin-right: 8px;
}
.is-combo .combo-box .box-inner .combo-item .fa,
.is-combo .image-combo-box .box-inner .combo-item .fa,
.is-combo .stacked-combo-box .box-inner .combo-item .fa,
.is-combo .user-combo-box .box-inner .combo-item .fa {
  position: relative;
  top: 1px;
  font-size: 14px;
}
.is-combo .combo-box .box-inner .combo-item .fa.is-green,
.is-combo .image-combo-box .box-inner .combo-item .fa.is-green,
.is-combo .stacked-combo-box .box-inner .combo-item .fa.is-green,
.is-combo .user-combo-box .box-inner .combo-item .fa.is-green {
  color: #00b289;
}
.is-combo .combo-box .box-inner .combo-item .fa.is-blue,
.is-combo .image-combo-box .box-inner .combo-item .fa.is-blue,
.is-combo .stacked-combo-box .box-inner .combo-item .fa.is-blue,
.is-combo .user-combo-box .box-inner .combo-item .fa.is-blue {
  color: var(--primary-color);
}
.is-combo .combo-box .box-inner .combo-item .fa.is-orange,
.is-combo .image-combo-box .box-inner .combo-item .fa.is-orange,
.is-combo .stacked-combo-box .box-inner .combo-item .fa.is-orange,
.is-combo .user-combo-box .box-inner .combo-item .fa.is-orange {
  color: #eda514;
}
.is-combo .combo-box .box-inner .combo-item .fa.is-red,
.is-combo .image-combo-box .box-inner .combo-item .fa.is-red,
.is-combo .stacked-combo-box .box-inner .combo-item .fa.is-red,
.is-combo .user-combo-box .box-inner .combo-item .fa.is-red {
  color: #ff7273;
}
.is-combo .combo-box .box-inner .combo-item .fa.is-secondary,
.is-combo .image-combo-box .box-inner .combo-item .fa.is-secondary,
.is-combo .stacked-combo-box .box-inner .combo-item .fa.is-secondary,
.is-combo .user-combo-box .box-inner .combo-item .fa.is-secondary {
  color: #0084c4;
}
.is-combo .combo-box .box-inner .combo-item img,
.is-combo .image-combo-box .box-inner .combo-item img,
.is-combo .stacked-combo-box .box-inner .combo-item img,
.is-combo .user-combo-box .box-inner .combo-item img {
  display: block;
  height: 26px;
  width: 26px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: 8px;
}
.is-combo .combo-box .box-inner .combo-item img.is-stacked,
.is-combo .image-combo-box .box-inner .combo-item img.is-stacked,
.is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked,
.is-combo .user-combo-box .box-inner .combo-item img.is-stacked {
  height: 26px;
  width: 26px;
  border: 2px solid #fff;
  margin-right: 0 !important;
}
.is-combo
  .combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(1),
.is-combo
  .image-combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(1),
.is-combo
  .stacked-combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(1),
.is-combo
  .user-combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(1) {
  margin-left: -9px;
}
.is-combo
  .combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(2),
.is-combo
  .image-combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(2),
.is-combo
  .stacked-combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(2),
.is-combo
  .user-combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(2) {
  margin-left: -9px;
}
.is-combo
  .combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(3),
.is-combo
  .image-combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(3),
.is-combo
  .stacked-combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(3),
.is-combo
  .user-combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(3) {
  margin-left: -9px;
}
.is-combo
  .combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(4),
.is-combo
  .image-combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(4),
.is-combo
  .stacked-combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(4),
.is-combo
  .user-combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(4) {
  margin-left: -9px;
}
.is-combo
  .combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(5),
.is-combo
  .image-combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(5),
.is-combo
  .stacked-combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(5),
.is-combo
  .user-combo-box
  .box-inner
  .combo-item
  img.is-stacked:not(:first-child):nth-child(5) {
  margin-left: -9px;
}
.is-combo .combo-box .box-inner .combo-item .avatar-container,
.is-combo .image-combo-box .box-inner .combo-item .avatar-container,
.is-combo .stacked-combo-box .box-inner .combo-item .avatar-container,
.is-combo .user-combo-box .box-inner .combo-item .avatar-container {
  position: relative;
  display: block;
  height: 26px;
  width: 26px;
}
.is-combo .combo-box .box-inner .combo-item .avatar-container .avatar,
.is-combo .image-combo-box .box-inner .combo-item .avatar-container .avatar,
.is-combo .stacked-combo-box .box-inner .combo-item .avatar-container .avatar,
.is-combo .user-combo-box .box-inner .combo-item .avatar-container .avatar {
  display: block;
  height: 26px;
  width: 26px;
  border-radius: 50%;
}
.is-combo .combo-box .box-inner .combo-item .avatar-container .badge,
.is-combo .image-combo-box .box-inner .combo-item .avatar-container .badge,
.is-combo .stacked-combo-box .box-inner .combo-item .avatar-container .badge,
.is-combo .user-combo-box .box-inner .combo-item .avatar-container .badge {
  position: absolute;
  bottom: 0;
  right: -6px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin: 0;
}
.is-combo .combo-box .box-inner .combo-item span,
.is-combo .image-combo-box .box-inner .combo-item span,
.is-combo .stacked-combo-box .box-inner .combo-item span,
.is-combo .user-combo-box .box-inner .combo-item span {
  display: block;
  color: #444f60;
  font-size: 0.9rem;
  font-weight: 500;
  margin-left: 8px;
}
.is-combo .combo-box .box-chevron,
.is-combo .image-combo-box .box-chevron,
.is-combo .stacked-combo-box .box-chevron,
.is-combo .user-combo-box .box-chevron {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  width: 40px;
}
.is-combo .combo-box .box-chevron i,
.is-combo .image-combo-box .box-chevron i,
.is-combo .stacked-combo-box .box-chevron i,
.is-combo .user-combo-box .box-chevron i {
  font-size: 18px;
  stroke: #444f60;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.is-combo .combo-box .box-chevron svg,
.is-combo .image-combo-box .box-chevron svg,
.is-combo .stacked-combo-box .box-chevron svg,
.is-combo .user-combo-box .box-chevron svg {
  height: 18px;
  width: 18px;
  stroke: #444f60;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.is-combo .combo-box .box-dropdown,
.is-combo .image-combo-box .box-dropdown,
.is-combo .stacked-combo-box .box-dropdown,
.is-combo .user-combo-box .box-dropdown {
  position: absolute;
  top: 32px;
  left: 0;
  width: 100%;
  z-index: 50;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.is-combo .combo-box .box-dropdown.is-dropup,
.is-combo .image-combo-box .box-dropdown.is-dropup,
.is-combo .stacked-combo-box .box-dropdown.is-dropup,
.is-combo .user-combo-box .box-dropdown.is-dropup {
  top: -165px;
  height: 148px;
}
.is-combo .combo-box .box-dropdown.is-dropup .dropdown-inner,
.is-combo .image-combo-box .box-dropdown.is-dropup .dropdown-inner,
.is-combo .stacked-combo-box .box-dropdown.is-dropup .dropdown-inner,
.is-combo .user-combo-box .box-dropdown.is-dropup .dropdown-inner {
  overflow-y: auto;
}
.is-combo .combo-box .box-dropdown .dropdown-inner,
.is-combo .image-combo-box .box-dropdown .dropdown-inner,
.is-combo .stacked-combo-box .box-dropdown .dropdown-inner,
.is-combo .user-combo-box .box-dropdown .dropdown-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  margin-top: 10px;
  max-height: 190px;
  overflow-y: auto;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul,
.is-combo .image-combo-box .box-dropdown .dropdown-inner ul,
.is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul,
.is-combo .user-combo-box .box-dropdown .dropdown-inner ul {
  padding: 10px 0;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li,
.is-combo .image-combo-box .box-dropdown .dropdown-inner ul li,
.is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li,
.is-combo .user-combo-box .box-dropdown .dropdown-inner ul li {
  padding: 6px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon,
.is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon,
.is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon,
.is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  width: 30px;
  margin-right: 8px;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon i,
.is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon i,
.is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon i,
.is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon i {
  color: #999;
  font-size: 20px;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa,
.is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa,
.is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa,
.is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa {
  font-size: 14px;
  position: relative;
  top: 1px;
}
.is-combo
  .combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-green,
.is-combo
  .image-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-green,
.is-combo
  .stacked-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-green,
.is-combo
  .user-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-green {
  color: #00b289;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue,
.is-combo
  .image-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-blue,
.is-combo
  .stacked-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-blue,
.is-combo
  .user-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-blue {
  color: var(--primary-color);
}
.is-combo
  .combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-orange,
.is-combo
  .image-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-orange,
.is-combo
  .stacked-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-orange,
.is-combo
  .user-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-orange {
  color: #eda514;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red,
.is-combo
  .image-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-red,
.is-combo
  .stacked-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-red,
.is-combo
  .user-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-red {
  color: #ff7273;
}
.is-combo
  .combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-secondary,
.is-combo
  .image-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-secondary,
.is-combo
  .stacked-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-secondary,
.is-combo
  .user-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .fa.is-secondary {
  color: #0084c4;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon img,
.is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon img,
.is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon img,
.is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon img {
  display: block;
  height: 22px;
  width: 22px;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.is-combo
  .combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  img.faded-img,
.is-combo
  .image-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  img.faded-img,
.is-combo
  .stacked-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  img.faded-img,
.is-combo
  .user-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  img.faded-img {
  opacity: 0.4;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar,
.is-combo
  .image-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .avatar,
.is-combo
  .stacked-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .avatar,
.is-combo
  .user-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .avatar {
  display: block;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge,
.is-combo
  .image-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .badge,
.is-combo
  .stacked-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .badge,
.is-combo
  .user-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-icon
  .badge {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #fff;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark,
.is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark,
.is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark,
.is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 16px;
  width: 16px;
  margin-right: 8px;
  margin-left: auto;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark svg,
.is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg,
.is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg,
.is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg {
  stroke: #0084c4;
  stroke-width: 3px;
  height: 16px;
  width: 16px;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark i,
.is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark i,
.is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark i,
.is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark i {
  font-size: 16px;
  color: #0084c4;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li span,
.is-combo .image-combo-box .box-dropdown .dropdown-inner ul li span,
.is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li span,
.is-combo .user-combo-box .box-dropdown .dropdown-inner ul li span {
  display: block;
  color: #999;
  font-size: 0.9rem;
  font-weight: 500;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li:hover,
.is-combo .image-combo-box .box-dropdown .dropdown-inner ul li:hover,
.is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li:hover,
.is-combo .user-combo-box .box-dropdown .dropdown-inner ul li:hover {
  background: #f2f2f2;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i,
.is-combo
  .image-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li.is-active
  .item-icon
  i,
.is-combo
  .stacked-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li.is-active
  .item-icon
  i,
.is-combo
  .user-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li.is-active
  .item-icon
  i {
  color: #0084c4;
}
.is-combo
  .combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li.is-active
  .item-icon
  .faded-img,
.is-combo
  .image-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li.is-active
  .item-icon
  .faded-img,
.is-combo
  .stacked-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li.is-active
  .item-icon
  .faded-img,
.is-combo
  .user-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li.is-active
  .item-icon
  .faded-img {
  opacity: 1;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active span,
.is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active span,
.is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active span,
.is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active span {
  color: #444f60;
}
.is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark,
.is-combo
  .image-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li.is-active
  .checkmark,
.is-combo
  .stacked-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li.is-active
  .checkmark,
.is-combo
  .user-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li.is-active
  .checkmark {
  opacity: 1;
}
.is-combo .combo-box.is-active,
.is-combo .image-combo-box.is-active,
.is-combo .stacked-combo-box.is-active,
.is-combo .user-combo-box.is-active {
  border-color: #0084c4;
}
.is-combo .combo-box.is-active .box-chevron svg,
.is-combo .combo-box.is-active .box-chevron i,
.is-combo .image-combo-box.is-active .box-chevron svg,
.is-combo .image-combo-box.is-active .box-chevron i,
.is-combo .stacked-combo-box.is-active .box-chevron svg,
.is-combo .stacked-combo-box.is-active .box-chevron i,
.is-combo .user-combo-box.is-active .box-chevron svg,
.is-combo .user-combo-box.is-active .box-chevron i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.is-combo .combo-box.is-active .box-dropdown,
.is-combo .image-combo-box.is-active .box-dropdown,
.is-combo .stacked-combo-box.is-active .box-dropdown,
.is-combo .user-combo-box.is-active .box-dropdown {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  pointer-events: all;
}
.is-combo .help-text {
  font-size: 0.75rem;
  color: #999;
}
.is-combo .big-combo-box {
  position: relative;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  height: 58px;
  margin-top: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.is-combo .big-combo-box .box-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.is-combo .big-combo-box .box-inner .combo-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 58px;
  padding-left: 8px;
}
.is-combo .big-combo-box .box-inner .combo-item i {
  color: #0084c4;
  font-size: 1.6rem;
}
.is-combo .big-combo-box .box-inner .combo-item .combo-text {
  margin-left: 16px;
}
.is-combo .big-combo-box .box-inner .combo-item .combo-text span {
  display: block;
}
.is-combo .big-combo-box .box-inner .combo-item .combo-text span:first-child {
  color: #444f60;
  font-size: 0.9rem;
  font-weight: 500;
}
.is-combo .big-combo-box .box-inner .combo-item .combo-text span:nth-child(2) {
  color: #999;
  font-size: 0.8rem;
  max-width: 330px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.is-combo .big-combo-box .box-chevron {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 58px;
  width: 58px;
}
.is-combo .big-combo-box .box-chevron svg {
  height: 18px;
  width: 18px;
  stroke: #444f60;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.is-combo .big-combo-box .box-dropdown {
  position: absolute;
  top: 54px;
  left: 0;
  width: 100%;
  z-index: 50;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  margin-top: 10px;
  max-height: 190px;
  overflow-y: auto;
  overflow-x: hidden;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner ul {
  padding: 10px 0;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner ul li {
  padding: 6px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  width: 30px;
  min-height: 30px;
  min-width: 30px;
  margin-right: 16px;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-icon i {
  color: #999;
  font-size: 1.6rem;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span {
  display: block;
}
.is-combo
  .big-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-name
  span:first-child {
  color: #444f60;
  font-size: 0.9rem;
  font-weight: 500;
}
.is-combo
  .big-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li
  .item-name
  span:nth-child(2) {
  color: #999;
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner ul li:hover {
  background: #f2f2f2;
}
.is-combo
  .big-combo-box
  .box-dropdown
  .dropdown-inner
  ul
  li.is-active
  .item-icon
  i {
  color: #0084c4;
}
.is-combo .big-combo-box .box-dropdown .dropdown-inner ul li.is-active span {
  color: #444f60;
}
.is-combo .big-combo-box.is-active {
  border-color: #0084c4;
}
.is-combo .big-combo-box.is-active .box-chevron svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.is-combo .big-combo-box.is-active .box-dropdown {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  pointer-events: all;
}
.b-badge {
  height: 20px;
  min-width: 20px;
  max-width: 100px;
  padding: 3px 6px;
  line-height: 1.2;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 0.8rem;
  color: #fff;
  background: #999;
  text-align: center;
  border-radius: 3px;
}
.b-badge.rounded {
  border-radius: 200px;
}
.b-badge.badge-outlined {
  background: transparent;
  border: 1px solid #999;
  color: #999;
}
.b-badge.is-primary {
  background: var(--primary-color);
}
.b-badge.is-primary.badge-outlined {
  background: transparent;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
.b-badge.is-secondary {
  background: #0084c4;
}
.b-badge.is-secondary.badge-outlined {
  background: transparent;
  border: 1px solid #0084c4;
  color: #0084c4;
}
.b-badge.is-accent {
  background: #00d1b2;
}
.b-badge.is-accent.badge-outlined {
  background: transparent;
  border: 1px solid #00d1b2;
  color: #00d1b2;
}
.b-badge.is-success {
  background: #00b289;
}
.b-badge.is-success.badge-outlined {
  background: transparent;
  border: 1px solid #00b289;
  color: #00b289;
}
.b-badge.is-warning {
  background: #eda514;
}
.b-badge.is-warning.badge-outlined {
  background: transparent;
  border: 1px solid #eda514;
  color: #eda514;
}
.b-badge.is-danger {
  background: #ff7273;
}
.b-badge.is-danger.badge-outlined {
  background: transparent;
  border: 1px solid #ff7273;
  color: #ff7273;
}
.b-badge.is-info {
  background: var(--primary-color);
}
.b-badge.is-info.badge-outlined {
  background: transparent;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
.tag {
  margin-bottom: 5px;
}
.tag.squared {
  border-radius: 2px !important;
}
.tag.is-outlined {
  border: 1px solid #999;
}
.tag.is-primary {
  background: var(--primary-color);
  color: #fff;
}
.tag.is-primary.is-outlined {
  background: transparent;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
.tag.is-secondary {
  background: #0084c4;
  color: #fff;
}
.tag.is-secondary.is-outlined {
  background: transparent;
  border: 1px solid #0084c4;
  color: #0084c4;
}
.tag.is-accent {
  background: #00d1b2;
  color: #fff;
}
.tag.is-accent.is-outlined {
  background: transparent;
  border: 1px solid #00d1b2;
  color: #00d1b2;
}
.tag.is-success {
  background: #00b289;
  color: #fff;
}
.tag.is-success.is-outlined {
  background: transparent;
  border: 1px solid #00b289;
  color: #00b289;
}
.tag.is-warning {
  background: #eda514 !important;
  color: #fff !important;
}
.tag.is-warning.is-outlined {
  background: transparent !important;
  border: 1px solid #eda514 !important;
  color: #eda514 !important;
}
.tag.is-danger {
  background: #ff7273;
  color: #fff;
}
.tag.is-danger.is-outlined {
  background: transparent;
  border: 1px solid #ff7273;
  color: #ff7273;
}
.tag.is-info {
  background: var(--primary-color);
  color: #fff;
}
.tag.is-info.is-outlined {
  background: transparent;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
.tag.is-light {
  background: #fff;
  color: #444f60;
}
.tag.is-light.is-outlined {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.tag span.delete {
  top: 2px;
}
.tags.has-addons span:first-child {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  margin-right: 0;
}
.tags.has-addons span:last-child {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  margin-left: -5px;
}
.tags.has-addons.is-centered {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.control.tag-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tag.is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 2em;
  border-radius: 0 2px 2px 0 !important;
  margin-left: -5px;
}
.tag.is-delete:before {
  height: 1px;
  width: 50%;
}
.tag.is-delete:after {
  height: 50%;
  width: 1px;
}
.tag.is-delete:before,
.tag.is-delete:after {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.is-drop {
  position: relative;
  cursor: pointer;
}
.is-drop i.sl-icon-arrow-down {
  font-size: 8px !important;
  top: 2px !important;
}
.is-drop .drop-caret {
  position: relative;
  top: 5px;
}
.is-drop .dropContain {
  width: 220px;
  position: absolute;
  z-index: 3;
  left: 50%;
  margin-left: -165px;
  top: -500vh;
}
.is-drop .dropContain .dropOut {
  width: 220px;
  background: #fff;
  float: left;
  position: relative;
  margin-top: 15px;
  opacity: 0;
  border: 1px solid #ededed;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04);
  box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.is-drop .dropContain .dropOut .triangle {
  width: 0;
  height: 0;
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  top: -8px;
  left: 50%;
  margin-left: -8px;
}
.is-drop .dropContain .dropOut ul li {
  text-align: left;
  float: left;
  width: 200px;
  padding: 12px 0 10px 15px;
  margin: 3px 10px;
  color: #777;
  border-radius: 4px;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.is-drop .dropContain .dropOut ul li:hover {
  background: #eff4f7;
  cursor: pointer;
}
.is-drop .dropContain .dropOut ul li i.drop-icon {
  position: relative;
  top: 4px;
  margin-right: 15px;
}
.is-drop .dropContain .dropOut ul li i.drop-icon.sl {
  position: relative;
  top: 0;
  margin-right: 15px;
}
.is-drop .dropContain .dropOut ul {
  float: left;
  padding: 10px 0;
  list-style: none;
}
.is-drop .dropContain .dropOut ul.big-icons li {
  padding: 2px 0 10px 15px;
  color: #a9abac;
}
.is-drop .dropContain .dropOut ul.big-icons i.im {
  font-size: 18px;
  color: #a9abac;
  margin-right: 10px;
  position: relative;
  top: 1px;
}
.is-drop .dropContain .dropOut ul li.dropdown-divider {
  padding: 0 !important;
  border-radius: 0 !important;
  height: 5px;
  border-bottom: 1px solid #f2f2f2;
}
.is-drop .dropContain .dropOut ul li.dropdown-divider:hover {
  background-color: #fff;
}
.is-drop .dropContain .dropOut.is-primary ul li:hover {
  background: var(--primary-color);
  color: #fff;
}
.is-drop .dropContain .dropOut.is-secondary ul li:hover {
  background: #0084c4;
  color: #fff;
}
.is-drop .dropContain .dropOut.is-accent ul li:hover {
  background: #00d1b2;
  color: #fff;
}
.is-drop:hover .dropContain {
  top: 30px !important;
}
.is-drop:hover .dropContain .dropOut {
  -webkit-animation: fadeInUp 0.27s ease-out;
  animation: fadeInUp 0.27s ease-out;
  opacity: 1;
}
.is-drop.drop-sm:hover .dropContain {
  top: 15px !important;
}
.is-drop.is-centered .dropContain {
  margin-left: -110px;
}
.is-drop.is-right .dropContain {
  margin-left: -55px;
}
button i.sl-icon-arrow-down {
  font-size: 8px !important;
  top: 2px !important;
  padding-left: 8px !important;
}
.jq-dropdown {
  position: absolute;
  top: 5px;
  z-index: 1039;
  display: none;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 0.27s;
  animation-duration: 0.27s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.jq-dropdown .jq-dropdown-menu,
.jq-dropdown .jq-dropdown-panel {
  min-width: 220px;
  max-width: 360px;
  list-style: none;
  background: white;
  border: solid 1px #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04);
  box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04);
  overflow: visible;
  padding: 4px 0;
  margin: 0;
}
.jq-dropdown .jq-dropdown-panel {
  padding: 20px;
}
.jq-dropdown.jq-dropdown-tip {
  margin-top: 8px;
}
.jq-dropdown.jq-dropdown-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ddd;
  display: inline-block;
}
.jq-dropdown.jq-dropdown-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  display: inline-block;
}
.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:before {
  left: auto;
  right: 9px;
}
.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:after {
  left: auto;
  right: 10px;
}
.jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu,
.jq-dropdown.jq-dropdown-scroll .jq-dropdown-panel {
  max-height: 180px;
  overflow: auto;
}
.jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu::-webkit-scrollbar {
  width: 10px;
}
.jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
}
.jq-dropdown li {
  list-style: none;
  padding: 0 3px;
  text-indent: 0;
  margin: 0;
  line-height: 18px;
}
.jq-dropdown li > a,
.jq-dropdown label {
  display: block;
  color: inherit;
  text-decoration: none;
  line-height: 18px;
  padding: 10px 15px;
  margin: 0;
  white-space: nowrap;
}
.jq-dropdown li > a:hover,
.jq-dropdown label:hover {
  background-color: #eff4f7;
  color: inherit;
  cursor: pointer;
}
.jq-dropdown .jq-dropdown-divider {
  font-size: 1px;
  border-top: solid 1px #e5e5e5;
  padding: 0;
  margin: 5px 0;
}
.jq-dropdown .jq-dropdown-menu li > a:hover,
.jq-dropdown .jq-dropdown .jq-dropdown-menu label:hover {
  background-color: #eff4f7;
  color: inherit;
}
.jq-dropdown.is-primary .jq-dropdown-menu li > a:hover,
.jq-dropdown.is-primary .jq-dropdown .jq-dropdown-menu label:hover {
  background-color: var(--primary-color);
  color: #fff;
}
.jq-dropdown.is-secondary .jq-dropdown-menu li > a:hover,
.jq-dropdown.is-secondary .jq-dropdown .jq-dropdown-menu label:hover {
  background-color: #0084c4;
  color: #fff;
}
.jq-dropdown.is-accent .jq-dropdown-menu li > a:hover,
.jq-dropdown.is-accent .jq-dropdown .jq-dropdown-menu label:hover {
  background-color: #00d1b2;
  color: #fff;
}
.classic-pricing .pricing-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.classic-pricing .pricing-table.is-comparative .pricing-plan {
  margin: 0;
}
.classic-pricing .pricing-table.is-comparative .pricing-plan:not(:last-child) {
  border-right: none;
}
.classic-pricing .pricing-table.is-horizontal .pricing-plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-header {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-price {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-items {
  width: 100%;
  background-color: #fcfcfc;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  -webkit-column-gap: 0.1rem;
  -moz-column-gap: 0.1rem;
  column-gap: 0.1rem;
}
.classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-footer {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
}
.classic-pricing .pricing-table .pricing-plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
  border: 0.1rem solid #ededed;
  border-radius: 3px;
  list-style-type: none;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  margin: 0.5em;
}
.classic-pricing .pricing-table .pricing-plan .plan-header {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0.75em;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
}
.classic-pricing .pricing-table .pricing-plan .plan-item {
  background: #fcfcfc;
  border-bottom: 1px solid #ededed;
  padding: 0.75em;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
  font-size: 0.9em;
  color: #444f60;
}
.classic-pricing .pricing-table .pricing-plan .plan-item:hover {
  background: #eff4f7;
}
.classic-pricing .pricing-table .pricing-plan .plan-price {
  background-color: #fff;
  font-size: 0.8rem;
  font-weight: normal;
  padding: 0.75em;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
}
.classic-pricing .pricing-table .pricing-plan .plan-price .plan-price-amount {
  font-size: 3rem;
  font-weight: bolder;
}
.classic-pricing
  .pricing-table
  .pricing-plan
  .plan-price
  .plan-price-amount
  .plan-price-currency {
  vertical-align: super;
  font-size: 1.1rem !important;
  font-weight: normal !important;
  color: #444f60;
  margin-right: 0.25rem;
}
.classic-pricing .pricing-table .pricing-plan .plan-footer {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 0.75em;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
  margin-top: auto;
}
.classic-pricing .pricing-table .pricing-plan.is-primary .plan-header {
  color: var(--primary-color);
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-primary
  .plan-price
  .plan-price-amount {
  color: var(--primary-color);
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-primary
  .plan-price
  .plan-price-currency {
  color: var(--primary-color);
}
.classic-pricing .pricing-table .pricing-plan.is-primary .plan-footer .button {
  background-color: var(--primary-color);
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-primary
  .plan-footer
  .button:hover,
.classic-pricing
  .pricing-table
  .pricing-plan.is-primary
  .plan-footer
  .button.is-hovered {
  background-color: #0392d8;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-primary
  .plan-footer
  .button:focus,
.classic-pricing
  .pricing-table
  .pricing-plan.is-primary
  .plan-footer
  .button.is-focused {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0.5em rgba(3, 155, 229, 0.25);
  box-shadow: 0 0 0.5em rgba(3, 155, 229, 0.25);
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-primary
  .plan-footer
  .button:active,
.classic-pricing
  .pricing-table
  .pricing-plan.is-primary
  .plan-footer
  .button.is-active {
  background-color: #038acc;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-primary
  .plan-footer
  .button[disabled] {
  background-color: var(--primary-color);
  border-color: transparent;
}
.classic-pricing .pricing-table .pricing-plan.is-secondary .plan-header {
  color: #0084c4;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-secondary
  .plan-price
  .plan-price-amount {
  color: #0084c4;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-secondary
  .plan-price
  .plan-price-currency {
  color: #0084c4;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-secondary
  .plan-footer
  .button {
  background-color: #0084c4;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-secondary
  .plan-footer
  .button:hover,
.classic-pricing
  .pricing-table
  .pricing-plan.is-secondary
  .plan-footer
  .button.is-hovered {
  background-color: #007bb7;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-secondary
  .plan-footer
  .button:focus,
.classic-pricing
  .pricing-table
  .pricing-plan.is-secondary
  .plan-footer
  .button.is-focused {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0.5em rgba(0, 132, 196, 0.25);
  box-shadow: 0 0 0.5em rgba(0, 132, 196, 0.25);
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-secondary
  .plan-footer
  .button:active,
.classic-pricing
  .pricing-table
  .pricing-plan.is-secondary
  .plan-footer
  .button.is-active {
  background-color: #0073ab;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-secondary
  .plan-footer
  .button[disabled] {
  background-color: #0084c4;
  border-color: transparent;
}
.classic-pricing .pricing-table .pricing-plan.is-accent .plan-header {
  color: #00d1b2;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-accent
  .plan-price
  .plan-price-amount {
  color: #00d1b2;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-accent
  .plan-price
  .plan-price-currency {
  color: #00d1b2;
}
.classic-pricing .pricing-table .pricing-plan.is-accent .plan-footer .button {
  background-color: #00d1b2;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-accent
  .plan-footer
  .button:hover,
.classic-pricing
  .pricing-table
  .pricing-plan.is-accent
  .plan-footer
  .button.is-hovered {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-accent
  .plan-footer
  .button:focus,
.classic-pricing
  .pricing-table
  .pricing-plan.is-accent
  .plan-footer
  .button.is-focused {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
  box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-accent
  .plan-footer
  .button:active,
.classic-pricing
  .pricing-table
  .pricing-plan.is-accent
  .plan-footer
  .button.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-accent
  .plan-footer
  .button[disabled] {
  background-color: #00d1b2;
  border-color: transparent;
}
.classic-pricing .pricing-table .pricing-plan.is-success .plan-header {
  color: #00b289;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-success
  .plan-price
  .plan-price-amount {
  color: #00b289;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-success
  .plan-price
  .plan-price-currency {
  color: #00b289;
}
.classic-pricing .pricing-table .pricing-plan.is-success .plan-footer .button {
  background-color: #00b289;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-success
  .plan-footer
  .button:hover,
.classic-pricing
  .pricing-table
  .pricing-plan.is-success
  .plan-footer
  .button.is-hovered {
  background-color: #00a57f;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-success
  .plan-footer
  .button:focus,
.classic-pricing
  .pricing-table
  .pricing-plan.is-success
  .plan-footer
  .button.is-focused {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0.5em rgba(0, 178, 137, 0.25);
  box-shadow: 0 0 0.5em rgba(0, 178, 137, 0.25);
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-success
  .plan-footer
  .button:active,
.classic-pricing
  .pricing-table
  .pricing-plan.is-success
  .plan-footer
  .button.is-active {
  background-color: #009975;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-success
  .plan-footer
  .button[disabled] {
  background-color: #00b289;
  border-color: transparent;
}
.classic-pricing .pricing-table .pricing-plan.is-warning .plan-header {
  color: #eda514;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-warning
  .plan-price
  .plan-price-amount {
  color: #eda514;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-warning
  .plan-price
  .plan-price-currency {
  color: #eda514;
}
.classic-pricing .pricing-table .pricing-plan.is-warning .plan-footer .button {
  background-color: #eda514;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-warning
  .plan-footer
  .button:hover,
.classic-pricing
  .pricing-table
  .pricing-plan.is-warning
  .plan-footer
  .button.is-hovered {
  background-color: #e39d11;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-warning
  .plan-footer
  .button:focus,
.classic-pricing
  .pricing-table
  .pricing-plan.is-warning
  .plan-footer
  .button.is-focused {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0.5em rgba(237, 165, 20, 0.25);
  box-shadow: 0 0 0.5em rgba(237, 165, 20, 0.25);
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-warning
  .plan-footer
  .button:active,
.classic-pricing
  .pricing-table
  .pricing-plan.is-warning
  .plan-footer
  .button.is-active {
  background-color: #d79510;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-warning
  .plan-footer
  .button[disabled] {
  background-color: #eda514;
  border-color: transparent;
}
.classic-pricing .pricing-table .pricing-plan.is-danger .plan-header {
  color: #ff7273;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-danger
  .plan-price
  .plan-price-amount {
  color: #ff7273;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-danger
  .plan-price
  .plan-price-currency {
  color: #ff7273;
}
.classic-pricing .pricing-table .pricing-plan.is-danger .plan-footer .button {
  background-color: #ff7273;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-danger
  .plan-footer
  .button:hover,
.classic-pricing
  .pricing-table
  .pricing-plan.is-danger
  .plan-footer
  .button.is-hovered {
  background-color: #ff6566;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-danger
  .plan-footer
  .button:focus,
.classic-pricing
  .pricing-table
  .pricing-plan.is-danger
  .plan-footer
  .button.is-focused {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0.5em rgba(255, 114, 115, 0.25);
  box-shadow: 0 0 0.5em rgba(255, 114, 115, 0.25);
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-danger
  .plan-footer
  .button:active,
.classic-pricing
  .pricing-table
  .pricing-plan.is-danger
  .plan-footer
  .button.is-active {
  background-color: #ff595a;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-danger
  .plan-footer
  .button[disabled] {
  background-color: #ff7273;
  border-color: transparent;
}
.classic-pricing .pricing-table .pricing-plan.is-info .plan-header {
  color: var(--primary-color);
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-info
  .plan-price
  .plan-price-amount {
  color: var(--primary-color);
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-info
  .plan-price
  .plan-price-currency {
  color: var(--primary-color);
}
.classic-pricing .pricing-table .pricing-plan.is-info .plan-footer .button {
  background-color: var(--primary-color);
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-info
  .plan-footer
  .button:hover,
.classic-pricing
  .pricing-table
  .pricing-plan.is-info
  .plan-footer
  .button.is-hovered {
  background-color: #0392d8;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-info
  .plan-footer
  .button:focus,
.classic-pricing
  .pricing-table
  .pricing-plan.is-info
  .plan-footer
  .button.is-focused {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0.5em rgba(3, 155, 229, 0.25);
  box-shadow: 0 0 0.5em rgba(3, 155, 229, 0.25);
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-info
  .plan-footer
  .button:active,
.classic-pricing
  .pricing-table
  .pricing-plan.is-info
  .plan-footer
  .button.is-active {
  background-color: #038acc;
  border-color: transparent;
  color: #fff;
}
.classic-pricing
  .pricing-table
  .pricing-plan.is-info
  .plan-footer
  .button[disabled] {
  background-color: var(--primary-color);
  border-color: transparent;
}
.classic-pricing .pricing-table .pricing-plan.is-active {
  -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px,
    rgba(213, 220, 247, 0.59) 0 10px 20px;
  box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px,
    rgba(213, 220, 247, 0.59) 0 10px 20px;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .classic-pricing .pricing-table.is-comparative {
    margin: 0.5rem;
  }
  .classic-pricing .pricing-table.is-comparative.is-features {
    display: none;
  }
  .classic-pricing .pricing-table.is-comparative .plan-item::before {
    content: attr("data-feature");
  }
  .classic-pricing .pricing-table.is-horizontal .pricing-plan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-header {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-price {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-items {
    width: 100%;
    background-color: #fcfcfc;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    -webkit-column-gap: 0.1rem;
    -moz-column-gap: 0.1rem;
    column-gap: 0.1rem;
  }
  .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-footer {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .classic-pricing .pricing-table.is-comparative .pricing-plan {
    width: 100% !important;
    margin: 0.5rem;
  }
  .classic-pricing .pricing-table.is-comparative .pricing-plan.is-features {
    display: none;
  }
  .classic-pricing
    .pricing-table.is-comparative
    .pricing-plan
    .plan-item::before {
    content: attr(data-feature);
    display: block;
    font-weight: 600;
    font-size: 0.8rem;
    color: #eff4f7;
  }
  .classic-pricing .pricing-table.is-horizontal .plan-items {
    display: none;
  }
  .classic-pricing .pricing-plan.is-mobile {
    min-width: 100% !important;
    display: block !important;
  }
}
.minimal-pricing {
  border: 2px solid #444f60;
  border-radius: 2px;
}
.minimal-pricing.wide-box {
  max-width: 100%;
  margin: 0 10px 0 10px;
  padding: 20px 0 20px 0;
}
.minimal-pricing.featured {
  border: 2px solid var(--primary-color);
}
.minimal-pricing.featured .plan-name {
  color: var(--primary-color);
}
.minimal-pricing.featured .price .price-number {
  color: var(--primary-color);
}
.minimal-pricing.featured .price .price-currency {
  color: var(--primary-color);
}
.minimal-pricing.bg-secondary {
  background-color: #0084c4;
  border: 2px solid #0084c4;
}
.minimal-pricing.bg-secondary .plan-name {
  color: #fff;
}
.minimal-pricing.bg-secondary .price .price-number {
  color: #fff;
}
.minimal-pricing.bg-secondary .price .price-currency {
  color: #fff;
}
.minimal-pricing.bg-secondary .price .price-period {
  color: #fff;
}
.minimal-pricing.bg-secondary .plan-features {
  color: #fff;
}
.minimal-pricing .plan-name {
  color: #444f60;
  font-size: 1.3rem;
  font-weight: 500;
}
.minimal-pricing .price {
  margin-bottom: 20px;
}
.minimal-pricing .price .price-currency {
  font-weight: bold;
  font-size: 1.2rem;
  margin-right: 15px;
}
.minimal-pricing .price .price-number {
  font-size: 6rem;
  font-weight: bold;
}
.minimal-pricing .plan-features {
  margin-bottom: 30px;
}
.minimal-pricing .plan-features ul li {
  padding: 5px 10px 5px 10px;
}
.minimal-pricing.wide-box {
  background-image: url(https://via.placeholder.com/1280x720);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.plan-controls {
  padding: 10px 0;
}
.plan-controls span {
  margin: 0 5px 0 5px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}
.plan-controls span.is-active {
  border: 1px solid var(--primary-color);
  border-radius: 4px;
  color: var(--primary-color);
}
.period-select {
  padding: 20px 0;
  max-width: 245px;
}
.period-select span {
  padding: 8px 20px;
  font-size: 14px;
  cursor: pointer;
  color: #444f60;
  border: 1px solid #444f60;
}
.period-select span:first-child {
  border-right: 1px solid #444f60;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.period-select span:last-child {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.period-select span.is-active {
  background: #444f60;
  color: #fff;
}
.side-pricing .pricing-card {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  border: 1px solid #ededed;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.side-pricing .pricing-card .popular {
  position: absolute;
  top: 15px;
  right: 25px;
}
.side-pricing .pricing-card .popular i {
  font-size: 26px;
  color: var(--primary-color);
}
.side-pricing .pricing-card .inner {
  padding: 15px;
}
.side-pricing .pricing-card .inner .plan-name {
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: 500;
  color: #999;
}
.side-pricing .pricing-card .inner .plan-price {
  color: #444f60;
  font-weight: bolder;
  font-size: 3.8em;
  line-height: 1.15em;
  position: relative;
}
.side-pricing .pricing-card .inner .plan-price small.currency {
  position: relative;
  top: 38px;
  left: -90px;
  font-size: 26px;
}
.side-pricing .pricing-card .inner .plan-price small:last-child {
  font-size: 12px;
  font-weight: 400;
}
.side-pricing .pricing-card .inner ul {
  list-style: none;
  padding: 0;
  max-width: 240px;
  margin: 10px auto;
}
.side-pricing .pricing-card .inner ul li {
  color: #999;
  text-align: center;
  padding: 12px 0;
  border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.side-pricing .pricing-card .inner ul li b {
  color: #3c4858;
}
.side-pricing .pricing-card .inner a {
  margin: 10px 0;
}
.side-pricing .pricing-card.transparent {
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.side-pricing .pricing-card.card-raised:hover {
  -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px,
    rgba(213, 220, 247, 0.59) 0 10px 20px !important;
  box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px,
    rgba(213, 220, 247, 0.59) 0 10px 20px !important;
}
.fancy-pricing .fancy-pricing-card {
  padding: 20px;
  text-align: center;
  border-radius: 15px 15px 0 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.fancy-pricing .fancy-pricing-card:hover {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}
.fancy-pricing .fancy-pricing-card:hover .plan-icon i {
  -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px,
    rgba(213, 220, 247, 0.59) 0 10px 20px;
  box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px,
    rgba(213, 220, 247, 0.59) 0 10px 20px;
}
.fancy-pricing .fancy-pricing-card .plan-name {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 10px 0;
}
.fancy-pricing .fancy-pricing-card .plan-icon {
  padding: 20px 0;
}
.fancy-pricing .fancy-pricing-card .plan-icon i {
  font-size: 3rem;
  padding: 20px;
  border: 1px solid #ededed;
  color: #fff;
  border-radius: 200px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.fancy-pricing .fancy-pricing-card .plan-price {
  font-size: 3rem;
  padding: 30px 20px;
  color: #444f60;
  font-weight: bolder;
}
.fancy-pricing .fancy-pricing-card .plan-price small:first-child {
  font-size: 1.4rem;
  position: relative;
  top: -20px;
}
.fancy-pricing .fancy-pricing-card .plan-price small:last-child {
  font-size: 1rem;
  font-weight: 400;
}
.fancy-pricing .fancy-pricing-card .plan-features {
  text-align: left;
  padding: 10px 0;
}
.fancy-pricing .fancy-pricing-card .plan-features li {
  margin: 10px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.fancy-pricing .fancy-pricing-card .plan-features li .feature-count.unlimited {
  font-size: 1rem;
  font-weight: 500;
}
.fancy-pricing .fancy-pricing-card .plan-features li .feature-count-text {
  color: #999;
}
.fancy-pricing .fancy-pricing-card.streched {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 40px;
}
.fancy-pricing .fancy-pricing-card.streched .plan-name {
  font-family: "Nexa Bold", sans-serif;
  margin-bottom: 0;
  margin-right: 25px;
}
.fancy-pricing .fancy-pricing-card.streched .plan-price {
  margin-top: 0;
  font-size: 2rem;
}
.fancy-pricing .fancy-pricing-card.streched .plan-price small:first-child {
  position: static !important;
}
.fancy-pricing .fancy-pricing-card.streched .large-count {
  font-size: 1.3rem;
  font-weight: 500;
}
.fancy-pricing .fancy-pricing-card.primary .plan-name {
  color: var(--primary-color);
}
.fancy-pricing .fancy-pricing-card.primary .plan-icon i {
  color: var(--primary-color);
}
.fancy-pricing .fancy-pricing-card.primary .plan-features li .large-count {
  color: var(--primary-color);
}
.fancy-pricing .fancy-pricing-card.secondary .plan-name {
  color: #0084c4;
}
.fancy-pricing .fancy-pricing-card.secondary .plan-icon i {
  color: #0084c4;
}
.fancy-pricing .fancy-pricing-card.secondary .plan-features li .large-count {
  color: #0084c4;
}
.fancy-pricing .fancy-pricing-card.accent .plan-name {
  color: #00d1b2;
}
.fancy-pricing .fancy-pricing-card.accent .plan-icon i {
  color: #00d1b2;
}
.fancy-pricing .fancy-pricing-card.accent .plan-features li .large-count {
  color: #00d1b2;
}
.header-pricing .header-pricing-card {
  text-align: center;
  border-radius: 15px 15px 0 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header-pricing .header-pricing-card .plan-name {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  background: #999;
  padding: 20px;
}
.header-pricing .header-pricing-card .pricing-card-body {
  border: 1px solid #ededed;
  border-top-color: transparent;
}
.header-pricing .header-pricing-card .pricing-card-body .plan-price {
  font-size: 3rem;
  padding: 40px 20px;
  color: #444f60;
  font-weight: bolder;
}
.header-pricing
  .header-pricing-card
  .pricing-card-body
  .plan-price
  small:first-child {
  font-size: 1.4rem;
  position: relative;
  top: -20px;
}
.header-pricing
  .header-pricing-card
  .pricing-card-body
  .plan-price
  small:last-child {
  font-size: 1rem;
  font-weight: 400;
}
.header-pricing .header-pricing-card .pricing-card-body ul {
  list-style: none;
  padding: 0;
  max-width: 240px;
  margin: 10px auto;
}
.header-pricing .header-pricing-card .pricing-card-body ul li {
  color: #999;
  text-align: center;
  padding: 12px 0;
  border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.header-pricing .header-pricing-card .pricing-card-body ul li b {
  color: #3c4858;
}
.header-pricing .header-pricing-card.primary .plan-name {
  background: var(--primary-color);
}
.header-pricing .header-pricing-card.secondary .plan-name {
  background: #0084c4;
}
.header-pricing .header-pricing-card.accent .plan-name {
  background: #00d1b2;
}
.switch[type="checkbox"] {
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.switch[type="checkbox"][disabled] {
  cursor: not-allowed;
}
.switch[type="checkbox"][disabled] + label {
  opacity: 0.5;
}
.switch[type="checkbox"][disabled] + label::before {
  opactiy: 0.5;
}
.switch[type="checkbox"][disabled] + label::after {
  opactiy: 0.5;
}
.switch[type="checkbox"][disabled] + label:hover,
.switch[type="checkbox"][disabled] + label.is-hovered {
  cursor: not-allowed;
}
.switch[type="checkbox"] + label {
  position: relative;
  display: initial;
  font-size: 1.2rem;
  line-height: initial;
  padding-left: 4.1rem;
  padding-top: 0.2rem;
  cursor: pointer;
}
.switch[type="checkbox"] + label::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 3.6rem;
  height: 1.8rem;
  border: 0.1rem solid transparent;
  border-radius: 100px;
  background: #ededed;
  content: "";
}
.switch[type="checkbox"] + label::after {
  display: block;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 1.3rem;
  height: 1.3rem;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border-radius: 100px;
  background: #fff;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  content: "";
}
.switch[type="checkbox"].is-rtl + label {
  padding-left: 0;
  padding-right: 4.1rem;
}
.switch[type="checkbox"].is-rtl + label::before {
  left: auto;
  right: 0;
}
.switch[type="checkbox"].is-rtl + label::after {
  left: auto;
  right: 0.25rem;
}
.switch[type="checkbox"]:focus:not(:active) + label::before {
  -webkit-box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25);
  box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25);
}
.switch[type="checkbox"]:hover + label::before {
  background: #e7e7e7;
}
.switch[type="checkbox"]:active + label::before {
  background: #e0e0e0;
}
.switch[type="checkbox"]:checked + label::before {
  background: #878787;
}
.switch[type="checkbox"]:checked + label::after {
  left: 1.925rem;
}
.switch[type="checkbox"]:checked.is-rtl + label::after {
  left: auto;
  right: 1.925rem;
}
.switch[type="checkbox"]:checked:focus:not(:active) + label::before {
  -webkit-box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25);
  box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25);
}
.switch[type="checkbox"]:checked:hover + label::before {
  background: #818181;
}
.switch[type="checkbox"]:checked:active + label::before {
  background: #7a7a7a;
}
.switch[type="checkbox"].is-outlined + label::before {
  background-color: transparent;
  border-color: #ededed;
}
.switch[type="checkbox"].is-outlined + label::after {
  background: #ededed;
}
.switch[type="checkbox"].is-outlined:hover + label::before {
  border-color: #e7e7e7;
}
.switch[type="checkbox"].is-outlined:hover + label::after {
  background: #e7e7e7;
}
.switch[type="checkbox"].is-outlined:active + label::before {
  border-color: #e7e7e7;
}
.switch[type="checkbox"].is-outlined:active + label::after {
  background: #e0e0e0;
}
.switch[type="checkbox"].is-outlined:checked + label::before {
  background-color: transparent;
  border-color: #878787;
}
.switch[type="checkbox"].is-outlined:checked + label::after {
  background: #878787;
}
.switch[type="checkbox"].is-outlined:checked:hover + label::before {
  border-color: #818181;
}
.switch[type="checkbox"].is-outlined:checked:hover + label::after {
  background: #818181;
}
.switch[type="checkbox"].is-outlined:checked:active + label::before {
  border-color: #818181;
}
.switch[type="checkbox"].is-outlined:checked:active + label::after {
  background: #7a7a7a;
}
.switch[type="checkbox"].is-thin + label::before {
  top: 0.65455rem;
  height: 0.45rem;
}
.switch[type="checkbox"].is-thin + label::after {
  -webkit-box-shadow: 0px 0px 3px #878787;
  box-shadow: 0px 0px 3px #878787;
}
.switch[type="checkbox"].is-small + label {
  position: relative;
  display: initial;
  font-size: 1rem;
  line-height: initial;
  padding-left: 3.5rem;
  padding-top: 0.2rem;
  cursor: pointer;
}
.switch[type="checkbox"].is-small + label::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 3rem;
  height: 1.5rem;
  border: 0.1rem solid transparent;
  border-radius: 100px;
  background: #ededed;
  content: "";
}
.switch[type="checkbox"].is-small + label::after {
  display: block;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 1rem;
  height: 1rem;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border-radius: 100px;
  background: #fff;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  content: "";
}
.switch[type="checkbox"].is-small.is-rtl + label {
  padding-left: 0;
  padding-right: 3.5rem;
}
.switch[type="checkbox"].is-small.is-rtl + label::before {
  left: auto;
  right: 0;
}
.switch[type="checkbox"].is-small.is-rtl + label::after {
  left: auto;
  right: 0.25rem;
}
.switch[type="checkbox"].is-small:focus:not(:active) + label::before {
  -webkit-box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25);
  box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25);
}
.switch[type="checkbox"].is-small:hover + label::before {
  background: #e7e7e7;
}
.switch[type="checkbox"].is-small:active + label::before {
  background: #e0e0e0;
}
.switch[type="checkbox"].is-small:checked + label::before {
  background: #878787;
}
.switch[type="checkbox"].is-small:checked + label::after {
  left: 1.625rem;
}
.switch[type="checkbox"].is-small:checked.is-rtl + label::after {
  left: auto;
  right: 1.625rem;
}
.switch[type="checkbox"].is-small:checked:focus:not(:active) + label::before {
  -webkit-box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25);
  box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25);
}
.switch[type="checkbox"].is-small:checked:hover + label::before {
  background: #818181;
}
.switch[type="checkbox"].is-small:checked:active + label::before {
  background: #7a7a7a;
}
.switch[type="checkbox"].is-small.is-outlined + label::before {
  background-color: transparent;
  border-color: #ededed;
}
.switch[type="checkbox"].is-small.is-outlined + label::after {
  background: #ededed;
}
.switch[type="checkbox"].is-small.is-outlined:hover + label::before {
  border-color: #e7e7e7;
}
.switch[type="checkbox"].is-small.is-outlined:hover + label::after {
  background: #e7e7e7;
}
.switch[type="checkbox"].is-small.is-outlined:active + label::before {
  border-color: #e7e7e7;
}
.switch[type="checkbox"].is-small.is-outlined:active + label::after {
  background: #e0e0e0;
}
.switch[type="checkbox"].is-small.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: #878787;
}
.switch[type="checkbox"].is-small.is-outlined:checked + label::after {
  background: #878787;
}
.switch[type="checkbox"].is-small.is-outlined:checked:hover + label::before {
  border-color: #818181;
}
.switch[type="checkbox"].is-small.is-outlined:checked:hover + label::after {
  background: #818181;
}
.switch[type="checkbox"].is-small.is-outlined:checked:active + label::before {
  border-color: #818181;
}
.switch[type="checkbox"].is-small.is-outlined:checked:active + label::after {
  background: #7a7a7a;
}
.switch[type="checkbox"].is-small.is-thin + label::before {
  top: 0.54545rem;
  height: 0.375rem;
}
.switch[type="checkbox"].is-small.is-thin + label::after {
  -webkit-box-shadow: 0px 0px 3px #878787;
  box-shadow: 0px 0px 3px #878787;
}
.switch[type="checkbox"].is-medium + label {
  position: relative;
  display: initial;
  font-size: 1.5rem;
  line-height: initial;
  padding-left: 5rem;
  padding-top: 0.2rem;
  cursor: pointer;
}
.switch[type="checkbox"].is-medium + label::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 4.5rem;
  height: 2.25rem;
  border: 0.1rem solid transparent;
  border-radius: 100px;
  background: #ededed;
  content: "";
}
.switch[type="checkbox"].is-medium + label::after {
  display: block;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 1.75rem;
  height: 1.75rem;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border-radius: 100px;
  background: #fff;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  content: "";
}
.switch[type="checkbox"].is-medium.is-rtl + label {
  padding-left: 0;
  padding-right: 5rem;
}
.switch[type="checkbox"].is-medium.is-rtl + label::before {
  left: auto;
  right: 0;
}
.switch[type="checkbox"].is-medium.is-rtl + label::after {
  left: auto;
  right: 0.25rem;
}
.switch[type="checkbox"].is-medium:focus:not(:active) + label::before {
  -webkit-box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25);
  box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25);
}
.switch[type="checkbox"].is-medium:hover + label::before {
  background: #e7e7e7;
}
.switch[type="checkbox"].is-medium:active + label::before {
  background: #e0e0e0;
}
.switch[type="checkbox"].is-medium:checked + label::before {
  background: #878787;
}
.switch[type="checkbox"].is-medium:checked + label::after {
  left: 2.375rem;
}
.switch[type="checkbox"].is-medium:checked.is-rtl + label::after {
  left: auto;
  right: 2.375rem;
}
.switch[type="checkbox"].is-medium:checked:focus:not(:active) + label::before {
  -webkit-box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25);
  box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25);
}
.switch[type="checkbox"].is-medium:checked:hover + label::before {
  background: #818181;
}
.switch[type="checkbox"].is-medium:checked:active + label::before {
  background: #7a7a7a;
}
.switch[type="checkbox"].is-medium.is-outlined + label::before {
  background-color: transparent;
  border-color: #ededed;
}
.switch[type="checkbox"].is-medium.is-outlined + label::after {
  background: #ededed;
}
.switch[type="checkbox"].is-medium.is-outlined:hover + label::before {
  border-color: #e7e7e7;
}
.switch[type="checkbox"].is-medium.is-outlined:hover + label::after {
  background: #e7e7e7;
}
.switch[type="checkbox"].is-medium.is-outlined:active + label::before {
  border-color: #e7e7e7;
}
.switch[type="checkbox"].is-medium.is-outlined:active + label::after {
  background: #e0e0e0;
}
.switch[type="checkbox"].is-medium.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: #878787;
}
.switch[type="checkbox"].is-medium.is-outlined:checked + label::after {
  background: #878787;
}
.switch[type="checkbox"].is-medium.is-outlined:checked:hover + label::before {
  border-color: #818181;
}
.switch[type="checkbox"].is-medium.is-outlined:checked:hover + label::after {
  background: #818181;
}
.switch[type="checkbox"].is-medium.is-outlined:checked:active + label::before {
  border-color: #818181;
}
.switch[type="checkbox"].is-medium.is-outlined:checked:active + label::after {
  background: #7a7a7a;
}
.switch[type="checkbox"].is-medium.is-thin + label::before {
  top: 0.81818rem;
  height: 0.5625rem;
}
.switch[type="checkbox"].is-medium.is-thin + label::after {
  -webkit-box-shadow: 0px 0px 3px #878787;
  box-shadow: 0px 0px 3px #878787;
}
.switch[type="checkbox"].is-large + label {
  position: relative;
  display: initial;
  font-size: 1.8rem;
  line-height: initial;
  padding-left: 5.9rem;
  padding-top: 0.2rem;
  cursor: pointer;
}
.switch[type="checkbox"].is-large + label::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 5.4rem;
  height: 2.7rem;
  border: 0.1rem solid transparent;
  border-radius: 100px;
  background: #ededed;
  content: "";
}
.switch[type="checkbox"].is-large + label::after {
  display: block;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 2.2rem;
  height: 2.2rem;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border-radius: 100px;
  background: #fff;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  content: "";
}
.switch[type="checkbox"].is-large.is-rtl + label {
  padding-left: 0;
  padding-right: 5.9rem;
}
.switch[type="checkbox"].is-large.is-rtl + label::before {
  left: auto;
  right: 0;
}
.switch[type="checkbox"].is-large.is-rtl + label::after {
  left: auto;
  right: 0.25rem;
}
.switch[type="checkbox"].is-large:focus:not(:active) + label::before {
  -webkit-box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25);
  box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25);
}
.switch[type="checkbox"].is-large:hover + label::before {
  background: #e7e7e7;
}
.switch[type="checkbox"].is-large:active + label::before {
  background: #e0e0e0;
}
.switch[type="checkbox"].is-large:checked + label::before {
  background: #878787;
}
.switch[type="checkbox"].is-large:checked + label::after {
  left: 2.825rem;
}
.switch[type="checkbox"].is-large:checked.is-rtl + label::after {
  left: auto;
  right: 2.825rem;
}
.switch[type="checkbox"].is-large:checked:focus:not(:active) + label::before {
  -webkit-box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25);
  box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25);
}
.switch[type="checkbox"].is-large:checked:hover + label::before {
  background: #818181;
}
.switch[type="checkbox"].is-large:checked:active + label::before {
  background: #7a7a7a;
}
.switch[type="checkbox"].is-large.is-outlined + label::before {
  background-color: transparent;
  border-color: #ededed;
}
.switch[type="checkbox"].is-large.is-outlined + label::after {
  background: #ededed;
}
.switch[type="checkbox"].is-large.is-outlined:hover + label::before {
  border-color: #e7e7e7;
}
.switch[type="checkbox"].is-large.is-outlined:hover + label::after {
  background: #e7e7e7;
}
.switch[type="checkbox"].is-large.is-outlined:active + label::before {
  border-color: #e7e7e7;
}
.switch[type="checkbox"].is-large.is-outlined:active + label::after {
  background: #e0e0e0;
}
.switch[type="checkbox"].is-large.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: #878787;
}
.switch[type="checkbox"].is-large.is-outlined:checked + label::after {
  background: #878787;
}
.switch[type="checkbox"].is-large.is-outlined:checked:hover + label::before {
  border-color: #818181;
}
.switch[type="checkbox"].is-large.is-outlined:checked:hover + label::after {
  background: #818181;
}
.switch[type="checkbox"].is-large.is-outlined:checked:active + label::before {
  border-color: #818181;
}
.switch[type="checkbox"].is-large.is-outlined:checked:active + label::after {
  background: #7a7a7a;
}
.switch[type="checkbox"].is-large.is-thin + label::before {
  top: 0.98182rem;
  height: 0.675rem;
}
.switch[type="checkbox"].is-large.is-thin + label::after {
  -webkit-box-shadow: 0px 0px 3px #878787;
  box-shadow: 0px 0px 3px #878787;
}
.switch[type="checkbox"].is-primary:checked + label::before {
  background: var(--primary-color);
}
.switch[type="checkbox"].is-primary:checked:focus:not(:active) + label::before {
  -webkit-box-shadow: 0 0 0 0.125em rgba(3, 155, 229, 0.25);
  box-shadow: 0 0 0 0.125em rgba(3, 155, 229, 0.25);
}
.switch[type="checkbox"].is-primary:checked:hover + label::before {
  background: var(--primary-color);
}
.switch[type="checkbox"].is-primary:checked:active + label::before {
  background: var(--primary-color);
}
.switch[type="checkbox"].is-primary.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: var(--primary-color);
}
.switch[type="checkbox"].is-primary.is-outlined:checked + label::after {
  background: var(--primary-color);
}
.switch[type="checkbox"].is-primary.is-outlined:checked:hover + label::before {
  border-color: #0392d8;
}
.switch[type="checkbox"].is-primary.is-outlined:checked:hover + label::after {
  background: #0392d8;
}
.switch[type="checkbox"].is-primary.is-outlined:checked:active + label::before {
  border-color: #0392d8;
}
.switch[type="checkbox"].is-primary.is-outlined:checked:active + label::after {
  background: #038acc;
}
.switch[type="checkbox"].is-primary.is-thin.is-outlined + label::after {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.switch[type="checkbox"].is-secondary:checked + label::before {
  background: #0084c4;
}
.switch[type="checkbox"].is-secondary:checked:focus:not(:active)
  + label::before {
  -webkit-box-shadow: 0 0 0 0.125em rgba(0, 132, 196, 0.25);
  box-shadow: 0 0 0 0.125em rgba(0, 132, 196, 0.25);
}
.switch[type="checkbox"].is-secondary:checked:hover + label::before {
  background: #007bb7;
}
.switch[type="checkbox"].is-secondary:checked:active + label::before {
  background: #0073ab;
}
.switch[type="checkbox"].is-secondary.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: #0084c4;
}
.switch[type="checkbox"].is-secondary.is-outlined:checked + label::after {
  background: #0084c4;
}
.switch[type="checkbox"].is-secondary.is-outlined:checked:hover
  + label::before {
  border-color: #007bb7;
}
.switch[type="checkbox"].is-secondary.is-outlined:checked:hover + label::after {
  background: #007bb7;
}
.switch[type="checkbox"].is-secondary.is-outlined:checked:active
  + label::before {
  border-color: #007bb7;
}
.switch[type="checkbox"].is-secondary.is-outlined:checked:active
  + label::after {
  background: #0073ab;
}
.switch[type="checkbox"].is-secondary.is-thin.is-outlined + label::after {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.switch[type="checkbox"].is-accent:checked + label::before {
  background: #00d1b2;
}
.switch[type="checkbox"].is-accent:checked:focus:not(:active) + label::before {
  -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}
.switch[type="checkbox"].is-accent:checked:hover + label::before {
  background: #00c4a7;
}
.switch[type="checkbox"].is-accent:checked:active + label::before {
  background: #00b89c;
}
.switch[type="checkbox"].is-accent.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: #00d1b2;
}
.switch[type="checkbox"].is-accent.is-outlined:checked + label::after {
  background: #00d1b2;
}
.switch[type="checkbox"].is-accent.is-outlined:checked:hover + label::before {
  border-color: #00c4a7;
}
.switch[type="checkbox"].is-accent.is-outlined:checked:hover + label::after {
  background: #00c4a7;
}
.switch[type="checkbox"].is-accent.is-outlined:checked:active + label::before {
  border-color: #00c4a7;
}
.switch[type="checkbox"].is-accent.is-outlined:checked:active + label::after {
  background: #00b89c;
}
.switch[type="checkbox"].is-accent.is-thin.is-outlined + label::after {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.switch[type="checkbox"].is-info:checked + label::before {
  background: var(--primary-color);
}
.switch[type="checkbox"].is-info:checked:focus:not(:active) + label::before {
  -webkit-box-shadow: 0 0 0 0.125em rgba(3, 155, 229, 0.25);
  box-shadow: 0 0 0 0.125em rgba(3, 155, 229, 0.25);
}
.switch[type="checkbox"].is-info:checked:hover + label::before {
  background: #0392d8;
}
.switch[type="checkbox"].is-info:checked:active + label::before {
  background: #038acc;
}
.switch[type="checkbox"].is-info.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: var(--primary-color);
}
.switch[type="checkbox"].is-info.is-outlined:checked + label::after {
  background: var(--primary-color);
}
.switch[type="checkbox"].is-info.is-outlined:checked:hover + label::before {
  border-color: #0392d8;
}
.switch[type="checkbox"].is-info.is-outlined:checked:hover + label::after {
  background: #0392d8;
}
.switch[type="checkbox"].is-info.is-outlined:checked:active + label::before {
  border-color: #0392d8;
}
.switch[type="checkbox"].is-info.is-outlined:checked:active + label::after {
  background: #038acc;
}
.switch[type="checkbox"].is-info.is-thin.is-outlined + label::after {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.switch[type="checkbox"].is-success:checked + label::before {
  background: #00b289;
}
.switch[type="checkbox"].is-success:checked:focus:not(:active) + label::before {
  -webkit-box-shadow: 0 0 0 0.125em rgba(0, 178, 137, 0.25);
  box-shadow: 0 0 0 0.125em rgba(0, 178, 137, 0.25);
}
.switch[type="checkbox"].is-success:checked:hover + label::before {
  background: #00a57f;
}
.switch[type="checkbox"].is-success:checked:active + label::before {
  background: #009975;
}
.switch[type="checkbox"].is-success.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: #00b289;
}
.switch[type="checkbox"].is-success.is-outlined:checked + label::after {
  background: #00b289;
}
.switch[type="checkbox"].is-success.is-outlined:checked:hover + label::before {
  border-color: #00a57f;
}
.switch[type="checkbox"].is-success.is-outlined:checked:hover + label::after {
  background: #00a57f;
}
.switch[type="checkbox"].is-success.is-outlined:checked:active + label::before {
  border-color: #00a57f;
}
.switch[type="checkbox"].is-success.is-outlined:checked:active + label::after {
  background: #009975;
}
.switch[type="checkbox"].is-success.is-thin.is-outlined + label::after {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.switch[type="checkbox"].is-warning:checked + label::before {
  background: #eda514;
}
.switch[type="checkbox"].is-warning:checked:focus:not(:active) + label::before {
  -webkit-box-shadow: 0 0 0 0.125em rgba(237, 165, 20, 0.25);
  box-shadow: 0 0 0 0.125em rgba(237, 165, 20, 0.25);
}
.switch[type="checkbox"].is-warning:checked:hover + label::before {
  background: #e39d11;
}
.switch[type="checkbox"].is-warning:checked:active + label::before {
  background: #d79510;
}
.switch[type="checkbox"].is-warning.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: #eda514;
}
.switch[type="checkbox"].is-warning.is-outlined:checked + label::after {
  background: #eda514;
}
.switch[type="checkbox"].is-warning.is-outlined:checked:hover + label::before {
  border-color: #e39d11;
}
.switch[type="checkbox"].is-warning.is-outlined:checked:hover + label::after {
  background: #e39d11;
}
.switch[type="checkbox"].is-warning.is-outlined:checked:active + label::before {
  border-color: #e39d11;
}
.switch[type="checkbox"].is-warning.is-outlined:checked:active + label::after {
  background: #d79510;
}
.switch[type="checkbox"].is-warning.is-thin.is-outlined + label::after {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.switch[type="checkbox"].is-danger:checked + label::before {
  background: #ff7273;
}
.switch[type="checkbox"].is-danger:checked:focus:not(:active) + label::before {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 114, 115, 0.25);
  box-shadow: 0 0 0 0.125em rgba(255, 114, 115, 0.25);
}
.switch[type="checkbox"].is-danger:checked:hover + label::before {
  background: #ff6566;
}
.switch[type="checkbox"].is-danger:checked:active + label::before {
  background: #ff595a;
}
.switch[type="checkbox"].is-danger.is-outlined:checked + label::before {
  background-color: transparent;
  border-color: #ff7273;
}
.switch[type="checkbox"].is-danger.is-outlined:checked + label::after {
  background: #ff7273;
}
.switch[type="checkbox"].is-danger.is-outlined:checked:hover + label::before {
  border-color: #ff6566;
}
.switch[type="checkbox"].is-danger.is-outlined:checked:hover + label::after {
  background: #ff6566;
}
.switch[type="checkbox"].is-danger.is-outlined:checked:active + label::before {
  border-color: #ff6566;
}
.switch[type="checkbox"].is-danger.is-outlined:checked:active + label::after {
  background: #ff595a;
}
.switch[type="checkbox"].is-danger.is-thin.is-outlined + label::after {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.top-logo {
  height: 40px;
}
.intro-section .intro-text .intro-title {
  margin: 15px 0;
  font-size: 18px;
  color: var(--primary-color);
}
.intro-section .intro-text .intro-sub {
  padding: 20px 30px;
  font-size: 14px;
  color: #a9abac;
}
.login-wrapper {
  overflow: hidden !important;
  height: 100%;
  padding: 0;
  margin: 0;
}
.login-wrapper.is-gapless:not(:last-child) {
  margin-bottom: 0 !important;
}
.login-wrapper .input {
  font-size: 1.2rem;
}
.login-wrapper .login {
  padding: 10px 0;
}
.login-wrapper .column.login-column {
  padding: 0 !important;
}
.login-wrapper .hero.login-hero,
.login-wrapper .hero.signup-hero {
  background-position: center;
  background-size: auto;
}
.login-wrapper #signup-banner .hero {
  background: url("https://source.unsplash.com/DWui9DmfCXA/");
  background-position: center;
  background-size: cover;
  background-blend-mode: screen;
}
.hero-banner .title {
  padding: 25px;
  padding-top: 25%;
}
.hero-banner .subtitle {
  padding: 0 30px;
}
.hero-banner img.login-city {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
.hero-banner .button {
  position: relative;
  z-index: 2;
}
.signup-hero .title {
  padding: 25px;
  padding-top: 15%;
}
.signup-hero .subtitle {
  padding: 0 22%;
}
.signup-hero img.mockup {
  position: absolute;
  bottom: -15%;
  left: 0;
  right: 0;
  z-index: 0;
}
.signup-hero .already {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
}
.signup-hero .already span {
  margin-right: 15px;
  color: #fff;
}
.signup-hero .already a {
  min-width: 80px;
}
.forgot,
.no-account,
.return {
  color: #a9abac !important;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.forgot:hover,
.no-account:hover,
.return:hover {
  opacity: 0.8;
  color: var(--primary-color) !important;
}
.forgot.is-secondary,
.no-account.is-secondary,
.return.is-secondary {
  color: #0084c4 !important;
}
.forgot.is-accent,
.no-account.is-accent,
.return.is-accent {
  color: #00d1b2 !important;
}
.forgot-password a {
  color: #95a5a6;
  font-weight: normal;
  padding-right: 20px;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.forgot-password a:hover {
  color: var(--primary-color);
}
.no-account-link a {
  color: #a9abac;
  font-weight: 500;
}
.no-account-link a:hover {
  color: var(--primary-color);
}
.icon.user,
.icon.password {
  margin: 5px 10px 0 0;
}
.checkbox-wrap {
  color: #a9abac;
  margin-bottom: 10px;
}
.checkbox-wrap span {
  position: relative;
  top: -2px;
}
.big-title {
  font-family: "Nexa Bold", sans-serif;
  margin-bottom: 0 !important;
  padding: 10px 0;
}
.light-subtitle {
  font-size: 1.5rem;
  padding: 2% 10% 2% 10%;
  margin-bottom: 0 !important;
}
.internal-light-subtitle {
  font-size: 1rem;
  padding: 2% 10% 2% 10%;
  margin-bottom: 0 !important;
}
.video-link {
  /* padding: 10px 0; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.video-link span {
  color: var(--primary-color);
  font-weight: bold;
}
.video-link i {
  position: relative;
  /* top: px; */
  padding-right: 10px;
  color: var(--primary-color);
  font-weight: bold;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-size:20px;
}
.video-link:hover i,
.video-link:hover span {
  color: var(--primary-color);
}
.mockup-section {
  padding: 5rem 1.5rem !important;
}
.mockup-section .app-mockup {
  position: relative;
  padding-top: 5%;
  z-index: 2;
}
.mockup-section .hr-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 1096px;
  width: 100%;
  z-index: 0;
}
.minimal-feature .minimal-title {
  font-family: "Nexa Bold", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  color: #444f60;
  padding: 10px 0;
  margin-bottom: 0 !important;
}
.minimal-feature-image {
  position: relative;
}
.minimal-feature-image .main-image {
  position: relative;
  z-index: 2;
}
.minimal-feature-image .image-bg {
  position: absolute;
  top: 10%;
  left: -20%;
  right: 0;
  margin: 0 auto;
  max-width: 1096px;
  width: 120%;
  z-index: 0;
}
.city-container img {
  display: block;
}
.conditions {
  position: relative;
  top: 12px;
  font-size: 85%;
  margin-left: 15px;
  color: #fff;
}
.billing-switcher-wrapper {
  padding-top: 40px;
  max-width: 200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.billing-switcher-wrapper .by-month {
  padding-right: 20px;
}
.billing-switcher-wrapper .by-year {
  padding-left: 10px;
}
.billing-switcher-wrapper .by-month,
.billing-switcher-wrapper .by-year {
  color: #a9abac;
}
.billing-switcher-wrapper .by-month.is-active,
.billing-switcher-wrapper .by-year.is-active {
  color: var(--primary-color);
}
.billing-switcher-wrapper .discount {
  position: absolute;
  top: -10px;
  right: -100px;
}
.billing-switcher-wrapper .discount img {
  max-height: 70px;
  height: 70px;
}
.pricing-wrapper {
  position: relative;
}
.pricing-wrapper .hr-bg {
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 1096px;
  width: 100%;
  z-index: 0;
}
.pricing-wrapper .flex-card {
  z-index: 2;
}
.pricing-wrapper .flex-card .condensed-plan {
  padding: 20px;
  text-align: center;
  border-right: 1px solid #ededed;
}
.pricing-wrapper .flex-card .condensed-plan.is-last {
  border-right: none;
}
.pricing-wrapper .flex-card .condensed-plan.is-switched .monthly-price {
  display: none !important;
}
.pricing-wrapper .flex-card .condensed-plan.is-switched .yearly-price {
  display: block !important;
}
.pricing-wrapper .flex-card .condensed-plan.is-switched .yearly-billed {
  visibility: visible !important;
}
.pricing-wrapper .flex-card .condensed-plan .plan-header {
  font-size: 1.2rem;
  font-weight: 500;
  padding-bottom: 20px;
}
.pricing-wrapper .flex-card .condensed-plan .plan-description {
  color: #a9abac;
  padding-bottom: 20px;
}
.pricing-wrapper .flex-card .condensed-plan .plan-description span {
  font-weight: 500;
  color: var(--primary-color);
}
.pricing-wrapper .flex-card .condensed-plan .plan-price {
  font-size: 6rem;
  font-weight: 400;
  padding-bottom: 2rem;
  /* border-bottom: 1px dashed #a9abac; */
}
.pricing-wrapper .flex-card .condensed-plan .plan-price span:after {
  content: "PER MONTH";
  display: block;
  margin-top: -8px;
  font-size: 0.8rem;
  line-height: 1rem;
  font-family: inherit;
  font-weight: 300;
  color: #748088;
}
.pricing-wrapper .flex-card .condensed-plan .plan-price span:before {
  content: "$";
  display: inline-block;
  font-weight: 700;
  line-height: 4rem;
  font-size: 1rem;
  padding-top: 1rem;
  margin-right: 0;
  vertical-align: text-top;
}
.pricing-wrapper .flex-card .condensed-plan .plan-price .monthly-price {
  display: block;
}
.pricing-wrapper .flex-card .condensed-plan .plan-price .yearly-price {
  display: none;
}
.pricing-wrapper .flex-card .condensed-plan .plan-price .yearly-billed {
  padding-top: 2rem;
  font-size: 0.9rem;
  color: var(--primary-color);
  visibility: hidden;
}
.pricing-wrapper .flex-card .condensed-plan .plan-features {
  padding-top: 3rem;
}
.pricing-wrapper .flex-card .condensed-plan .plan-features li {
  padding-bottom: 20px;
}
.help-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.help-header img {
  max-height: 45px;
  max-width: 45px;
  padding-right: 20px;
  border-right: 1px solid #fff;
}
.help-header .title {
  color: #fff;
  padding-left: 20px;
  position: relative;
  top: -2px;
}
.help-subheader {
  padding: 20px 0 30px 0;
}
.help-search-wrapper {
  position: relative;
  width: 100%;
}
.help-search-wrapper input {
  width: 100%;
  padding: 20px 32px 21px 59px;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  outline: none;
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
  -webkit-transition: background 0.4s, box-shadow 0.2s;
  -webkit-transition: background 0.4s, -webkit-box-shadow 0.2s;
  transition: background 0.4s, -webkit-box-shadow 0.2s;
  transition: background 0.4s, box-shadow 0.2s;
  transition: background 0.4s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
.help-search-wrapper input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}
.help-search-wrapper input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}
.help-search-wrapper input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}
.help-search-wrapper input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}
.help-search-wrapper input:focus {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14);
  background: #fff;
  color: #444f60;
}
.help-search-wrapper input:focus + i {
  color: #999;
}
.help-search-wrapper input:focus::-webkit-input-placeholder {
  color: #cecece !important;
}
.help-search-wrapper input:focus::-moz-placeholder {
  color: #cecece !important;
}
.help-search-wrapper input:focus:-ms-input-placeholder {
  color: #cecece !important;
}
.help-search-wrapper input:focus:-moz-placeholder {
  color: #cecece !important;
}
.help-search-wrapper i {
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 18px;
  left: 18px;
}
.section.help-section {
  background: #f3f5f7;
}
.section.help-section .category-card {
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.03);
}
.section.help-section .category-card .card-body a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.section.help-section .category-card .card-body a .icon {
  width: 110px;
  height: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.section.help-section .category-card .card-body a .icon i {
  font-size: 3.5rem;
  color: #818a97 !important;
}
.section.help-section .category-card .card-body a .inner-content {
  padding-left: 25px;
}
.section.help-section .category-card .card-body a .inner-content .title {
  margin-bottom: 10px !important;
  font-weight: 400;
  color: var(--primary-color);
}
.section.help-section .category-card .card-body a .inner-content .inner-text {
  color: #999 !important;
}
.section.help-section .category-card .card-body a .inner-content .card-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 12px;
}
.section.help-section
  .category-card
  .card-body
  a
  .inner-content
  .card-meta
  .small-avatar {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  margin-right: 10px;
  border: 2px solid #fff;
  position: relative;
}
.section.help-section
  .category-card
  .card-body
  a
  .inner-content
  .card-meta
  .small-avatar:not(:first-child) {
  margin-left: -19px;
}
.section.help-section
  .category-card
  .card-body
  a
  .inner-content
  .card-meta
  .small-avatar:first-child {
  z-index: 3;
}
.section.help-section
  .category-card
  .card-body
  a
  .inner-content
  .card-meta
  .small-avatar:nth-child(2) {
  z-index: 2;
}
.section.help-section
  .category-card
  .card-body
  a
  .inner-content
  .card-meta
  .small-avatar:nth-child(3) {
  z-index: 1;
}
.section.help-section
  .category-card
  .card-body
  a
  .inner-content
  .card-meta
  .small-avatar:nth-child(4) {
  z-index: 0;
}
.section.help-section
  .category-card
  .card-body
  a
  .inner-content
  .card-meta
  .small-avatar.is-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  background: #999;
  font-weight: 500;
  font-size: 13px;
}
.section.help-section
  .category-card
  .card-body
  a
  .inner-content
  .card-meta
  .small-avatar.is-more
  span {
  position: relative;
  top: -2px;
  left: -1px;
}
.section.help-section
  .category-card
  .card-body
  a
  .inner-content
  .card-meta
  .meta-info {
  color: #999 !important;
}
.section.help-section
  .category-card
  .card-body
  a
  .inner-content
  .card-meta
  .meta-info
  .articles-number {
  font-size: 13px;
}
.section.help-section
  .category-card
  .card-body
  a
  .inner-content
  .card-meta
  .meta-info
  .authors {
  font-size: 13px;
}
.section.help-section
  .category-card
  .card-body
  a
  .inner-content
  .card-meta
  .meta-info
  .authors
  span {
  color: var(--primary-color);
}
.breadcrumbs {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
.breadcrumbs ul {
  margin: 0 !important;
}
.breadcrumbs ul li {
  display: inline-block;
  list-style: none;
  margin: 0 0 0 10px;
}
.breadcrumbs ul li:first-child:before {
  content: "";
  margin-left: -20px;
}
.breadcrumbs ul li:before {
  content: "\f105";
  font-family: "FontAwesome";
  color: #a0a0a0;
  font-size: 14px;
  margin-right: 15px;
}
.breadcrumbs a {
  font-weight: 500;
  color: var(--primary-color);
}
.help-container {
  position: relative;
}
.help-container .shadow-bg {
  width: 100%;
}
.help-container .shadow-bg:before {
  content: " ";
  position: absolute;
  display: block;
  top: 50px;
  left: 0;
  bottom: 0;
  right: 0;
  background: #ebeef1;
  border-radius: 4px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  z-index: 0;
  margin: 0 10px;
}
.help-container .category-header {
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  top: 20px;
  z-index: 2;
}
.help-container .category-header .icon {
  width: 110px;
  height: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.help-container .category-header .icon i {
  font-size: 3.5rem;
  color: #818a97 !important;
}
.help-container .category-header .inner-content {
  padding-left: 25px;
}
.help-container .category-header .inner-content .title {
  margin-bottom: 10px !important;
  font-weight: 400;
  color: var(--primary-color);
}
.help-container .category-header .inner-content .inner-text {
  color: #999 !important;
}
.help-container .category-header .inner-content .card-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 12px;
}
.help-container .category-header .inner-content .card-meta .small-avatar {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  margin-right: 10px;
  border: 2px solid #fff;
}
.help-container
  .category-header
  .inner-content
  .card-meta
  .small-avatar:not(:first-child) {
  margin-left: -19px;
}
.help-container
  .category-header
  .inner-content
  .card-meta
  .small-avatar:first-child {
  z-index: 3;
}
.help-container
  .category-header
  .inner-content
  .card-meta
  .small-avatar:nth-child(2) {
  z-index: 2;
}
.help-container
  .category-header
  .inner-content
  .card-meta
  .small-avatar:nth-child(3) {
  z-index: 1;
}
.help-container
  .category-header
  .inner-content
  .card-meta
  .small-avatar:nth-child(4) {
  z-index: 0;
}
.help-container
  .category-header
  .inner-content
  .card-meta
  .small-avatar.is-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  background: #999;
  font-weight: 500;
  font-size: 13px;
}
.help-container
  .category-header
  .inner-content
  .card-meta
  .small-avatar.is-more
  span {
  position: relative;
  top: -2px;
  left: -1px;
}
.help-container .category-header .inner-content .card-meta .meta-info {
  color: #999 !important;
}
.help-container
  .category-header
  .inner-content
  .card-meta
  .meta-info
  .articles-number {
  font-size: 13px;
}
.help-container .category-header .inner-content .card-meta .meta-info .authors {
  font-size: 13px;
}
.help-container
  .category-header
  .inner-content
  .card-meta
  .meta-info
  .authors
  span {
  color: var(--primary-color);
}
.help-container .articles-list {
  position: relative;
  margin: 30px;
  background: #fff;
  width: calc(100% - 60px);
  border-radius: 4px;
  border: 1px solid #d4dadf;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
}
.help-container .articles-list .help-article {
  padding: 30px;
}
.help-container .articles-list .help-article a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.help-container .articles-list .help-article a .inner-content .title {
  margin-bottom: 10px !important;
  font-weight: 400;
  color: var(--primary-color);
}
.help-container .articles-list .help-article a .inner-content .inner-text {
  color: #999 !important;
}
.help-container .articles-list .help-article a .inner-content .card-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 12px;
}
.help-container
  .articles-list
  .help-article
  a
  .inner-content
  .card-meta
  .small-avatar {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  margin-right: 10px;
  border: 2px solid #fff;
  position: relative;
}
.help-container
  .articles-list
  .help-article
  a
  .inner-content
  .card-meta
  .meta-info {
  color: #999 !important;
  line-height: 1.1rem;
}
.help-container
  .articles-list
  .help-article
  a
  .inner-content
  .card-meta
  .meta-info
  .author {
  font-size: 13px;
}
.help-container
  .articles-list
  .help-article
  a
  .inner-content
  .card-meta
  .meta-info
  .author
  span {
  color: var(--primary-color);
}
.help-container
  .articles-list
  .help-article
  a
  .inner-content
  .card-meta
  .meta-info
  .status {
  font-size: 12px;
  color: #a9abac;
}
.help-container .articles-list .help-article:not(:last-child) {
  border-bottom: 1px solid #d4dadf;
}
.single-help-article {
  border-radius: 4px;
  border: 1px solid #d4dadf;
  margin-top: 20px;
  padding: 60px;
}
.single-help-article .article-inner {
  max-width: 640px;
  margin: 0 auto;
}
.single-help-article .article-inner h2 {
  font-weight: 500;
}
.single-help-article .article-inner h3 {
  padding-top: 20px;
  color: #999;
  font-weight: 500;
  margin-bottom: 1rem;
}
.single-help-article .article-inner .article-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #999 !important;
  line-height: 1.1rem;
}
.single-help-article .article-inner .article-meta .small-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.single-help-article .article-inner .article-meta .meta-info {
  color: #999 !important;
  line-height: 1.1rem;
  margin-left: 15px;
}
.single-help-article .article-inner .article-meta .meta-info .author {
  font-size: 13px;
}
.single-help-article .article-inner .article-meta .meta-info .author span {
  color: var(--primary-color);
}
.single-help-article .article-inner .article-meta .meta-info .status {
  font-size: 12px;
  color: #a9abac;
}
.single-help-article .article-inner .content {
  padding-top: 30px;
}
.single-help-article .article-inner .content p {
  font-size: 16px;
  color: #444f60;
}
.single-help-article .article-inner .content h4 {
  padding-top: 10px;
  font-weight: 500;
}
.single-help-article .article-inner .content ul {
  font-size: 16px;
}
.single-help-article .article-inner .rating-section {
  width: 100%;
  text-align: center;
}
.single-help-article .article-inner .rating-section .question {
  padding-top: 25px;
  font-size: 1.1rem;
  font-weight: 500;
  color: #a9abac;
}
.single-help-article .article-inner .rating-section .rating-buttons {
  position: relative;
  top: 18px;
}
.single-help-article .article-inner .rating-section .rating-button {
  max-width: 60px;
  max-height: 60px;
  cursor: pointer;
}
.single-help-article .article-inner .rating-section .rating-button i {
  font-size: 50px;
  font-weight: 200;
  color: #a9abac;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.single-help-article .article-inner .rating-section .rating-button:hover i {
  color: var(--primary-color);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
@media (max-width: 768px) {
  .category-card .card-body {
    padding: 30px 20px !important;
  }
  .category-card .card-body a {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .category-card .card-body .inner-content {
    padding-left: 0 !important;
  }
  .category-card .card-body .icon {
    width: 100% !important;
    height: 60px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .category-card .card-body .icon i {
    font-size: 2.8rem !important;
  }
  .category-header {
    padding: 30px 20px !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .category-header .inner-content {
    padding-left: 0 !important;
  }
  .category-header .icon {
    width: 100% !important;
    height: 60px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .category-header .icon i {
    font-size: 2.8rem !important;
  }
  .small-avatar:nth-child(2),
  .small-avatar:nth-child(3),
  .small-avatar:nth-child(4),
  .small-avatar.is-more {
    display: none !important;
  }
  .help-article {
    padding: 30px 20px !important;
  }
  .articles-list {
    margin: 20px;
    width: calc(100% - 40px);
  }
  .single-help-article {
    padding: 25px 20px;
  }
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  overflow: hidden !important;
}
a,
a:active,
i,
i:active,
div,
div:active,
div:focus,
span:focus,
span:active {
  outline: none !important;
}
.button.is-active,
.button:active,
.button:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
section:focus {
  outline: none !important;
}
@font-face {
  font-family: "Nexa Light";
  src: url("../fonts/text/nexa/NexaLight.woff") format("woff"),
    url("../fonts/text/nexa/NexaLight.ttf") format("truetype");
}
@font-face {
  font-family: "Nexa Bold";
  font-weight: bold;
  src: url("../fonts/text/nexa/NexaBold.woff") format("woff"),
    url("../fonts/text/nexa/NexaBold.ttf") format("truetype");
}
@font-face {
    font-family: "Nexa Black";
    font-weight: bold;
    src: url("../fonts/text/nexa/NexaBlack.woff") format("woff"),
      url("../fonts/text/nexa/NexaBlack.ttf") format("truetype");
  }
#backtotop {
  position: fixed;
  left: 25px;
  opacity: 0;
  visibility: hidden;
  bottom: 25px;
  margin: 0 25px 0 0;
  z-index: 9999;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#backtotop.visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}
#backtotop.visible a:hover {
  outline: none;
  opacity: 0.9;
  background: var(--primary-color);
}
#backtotop a {
  outline: none;
  text-decoration: none;
  border: 0 none;
  display: block;
  width: 46px;
  height: 46px;
  background-color: #66676b;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 50%;
  text-align: center;
  font-size: 26px;
}
body #backtotop a {
  outline: none;
  color: #fff;
}
#backtotop a:after {
  outline: none;
  content: "\f106";
  font-family: "FontAwesome";
  position: relative;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-55%);
  transform: translateY(-55%);
}
.progress {
  width: 100% !important;
}
.progress.primary::-webkit-progress-value {
  background-color: var(--primary-color) !important;
}
.progress.secondary::-moz-progress-bar {
  background-color: #0084c4 !important;
}
::-webkit-input-placeholder {
  color: #cecece;
}
::-moz-placeholder {
  color: #cecece;
}
:-ms-input-placeholder {
  color: #cecece;
}
:-moz-placeholder {
  color: #cecece;
}
*::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  width: 10px;
}
*::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
}
.color-primary {
  color: var(--primary-color) !important;
}
.color-secondary {
  color: #0084c4 !important;
}
.color-accent {
  color: #00d1b2 !important;
}
.color-red {
  color: #ff7273 !important;
}
.border-light {
  border-color: #fff !important;
}
.dark-text {
  color: #444f60 !important;
}
.light-text {
  color: #fff !important;
}
.primary-text {
  color: var(--primary-color) !important;
}
.secondary-text {
  color: #0084c4 !important;
}
.accent-text {
  color: #00d1b2 !important;
}
.info-text {
  color: var(--primary-color) !important;
}
.success-text {
  color: #00b289 !important;
}
.warning-text {
  color: #eda514 !important;
}
.danger-text {
  color: #ff7273 !important;
}
.dark-bg {
  background: #444 !important;
}
.light-bg {
  background: #fff !important;
}
.font-w-400 {
  font-weight: 400 !important;
}
.font-w-500 {
  font-weight: 500 !important;
}
.font-w-600 {
  font-weight: 600 !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-upper {
  text-transform: uppercase !important;
}
.text-bold {
  font-weight: 600 !important;
}
.text-bolder {
  font-weight: 700 !important;
}
.font-size-normal {
  font-size: 1rem;
}
.font-size-2x {
  font-size: 2rem;
}
.is-size-1 {
  font-size: 3rem;
}
.is-size-2 {
  font-size: 2.5rem;
}
.is-size-3 {
  font-size: 2rem;
}
.is-size-4 {
  font-size: 1.5rem;
}
.is-size-5 {
  font-size: 1.25rem;
}
.is-size-6 {
  font-size: 1rem;
}
.is-size-7 {
  font-size: 0.75rem;
}
.is-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.is-flex.is-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.is-flex.is-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.is-flex.is-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.is-flex.is-vcenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.is-block {
  display: block !important;
}
.z-index-2 {
  z-index: 2 !important;
}
.z-index-101 {
  z-index: 101 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.padding-10 {
  padding: 10px;
}
.padding-15 {
  padding: 15px;
}
.padding-20 {
  padding: 20px;
}
.padding-25 {
  padding: 25px;
}
.padding-30 {
  padding: 30px;
}
.padding-40 {
  padding: 40px;
}
.padding-50 {
  padding: 50px;
}
.padding-60 {
  padding: 60px;
}
.padding-70 {
  padding: 70px;
}
.padding-80 {
  padding: 80px;
}
.padding-90 {
  padding: 90px;
}
.padding-100 {
  padding: 100px;
}
.pt-5 {
  padding-top: 5px;
}
.pt-10 {
  padding-top: 10px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-40 {
  padding-top: 40px;
}
.pt-50 {
  padding-top: 50px;
}
.pt-60 {
  padding-top: 60px;
}
.pt-70 {
  padding-top: 70px;
}
.pt-80 {
  padding-top: 80px;
}
.pb-5 {
  padding-bottom: 5px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pb-70 {
  padding-bottom: 70px;
}
.pb-80 {
  padding-bottom: 80px;
}
.pl-5 {
  padding-left: 5px;
}
.pl-10 {
  padding-left: 10px;
}
.pl-20 {
  padding-left: 20px;
}
.pl-30 {
  padding-left: 30px;
}
.pl-40 {
  padding-left: 40px;
}
.pl-50 {
  padding-left: 50px;
}
.pl-60 {
  padding-left: 60px;
}
.pl-70 {
  padding-left: 70px;
}
.pl-80 {
  padding-left: 80px;
}
.pr-5 {
  padding-right: 5px;
}
.pr-10 {
  padding-right: 10px;
}
.pr-20 {
  padding-right: 20px;
}
.pr-30 {
  padding-right: 30px;
}
.pr-40 {
  padding-right: 40px;
}
.pr-50 {
  padding-right: 50px;
}
.pr-60 {
  padding-right: 60px;
}
.pr-70 {
  padding-right: 70px;
}
.pr-80 {
  padding-right: 80px;
}
.huge-pt {
  padding-top: 100px;
}
.huge-pb {
  padding-bottom: 100px;
}
.giant-pb {
  padding-bottom: 150px;
}
.no-margin {
  margin: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.margin-x-auto {
  margin: 0 auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.margin-10 {
  margin: 10px;
}
.margin-20 {
  margin: 20px;
}
.margin-25 {
  margin: 25px;
}
.margin-30 {
  margin: 30px;
}
.margin-40 {
  margin: 40px;
}
.margin-50 {
  margin: 50px;
}
.margin-60 {
  margin: 60px;
}
.margin-70 {
  margin: 70px;
}
.margin-80 {
  margin: 80px;
}
.margin-90 {
  margin: 90px;
}
.margin-100 {
  margin: 100px;
}
.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-70 {
  margin-top: 70px;
}
.mt-80 {
  margin-top: 80px;
}
.mt-120 {
  margin-top: 120px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-70 {
  margin-bottom: 70px;
}
.mb-80 {
  margin-bottom: 80px;
}
.ml-5 {
  margin-left: 5px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-30 {
  margin-left: 30px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-50 {
  margin-left: 50px;
}
.ml-60 {
  margin-left: 60px;
}
.ml-70 {
  margin-left: 70px;
}
.ml-80 {
  margin-left: 80px;
}
.mr-5 {
  margin-right: 5px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-30 {
  margin-right: 30px;
}
.mr-40 {
  margin-right: 40px;
}
.mr-50 {
  margin-right: 50px;
}
.mr-60 {
  margin-right: 60px;
}
.mr-70 {
  margin-right: 70px;
}
.mr-80 {
  margin-right: 80px;
}
.width-40 {
  width: 40px !important;
}
.width-100 {
  width: 100px !important;
}
.width-250 {
  width: 250px !important;
}
.height-30 {
  height: 30px !important;
}
.height-60 {
  height: 60px !important;
}
.height-60 {
  height: 60px !important;
}
.height-70 {
  height: 60px !important;
}
.height-80 {
  height: 60px !important;
}
.height-90 {
  height: 60px !important;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
}
.is-hidden {
  display: none !important;
}
.is-vhidden {
  visibility: hidden !important;
}
.is-disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: default !important;
}
.stuck {
  position: fixed !important;
  top: 0 !important;
  z-index: 2 !important;
  -webkit-animation-name: translateDown;
  animation-name: translateDown;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
.overflow-auto {
  overflow: auto !important;
}
.im.is-icon-xs,
.sl.is-icon-xs,
.material-icons.is-icon-xs {
  font-size: 0.8rem !important;
}
.im.is-icon-md,
.sl.is-icon-md,
.material-icons.is-icon-md {
  font-size: 1.5rem !important;
}
.im.is-icon-2x,
.sl.is-icon-2x,
.material-icons.is-icon-2x {
  font-size: 2rem;
}
.im.is-icon-3x,
.sl.is-icon-3x,
.material-icons.is-icon-3x {
  font-size: 3rem;
}
.im.is-icon-4x,
.sl.is-icon-4x,
.material-icons.is-icon-4x {
  font-size: 4rem;
}
.im.is-gigantic,
.sl.is-gigantic,
.material-icons.is-gigantic {
  font-size: 12rem;
}
.img-circle {
  border-radius: 1000px;
}
@media (max-width: 767px) {
  .mobile-padding-20 {
    padding: 20px 30px;
  }
  .mobile-padding-40 {
    padding: 40px;
  }
  .has-text-centered-mobile {
    text-align: center !important;
  }
}
.side-block {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  overflow: visible;
  z-index: 2;
}
.side-block .background-wrapper {
  background-color: #344258;
  border-radius: 10px;
  overflow: visible;
}
.side-block .background-wrapper .video-wrapper {
  position: relative;
  height: 0;
  max-width: 100%;
  padding-bottom: 56.25%;
  margin-bottom: 0;
  overflow: hidden;
  cursor: pointer;
  display: block;
}
.side-block .background-wrapper .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.side-block .background-wrapper .video-wrapper .video-overlay {
  position: absolute;
  width: 100%;
  background-size: cover;
  filter: alpha(opacity=35);
  opacity: 0.2;
}
.side-block .background-wrapper .video-wrapper .playbutton {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -63px;
  cursor: pointer;
}
.side-block .background-wrapper .video-wrapper .playbutton .icon-play i {
  font-size: 6rem;
  color:white;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.side-block .background-wrapper .video-wrapper .playbutton .icon-play i:hover {
  color: #0084c4;
}

@media (max-width: 767px) {
  .section-title-wrapper {
    padding: 40px 0 !important;
  }
  .content-wrapper {
    padding-top: 40px !important;
  }
}
@media (max-width: 768px) {
  .nav-item.is-tab {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .nav .nav-item.is-tab.is-active,
  .nav-menu.is-active .nav-item.is-tab.is-active {
    border-bottom: none !important;
    color: var(--primary-color) !important;
  }
  .nav-item.nav-inner {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  a.nav-item.is-not-mobile {
    display: none !important;
  }
  .nav-item.is-menu-mobile {
    display: block !important;
    color: #7a7a7a !important;
  }
  .navbar.navbar-light.is-dark-mobile {
    background: #344258;
  }
  .navbar.navbar-light.is-dark-mobile .navbar-menu {
    background: #344258;
  }
  .navbar.navbar-light.is-dark-mobile .navbar-menu a {
    color: #fff;
  }
  .navbar .navbar-menu .navbar-link,
  .navbar .navbar-menu .navbar-item,
  .navbar .navbar-menu .navbar-dropdown {
    width: 100%;
    text-align: center;
  }
  .navbar .navbar-menu .navbar-link:after {
    display: block !important;
    right: 43%;
  }
  .navbar .navbar-menu .button {
    width: 100%;
  }
  .navbar-brand {
    min-height: 4.6rem;
  }
  .custom-burger {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .navbar-burger {
    height: 4.6rem;
    width: 4.6rem;
  }
  .level-left.level-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .level-left.level-social .level-item:last-child .icon i {
    position: relative !important;
  }
  #main-hero {
    max-height: 100vh;
    background-position-x: 55% !important;
    
  }
  
  .parallax-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0 !important;
  }
  .title.section-title {
    font-size: 2rem !important;
  }
  .hero.is-fullheight.is-halfed-mobile {
    height: 35vh !important;
  }
  .three-grid .column,
  .four-grid .column,
  .five-grid .column {
    border: none !important;
  }
  .three-grid .is-separator,
  .four-grid .is-separator,
  .five-grid .is-separator {
    border: none !important;
  }
  .single-image-carousel .image-wrapper img {
    min-height: 50px !important;
  }
  .single-image-carousel .image-wrapper .caption {
    display: none;
  }
  .video-caption {
    left: 5%;
  }
  #navigation-trigger,
  .navigation-close {
    opacity: 1 !important;
  }
  .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark {
    background-color: #344258 !important;
  }
  .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark
    .nav-menu.is-active {
    background-color: #344258 !important;
  }
  .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark
    .nav-menu.is-active
    .nav-inner.is-menu-mobile {
    color: #fff !important;
  }
  .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark
    .nav-menu.is-active
    .nav-inner.is-menu-mobile.is-active {
    color: var(--primary-color) !important;
  }
  .navbar-wrapper.navbar-fade.mobile-menu-dark {
    background-color: #fff !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .columns {
    padding: 0 10%;
  }
  .columns.is-tablet-portrait {
    padding: 10%;
  }
  .columns.is-not-tablet-portrait {
    padding: 0 !important;
  }
  .content-wrapper {
    padding-top: 0 !important;
  }
}
@media (max-width: 1007px) {
  .column.slide-description {
    padding: 20px 0 !important;
  }
  .account {
    display: none;
  }
  .media-card {
    min-height: 300px !important;
  }
  .column.is-4.media-stretch {
    width: 100% !important;
  }
  .column.is-4.media-stretch .media-card-image {
    min-height: 150px;
  }
  .mcard-controls {
    position: relative !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .navbar-brand {
    min-height: 4.6rem;
    height: 4.6rem;
  }
  .navbar-brand .custom-burger {
    /* display: none !important; */
  }
  .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark {
    background-color: #344258 !important;
  }
  .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark
    .nav-menu.is-active {
    background-color: #344258 !important;
  }
  .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark
    .nav-menu.is-active
    .nav-inner.is-menu-mobile {
    color: #fff !important;
  }
  .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark
    .nav-menu.is-active
    .nav-inner.is-menu-mobile.is-active {
    color: var(--primary-color) !important;
  }
  .navbar-wrapper.navbar-fade.mobile-menu-dark {
    background-color: #fff !important;
  }
  .navbar.navbar-light.is-dark-mobile {
    background: #344258;
  }
  .navbar.navbar-light.is-dark-mobile .navbar-menu {
    background: #344258;
  }
  .navbar.navbar-light.is-dark-mobile .navbar-menu a {
    color: #fff;
  }
  .navbar .navbar-menu .navbar-link,
  .navbar .navbar-menu .navbar-item,
  .navbar .navbar-menu .navbar-dropdown {
    text-align: center;
  }
  .navbar .navbar-menu .navbar-link:after {
    display: block !important;
    right: 43%;
  }
  .navbar .navbar-menu .button {
    width: 100%;
  }
  .navbar .navbar-menu #signup-btn,
  .navbar .navbar-menu #signup-btn-alt {
    width: 30% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .navbar.navbar-light.is-dark-mobile {
    background: #344258 !important;
  }
  .navbar.navbar-light.is-dark-mobile .navbar-menu.is-active {
    background: #344258 !important;
  }
  .navbar.navbar-light.is-dark-mobile .navbar-menu.is-active a {
    color: #fff !important;
  }
  .navbar .navbar-menu.is-active .navbar-link,
  .navbar .navbar-menu.is-active .navbar-item,
  .navbar .navbar-menu.is-active .navbar-dropdown {
    text-align: center;
  }
  .navbar .navbar-menu.is-active .navbar-link:after {
    display: block !important;
    right: 43%;
  }
  .navbar .navbar-menu.is-active .button {
    width: 100%;
  }
  .navbar .navbar-menu.is-active #signup-btn,
  .navbar .navbar-menu.is-active #signup-btn-alt {
    width: 30% !important;
  }
}
@media only screen and (max-width: 1023px) {
  .custom-burger {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-loading .slick-list {
  background: #fff url("/assets/fonts/ajax-loader.gif") center center no-repeat;
}
@font-face {
  font-family: "slick";
  src: url("/assets/fonts/slick.eot");
  src: url("/assets/fonts/slick.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/slick.woff") format("woff"),
    url("/assets/fonts/slick.ttf") format("truetype"),
    url("/assets/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}
.h1-main{
color:var(--secondary-color) !important;
font-size: 70px !important;
font-family: 'Nexa Black';
font-weight: bold;
padding:20px 20px;
line-height: 100px;
}
.h2-main{
  color:var(--secondary-color) !important;
  font-size: 40px !important;
  font-family: 'Nexa Black';
  font-weight: bold;
  padding:0px 20px;
  margin-top:0 !important;
  }
  .h3-main{
    width:fit-content;
    margin:20px auto;
    color:var(--secondary-color) !important;
    font-size: 20px !important;
    font-weight: bold;
    margin-top:80px;
    margin-bottom:20px !important;
    padding:0;
    border-bottom:2px solid var(--secondary-color);
    }  
    
.getting-started-btn{
    font-size: 18px;
    font-weight:bold;
    margin:10px 0;
    padding:35px 40px !important;
    color: gray;
}
    
.getting-started-btn:hover{
  background-color: #ECF5FF !important;
  color: #001DAD !important;
  box-shadow: 0.5px 0.5px 10px rgba(0,0,0,0.5) !important;
}
.main-subtitle{
    margin:20px 0 !important;
}
.hero-main-imgs{
    position:absolute;
    /* width: 10px; */
}
#hero-main-img1{
    top:0;
    left:0;
    transform: translate(0px,150px);
}
#hero-main-img2{
    top:0;
    left:0;
    transform: translate(50px,450px);
}

#hero-main-img3{
    top:0;
    right:0;
    transform: translate(0px,80px);
}


#hero-main-img4{
    top:0;
    right:0;
    transform: translate(0px,450px);
}
.home-section1{
    width: 100%;
    background: linear-gradient(90deg, #828282 50%, #ECF5FF 50%);
}
.home-section1 .container{
  width: 100%;
  display: flex;
  background: linear-gradient(90deg, #828282 50%, #ECF5FF 50%);
}
.aside1{
    flex-basis: 50%;
    height: auto;
    padding:60px 0;
    padding-top: 80px;
    display: flex;
    /* padding-left: 12%; */
    border-right: 2px solid #333333;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}

.aside1-indiv{
    flex-basis: 100%;
    margin-right: -50px;
}
.aside1-indiv p{
    color:white;
    width: 100%;
    font-weight: lighter;
    /* background-color: red; */
    text-align: left;
    margin-top:50px;
    font-size: 14px;
}
.aside1-indiv h3{
    color:white;
    width: 100%;
    font-weight: bold;
    /* background-color: red; */
    text-align: left;
    font-size: 40px !important;
    margin:0;
}
.aside2{
    flex-basis: 50%;
    height: auto;
    /* background-color: #ECF5FF; */
    padding:60px;
    padding-top: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    padding-right:12%;
}

.aside2-indiv{
    flex-basis: 80%;
    display: flex;
    flex-wrap: wrap;
}
.aside2-indivs{
    flex-basis:100%;
    padding:5px;
}
#aside2-indiv-odd{
    text-align: left;
}
#aside2-indiv-even{
    text-align: right;
}
.aside2-indiv p{
    color:var(--primary-color);
    width: 100%;
    font-weight: lighter;
    /* background-color: red; */
    text-align: left;
    margin-top:50px;
    font-size: 14px;
}
.aside2-indiv h3{

    color:var(--primary-color);
    width: 100%;
    font-weight: bold;
    /* background-color: red; */
    text-align: left;
    font-size: 40px !important;
    margin:0;
}
.text-left{
    text-align: left  !important;
}
.section-heading{
    text-align: center;
    color:var(--secondary-color);
    font-size: 50px !important;
    font-family: 'Nexa Black' !important;
}
.feature-content{
    margin: 40px 0;
    font-size: 20px;
    color: var(--secondary-color);
}
.section10{
    padding: 200px 0;
}
.section10 h2{
    text-align: center;
    color:white;
    font-size: 60px !important;
    font-family: 'Nexa Bold';
}
.section10 p{
    text-align: center;
    margin: 40px 0;
}
.button-reverse{
    background-color: white !important;
    color: black !important;
    font-weight: 600;
    border-radius: 100px;
}

.home-section2{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding:100px 40px;
    /* background-color: #ECF5FF; */
}

.home-section2 h2{
    text-align: center;
    color:var(--secondary-color);
    font-size: 40px !important;
    font-family: 'Nexa Bold';
}

.home-section2 h4{
    text-align: center;
    color:gray;
    font-size: 28px !important;
    margin:20px 0;
}
.home-section2-indiv{
    width: 100%;
    margin:60px 0 !important;
    /* display: flex; */
}
.pros-div{
    text-align:center;
    padding:30px 60px;
}

.pros-div h4{
    font-weight: bold;
    color:var(--secondary-color);
    font-size: 24px !important;
    font-family: 'Nexa Bold';
}

.pros-div p{
    font-size: 18px;
    color:var(--secondary-color);
    font-weight:400;
}



.home-section3{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding:100px 40px;
    background-color: var(--secondary-color);
}

.home-section3-indiv{
    width: 100%;
    /* display: flex; */
}

.quote-div h2{
    font-weight: bold;
    color:white;
    font-size: 34px !important;
    font-family: 'Nexa Bold';
}
.quote-div h4{
    font-weight: bold;
    color:white;
    font-size: 24px !important;
}
.quote-div  p{
    font-size: 18px;
    color:white;
    font-weight:400;
}
.text-right{
    text-align: right !important;
}

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



.home-section4{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding:100px 40px;
}

.home-section4-indiv{
    width: 100%;
    /* display: flex; */
}

.manage-tickets-div h2{
    font-weight: bold;
    color:var(--secondary-color);
    font-size: 50px !important;
    font-family: 'Nexa Black';
    line-height: 60px;
}
.manage-tickets-div h4{
    font-weight: bold;
    color:white;
    font-size: 24px !important;
}
.manage-tickets-div  p{
    font-size: 18px;
    color:var(--secondary-color);
    font-weight:400;
}
.explore-buttons{
    border:2px solid var(--primary-color);
    padding:10px 16px;
    text-align: center;
    color:var(--primary-color);
    font-size:18px;
    border-radius: 5px;
    font-weight: bold;
    transition:0.2s all ease-in;
    -webkit-transition:0.2s all ease-in;
    -ms-transition:0.2s all ease-in;
    -moz-transition:0.2s all ease-in;
    -o-transition:0.2s all ease-in;
    box-shadow: 0.5px 0.5px 10px #d3d3d3;
}
.explore-buttons:hover{
    background:var(--primary-color);
    color:white;
    box-shadow: 1px 1px 10px gray;
}


.home-section5{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding:100px 40px;
    background-color: #ECF5FF;
}

.home-section5-indiv{
    width: 100%;
    /* display: flex; */
}

.manage-tickets-div h2{
    font-weight: bold;
    color:var(--secondary-color);
    font-size: 50px !important;
    font-family: 'Nexa Black';
}
.manage-tickets-div h4{
    font-weight: bold;
    color:white;
    font-size: 24px !important;
}
.manage-tickets-div  p{
    font-size: 18px;
    color:var(--secondary-color);
    font-weight:400;
}
.explore-buttons{
    border:2px solid var(--primary-color);
    padding:10px 16px;
    text-align: center;
    color:var(--primary-color);
    font-size:18px;
    border-radius: 5px;
    font-weight: bold;
    transition:0.2s all ease-in;
    -webkit-transition:0.2s all ease-in;
    -ms-transition:0.2s all ease-in;
    -moz-transition:0.2s all ease-in;
    -o-transition:0.2s all ease-in;
    box-shadow: 0.5px 0.5px 10px #d3d3d3;
}
.explore-buttons:hover{
    background:var(--primary-color);
    color:white;
    box-shadow: 1px 1px 10px gray;
}

.home-section6{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding:100px 40px;
}
.multimedia-comments-div-img img{
  margin-left: -100px;
}
.multimedia-comments-div h2{
  font-weight: bold;
  color:var(--secondary-color);
  font-size: 50px !important;
  font-family: 'Nexa Black';
  line-height: 60px !important;
}
.multimedia-comments-div h4{
  font-weight: bold;
  color:white;
  font-size: 24px !important;
}
.multimedia-comments-div  p{
  font-size: 18px;
  color:var(--secondary-color);
  font-weight:400;
  padding-right: 100px;
}
.slider-indicators-main{
}
.slider-slides{
  width: 100%;
  margin-bottom:5px;
  border-radius:10px;
  padding:16px 0px;
  cursor: pointer;
  
}
/* .slider-slides:hover{
background-color:#f2f2f2;
} */
.slider-slides h2{
  font-weight: 700;
  font-size: 18px;
} 
.slider-slides p{
  margin:10px 0;
  font-size: 12px;
  display: none;
}
.active-slide{
 
  animation: colorchange 5s ease 0s 1 normal forwards;
  /* background: linear-gradient(
    to left,
    #f2f2f2 -100%,
    red 100%
  ); */
  
  padding:16px 10px;
}
.active-slide .slide-loader{
  width: 100%;
  height: 100%;
  position: relative;
  background-color: red;
}
@keyframes colorchange {
  0%   {  background: linear-gradient(
    to left,
    #f2f2f2 100%,
    #ECF5FF 0%
  ); }  1%   {  background: linear-gradient(
    to left,
    #f2f2f2 99%,
    #ECF5FF 0%
  ); }  2%   {  background: linear-gradient(
    to left,
    #f2f2f2 98%,
    #ECF5FF 0%
  ); }  3%   {  background: linear-gradient(
    to left,
    #f2f2f2 97%,
    #ECF5FF 0%
  ); }  4%   {  background: linear-gradient(
    to left,
    #f2f2f2 96%,
    #ECF5FF 0%
  ); }  5%   {  background: linear-gradient(
    to left,
    #f2f2f2 95%,
    #ECF5FF 0%
  ); }  6%   {  background: linear-gradient(
    to left,
    #f2f2f2 94%,
    #ECF5FF 0%
  ); }  7%   {  background: linear-gradient(
    to left,
    #f2f2f2 93%,
    #ECF5FF 0%
  ); }  8%   {  background: linear-gradient(
    to left,
    #f2f2f2 92%,
    #ECF5FF 0%
  ); }  9%   {  background: linear-gradient(
    to left,
    #f2f2f2 91%,
    #ECF5FF 0%
  ); }  10%   {  background: linear-gradient(
    to left,
    #f2f2f2 90%,
    #ECF5FF 0%
  ); }  11%   {  background: linear-gradient(
    to left,
    #f2f2f2 89%,
    #ECF5FF 0%
  ); }  12%   {  background: linear-gradient(
    to left,
    #f2f2f2 88%,
    #ECF5FF 0%
  ); }  13%   {  background: linear-gradient(
    to left,
    #f2f2f2 87%,
    #ECF5FF 0%
  ); }  14%   {  background: linear-gradient(
    to left,
    #f2f2f2 86%,
    #ECF5FF 0%
  ); }  15%   {  background: linear-gradient(
    to left,
    #f2f2f2 85%,
    #ECF5FF 0%
  ); }  16%   {  background: linear-gradient(
    to left,
    #f2f2f2 84%,
    #ECF5FF 0%
  ); }  17%   {  background: linear-gradient(
    to left,
    #f2f2f2 83%,
    #ECF5FF 0%
  ); }  18%   {  background: linear-gradient(
    to left,
    #f2f2f2 82%,
    #ECF5FF 0%
  ); }  19%   {  background: linear-gradient(
    to left,
    #f2f2f2 81%,
    #ECF5FF 0%
  ); }  20%   {  background: linear-gradient(
    to left,
    #f2f2f2 80%,
    #ECF5FF 0%
  ); }  21%   {  background: linear-gradient(
    to left,
    #f2f2f2 79%,
    #ECF5FF 0%
  ); }  22%   {  background: linear-gradient(
    to left,
    #f2f2f2 78%,
    #ECF5FF 0%
  ); }  23%   {  background: linear-gradient(
    to left,
    #f2f2f2 77%,
    #ECF5FF 0%
  ); }  24%   {  background: linear-gradient(
    to left,
    #f2f2f2 76%,
    #ECF5FF 0%
  ); }  25%   {  background: linear-gradient(
    to left,
    #f2f2f2 75%,
    #ECF5FF 0%
  ); }  26%   {  background: linear-gradient(
    to left,
    #f2f2f2 74%,
    #ECF5FF 0%
  ); }  27%   {  background: linear-gradient(
    to left,
    #f2f2f2 73%,
    #ECF5FF 0%
  ); }  28%   {  background: linear-gradient(
    to left,
    #f2f2f2 72%,
    #ECF5FF 0%
  ); }  29%   {  background: linear-gradient(
    to left,
    #f2f2f2 71%,
    #ECF5FF 0%
  ); }  30%   {  background: linear-gradient(
    to left,
    #f2f2f2 70%,
    #ECF5FF 0%
  ); }  31%   {  background: linear-gradient(
    to left,
    #f2f2f2 69%,
    #ECF5FF 0%
  ); }  32%   {  background: linear-gradient(
    to left,
    #f2f2f2 68%,
    #ECF5FF 0%
  ); }  33%   {  background: linear-gradient(
    to left,
    #f2f2f2 67%,
    #ECF5FF 0%
  ); }  34%   {  background: linear-gradient(
    to left,
    #f2f2f2 66%,
    #ECF5FF 0%
  ); }  35%   {  background: linear-gradient(
    to left,
    #f2f2f2 65%,
    #ECF5FF 0%
  ); }  36%   {  background: linear-gradient(
    to left,
    #f2f2f2 64%,
    #ECF5FF 0%
  ); }  37%   {  background: linear-gradient(
    to left,
    #f2f2f2 63%,
    #ECF5FF 0%
  ); }  38%   {  background: linear-gradient(
    to left,
    #f2f2f2 62%,
    #ECF5FF 0%
  ); }  39%   {  background: linear-gradient(
    to left,
    #f2f2f2 61%,
    #ECF5FF 0%
  ); }  40%   {  background: linear-gradient(
    to left,
    #f2f2f2 60%,
    #ECF5FF 0%
  ); }  41%   {  background: linear-gradient(
    to left,
    #f2f2f2 59%,
    #ECF5FF 0%
  ); }  42%   {  background: linear-gradient(
    to left,
    #f2f2f2 58%,
    #ECF5FF 0%
  ); }  43%   {  background: linear-gradient(
    to left,
    #f2f2f2 57%,
    #ECF5FF 0%
  ); }  44%   {  background: linear-gradient(
    to left,
    #f2f2f2 56%,
    #ECF5FF 0%
  ); }  45%   {  background: linear-gradient(
    to left,
    #f2f2f2 55%,
    #ECF5FF 0%
  ); }  46%   {  background: linear-gradient(
    to left,
    #f2f2f2 54%,
    #ECF5FF 0%
  ); }  47%   {  background: linear-gradient(
    to left,
    #f2f2f2 53%,
    #ECF5FF 0%
  ); }  48%   {  background: linear-gradient(
    to left,
    #f2f2f2 52%,
    #ECF5FF 0%
  ); }  49%   {  background: linear-gradient(
    to left,
    #f2f2f2 51%,
    #ECF5FF 0%
  ); }  50%   {  background: linear-gradient(
    to left,
    #f2f2f2 50%,
    #ECF5FF 0%
  ); }  51%   {  background: linear-gradient(
    to left,
    #f2f2f2 49%,
    #ECF5FF 0%
  ); }  52%   {  background: linear-gradient(
    to left,
    #f2f2f2 48%,
    #ECF5FF 0%
  ); }  53%   {  background: linear-gradient(
    to left,
    #f2f2f2 47%,
    #ECF5FF 0%
  ); }  54%   {  background: linear-gradient(
    to left,
    #f2f2f2 46%,
    #ECF5FF 0%
  ); }  55%   {  background: linear-gradient(
    to left,
    #f2f2f2 45%,
    #ECF5FF 0%
  ); }  56%   {  background: linear-gradient(
    to left,
    #f2f2f2 44%,
    #ECF5FF 0%
  ); }  57%   {  background: linear-gradient(
    to left,
    #f2f2f2 43%,
    #ECF5FF 0%
  ); }  58%   {  background: linear-gradient(
    to left,
    #f2f2f2 42%,
    #ECF5FF 0%
  ); }  59%   {  background: linear-gradient(
    to left,
    #f2f2f2 41%,
    #ECF5FF 0%
  ); }  60%   {  background: linear-gradient(
    to left,
    #f2f2f2 40%,
    #ECF5FF 0%
  ); }  61%   {  background: linear-gradient(
    to left,
    #f2f2f2 39%,
    #ECF5FF 0%
  ); }  62%   {  background: linear-gradient(
    to left,
    #f2f2f2 38%,
    #ECF5FF 0%
  ); }  63%   {  background: linear-gradient(
    to left,
    #f2f2f2 37%,
    #ECF5FF 0%
  ); }  64%   {  background: linear-gradient(
    to left,
    #f2f2f2 36%,
    #ECF5FF 0%
  ); }  65%   {  background: linear-gradient(
    to left,
    #f2f2f2 35%,
    #ECF5FF 0%
  ); }  66%   {  background: linear-gradient(
    to left,
    #f2f2f2 34%,
    #ECF5FF 0%
  ); }  67%   {  background: linear-gradient(
    to left,
    #f2f2f2 33%,
    #ECF5FF 0%
  ); }  68%   {  background: linear-gradient(
    to left,
    #f2f2f2 32%,
    #ECF5FF 0%
  ); }  69%   {  background: linear-gradient(
    to left,
    #f2f2f2 31%,
    #ECF5FF 0%
  ); }  70%   {  background: linear-gradient(
    to left,
    #f2f2f2 30%,
    #ECF5FF 0%
  ); }  71%   {  background: linear-gradient(
    to left,
    #f2f2f2 29%,
    #ECF5FF 0%
  ); }  72%   {  background: linear-gradient(
    to left,
    #f2f2f2 28%,
    #ECF5FF 0%
  ); }  73%   {  background: linear-gradient(
    to left,
    #f2f2f2 27%,
    #ECF5FF 0%
  ); }  74%   {  background: linear-gradient(
    to left,
    #f2f2f2 26%,
    #ECF5FF 0%
  ); }  75%   {  background: linear-gradient(
    to left,
    #f2f2f2 25%,
    #ECF5FF 0%
  ); }  76%   {  background: linear-gradient(
    to left,
    #f2f2f2 24%,
    #ECF5FF 0%
  ); }  77%   {  background: linear-gradient(
    to left,
    #f2f2f2 23%,
    #ECF5FF 0%
  ); }  78%   {  background: linear-gradient(
    to left,
    #f2f2f2 22%,
    #ECF5FF 0%
  ); }  79%   {  background: linear-gradient(
    to left,
    #f2f2f2 21%,
    #ECF5FF 0%
  ); }  80%   {  background: linear-gradient(
    to left,
    #f2f2f2 20%,
    #ECF5FF 0%
  ); }  81%   {  background: linear-gradient(
    to left,
    #f2f2f2 19%,
    #ECF5FF 0%
  ); }  82%   {  background: linear-gradient(
    to left,
    #f2f2f2 18%,
    #ECF5FF 0%
  ); }  83%   {  background: linear-gradient(
    to left,
    #f2f2f2 17%,
    #ECF5FF 0%
  ); }  84%   {  background: linear-gradient(
    to left,
    #f2f2f2 16%,
    #ECF5FF 0%
  ); }  85%   {  background: linear-gradient(
    to left,
    #f2f2f2 15%,
    #ECF5FF 0%
  ); }  86%   {  background: linear-gradient(
    to left,
    #f2f2f2 14%,
    #ECF5FF 0%
  ); }  87%   {  background: linear-gradient(
    to left,
    #f2f2f2 13%,
    #ECF5FF 0%
  ); }  88%   {  background: linear-gradient(
    to left,
    #f2f2f2 12%,
    #ECF5FF 0%
  ); }  89%   {  background: linear-gradient(
    to left,
    #f2f2f2 11%,
    #ECF5FF 0%
  ); }  90%   {  background: linear-gradient(
    to left,
    #f2f2f2 10%,
    #ECF5FF 0%
  ); }  91%   {  background: linear-gradient(
    to left,
    #f2f2f2 9%,
    #ECF5FF 0%
  ); }  92%   {  background: linear-gradient(
    to left,
    #f2f2f2 8%,
    #ECF5FF 0%
  ); }  93%   {  background: linear-gradient(
    to left,
    #f2f2f2 7%,
    #ECF5FF 0%
  ); }  94%   {  background: linear-gradient(
    to left,
    #f2f2f2 6%,
    #ECF5FF 0%
  ); }  95%   {  background: linear-gradient(
    to left,
    #f2f2f2 5%,
    #ECF5FF 0%
  ); }  96%   {  background: linear-gradient(
    to left,
    #f2f2f2 4%,
    #ECF5FF 0%
  ); }  97%   {  background: linear-gradient(
    to left,
    #f2f2f2 3%,
    #ECF5FF 0%
  ); }  98%   {  background: linear-gradient(
    to left,
    #f2f2f2 2%,
    #ECF5FF 0%
  ); }  99%   {  background: linear-gradient(
    to left,
    #f2f2f2 1%,
    #ECF5FF 0%
  ); }  100%   {  background: linear-gradient(
    to left,
    #f2f2f2 0%,
    #ECF5FF 0%
  ); }


}

.active-slide p{
  display: block;
}
.slider-slideshow{
  padding-left:80px;
}
.slider-slideshow img{
  display: none;
}
.active-slideshow-img{
  display: block !important;
}


.home-section8{
  width: 100%;
  padding:100px 40px;
}
.footer-links{
  display:flex;
  align-items: center;
  color:var(--secondary-color) !important;
  font-size: 16px;
  font-weight: 400;
}
.footer-links:hover,.footer-links:hover svg path{
  color:var(--primary-color) !important;
  fill:var(--primary-color) !important;
}
.footer-links span{
  margin-left:5px;
}
.footer-column-header{
color:var(--secondary-color);
font-size: 18px;
font-weight: 700;
margin-top:20px;
margin-bottom: 20px;
}
.text-primary{
  color: var(--primary-color) !important;
}
.footer-last{
  display:flex;
  align-items:center;
  align-content:center;
  justify-content: space-between;
}

.usecases-section2{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding:100px 40px;
  /* background-color: #ECF5FF; */
}

.usecases-section2 h2{
  text-align: center;
  color:var(--secondary-color);
  font-size: 40px !important;
  font-family: 'Nexa Bold';
}

.usecases-section2 h4{
  text-align: center;
  color:gray;
  font-size: 20px !important;
  margin:20px 0;
}
.usecases-section2-indiv{
  width: 100%;
  margin:60px 0 !important;
  display: flex;
  flex-wrap: wrap;
}
.usecases-div{
  height:380px;
  padding:20px 50px;
  flex-basis: 33.33%;
}
.usecases-indiv{
  height:100%;
  display:flex;
  flex-direction: column;
  border-radius:5px;
  overflow:hidden;
  border:2px solid var(--secondary-color);
}
.usecases-div-top{
  flex-basis: 50%;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
}
.usecases-div-top img{

}
.usecases-div-top i{
font-size: 60px;
color:#262626;
}
.usecases-div-bottom{
  flex-basis: 50%;
  padding:20px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
}
.usecases-div-bottom h3{
  font-size:20px;
  color:var(--secondary-color);
  font-weight:600;
}
.usecases-div-bottom p{
  color:var(--secondary-color);
}
.bg-lightblue{
  background-color: #ECF5FF !important;
}


.integrations-section2{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding:100px 40px;
  /* background-color: #ECF5FF; */
}

.integrations-section2 h2{
  text-align: center;
  color:var(--secondary-color);
  font-size: 40px !important;
  font-family: 'Nexa Bold';
}

.integrations-section2 h4{
  text-align: center;
  color:gray;
  font-size: 20px !important;
  margin:20px 0;
}
.integrations-section2-indiv{
  width: 100%;
  margin:60px 0 !important;
  display: flex;
  flex-wrap: wrap;
}
.integrations-div{
  min-height:280px;
  padding:20px 20px;
  flex-basis: 25%;
}
.integrations-indiv{
  height:100%;
  display:flex;
  flex-direction: column;
  border-radius:5px;
  overflow:hidden;
  border:2px solid var(--secondary-color);
}
.integrations-div-top{
  flex-basis: 40%;
  display:flex;
  align-items: center;
  justify-content: center;
}
.integrations-div-top i{
  font-size: 60px !important;
}
.integrations-div-top img{
  width: 40px !important;
}
.integrations-div-bottom{
  flex-basis: 60%;
  padding:20px;
}
.integrations-div-bottom h3{
  font-size:20px;
  color:var(--secondary-color);
  font-weight:600;
}
.integrations-div-bottom p{
  color:var(--secondary-color);
}

.roadmap-table{
  width:100% !important;
}
.roadmap-table tr th:first-child{
width:80%;
}
.multi-toggle-wrapper{
  width:100%;
}

/* media queries */

@media(max-width:1020px){
  .is-hidden-mobile{
    display: none;
  }
   .home-section1 .container{
     flex-wrap: wrap;
     background:none;
   }
.aside1,.aside2{
  flex-basis: 100%;
}
.aside1{
  background-color: #828282;
}
.aside2{
  background-color: #ECF5FF;
}
.aside1-indiv{
  padding:0 30px;
  margin:0;
  text-align: center;
}
.aside1-indiv p{
  font-size: 18px;
  text-align: center;
}
.aside1-indiv h3{
  /* padding-top:28px; */
  text-align: center;
}

.aside2{
  justify-content: center;
}
.aside2-indiv:first-child{
  flex-basis: 60%;
}
.aside2-indiv:nth-child(2){
  flex-basis: 100%;
}
.aside2-indiv p{
  font-size: 18px;
  text-align: center;
}
.aside2-indiv h3{
  
  text-align: center;
}
.home-section2-indiv{
  padding:0 5% !important;
}
.pros-div{
  padding:30px 20px;
  display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.home-section4-indiv{
  flex-wrap: wrap;
}
.home-section4-indiv div{
  width: 100% !important;
}
.home-section5-indiv{
  flex-wrap: wrap;
}
.home-section5-indiv div{
  width: 100% !important;
}
.multimedia-comments-div-img img{
  margin:0;
}
.section10{
  padding:40px 40px;
}
.section10 p{
  margin:40px 0;
}
footer.footer-light-medium{
  padding-top:40px !important;
}
.usecases-div{
  padding:20px;
}
.integrations-div{
  padding:20px;
}
.multimedia-comments-div-img{
  text-align: center !important;
}
.slider-slideshow{
  padding-left:10px;
}
.slider-slides{
  padding:16px 10px;
}
.home-section8-indiv{
  padding:0 !important;
}
.active-slide{
  animation:none;
  background: #ECF5FF;
}
.integrations-div{
  flex-basis: 33.33%;
}

@media(max-width:840px){
  #hero-main-img2{
    transform: translate(0px,450px);
  }
}
@media(max-width:770px){
  .title.big-title{
    font-size: 4rem !important;
    line-height: 60px;
    padding-top:60px;
  }
  .light-subtitle{
    font-size: 2rem !important;
    margin-top:0 !important;
  }
  #hero-main-img3{
    transform: translate(0,20px);
  }
  #hero-main-img1{
    transform: translate(0,180px);
  }
  #hero-main-img2{
    transform: translate(30px,450px);
  }
  .pros-div{
    display: block;
  }
  .home-section2{
    padding:40px;
  }
  .home-section2 h2{
    font-size: 26px !important;
  }
  .home-section2 h4{
    font-size: 18px !important;
  }
  .home-section3{
    padding: 40px;
  }
  .home-section4{
    padding: 40px;
  }
  .quote-div h2{
    font-size: 20px !important;
  }
  .quote-div img{
    width: 200px;
  }
  
  .manage-tickets-div h2{
    font-size: 26px !important;
  }
  .manage-tickets-div p{
    font-size: 14px;
  }
  .explore-buttons{
    font-size: 14px;
  }
  .home-section5{
    padding:40px;
  }
  .multimedia-comments-div h2{
    font-size:26px !important;
  }
  .multimedia-comments-div p{
    padding:0;
    font-size: 14px;
  }
  .multimedia-comments-div-img img{
    margin:0;
  }
  .home-section6{
    padding:40px;
  }
  .home-section8{
    
    padding:40px;
  }
  .usecases-section2{
    padding:40px;
  }
  .integrations-section2{
    padding:40px;
  }
  .slider-indicators-main{
    
    /* background: red; */
    width: 100%;
    overflow: scroll;
    padding:20px 40px;
    
  }
  .slider-indications-inmain{
    width: 1300px;
    position: relative;
    display: flex;
  }
.slider-slideshow{
  width: 100% !important;
  overflow:scroll;
}  
.slider-slideshow div{
  width: 160%;
  padding-right: 40px;
}  
.slider-slides{
  width:200px;
}
.slider-slides h2{
  font-size: 14px;
}
.slider-slides p{
  display: block;
}
.section10 h2{
  font-size: 30px !important;
}
.usecases-div{
  flex-basis:50%;
}
.usecases-div{
  flex-basis:50%;
}
.integrations-div{
  flex-basis:50%;
}

}
@media(max-width:670px){
  
  #hero-main-img1{
    transform: translate(0,0px);
  }
  #hero-main-img2{
    transform: translate(0px,400px);
  }
  #hero-main-img4{
    transform: translate(10px,420px);
  }
  #hero-main-img4{
    width: 130px;
  }
  
 
}
@media(max-width:550px){
  
  .title.big-title{
    font-size: 2rem !important;
    line-height: 40px;
    padding-top: 40px;
  }
  .light-subtitle{
    font-size: 1rem !important;
    margin-top:0 !important;
  }
  .hero-main-imgs img{
    width: 120px;
  }
  #hero-main-img2{
    transform: translate(0px,350px);
  }
  #hero-main-img4{
    transform: translate(10px,340px);
  }
  #main-hero{
    max-height: 140vh !important;
    padding-bottom: 100px;
  }
 
  .aside1{
    padding:30px 0;
  }
  .aside2{
    padding:30px 0;
  }
  .aside1-indiv p,.aside2-indiv p{
    font-size: 14px;
    text-align: center;
  }
  .aside1-indiv h3,.aside2-indiv h3{
    font-size: 26px !important;
    text-align: center;
  }
  .usecases-section2-indiv{
    display:block;

  }
  .usecases-indiv{
    width:240px;
    margin:0 auto;
  }
  .integrations-section2-indiv{
    display:block;

  }
  .integrations-indiv{
    width:240px;
    margin:0 auto;
  }
  .getting-started-btn{
    padding:20px !important;
  }
}
@media(max-width:500px){
  #hero-main-img2{
    transform: translate(0px,370px);
  }
  #hero-main-img4{
    transform: translate(10px,370px);
  }
}
@media(max-width:450px){
  
  #hero-main-img2{
    transform: translate(0px,380px);
  }
  #hero-main-img4{
    transform: translate(10px,380px);
  }
}
@media(max-width:350px){
  
  #hero-main-img2{
    transform: translate(0px,390px);
  }
  #hero-main-img4{
    transform: translate(10px,390px);
  }
}