:root{
	--background:  #fcfdfe;
	--background-2:#f5faff; 
	--background-3:#cfecf4;
	--background-4:#0cbed5;
	--background-5:#23d4eb;
	--background-6:#c6e3eb;
	--background-7:#fff;
	--background-8:#f4fcff;
	--background-9:#13274b;
	--background-10:#bbe4f0;
	--background-11:#0cbcd3;
	--background-12:#0bb7d0;
	--background-13:#0aafc5;
	--background-14:#fff;
	--background-15:#834ce4;
}
/*FONTS*/
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 100 700;
	font-stretch: 100%;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYbSAYZgVNU.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
ul.top-nav {
	padding-left: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	list-style: none;
	white-space: nowrap;
	display: flex;
}
ul.top-nav > a:not(.btn), ul.top-nav > li {
	position: relative;
	display: flex;
	align-items: center;
}
.top-nav .promo-top {
	margin-right: auto;
}
.bg2 {
	background: #f03 !important
}
.site-banner.banner.banner-no-graphic.banner-secondary h4 {
	color: var(--text-secondary-lighter-color)
}
.bootstrap-switch-container {
	border-radius: 1rem;
}
.login-wrapper {
	box-shadow: none;
}
.search-box-primary {
	background: var(--primary-block-btn-border-color);
}
.panel-support .support-title {
	text-transform: uppercase;
}
/*ALERTS*/
.alert-dismissible {
  padding-right: calc(var(--alert-padding-2x)*1) !important;
}
/*SIDEBANNER*/
.lagom.presentation-page .presentation-section.site-banner::after {
  height: 100% !important;
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 20px;
  background: transparent !important;
}
.presentation-section {
  width: calc(100% - 80px);
  max-width: 1900px;
  margin: 120px auto;
  margin-top: 0px;
  padding-top: 0px;	
  border-radius: 20px;
}
.promo-slider-icon{
	width: 90% !important;
}
/*TOP NAV*/
.lagom-layout-top .app-nav-menu .menu > li > a:not(.btn) {
	text-transform: uppercase;
	font-weight: 500;
	font-family: "IBM Plex Sans", sand-serif;
	padding: 0 5px;
}
.app-nav-menu .menu > li > a {
	text-transform: uppercase;
}
.lagom-layout-top .app-nav {
    position: relative;
    z-index: 1002;
    background: transparent !important;
    border-bottom: none;
    box-shadow: none;
 }
  .lagom-layout-top .app-nav-menu {
    background: transparent !important
  }
/*LEFT NAV II*/
.lagom-layout-left-wide .app-nav:not(.app-nav-only-logo), .lagom-layout-left .app-nav:not(.app-nav-only-logo) {
	background: var(--primary-block-btn-bg);
	margin: 10px;
	border-radius: 0.5rem;
}
.lagom-layout-left .app-nav-menu .menu > li .dropdown-menu {
	bottom: 0;
	left: 100%;
	transition: all ease-out 0.2s;
	transform: translateX(5px);
}
.lagom-layout-left .app-nav-menu .menu > li.open .dropdown-menu, .lagom-layout-left .app-nav-menu .menu > li.sfHover .dropdown-menu, .lagom-layout-left .app-nav-menu .menu > li.show .dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transition: all ease-in 0.1s;
	border: 2px solid var(--primary-block-btn-bg);
	border-radius: 0.5rem;
}
/*FOOTER*/
.font-up-plex, .main-footer-extended .footer-title {
	font-family: "IBM Plex Sans", sand-serif;
	text-transform: uppercase;
	color: var(--primary-block-btn-bg);
}
.main-footer-extended .footer-top {
	/*background: var(--primary-block-bg-h);*/
}
.main-footer .footer-nav > li > a {
	font-family: "IBM Plex Sans", sand-serif;
	font-size: 1rem;
	color: var(--primary)
}
.main-footer-extended .footer-title {
	margin-bottom: 5px;
}
.main-footer .footer-bottom {
	padding: var(--spacing-1x) 0;
	border-top: var(--main-footer-border-top);
}
@media (min-width: 992px) {
	.main-footer-extended .footer-brand {
		min-width: 300px;
		padding: 10px;
		border-radius: 0.25rem;
		outline: 2px solid var(--primary-block-btn-border-color);
		outline-offset: 2px;
		align-items: start;
	}
	.main-footer-extended .footer-company-desc {
		margin: -5px 0 0 0;
		padding: 0;
		width: 100%;
		min-width: 200px;
		color: var(--primary-block-btn-bg) !important;
	}
	.main-footer-extended .footer-company-intro {
		display: flex;
		gap: 10px;
	}
}
@media (max-width: 767.98px) {
	.presentation-section {
		width: calc(100% - 0px);
		max-width: auto;
		margin: 0 auto;
		margin-top: 0;
		padding-top: 0;	
		border-radius: 0;
	}	
	.main-footer .footer-bottom .footer-nav-h {
		flex-direction: row;
		padding: 2px 10px;
		font-weight: 500;
		text-transform: uppercase;
	}
}
/*EFF*/
.bg-radial {
	opacity: 1;
	background: radial-gradient(41.3523% 43.2% at 50% 120%, rgba(89, 89, 89, 0.2) 0%, rgba(15, 15, 15, 0.4) 100%);
}
.line-bottom {
	background: linear-gradient(90deg, rgba(16, 16, 16, 0) 0%, rgb(105, 105, 105) 49.4561%, rgba(16, 16, 16, 0) 100%);
	opacity: 0.5;
}
/*CTA*/
.site-section.section-cta .section-actions {
	gap: 20px;
}
.section-get-started {
	position: relative;
	text-align: center;
	padding-top: 0;
}
.section-title {
	margin-bottom: 46px;
}
.support-page .section-get-started {
	padding-top: 64px;
}
.section-get-started .section-actions {
	padding-top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn-new > span:not(.button-loader), .btn > span:not(.button-loader) {
	position: relative;
	z-index: 3;
}
.btn-hero .hero-slogan:first-child {
	text-align: right;
}
.btn-hero .hero-slogan {
	font-size: 1.2rem;
	line-height: 120%;
	font-weight: 500;
	margin: 0;
	color: hsla(0, 0%, 100%, .7);
}
.btn-hero .hero-slogan b {
	display: block;
	font-size: 1.6rem;
	line-height: 120%;
	font-weight: 800;
	text-transform: uppercase;
	color: #fff !important;
}
.btn-hero {
	border-radius: 0.5rem;
	height: 80px;
	padding: 0 30px;
	font-size: 14px;
	transition: all ease-in 0.2s;
}
.btn-hero:hover {
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.hero-left {
	text-align: left;
}
.hero-right {
	text-align: right;
}
.btn-hero .hero-icon + .hero-slogan {
	margin-left: 13px;
	text-align: left;
}
.btn-hero .hero-icon:last-child {
	margin-left: 13px;
}
.hero-icon i {
	font-size: 2.3rem;
}
.btn-primary::after {
	background-image: linear-gradient(180deg, #5dcd5f, #79e06b);
}
.btn-light-blue::after {
	background-image: linear-gradient(160deg, #69d9ff, #4daef0);
}


.banner-background .banner-shape .cls-1{fill:var(--background-11)}
.banner-background .banner-shape .cls-2{fill-opacity:0.1;fill:url(#linear-gradient);}
.banner-background .banner-shape .cls-3{fill:var(--background-12)}
.banner-background .banner-shape .cls-4{fill:var(--background-13)}
.banner-background .banner-shape .cls-5{mask:url(#mask);}
.banner-background .banner-shape .cls-6,.cls-7{fill:none;isolation:isolate;opacity:0.1;}
.banner-background .banner-shape .cls-6{stroke:var(--background-14);stroke-width:60px;}
.banner-background .banner-shape .cls-7{stroke:var(--background-14);stroke-width:59px;}

/*EFF1*/
.eff1 {
  position: absolute;
  inset: -1em;
  --c: 7px;
  background-color: #000;
  background-image: radial-gradient(
      circle at 50% 50%,
      #0000 1.5px,
      #000 0 var(--c),
      #0000 var(--c)
    ),
    radial-gradient(
      circle at 50% 50%,
      #0000 1.5px,
      #000 0 var(--c),
      #0000 var(--c)
    ),
    radial-gradient(circle at 50% 50%, #f00, #f000 60%),
    radial-gradient(circle at 50% 50%, #ff0, #ff00 60%),
    radial-gradient(circle at 50% 50%, #0f0, #0f00 60%),
    radial-gradient(ellipse at 50% 50%, #00f, #00f0 60%);
  background-size:
    12px 20.7846097px,
    12px 20.7846097px,
    200% 200%,
    200% 200%,
    200% 200%,
    200% 20.7846097px;
  --p: 0px 0px, 6px 10.39230485px;
  background-position:
    var(--p),
    0% 0%,
    0% 0%,
    0% 0px;
  animation:
    wee 40s linear infinite,
    filt 6s linear infinite;
}

@keyframes filt {
  0% {
    filter: hue-rotate(0deg);
  }
  to {
    filter: hue-rotate(360deg);
  }
}

@keyframes wee {
  0% {
    background-position:
      var(--p),
      800% 400%,
      1000% -400%,
      -1200% -600%,
      400% 41.5692194px;
  }
  to {
    background-position:
      var(--p),
      0% 0%,
      0% 0%,
      0% 0%,
      0% 0%;
  }
}