@import url("https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap");
/* Defaults
-------------------------------------------------------------- */
/* ===== Scrollbar CSS ===== */
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 7px;
}

*::-webkit-scrollbar-track {
  background: #ddd;
  border-radius: 10px;
}

*::-webkit-scrollbar-thumb {
  background-color: #00FFBF;
  border-radius: 10px;
}

body .gform_heading {
  display: none !important;
}

html {
  font-size: 20px;
}

body {
  color: #010101;
  font-size: 1rem;
  direction: ltr;
  line-height: 1.4;
  font-weight: 400;
  font-family: "Raleway", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  display: block;
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  line-height: 1.1em;
}

h1, .top-title {
  font-size: 3.158rem; /* 60/19 */
  font-weight: 700;
  position: relative;
}

h2 {
  font-size: 3.158rem; /* 60/19 */
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 30px;
  position: relative;
}
h2::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 0;
  border-bottom: 4px solid #00FFBF;
  top: 100%;
  left: 0;
  border-radius: 5px;
}
h2.center::after {
  right: 0;
  margin: 0 auto;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1rem;
}

div,
p,
span,
a,
input,
input[type=submit],
select,
textarea {
  font-family: "Raleway", sans-serif;
}

strong,
b {
  font-weight: bold;
}

i,
em {
  font-style: italic;
}

ul li,
ol li {
  text-align: inherit;
}

a,
input[type=submit],
button,
.transition {
  transition: all 400ms ease;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover,
a:focus {
  color: #00FFBF;
}

img {
  max-width: 100%;
}

img.grayscale {
  filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

.mobile {
  display: none;
}

.round {
  border-radius: 50%;
}

.bold {
  font-weight: 700;
}

.center {
  text-align: center;
}

.white-color {
  color: #fff;
}

.primary-color {
  color: #00FFBF;
}

.green-color {
  color: #01E5AC;
}

.purple-color {
  color: #835AA4;
}

.dark-bg {
  background-color: #010101;
  color: #fff;
}

.dotted-bg {
  background-image: radial-gradient(#f7f7f7 2.5px, transparent 0);
  background-size: 23px 30px;
}
.dotted-bg.dark-bg {
  background-image: radial-gradient(rgba(239, 239, 239, 0.1) 2.5px, transparent 0);
}

.small-text {
  font-size: 0.85rem;
}

.medium-text {
  font-size: 1.316rem; /* 25/19 */
}

.big-text {
  font-size: 1.684em; /* 32/19 */
}

.gradient-text {
  background: linear-gradient(90deg, #45C4E3 -20%, #4D68B0, #00FFBF 130%);
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
  -webkit-text-fill-color: transparent;
}

.bg-cover {
  background-position: center;
  background-size: cover;
}

.content ol,
.content ul {
  margin-left: 10px;
  padding-left: 10px;
  font-size: 1em;
  margin-bottom: 8px;
}
.content ul {
  line-height: 1.4;
  margin-bottom: 1.5em;
  list-style: none;
  margin-left: 5px;
  padding-left: 0;
}
.content ul li {
  margin-bottom: 0.5em;
  position: relative;
  padding-left: 25px;
}
.content ul li::before {
  content: "";
  width: 11px;
  height: 11px;
  background-color: #00FFBF;
  position: absolute;
  left: 0;
  top: 6px;
  border-radius: 50%;
}
.content ol {
  list-style: decimal;
}
.content p {
  font-size: 1em;
  margin-bottom: 0.6em;
}
.content a {
  text-decoration: underline;
}
.content code {
  color: #835AA4;
  background-color: #eee;
}
.content.special-bullets ul li {
  margin-bottom: 1em;
  padding-left: 40px;
}
.content.special-bullets ul li::before {
  top: 0;
  width: 24px;
  height: 24px;
  background-image: linear-gradient(90deg, #45C4E3 -20%, #4D68B0, #00FFBF 130%);
  border-radius: 50%;
  margin-right: 15px;
  -webkit-clip-path: url(#bullet-clip);
          clip-path: url(#bullet-clip);
}
.content.special-bullets.white-color ul li::before {
  background-image: none;
  background-color: #fff;
}

.button {
  position: relative;
  display: inline-block;
  color: #fff;
  padding: 10px 20px;
  transition: 0.3s;
  margin: 20px 0;
  background: transparent;
  border: 0;
}
.button span {
  position: relative;
  z-index: 2;
}
.button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #45C4E3 -20%, #4D68B0, #00FFBF 130%);
  border-radius: 10px;
  left: 0;
  top: 0;
  transition: 0.5s;
}
.button::after {
  content: ">";
  position: absolute;
  opacity: 0;
  transition: 0.5s 0s;
  color: #fff;
  right: 5px;
}
.button:hover {
  color: #fff;
  text-decoration: none;
}
.button:hover::before {
  transform: perspective(600px) rotateY(-45deg) scale(1.4, 1.1);
}
.button:hover::after {
  content: ">";
  opacity: 1;
  transition: 0.5s 0.4s;
}
.button.border-button {
  color: inherit;
}
.button.border-button::before {
  background: transparent;
  border: 1px solid #00FFBF;
  color: inherit;
}
.button.purple-button::before {
  background: #835AA4;
}
.button.purple-button.border-button::before {
  background: transparent;
  border-color: #835AA4;
}
.button.green-button::before {
  background: #00FFBF;
}
.button.dark-button::before {
  background: #010101;
}
.button.button-200:hover::before {
  transform: perspective(1000px) rotateY(-50deg) scale(1.7, 1.2) translate(-5px, 0);
}
.button.button-300:hover::before {
  transform: perspective(1000px) rotateY(-50deg) scale(1.7, 1.2) translate(-25px, 0);
}
.button.long-button:hover::before {
  transform: perspective(760px) rotateY(-33deg) scale(1.4, 1);
}

.buttons .button {
  margin-right: 40px;
}
.buttons .button:last-child {
  margin-right: 0;
}

/****************************************************************
    LAYOUT  LAYOUT  LAYOUT  LAYOUT  LAYOUT  LAYOUT  LAYOUT  LAYOUT
****************************************************************/
.off-canvas-wrapper {
  position: relative;
  overflow: hidden;
}

.container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: block;
}
.container.big-container {
  max-width: 1450px;
}

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

header {
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 5555555;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  padding: 15px 0;
}
header .popup-wrapper {
  width: 100vw;
  height: 100vh;
  transform: translateY(-180%);
  transition: 0.6s;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 12;
}
header .popup-wrapper.active-popup {
  transform: translateY(0);
}
header .popup-wrapper .popup {
  position: relative;
  width: 820px;
  max-height: 75%;
  max-width: 95%;
  display: flex;
}
header .popup-wrapper .popup .inner {
  overflow: hidden;
  position: relative;
  background: linear-gradient(90deg, #45C4E3 -20%, #4D68B0, #00FFBF 130%);
  z-index: 2;
  text-align: center;
  border-radius: 80px;
  z-index: 3;
  display: flex;
}
header .popup-wrapper .popup .close-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
}
header .popup-wrapper .popup .close-icon:hover {
  cursor: pointer;
  background-color: #eee;
}
header .popup-wrapper .popup .top-icon {
  position: absolute;
  right: 50px;
  top: 0;
}
header .popup-wrapper .popup .bottom-icon {
  position: absolute;
  left: 50px;
  bottom: 0;
}
header .popup-wrapper .popup .white-bg {
  background-color: #fff;
  height: 100%;
  width: 600px;
  max-width: 100%;
  position: absolute;
  background-color: #fff;
  transform: skewX(5.5deg);
  left: 0;
  right: 0;
  margin: 0 auto;
}
header .popup-wrapper .popup .buttons {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
header .popup-wrapper .popup .buttons a {
  margin: 0 10px;
}
header .popup-wrapper .popup .content {
  overflow-y: auto;
  position: relative;
  z-index: 1;
  padding: 40px 60px;
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
}
header .popup-wrapper .popup .title {
  font-size: 2.1rem;
  background: linear-gradient(90deg, #45C4E3 -20%, #4D68B0, #00FFBF 130%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 0;
}
header .popup-wrapper .popup .title::after {
  content: none;
}
header .popup-wrapper .popup .text {
  max-width: 540px;
  margin: 30px auto 50px auto;
}
header .popup-wrapper .popup .cta {
  color: #835AA4;
  font-size: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
header .popup-wrapper .popup .cta::after {
  content: "";
  width: 160px;
  border-bottom: 2px solid #06C29A;
  margin-top: 10px;
  margin-bottom: 30px;
}
header .popup-wrapper .popup .button {
  text-decoration: none;
}
header .container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
header .logo img {
  max-height: 80px;
  height: auto;
  width: auto;
}
header .right {
  display: flex;
  align-items: flex-end;
}
header .right .nav-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
header .right .nav-wrapper .button {
  margin: 0;
  padding: 5px 20px;
}
header .right .nav-wrapper .support {
  display: flex;
  align-items: center;
}
header .right .nav-wrapper .support svg {
  margin-right: 5px;
}
header .right .nav-wrapper .support span {
  max-width: 0;
  transition: 0.5s;
  line-height: 1.1;
  overflow: hidden;
  white-space: nowrap;
}
header .right .nav-wrapper .support:hover {
  color: #010101;
}
header .right .nav-wrapper .support:hover span {
  max-width: 150px;
}
header .right .nav-wrapper .top {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
header .right .nav-wrapper .top > * {
  margin: 0 15px;
}
header .right .nav-wrapper .top > *:last-child {
  margin-right: 0;
}
header .right .nav-wrapper .lang-item {
  list-style: none;
}
header .right .nav-wrapper .lang-item img {
  width: 22px !important;
  height: auto !important;
}
header .right .jungo-logo {
  margin-left: 40px;
}

footer {
  position: relative;
}
footer::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(115deg, rgba(1, 1, 1, 0.7), #010101 500px, #010101 50%, rgba(1, 1, 1, 0.7));
}
footer .contact-section::before {
  content: none;
}
footer a {
  color: #fff;
  text-decoration: underline;
}
footer .white-seperator {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 10px;
  background-color: #fff;
  z-index: 2;
}
footer .bottom-footer {
  position: relative;
  margin-top: 50px;
  padding-bottom: 30px;
  padding-top: 50px;
  border-top: 5px solid #835AA4;
}
footer .social {
  display: flex;
}
footer .social a {
  display: block;
  margin: 0 5px;
}
footer .social a:hover svg path {
  fill: #fff;
  stroke: #fff;
}
footer .social svg {
  width: 20px;
  height: 20px;
}
footer .social svg path {
  transition: 0.4s;
  fill: #00FFBF;
  stroke: #00FFBF;
}
footer .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
footer .right .top > * {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #fff;
}
footer .right .top > *:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}
footer .right .credit {
  margin-top: 10px;
}

/** Main Menu */
ul#main-menu {
  position: relative;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  list-style: none;
  margin: 0 -20px;
  padding: 0;
  /** Sub Menu  ***/
}
ul#main-menu > li {
  position: relative;
}
ul#main-menu > li > a {
  position: relative;
  display: block;
  font-size: 0.9rem;
  font-weight: 700;
  color: #010101;
  padding: 0 20px;
}
ul#main-menu > li > a:focus, ul#main-menu > li > a:hover {
  text-decoration: none;
  color: #010101;
}
ul#main-menu > li.current-menu-item > a {
  color: #010101;
}
ul#main-menu > li.button {
  margin: 0 20px;
  padding: 0;
}
ul#main-menu > li.button a {
  color: #fff;
}
ul#main-menu > li.menu-item-has-children > a {
  padding-right: 25px;
}
ul#main-menu > li.menu-item-has-children > a::after {
  content: "";
  position: absolute;
  border-right: 2px solid #010101;
  border-bottom: 2px solid #010101;
  height: 0.5rem;
  width: 0.5rem;
  right: 5px;
  top: 5px;
  transform: rotate(45deg);
}
ul#main-menu > li.menu-item-has-children:hover > ul.sub-menu {
  display: block;
}
ul#main-menu ul.sub-menu {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 100%;
  width: 250px;
  display: none;
  padding-left: 0;
  padding: 10px 0;
}
ul#main-menu ul.sub-menu > li {
  position: relative;
  display: block;
  background: #fff;
}
ul#main-menu ul.sub-menu > li > a {
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 10px 0;
  margin: 0 20px;
  color: #010101;
  font-size: 0.8em;
  border-bottom: 1px solid #835AA4;
}
ul#main-menu ul.sub-menu > li > a:hover, ul#main-menu ul.sub-menu > li > a:focus {
  text-decoration: none;
  color: #835AA4;
}
ul#main-menu ul.sub-menu > li:hover > a {
  color: #835AA4;
}
ul#main-menu ul.sub-menu > li.menu-item-has-children > a {
  position: relative;
}
ul#main-menu ul.sub-menu > li.menu-item-has-children > a::after {
  content: "";
  position: absolute;
  border-right: 1px solid #010101;
  border-bottom: 1px solid #010101;
  height: 0.5rem;
  width: 0.5rem;
  right: 5px;
  transform: rotate(-45deg);
}
ul#main-menu ul.sub-menu > li.menu-item-has-children ul.sub-menu {
  left: 100%;
  top: 0;
  padding: 0;
  border: 1px solid #835AA4;
}
ul#main-menu ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu {
  display: block;
}

/****** General ******/
.loader {
  position: absolute;
  top: -5px;
  right: -8px;
  opacity: 0;
}
.loader img {
  display: block !important;
  width: 110px;
  height: auto;
  max-width: none;
}
.loader.active {
  opacity: 1;
}

.page-template-accessibility {
  direction: rtl;
}
.page-template-accessibility a.accessibility {
  margin-top: 5px;
  display: block;
}
.page-template-accessibility .main-container {
  padding: 70px 15px;
}
.page-template-accessibility h1 {
  text-align: center;
}
.page-template-accessibility h2 {
  font-size: 2rem;
  margin-top: 50px;
  text-align: right;
}
.page-template-accessibility p {
  text-align: right !important;
  line-height: 1.4;
}
.page-template-accessibility .content ul {
  direction: rtl;
  list-style: disc;
}
.page-template-accessibility .content ul p {
  text-align: right;
}
.page-template-accessibility .content ul li {
  font-size: 0.9rem;
  text-align: right;
  margin-bottom: 10px;
}

/* fixes potential theme css conflict */
.acf-map img {
  max-width: inherit !important;
}

.section {
  position: relative;
  padding: 50px 0;
}

.bg-elements {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.bg-elements .left-element {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background-size: cover;
}

.vert-stroke {
  position: absolute;
  height: 50%;
  width: 2px;
  background-color: #00FFBF;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
}
.vert-stroke .double-circle {
  left: -11px;
  opacity: 0;
  transform: scale(0);
  top: 100%;
}
.vert-stroke .single-circle {
  left: -7px;
  opacity: 0;
  transform: scale(0);
}
.vert-stroke.active {
  transition: 1s;
  opacity: 1;
  transform: scaleY(1);
}
.vert-stroke.active .double-circle {
  transition: 0.5s 1s;
  opacity: 1;
  transform: scale(1);
}
.vert-stroke.active .single-circle {
  transition: 0.5s 1s;
  opacity: 1;
  transform: scale(1);
}

.horiz-stroke {
  position: absolute;
  background-color: #00FFBF;
  height: 2px;
  width: 200px;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left;
}
.horiz-stroke .double-circle {
  left: 100%;
  top: -11px;
  opacity: 0;
  transform: scale(0);
}
.horiz-stroke .single-circle {
  top: -9px;
  opacity: 0;
  transform: scale(0);
}
.horiz-stroke.active {
  transition: 1s;
  opacity: 1;
  transform: scaleX(1);
}
.horiz-stroke.active .double-circle {
  transition: 0.5s 1s;
  opacity: 1;
  transform: scale(1);
}
.horiz-stroke.active .single-circle {
  transition: 0.5s 1s;
  opacity: 1;
  transform: scale(1);
}

.double-circle {
  position: absolute;
  width: 24px;
  height: 24px;
}
.double-circle::before {
  content: "";
  position: absolute;
  background-color: #00FFBF;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  left: 7px;
  top: 7px;
}
.double-circle::after {
  content: "";
  position: absolute;
  border: 2px solid #00FFBF;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  left: 0px;
}

.slider-nav {
  position: relative;
  display: inline-block;
  margin-top: 50px;
  max-width: calc(100% - 80px);
}
.slider-nav .slick-arrow {
  position: absolute;
  border: 0;
  background-color: transparent;
  top: 50%;
  transform: translateY(-50%);
}
.slider-nav .slick-arrow.slick-next {
  left: 100%;
}
.slider-nav .slick-arrow.slick-prev {
  right: 100%;
}
.slider-nav .slick-arrow.slick-disabled {
  opacity: 0.3;
}
.slider-nav .slick-dots {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  list-style: none;
  padding: 0 30px;
  margin: 0;
}
.slider-nav .slick-dots li {
  margin: 0 10px;
}
.slider-nav .slick-dots button {
  position: relative;
  border: 0;
  padding: 0;
  display: flex;
  background-color: transparent;
  width: 15px;
  height: 15px;
  background-color: #fff;
  font-size: 0;
  border-radius: 50%;
}
.slider-nav .slick-dots svg {
  width: 15px;
  height: auto;
}
.slider-nav .slick-dots li.slick-active button {
  background-color: #00FFBF;
}

.request-form-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  display: none;
  z-index: 5555555;
  padding: 90px 0;
  overflow: auto;
}
.request-form-wrapper::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(115deg, rgba(1, 1, 1, 0.7), rgba(1, 1, 1, 0.7) 500px, rgba(1, 1, 1, 0.9), rgba(1, 1, 1, 0.95));
}
.request-form-wrapper .container {
  background-color: #fff;
  color: #010101;
  padding: 50px;
}
.request-form-wrapper .container::before {
  content: "";
  position: absolute;
  border: 2px solid #01E5AC;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  top: -20px;
  left: -20px;
  transition: 0.7s 0.7s;
}
.request-form-wrapper .container .wrapper {
  position: relative;
  z-index: 2;
}
.request-form-wrapper .close-button {
  position: absolute;
  bottom: calc(100% + 5px);
  left: calc(100% + 5px);
  cursor: pointer;
}
.request-form-wrapper h1 {
  font-weight: inherit;
  margin-bottom: 0.8em;
}
.request-form-wrapper h1 * {
  font-size: 0.9em;
}
.request-form-wrapper h1 span.light {
  border-left: 3px solid;
  padding-left: 15px;
}
.request-form-wrapper h3 {
  font-size: 1.4rem;
}
.request-form-wrapper .license-agreement-holder {
  height: 220px;
  overflow: auto;
  margin-bottom: 50px;
  display: none;
}
.request-form-wrapper .license-agreement-holder h3 {
  font-size: 1rem;
  font-weight: 700;
  color: #835AA4;
}
.request-form-wrapper .license-agreement-holder .content {
  font-size: 0.85rem;
}
.request-form-wrapper form {
  margin-top: 30px;
}
.request-form-wrapper form .license-agreement-holder {
  display: block;
}
.request-form-wrapper form .label, .request-form-wrapper form .gfield_label {
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 0;
}
.request-form-wrapper form label {
  margin-top: 10px;
  margin-bottom: 0;
  width: 100%;
}
.request-form-wrapper form input:not([type=submit]), .request-form-wrapper form textarea {
  border: 0;
  border-bottom: 3px solid #010101;
  transition: 0.3s;
  width: 100%;
  background-color: transparent;
  font-size: 0.9rem;
}
.request-form-wrapper form input:not([type=submit]):hover, .request-form-wrapper form textarea:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.request-form-wrapper form input:not([type=submit]):focus, .request-form-wrapper form textarea:focus {
  background-color: rgba(255, 255, 255, 0.2);
  outline: 0;
}
.request-form-wrapper form select {
  background-color: transparent;
  padding: 5px 0;
  border: 0;
  border-bottom: 2px solid #010101;
  width: 100%;
  font-size: 0.9rem;
}
.request-form-wrapper form textarea {
  height: 130px;
  color: #01E5AC;
}
.request-form-wrapper form .wpcf7-radio {
  display: block;
  margin-top: 15px;
  margin-bottom: 5px;
}
.request-form-wrapper form .wpcf7-radio .wpcf7-list-item {
  padding: 0;
  margin: 0;
  display: block;
}
.request-form-wrapper form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
  position: relative;
  padding-left: 25px;
}
.request-form-wrapper form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid #01E5AC;
}
.request-form-wrapper form .wpcf7-radio .wpcf7-list-item input {
  opacity: 0;
  position: absolute;
}
.request-form-wrapper form .wpcf7-radio .wpcf7-list-item input:checked ~ .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 9px;
  height: 9px;
  border-radius: 1px;
  background-color: #01E5AC;
}
.request-form-wrapper form .wpcf7-acceptance .wpcf7-list-item {
  padding: 0;
  margin: 0;
}
.request-form-wrapper form .wpcf7-acceptance .wpcf7-list-item-label {
  position: relative;
  padding-left: 25px;
}
.request-form-wrapper form .wpcf7-acceptance .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid #01E5AC;
}
.request-form-wrapper form .wpcf7-acceptance input {
  opacity: 0;
  position: absolute;
}
.request-form-wrapper form .wpcf7-acceptance input:checked ~ .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 6px;
  width: 9px;
  height: 9px;
  border-radius: 1px;
  background-color: #01E5AC;
}
.request-form-wrapper form .flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 30px 0;
}
.request-form-wrapper form .flex .flex-side {
  width: 50%;
  padding-right: 50px;
  max-width: 520px;
}
.request-form-wrapper form .flex .single-field, .request-form-wrapper form .flex .gfield {
  flex: 1;
  margin-bottom: 30px;
}
.request-form-wrapper form .wpcf7-list-item {
  margin-left: 1.5em;
}
.request-form-wrapper form .wpcf7-list-item label {
  margin: 0;
  padding-right: 25px;
}
.request-form-wrapper form input[type=checkbox] {
  width: auto;
  margin-left: -1.5em;
  margin-right: 0.3em;
}
.request-form-wrapper form .button-wrapper {
  margin-top: 30px;
  position: relative;
  display: inline-block;
  transition: 0.3s;
}
.request-form-wrapper form .button-wrapper input[type=submit] {
  color: #fff;
  position: relative;
  z-index: 2;
  padding: 10px 20px;
  background-color: transparent;
  border: 0;
}
.request-form-wrapper form .button-wrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #45C4E3 -20%, #4D68B0, #00FFBF 130%);
  border-radius: 10px;
  left: 0;
  top: 0;
  transition: 0.5s;
}
.request-form-wrapper form .button-wrapper::after {
  content: ">";
  position: absolute;
  opacity: 0;
  transition: 0.5s 0s;
  color: #fff;
  right: 5px;
  top: 10px;
}
.request-form-wrapper form .button-wrapper:hover, .request-form-wrapper form .button-wrapper:focus {
  color: #fff;
  text-decoration: none;
}
.request-form-wrapper form .button-wrapper:hover::before, .request-form-wrapper form .button-wrapper:focus::before {
  transform: perspective(600px) rotateY(-45deg) scale(1.4, 1.1);
}
.request-form-wrapper form .button-wrapper:hover::after, .request-form-wrapper form .button-wrapper:focus::after {
  content: ">";
  opacity: 1;
  transition: 0.5s 0.4s;
}
.request-form-wrapper form .button-wrapper .ajax-loader, .request-form-wrapper form .button-wrapper .wpcf7-spinner {
  position: absolute;
}
.request-form-wrapper form .wpcf7-not-valid-tip {
  font-size: 0.8rem;
  font-weight: 700;
}
.request-form-wrapper form .wpcf7-response-output {
  margin: 40px 0 0 0;
  padding: 0.5em 1em;
  border: 0;
  background-color: #010101;
  color: #fff;
}
.request-form-wrapper form .gfield_radio {
  display: block;
  margin-top: 15px;
  margin-bottom: 5px;
}
.request-form-wrapper form .gfield_radio .gchoice {
  padding: 0;
  margin: 0;
  display: block;
}
.request-form-wrapper form .gfield_radio .gchoice label {
  position: relative;
  padding-left: 25px;
}
.request-form-wrapper form .gfield_radio .gchoice label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid #01E5AC;
}
.request-form-wrapper form .gfield_radio .gchoice input {
  opacity: 0;
  position: absolute;
}
.request-form-wrapper form .gfield_radio .gchoice input:checked ~ label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 9px;
  height: 9px;
  border-radius: 1px;
  background-color: #01E5AC;
}
.request-form-wrapper form .hidden_label .gfield_label {
  display: none;
}
.request-form-wrapper form .ginput_container_consent {
  display: block;
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 0.9rem;
}
.request-form-wrapper form .ginput_container_consent label {
  position: relative;
  padding-left: 25px;
}
.request-form-wrapper form .ginput_container_consent label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid #01E5AC;
}
.request-form-wrapper form .ginput_container_consent input {
  opacity: 0;
  position: absolute;
}
.request-form-wrapper form .ginput_container_consent input:checked ~ label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 9px;
  height: 9px;
  border-radius: 1px;
  background-color: #01E5AC;
}
.request-form-wrapper form.invalid .wpcf7-response-output {
  background-color: #dc3232;
}
.request-form-wrapper form.sent .wpcf7-response-output {
  background-color: #835AA4;
}

.gform_wrapper .gform_submission_error {
  margin-top: 20px;
  color: #dc3232;
  font-size: 1.3rem;
}
.gform_wrapper .validation_message {
  color: #dc3232;
  font-size: 0.9rem;
  font-weight: 700;
}
.gform_wrapper .hidden_sub_label {
  display: none;
}

.inner-top-section {
  min-height: 400px;
}
.inner-top-section .bg-elements .right-element {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
}
.inner-top-section .bg-elements::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(115deg, rgba(1, 1, 1, 0.2), rgba(1, 1, 1, 0.7), #010101 500px, #010101 50%, rgba(1, 1, 1, 0.2));
}
.inner-top-section .vert-stroke {
  left: calc(100% + 50px);
  height: 180px;
}
.inner-top-section h1 {
  padding-bottom: 20px;
  margin-bottom: 30px;
  position: relative;
}
.inner-top-section h1::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 0;
  border-bottom: 4px solid #00FFBF;
  top: 100%;
  left: 0;
  border-radius: 5px;
}

.contact-section {
  padding-top: 100px;
  position: relative;
}
.contact-section::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(115deg, rgba(1, 1, 1, 0.7), #010101 500px, #010101 50%, rgba(1, 1, 1, 0.7));
}
.contact-section .top-text {
  position: relative;
  padding-bottom: 30px;
}
.contact-section .top-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  height: 2px;
  width: 250px;
  background-color: rgba(255, 255, 255, 0.5);
}
.contact-section form {
  margin-top: 30px;
}
.contact-section form .hidden_label .gfield_label {
  display: none;
}
.contact-section form .ginput_container_consent {
  display: block;
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 0.85rem;
}
.contact-section form .ginput_container_consent label {
  position: relative;
  padding-left: 25px;
}
.contact-section form .ginput_container_consent label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid #01E5AC;
}
.contact-section form .ginput_container_consent input {
  opacity: 0;
  position: absolute;
  color: #fff;
}
.contact-section form .ginput_container_consent input:checked ~ label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 9px;
  height: 9px;
  border-radius: 1px;
  background-color: #01E5AC;
}
.contact-section form .gform_fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact-section form .gform_fields .gfield {
  margin: 30px 0;
  width: 100%;
}
.contact-section form .gform_fields .gfield.gfield--width-third {
  width: 30%;
}
.contact-section form .gform_fields .gfield.gfield--width-half {
  width: calc(50% - 20px);
}
.contact-section form .gfield_label {
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 0;
}
.contact-section form label {
  margin-top: 10px;
  margin-bottom: 0;
  width: 100%;
}
.contact-section form input:not([type=submit]), .contact-section form textarea {
  border: 0;
  border-bottom: 3px solid #fff;
  transition: 0.3s;
  width: 100%;
  background-color: transparent;
  color: #fff;
}
.contact-section form input:not([type=submit]):hover, .contact-section form textarea:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.contact-section form input:not([type=submit]):focus, .contact-section form textarea:focus {
  background-color: rgba(255, 255, 255, 0.2);
  outline: 0;
}
.contact-section form textarea {
  height: 130px;
  color: #fff;
}
.contact-section form .gfield_radio {
  display: flex;
  margin-top: 15px;
  margin-bottom: 5px;
}
.contact-section form .gfield_radio .gchoice {
  padding: 0;
  margin: 0;
  display: block;
  padding-right: 25px;
}
.contact-section form .gfield_radio .gchoice label {
  position: relative;
  padding-left: 25px;
}
.contact-section form .gfield_radio .gchoice label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid #01E5AC;
}
.contact-section form .gfield_radio .gchoice input {
  opacity: 0;
  position: absolute;
}
.contact-section form .gfield_radio .gchoice input:checked ~ label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 9px;
  height: 9px;
  border-radius: 1px;
  background-color: #01E5AC;
}
.contact-section form .wpcf7-radio {
  display: block;
  margin-top: 15px;
  margin-bottom: 50px;
}
.contact-section form .wpcf7-radio .wpcf7-list-item {
  padding: 0;
  margin: 0;
}
.contact-section form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
  position: relative;
  padding-left: 25px;
}
.contact-section form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid #00FFBF;
}
.contact-section form .wpcf7-radio .wpcf7-list-item input {
  opacity: 0;
  position: absolute;
}
.contact-section form .wpcf7-radio .wpcf7-list-item input:checked ~ .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 9px;
  height: 9px;
  border-radius: 1px;
  background-color: #00FFBF;
}
.contact-section form .wpcf7-acceptance .wpcf7-list-item {
  padding: 0;
  margin: 0;
}
.contact-section form .wpcf7-acceptance .wpcf7-list-item-label {
  position: relative;
  padding-left: 25px;
}
.contact-section form .wpcf7-acceptance .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid #00FFBF;
}
.contact-section form .wpcf7-acceptance input {
  opacity: 0;
  position: absolute;
}
.contact-section form .wpcf7-acceptance input:checked ~ .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 6px;
  width: 9px;
  height: 9px;
  border-radius: 1px;
  background-color: #00FFBF;
}
.contact-section form .flex {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 30px 0;
}
.contact-section form .flex .single-field, .contact-section form .flex .gfield {
  flex: 1;
  margin-right: 30px;
}
.contact-section form .flex .single-field:last-child, .contact-section form .flex .gfield:last-child {
  margin-right: 0;
}
.contact-section form .wpcf7-list-item {
  margin-left: 1.5em;
}
.contact-section form .wpcf7-list-item label {
  margin: 0;
  padding-right: 25px;
}
.contact-section form input[type=checkbox] {
  width: auto;
  margin-left: -1.5em;
  margin-right: 0.3em;
}
.contact-section form .button-wrapper {
  position: relative;
  display: inline-block;
  transition: 0.3s;
}
.contact-section form .button-wrapper input[type=submit] {
  color: #fff;
  position: relative;
  z-index: 2;
  padding: 10px 20px;
  background-color: transparent;
  border: 0;
}
.contact-section form .button-wrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #45C4E3 -20%, #4D68B0, #00FFBF 130%);
  border-radius: 10px;
  left: 0;
  top: 0;
  transition: 0.5s;
}
.contact-section form .button-wrapper::after {
  content: ">";
  position: absolute;
  opacity: 0;
  transition: 0.5s 0s;
  color: #fff;
  right: 5px;
  top: 10px;
}
.contact-section form .button-wrapper:hover, .contact-section form .button-wrapper:focus {
  color: #fff;
  text-decoration: none;
}
.contact-section form .button-wrapper:hover::before, .contact-section form .button-wrapper:focus::before {
  transform: perspective(600px) rotateY(-45deg) scale(1.4, 1.1);
}
.contact-section form .button-wrapper:hover::after, .contact-section form .button-wrapper:focus::after {
  content: ">";
  opacity: 1;
  transition: 0.5s 0.4s;
}
.contact-section form .button-wrapper .ajax-loader, .contact-section form .button-wrapper .wpcf7-spinner {
  position: absolute;
}
.contact-section form .wpcf7-not-valid-tip {
  font-size: 0.8rem;
  font-weight: 700;
}

.home-main-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  transition: 0.4s;
}
.home-main-section .bg-elements .right-element {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
}
.home-main-section .bg-elements .right-element video {
  position: absolute;
  height: 100%;
  width: auto;
  left: 0;
}
.home-main-section .bg-elements::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(115deg, rgba(1, 1, 1, 0.7), #010101 500px, #010101 50%, rgba(1, 1, 1, 0.3));
}
.home-main-section .bg-elements .strokes {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 1;
}
.home-main-section .bg-elements .strokes .single-circle {
  position: absolute;
  width: 20px;
  height: 20px;
}
.home-main-section .bg-elements .strokes .single-circle::before {
  content: "";
  position: absolute;
  background-color: #45C4E3;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  left: 0;
  top: 0;
}
.home-main-section .bg-elements .strokes .first-stroke {
  left: 50%;
  bottom: 60%;
  height: 20%;
  transform-origin: bottom;
}
.home-main-section .bg-elements .strokes .first-stroke .double-circle {
  bottom: calc(100% + 50px);
}
.home-main-section .bg-elements .strokes .second-stroke {
  left: 60%;
  bottom: 80%;
  width: 20%;
}
.home-main-section .bg-elements .strokes .second-stroke .single-circle {
  left: 100%;
}
.home-main-section .bg-elements .strokes .third-stroke {
  right: 60%;
  bottom: 60%;
  width: 15%;
  transform-origin: right;
}
.home-main-section .bg-elements .strokes .third-stroke .single-circle {
  left: auto;
  right: 100%;
}
.home-main-section .bg-elements .strokes .forth-stroke {
  right: 55%;
  top: 40%;
  height: calc(60% + 100px);
}
.home-main-section .bg-elements .strokes .forth-stroke .double-circle {
  top: 100%;
}
.home-main-section .bg-elements .strokes .fifth-stroke {
  right: 29%;
  top: 40%;
  height: 25%;
}
.home-main-section .bg-elements .strokes .fifth-stroke .double-circle {
  left: auto;
  right: 100%;
}
.home-main-section .bg-elements .strokes .sixth-stroke {
  right: 38%;
  top: 85%;
  width: 8%;
  transform-origin: right;
}
.home-main-section .bg-elements .strokes .sixth-stroke .double-circle {
  left: auto;
  right: 100%;
}
.home-main-section .big-text {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.home-main-section .big-text::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 4px;
  background: #00FFBF;
  top: 100%;
  left: 0;
  border-radius: 5px;
}
.home-main-section .buttons {
  margin-top: 30px;
  margin-bottom: 10px;
}
.home-main-section .buttons .button {
  margin: 10px 0;
  margin-right: 20px;
}
.home-main-section .buttons .button:last-child {
  margin-right: 0;
}

.home-features-section {
  background-image: radial-gradient(#efefef 2.5px, transparent 0);
  background-size: 23px 30px;
  padding-top: 200px;
}
.home-features-section .bullets {
  margin-top: 100px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px;
}
.home-features-section .bullets .single-bullet {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px;
}
.home-features-section .bullets .single-bullet .icon-wrapper {
  position: relative;
  margin-bottom: 30px;
  padding: 4px;
  width: 150px;
  height: 150px;
  background-image: linear-gradient(45deg, #45C4E3, #4D68B0, #00FFBF);
  border-radius: 50%;
  overflow: hidden;
  transform: scale(0);
  transition: 0.5s 0.5s;
  opacity: 0;
}
.home-features-section .bullets .single-bullet .svg-wrapper {
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  overflow: hidden;
  border-radius: 50%;
}
.home-features-section .bullets .single-bullet .svg-wrapper svg {
  width: 100%;
  height: 100%;
  padding: 35px 20px;
}
.home-features-section .bullets .single-bullet .texts {
  opacity: 0;
  transition: 0.5s 1s;
}
.home-features-section .bullets.viewed .icon-wrapper {
  opacity: 1;
  transform: scale(1);
}
.home-features-section .bullets.viewed .texts {
  opacity: 1;
}
.home-features-section .button {
  margin-top: 150px;
}

.home-charts-section {
  padding: 100px 0;
}
.home-charts-section .bg-elements .left-element {
  width: 800px;
}
.home-charts-section .bg-elements::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(115deg, rgba(255, 255, 255, 0.3), white 500px, white);
}
.home-charts-section .big-text {
  position: relative;
  padding-top: 50px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.home-charts-section .big-text::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 4px;
  background: #00FFBF;
  top: 100%;
  left: 0;
  border-radius: 5px;
}
.home-charts-section .buttons {
  margin-top: 20px;
  flex-direction: column;
}
.home-charts-section .buttons .button {
  margin: 10px 0;
}
.home-charts-section .chart-wrapper {
  display: none;
}
.home-charts-section .chart-wrapper.active {
  display: block;
  animation-name: chartAnimation;
  animation-duration: 0.8s;
}
.home-charts-section .chart-wrapper .medium-text {
  margin-bottom: 50px;
}
.home-charts-section .chart-wrapper svg {
  max-width: 100%;
  height: auto;
}

@keyframes chartAnimation {
  from {
    opacity: 0;
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.home-benefits-section {
  padding-top: 150px;
  padding-bottom: 200px;
}
.home-benefits-section .vert-stroke {
  height: 150px;
  left: 10%;
  top: 0;
}
.home-benefits-section .benefits {
  margin: 50px 0;
  display: flex;
  width: 100%;
}
.home-benefits-section .benefits .benefit {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 0;
  padding: 100px 30px 0 30px;
  flex: 1;
  transition: 0.5s;
}
.home-benefits-section .benefits .benefit:first-child {
  border-left: 0;
}
.home-benefits-section .benefits .benefit .icon-wrapper {
  width: 60px;
  height: 100px;
  margin: 0 auto;
  margin-bottom: 30px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  transition: 0.5s;
}
.home-benefits-section .benefits .benefit .icon-wrapper svg {
  max-width: 100%;
  max-height: 100%;
}
.home-benefits-section .benefits .benefit .medium-text {
  transition: 0.5s transform, 0.5s padding;
  max-width: 300px;
  margin: 0 auto;
  line-height: 1.2;
}
.home-benefits-section .benefits .benefit .content {
  padding-top: 30px;
  opacity: 0;
}
.home-benefits-section .benefits .benefit:hover {
  background-color: #00FFBF;
  color: #010101;
  padding: 70px 30px 30px 30px;
}
.home-benefits-section .benefits .benefit:hover svg path {
  stroke: #010101;
}
.home-benefits-section .benefits .benefit:hover .medium-text {
  transform: scale(1.5);
  font-weight: 700;
}
.home-benefits-section .benefits .benefit:hover .content {
  opacity: 1;
}

.home-markets-section {
  background-image: radial-gradient(rgba(239, 239, 239, 0.1) 2.5px, transparent 0);
  background-size: 23px 30px;
  padding-top: 100px;
}
.home-markets-section .horiz-stroke {
  right: 0;
  top: 0;
  width: 30%;
  left: auto;
  transform-origin: right;
}
.home-markets-section .horiz-stroke .double-circle {
  left: auto;
  right: 100%;
}
.home-markets-section .markets {
  margin: 50px -10px;
  display: flex;
  flex: 1;
}
.home-markets-section .markets .market-wrapper {
  width: 100%;
  flex: 1;
  padding: 0 10px;
}
.home-markets-section .markets .market-wrapper .market {
  width: 100%;
  transition: 0.5s;
  padding-top: 90%;
  position: relative;
}
.home-markets-section .markets .market-wrapper .market::before {
  content: "";
  position: absolute;
  background-color: #835AA4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: 0.7s;
  opacity: 0.7;
  z-index: 3;
}
.home-markets-section .markets .market-wrapper .market::after {
  content: "";
  position: absolute;
  border: 2px solid #00FFBF;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  top: 10px;
  left: 10px;
  transition: 0.7s 0.7s;
  transform: scale(0);
  z-index: 6;
}
.home-markets-section .markets .market-wrapper .market .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: grayscale(1);
  z-index: 1;
}
.home-markets-section .markets .market-wrapper .market .texts {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  flex-direction: column;
  transition: 0.5s;
  z-index: 5;
}
.home-markets-section .markets .market-wrapper .market .texts .hidden {
  opacity: 0;
  margin-top: 10px;
  margin-bottom: -20px;
  text-decoration: underline;
}
.home-markets-section .markets .market-wrapper.viewed .market::before {
  transform: scale(0);
}
.home-markets-section .markets .market-wrapper.viewed .market::after {
  transform: scale(1);
}
.home-markets-section .markets .market-wrapper.viewed .market .texts {
  background: rgba(1, 1, 1, 0.5);
}
.home-markets-section .markets .market-wrapper.viewed:hover .market::before {
  transform: scale(1);
}
.home-markets-section .markets .market-wrapper.viewed:hover .market .texts {
  background: rgba(1, 1, 1, 0);
}
.home-markets-section .markets .market-wrapper.viewed:hover .market .texts .hidden {
  opacity: 1;
}

.home-testimonials-section .testimonials {
  margin-top: 100px;
}
.home-testimonials-section .logo-wrapper {
  width: 250px;
  height: 250px;
  max-width: 100%;
  background-color: #fff;
  border-radius: 50%;
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-testimonials-section .texts-wrapper {
  border-left: 3px solid #fff;
  margin-left: 30px;
  padding-left: 30px;
}
.home-testimonials-section .medium-text {
  margin-top: 20px;
  margin-bottom: 30px;
}

.home-distributer-section {
  padding: 150px 0;
}
.home-distributer-section .container {
  background-color: #fff;
  color: #010101;
  padding: 50px;
}
.home-distributer-section .container::before {
  content: "";
  position: absolute;
  border: 2px solid #00FFBF;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  top: -20px;
  left: -20px;
  transition: 0.7s 0.7s;
}
.home-distributer-section .button {
  margin-top: 50px;
}

.home-partners-section .partners-wrapper {
  background-color: #fff;
  color: #010101;
  padding: 50px 0;
  margin-top: 50px;
}
.home-partners-section .partners-wrapper .container {
  border-top: 4px solid #010101;
  border-bottom: 4px solid #010101;
}
.home-partners-section .partners-wrapper .partners {
  position: relative;
  margin-top: 50px;
  width: 100%;
}
.home-partners-section .partners-wrapper .partners .slick-list {
  width: 100%;
}
.home-partners-section .partners-wrapper .partners .slick-track {
  min-width: 100%;
  display: flex;
  justify-content: center;
}
.home-partners-section .partners-wrapper .partner {
  padding: 0 15px;
}
.home-partners-section .partners-wrapper .partner .logo-wrapper {
  width: 200px;
  height: 150px;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  margin: 0 auto;
  transition: 0.3s;
}
.home-partners-section .partners-wrapper .partner .logo-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
.home-partners-section .partners-wrapper .partner .plus {
  height: 30px;
  transition: 0.3s height;
}
.home-partners-section .partners-wrapper .partner .texts-wrapper {
  opacity: 0;
  margin-top: -100px;
  transition: 0.3s;
  min-height: 85px;
}
.home-partners-section .partners-wrapper .partner .texts-wrapper a {
  text-decoration: underline;
}
.home-partners-section .partners-wrapper .partner.big-partner:hover .logo-wrapper {
  height: 80px;
}
.home-partners-section .partners-wrapper .partner.big-partner:hover .plus {
  height: 0;
  opacity: 0;
}
.home-partners-section .partners-wrapper .partner.big-partner:hover .texts-wrapper {
  opacity: 1;
  margin-top: 0;
}
.home-partners-section .partners-nav-wrapper .slider-nav {
  margin-bottom: 0;
  margin-top: 0;
}
.home-partners-section .partners-nav-wrapper .slider-nav .slick-dots {
  margin-bottom: 40px;
  margin-top: 40px;
}
.home-partners-section .partners-nav-wrapper .slider-nav .slick-dots button {
  background-color: #ddd;
}
.home-partners-section .partners-nav-wrapper .slider-nav .slick-dots li.slick-active button {
  background-color: #00FFBF;
}

.home-news-section {
  padding: 100px 0;
}
.home-news-section .flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.home-news-section .news-slider {
  position: relative;
  margin-top: 70px;
  padding-bottom: 70px;
  width: 100%;
}
.home-news-section .news-slider .slick-list {
  width: 100%;
}
.home-news-section .news-slider .slick-track {
  min-width: 100%;
}
.home-news-section .news-slider .slick-slide {
  min-height: 350px;
  padding: 10px;
}
.home-news-section .news-slider .slick-slide > div {
  min-height: 350px;
}
.home-news-section .single-news {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 20px;
  height: 100%;
  min-height: 400px;
  background-color: #fff;
  color: #010101;
  border-radius: 15px;
}
.home-news-section .single-news .logo {
  height: 150px;
  width: auto;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  mix-blend-mode: multiply;
  display: flex;
  align-items: flex-end;
}
.home-news-section .single-news .logo img {
  max-width: 250px;
  max-height: 120px;
}
.home-news-section .single-news a {
  display: inline-block;
  margin-top: 15px;
  color: #4D68B0;
  text-decoration: underline;
}
.home-news-section .single-news .bottom {
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.newsletter-bg {
  padding: 50px 15px;
  align-items: flex-end;
}
.newsletter-bg h2 {
  font-size: 2rem;
}
.newsletter-bg form {
  margin-top: 50px;
}
.newsletter-bg #mc_embed_signup_scroll {
  display: flex;
  align-items: flex-end;
}
.newsletter-bg .mc-field-group {
  display: flex;
  flex-direction: column;
}
.newsletter-bg label {
  margin-bottom: 0;
  margin-right: 15px;
  line-height: 1;
}
.newsletter-bg input[type=email] {
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid #fff;
  color: #00FFBF;
}
.newsletter-bg input[type=email]:focus {
  outline: 0;
  background-color: rgba(0, 0, 0, 0.1);
}
.newsletter-bg .button-wrapper {
  position: relative;
  position: relative;
  display: inline-block;
  transition: 0.3s;
  margin-left: 20px;
}
.newsletter-bg .button-wrapper input[type=submit] {
  color: #fff;
  position: relative;
  z-index: 2;
  padding: 10px 30px;
  background-color: transparent;
  border: 0;
  margin: 0;
}
.newsletter-bg .button-wrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #45C4E3 -20%, #4D68B0, #00FFBF 130%);
  border-radius: 10px;
  left: 0;
  top: 0;
  transition: 0.5s;
}
.newsletter-bg .button-wrapper::after {
  content: ">";
  position: absolute;
  opacity: 0;
  transition: 0.5s 0s;
  color: #fff;
  right: 5px;
  top: 10px;
}
.newsletter-bg .button-wrapper:hover, .newsletter-bg .button-wrapper:focus {
  color: #fff;
  text-decoration: none;
}
.newsletter-bg .button-wrapper:hover::before, .newsletter-bg .button-wrapper:focus::before {
  transform: perspective(600px) rotateY(-45deg) scale(1.4, 1.1);
  background-color: #010101;
}
.newsletter-bg .button-wrapper:hover::after, .newsletter-bg .button-wrapper:focus::after {
  content: ">";
  opacity: 1;
  transition: 0.5s 0.4s;
}
.newsletter-bg.gradient-bg {
  background-color: #4D68B0;
  background-image: linear-gradient(90deg, #4D68B0, #45C4E3, #01E5AC 120%);
}
.newsletter-bg.gradient-bg .button-wrapper input[type=submit] {
  color: #010101;
}
.newsletter-bg.gradient-bg .button-wrapper::before {
  background: #fff;
}
.newsletter-bg.gradient-bg .button-wrapper::after {
  content: ">";
  position: absolute;
  opacity: 0;
  transition: 0.5s 0s;
  color: #010101;
  right: 5px;
  top: 10px;
}
.newsletter-bg.gradient-bg .button-wrapper:hover, .newsletter-bg.gradient-bg .button-wrapper:focus {
  color: #010101;
  text-decoration: none;
}
.newsletter-bg.gradient-bg .button-wrapper:hover::before, .newsletter-bg.gradient-bg .button-wrapper:focus::before {
  transform: perspective(600px) rotateY(-45deg) scale(1.4, 1.1);
  background-color: #fff;
}
.newsletter-bg.gradient-bg .button-wrapper:hover::after, .newsletter-bg.gradient-bg .button-wrapper:focus::after {
  content: ">";
  opacity: 1;
  transition: 0.5s 0.4s;
}
.newsletter-bg .gform_wrapper form {
  display: flex;
  flex-wrap: wrap;
}
.newsletter-bg .gform_wrapper .gform_footer {
  display: flex;
  align-items: flex-end;
  margin-top: 15px;
}

.home-help-section {
  padding-top: 0;
}
.home-help-section .container {
  padding: 50px;
  border: 1px solid #00FFBF;
}
.home-help-section .col-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.home-help-section .links {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.home-help-section .links .link {
  position: relative;
  color: #010101;
  text-decoration: underline;
  margin-bottom: 5px;
}
.home-help-section .links .link::after {
  content: ">";
  position: absolute;
  opacity: 1;
  transition: 0.5s 0s;
  color: #010101;
  left: calc(100% + 5px);
}

.about-main-section .bg-elements::after {
  background-image: linear-gradient(115deg, rgba(1, 1, 1, 0.7), #010101 500px, #010101 70%, rgba(1, 1, 1, 0));
}

.about-features-section .row {
  margin-top: 70px;
}
.about-features-section .second-col {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.about-features-section .second-col .single-bullet:first-child .texts .hidden {
  display: none;
}
.about-features-section .single-bullet {
  position: relative;
  display: flex;
  border-bottom: 2px solid #eee;
  padding: 20px 0;
  cursor: pointer;
  width: 95%;
}
.about-features-section .single-bullet:first-child .texts .hidden {
  display: block;
}
.about-features-section .single-bullet::after {
  content: "";
  position: relative;
  width: 20px;
  height: 20px;
  border-bottom: 3px solid #835AA4;
  border-left: 3px solid #835AA4;
  margin-top: 10px;
  margin-right: 10px;
  transform: rotate(-45deg);
}
.about-features-section .single-bullet .check {
  position: relative;
  padding: 3px;
  width: 43px;
  height: 43px;
  background-image: linear-gradient(45deg, #45C4E3, #4D68B0, #00FFBF);
  border-radius: 50%;
  overflow: hidden;
  transform: scale(0);
  transition: 0.5s 0.5s;
  opacity: 0;
  margin-right: 25px;
}
.about-features-section .single-bullet .check::before {
  content: "";
  position: relative;
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  overflow: hidden;
  border-radius: 50%;
}
.about-features-section .single-bullet .check::after {
  content: "";
  position: absolute;
  width: 17px;
  height: 9px;
  border-bottom: 2px solid #010101;
  border-left: 2px solid #010101;
  top: 15px;
  left: 13px;
  transform: rotate(-45deg);
}
.about-features-section .single-bullet .texts {
  margin-top: 4px;
  opacity: 0;
  flex: 1;
  transition: 0.5s 1s;
  margin-right: 10px;
}
.about-features-section .single-bullet .texts .hidden {
  padding-top: 10px;
  display: none;
}
.about-features-section .single-bullet.viewed .check {
  opacity: 1;
  transform: scale(1);
}
.about-features-section .single-bullet.viewed .texts {
  opacity: 1;
}

.about-charts-section .container {
  background-color: #fff;
  color: #010101;
  padding: 50px;
}
.about-charts-section .container::before {
  content: "";
  position: absolute;
  border: 2px solid #00FFBF;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  top: -20px;
  left: -20px;
  transition: 0.7s 0.7s;
}
.about-charts-section .charts {
  margin-top: 80px;
}
.about-charts-section .chart-wrapper .medium-text {
  margin-bottom: 30px;
}

.custom-select {
  margin: 50px 0;
  position: relative;
  padding: 0;
  border: 0;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  height: auto;
  /* Point the arrow upwards when the select box is open (active): */
  /* style the items (options), including the selected item: */
  /* Style items (options): */
  /* Hide the items when the select box is closed: */
}
.custom-select select {
  display: none;
}
.custom-select .select-selected::after {
  position: absolute;
  content: "";
  background-color: #fff;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  border-right: 3px solid #835AA4;
  border-bottom: 3px solid #835AA4;
  transform: rotate(45deg);
}
.custom-select .select-items div, .custom-select .select-selected {
  color: #010101;
  padding: 15px 16px;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
.custom-select .select-items {
  position: absolute;
  background-color: #fff;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 99;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: auto;
  max-height: 500px;
}
.custom-select .select-hide {
  display: none;
}
.custom-select .select-items div:hover, .custom-select .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.versions-section .versions-wrapper {
  position: relative;
  max-height: 100vh;
  overflow: auto;
  padding: 50px;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
}
.versions-section .versions-wrapper::-webkit-scrollbar-track {
  margin: 25px 0;
}
.versions-section .version-wrapper {
  margin-top: 100px;
}
.versions-section .version-wrapper:first-child {
  margin-top: 0;
}
.versions-section .title {
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.versions-section .title h2 {
  margin-right: 20px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.versions-section .title h2::after {
  content: none;
}
.versions-section .content h3 {
  color: #01E5AC;
  font-weight: 700;
  font-size: 1.1rem;
}
.versions-section .content ul li::before {
  width: 7px;
  height: 1px;
  background-color: #010101;
  top: 10px;
  border-radius: 0;
}
.versions-section .button-side {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.markets-main-section {
  z-index: 2;
}
.markets-main-section h1 {
  padding-bottom: 20px;
  margin-bottom: 30px;
  position: relative;
}
.markets-main-section h1::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 0;
  border-bottom: 4px solid #00FFBF;
  top: 100%;
  left: 0;
  border-radius: 5px;
}
.markets-main-section .bg-elements .right-element {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
}
.markets-main-section .bg-elements .right-element video {
  position: absolute;
  height: 100%;
  width: auto;
  left: 0;
}
.markets-main-section .bg-elements::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(115deg, rgba(1, 1, 1, 0.7), #010101 500px, #010101 50%, rgba(1, 1, 1, 0.7));
}
.markets-main-section .content {
  margin-bottom: 40px;
}
.markets-main-section .single-bullet {
  display: flex;
  margin-bottom: 30px;
}
.markets-main-section .single-bullet .bullet {
  position: relative;
  width: 24px;
  height: 24px;
  background-image: linear-gradient(90deg, #45C4E3 -20%, #4D68B0, #00FFBF 130%);
  border-radius: 50%;
  margin-right: 15px;
}
.markets-main-section .single-bullet .bullet::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #010101;
  top: 2px;
  left: 2px;
  border-radius: 50%;
}
.markets-main-section .single-bullet .bullet::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-image: linear-gradient(90deg, #45C4E3 -20%, #4D68B0, #00FFBF 130%);
  top: 7px;
  left: 7px;
  border-radius: 50%;
}
.markets-main-section .single-bullet .text {
  flex: 1;
}
.markets-main-section .vert-stroke {
  right: 0;
  z-index: 5;
}

.markets-light-section {
  background-image: radial-gradient(#efefef 2.5px, transparent 0);
  background-size: 23px 30px;
  padding: 100px 0;
}
.markets-light-section .big-text {
  margin-bottom: 40px;
  font-size: 2.2em;
}
.markets-light-section .icon-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.markets-light-section .icon-wrapper {
  position: relative;
  margin-bottom: 30px;
  padding: 4px;
  width: 300px;
  height: 300px;
  background-image: linear-gradient(45deg, #45C4E3, #4D68B0, #00FFBF);
  border-radius: 50%;
  overflow: hidden;
  transform: scale(0);
  transition: 0.5s 0.5s;
  opacity: 0;
}
.markets-light-section .icon-wrapper .svg-wrapper {
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  overflow: hidden;
  border-radius: 50%;
}
.markets-light-section .icon-wrapper .svg-wrapper svg {
  width: 100%;
  height: 100%;
  padding: 50px 50px;
}
.markets-light-section .icon-wrapper.viewed {
  opacity: 1;
  transform: scale(1);
}

.all-markets-wrapper .market {
  margin: 20px 0;
}
.all-markets-wrapper .market .container {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: radial-gradient(rgba(239, 239, 239, 0.1) 2.5px, transparent 0);
  background-size: 23px 30px;
}
.all-markets-wrapper .market .container::before {
  content: "";
  background-color: #010101;
  background-image: radial-gradient(rgba(239, 239, 239, 0.1) 2.5px, transparent 0);
  background-size: 23px 30px;
  position: absolute;
  width: 100%;
  height: 100%;
  right: 100%;
  top: 0;
}
.all-markets-wrapper .market .container::after {
  content: "";
  position: absolute;
  width: 500px;
  height: 110%;
  right: -469px;
  top: 171px;
  background-color: #fff;
  transform: rotate(20deg);
  transform-origin: top right;
}
.all-markets-wrapper .market .container .text-side {
  padding-bottom: 30px;
}
.all-markets-wrapper .market .container .medium-text {
  margin-bottom: 30px;
}
.all-markets-wrapper .market .container .horiz-stroke {
  bottom: 0;
}
.all-markets-wrapper .market .container .market-image-wrapper {
  width: 120%;
  flex: 1;
  padding: 0 10px;
  position: relative;
  z-index: 2;
  margin-left: 50px;
}
.all-markets-wrapper .market .container .market-image-wrapper .market-image {
  width: 100%;
  transition: 0.5s;
  padding-top: 90%;
  position: relative;
}
.all-markets-wrapper .market .container .market-image-wrapper .market-image::before {
  content: "";
  position: absolute;
  background-color: #835AA4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: 0.7s;
  opacity: 0.7;
}
.all-markets-wrapper .market .container .market-image-wrapper .market-image::after {
  content: "";
  position: absolute;
  border: 2px solid #00FFBF;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  top: 10px;
  left: 10px;
  transition: 0.7s 0.7s;
  transform: scale(0);
}
.all-markets-wrapper .market .container .market-image-wrapper .market-image .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s;
}
.all-markets-wrapper .market .container .market-image-wrapper.viewed .market-image::before {
  transform: scale(0);
}
.all-markets-wrapper .market .container .market-image-wrapper.viewed .market-image::after {
  transform: scale(1);
}
.all-markets-wrapper .market .container .market-image-wrapper.viewed .market-image .bg {
  background: rgba(1, 1, 1, 0.5);
}
.all-markets-wrapper .market:nth-child(even) .row {
  flex-direction: row-reverse;
}
.all-markets-wrapper .market:nth-child(even) .container::before {
  right: auto;
  left: 100%;
}
.all-markets-wrapper .market:nth-child(even) .container::after {
  right: auto;
  left: -469px;
  transform: rotate(-20deg);
  transform-origin: top left;
}
.all-markets-wrapper .market:nth-child(even) .image-side {
  direction: rtl;
}
.all-markets-wrapper .market:nth-child(even) .image-side .market-image-wrapper {
  margin-left: 0;
  margin-right: 50px;
}

.about-us-main-section {
  padding: 100px 0;
  background-image: radial-gradient(#f7f7f7 2.5px, transparent 0);
  background-size: 23px 30px;
}
.about-us-main-section .vert-stroke {
  left: 50%;
  height: calc(100% - 30px);
}
.about-us-main-section .image-wrapper {
  width: 100%;
  flex: 1;
  position: relative;
  z-index: 2;
}
.about-us-main-section .image-wrapper .image {
  width: 100%;
  transition: 0.5s;
  padding-top: 90%;
  position: relative;
}
.about-us-main-section .image-wrapper .image::before {
  content: "";
  position: absolute;
  background-color: #835AA4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: 0.7s;
  opacity: 0.7;
}
.about-us-main-section .image-wrapper .image::after {
  content: "";
  position: absolute;
  border: 2px solid #00FFBF;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  top: 10px;
  left: 10px;
  transition: 0.7s 0.7s;
  transform: scale(0);
}
.about-us-main-section .image-wrapper .image .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s;
}
.about-us-main-section .image-wrapper.viewed .image::before {
  transform: scale(0);
}
.about-us-main-section .image-wrapper.viewed .image::after {
  transform: scale(1);
}
.about-us-main-section .image-wrapper.viewed .image .bg {
  background: rgba(1, 1, 1, 0);
}

.support-top-section .bg-elements::after {
  background-image: linear-gradient(115deg, rgba(1, 1, 1, 0.7), #010101 500px, #010101 50%, rgba(1, 1, 1, 0.3) 70%, rgba(1, 1, 1, 0.2));
}

.main-support-section {
  margin-top: 4px;
  margin-bottom: 4px;
  background-image: radial-gradient(rgba(239, 239, 239, 0.1) 2.5px, transparent 0);
  background-size: 23px 30px;
  padding: 70px 0;
}
.main-support-section .support-box-wrapper {
  margin-bottom: 30px;
}
.main-support-section .support-box {
  border: 2px solid #00FFBF;
  padding: 50px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.main-support-section .support-box .title {
  max-width: 240px;
  margin: 30px 0;
}
.main-support-section .support-box:hover {
  background-color: #00FFBF;
  text-decoration: none;
}
.main-support-section .support-box:hover .title, .main-support-section .support-box:hover .primary-color {
  color: #010101;
}
.main-support-section .support-box:hover .button::before {
  background-color: #010101;
}
.main-support-section .support-box:hover svg path {
  stroke: #010101;
}

.wd-why-section {
  padding-top: 100px;
}
.wd-why-section h2 {
  margin-bottom: 50px;
}
.wd-why-section .border-container {
  border: 2px solid #00FFBF;
  padding: 30px;
  margin-top: 50px;
}
.wd-why-section .border-container .medium-text {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 10px;
}
.wd-why-section .border-container .medium-text::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 0;
  border-bottom: 4px solid #00FFBF;
  top: 100%;
  left: 0;
  border-radius: 5px;
}

.offer-section .container {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: radial-gradient(rgba(239, 239, 239, 0.1) 2.5px, transparent 0);
  background-size: 23px 30px;
}
.offer-section .container::before {
  content: "";
  background-color: #010101;
  background-image: radial-gradient(rgba(239, 239, 239, 0.1) 2.5px, transparent 0);
  background-size: 23px 30px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: auto;
  left: 100%;
}
.offer-section .container::after {
  content: "";
  position: absolute;
  width: 500px;
  height: 110%;
  top: 171px;
  background-color: #fff;
  right: auto;
  left: -469px;
  transform: rotate(-20deg);
  transform-origin: top left;
}
.offer-section .circle-image-wrapper {
  width: 100%;
  max-width: 350px;
}
.offer-section .circle-image {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  padding-top: 100%;
  position: relative;
  z-index: 2;
}
.offer-section .circle-image::before {
  top: -5px;
  left: -5px;
  content: "";
  border-radius: 50%;
  position: absolute;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  background-image: linear-gradient(90deg, #45C4E3 -20%, #4D68B0, #00FFBF 130%);
}
.offer-section .circle-image::after {
  top: 0px;
  left: 0px;
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
}
.offer-section .circle-image .image {
  top: 0px;
  left: 0px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  width: 100%;
  height: 100%;
}
.offer-section .circle-image img {
  z-index: 5;
}

.whats-next-section {
  padding: 50px 0;
}
.whats-next-section .container.dark-bg {
  padding: 50px;
  background: linear-gradient(90deg, #4D68B0, #00FFBF 130%);
  margin-bottom: 50px;
}
.whats-next-section .container.dark-bg::before {
  content: "";
  position: absolute;
  border: 2px solid #00FFBF;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  top: -20px;
  left: -20px;
  transition: 0.7s 0.7s;
}

.supported-systems-section {
  padding: 100px 0;
  background-image: radial-gradient(#efefef 2.5px, transparent 0);
  background-size: 23px 30px;
}
.supported-systems-section .special-bullets {
  margin-top: 50px;
}
.supported-systems-section .special-bullets ul {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.supported-systems-section .special-bullets ul li {
  margin: 20px 30px;
  padding-top: 50px;
  padding-left: 0;
  flex: 1;
  max-width: 160px;
}
.supported-systems-section .special-bullets ul li::before {
  margin: 0 auto;
  left: 0;
  right: 0;
}

.whql-section .container {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: radial-gradient(rgba(239, 239, 239, 0.1) 2.5px, transparent 0);
  background-size: 23px 30px;
}
.whql-section .container::before {
  content: "";
  background-color: #010101;
  background-image: radial-gradient(rgba(239, 239, 239, 0.1) 2.5px, transparent 0);
  background-size: 23px 30px;
  position: absolute;
  width: 100%;
  height: 100%;
  right: 100%;
  top: 0;
}
.whql-section .container::after {
  content: "";
  position: absolute;
  width: 500px;
  height: 110%;
  right: -469px;
  top: 171px;
  background-color: #fff;
  transform: rotate(20deg);
  transform-origin: top right;
}
.whql-section .icon-side {
  display: flex;
  justify-content: flex-end;
  z-index: 1;
}
.whql-section .icon-wrapper {
  position: relative;
  margin-bottom: 30px;
  padding: 4px;
  width: 300px;
  height: 300px;
  background-image: linear-gradient(45deg, #45C4E3, #4D68B0, #00FFBF);
  border-radius: 50%;
  overflow: hidden;
  transform: scale(0);
  transition: 0.5s 0.5s;
  opacity: 0;
}
.whql-section .icon-wrapper .svg-wrapper {
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  overflow: hidden;
  border-radius: 50%;
}
.whql-section .icon-wrapper .svg-wrapper svg {
  width: 100%;
  height: 100%;
  padding: 50px 50px;
}
.whql-section .icon-wrapper.viewed {
  opacity: 1;
  transform: scale(1);
}

.warranty-section .container {
  padding: 50px;
  background: linear-gradient(90deg, #4D68B0, #00FFBF 130%);
  margin-bottom: 50px;
}
.warranty-section .container::before {
  content: "";
  position: absolute;
  border: 2px solid #00FFBF;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  top: -20px;
  left: -20px;
  transition: 0.7s 0.7s;
}

.operating-system-top-section .bg-elements .left-element {
  background-position: left;
}
.operating-system-top-section ul {
  margin-top: 50px;
  -moz-column-count: 3;
       column-count: 3;
  font-size: 0.9rem;
}

.operating-system-page .chart-section .chart-wrapper {
  border: 2px solid #00FFBF;
  padding: 50px;
}
.operating-system-page .chart-section .chart-wrapper svg {
  width: 100%;
}

.dark-bullets-section {
  background-image: radial-gradient(rgba(239, 239, 239, 0.1) 2.5px, transparent 0);
  background-size: 23px 30px;
}
.dark-bullets-section h2 {
  margin-top: 50px;
}
.dark-bullets-section .bullets-top-text {
  margin-bottom: 50px;
}
.dark-bullets-section .row {
  margin-bottom: 100px;
}
.dark-bullets-section .single-bullet {
  position: relative;
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 20px 0;
  width: 95%;
  height: 100%;
}
.dark-bullets-section .single-bullet .check {
  position: relative;
  padding: 3px;
  width: 43px;
  height: 43px;
  background-image: linear-gradient(45deg, #45C4E3, #4D68B0, #00FFBF);
  border-radius: 50%;
  overflow: hidden;
  transform: scale(0);
  transition: 0.5s 0.5s;
  opacity: 0;
  margin-right: 25px;
}
.dark-bullets-section .single-bullet .check::before {
  content: "";
  position: relative;
  background-color: #010101;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  border-radius: 50%;
}
.dark-bullets-section .single-bullet .check::after {
  content: "";
  position: absolute;
  width: 17px;
  height: 9px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  top: 15px;
  left: 13px;
  transform: rotate(-45deg);
}
.dark-bullets-section .single-bullet .texts {
  margin-top: 4px;
  opacity: 0;
  flex: 1;
  transition: 0.5s 1s;
  margin-right: 10px;
}
.dark-bullets-section .single-bullet .texts .hidden {
  padding-top: 10px;
  display: none;
}
.dark-bullets-section .single-bullet .texts .small-text {
  margin-top: 10px;
}
.dark-bullets-section .single-bullet.viewed .check {
  opacity: 1;
  transform: scale(1);
}
.dark-bullets-section .single-bullet.viewed .texts {
  opacity: 1;
}

.light-bullets-section .single-bullet {
  position: relative;
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 20px 0;
  width: 95%;
  height: 100%;
}
.light-bullets-section .single-bullet .check {
  position: relative;
  padding: 3px;
  width: 43px;
  height: 43px;
  background-image: linear-gradient(45deg, #45C4E3, #4D68B0, #00FFBF);
  border-radius: 50%;
  overflow: hidden;
  transform: scale(0);
  transition: 0.5s 0.5s;
  opacity: 0;
  margin-right: 25px;
}
.light-bullets-section .single-bullet .check::before {
  content: "";
  position: relative;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  border-radius: 50%;
}
.light-bullets-section .single-bullet .check::after {
  content: "";
  position: absolute;
  width: 17px;
  height: 9px;
  border-bottom: 2px solid #010101;
  border-left: 2px solid #010101;
  top: 15px;
  left: 13px;
  transform: rotate(-45deg);
}
.light-bullets-section .single-bullet .texts {
  margin-top: 4px;
  opacity: 0;
  flex: 1;
  transition: 0.5s 1s;
  margin-right: 10px;
}
.light-bullets-section .single-bullet .texts .hidden {
  padding-top: 10px;
  display: none;
}
.light-bullets-section .single-bullet.viewed .check {
  opacity: 1;
  transform: scale(1);
}
.light-bullets-section .single-bullet.viewed .texts {
  opacity: 1;
}

.system-gradient-section {
  margin-top: 100px;
  margin-bottom: 70px;
  padding: 0;
}
.system-gradient-section .container.dark-bg {
  padding: 50px;
  background: linear-gradient(90deg, #4D68B0, #00FFBF 130%);
  margin-bottom: 50px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.system-gradient-section .container.dark-bg::before {
  content: "";
  position: absolute;
  border: 2px solid #00FFBF;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  top: -20px;
  left: -20px;
  transition: 0.7s 0.7s;
}
.system-gradient-section .container.dark-bg .content {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
}
.system-gradient-section .container.dark-bg .content::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 0;
  border-bottom: 4px solid #fff;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 5px;
}
.system-gradient-section .icon-side .icon-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.system-gradient-section .icon-side .icon-wrapper {
  position: relative;
  margin-bottom: 30px;
  padding: 4px;
  width: 300px;
  height: 300px;
  background-image: linear-gradient(45deg, #45C4E3, #4D68B0, #00FFBF);
  border-radius: 50%;
  overflow: hidden;
  transform: scale(0);
  transition: 0.5s 0.5s;
  opacity: 0;
}
.system-gradient-section .icon-side .icon-wrapper .svg-wrapper {
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  overflow: hidden;
  border-radius: 50%;
}
.system-gradient-section .icon-side .icon-wrapper .svg-wrapper svg {
  width: 100%;
  height: 100%;
  padding: 50px 50px;
}
.system-gradient-section .icon-side .icon-wrapper.viewed {
  opacity: 1;
  transform: scale(1);
}

.buttons-section {
  margin: 50px 0;
  padding: 0;
}

.api-sdk-texts-section {
  background-image: radial-gradient(#f7f7f7 2.5px, transparent 0);
  background-size: 23px 30px;
  padding-top: 100px;
}
.api-sdk-texts-section .small-text {
  background-color: #fff;
  border: 2px solid #00FFBF;
  padding: 30px 50px;
}

.api-gradient-section {
  margin-top: 100px;
  margin-bottom: 70px;
  padding: 0;
}
.api-gradient-section .container.dark-bg {
  padding: 50px;
  background: linear-gradient(90deg, #4D68B0, #00FFBF 130%);
  margin-bottom: 50px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
.api-gradient-section .container.dark-bg::before {
  content: "";
  position: absolute;
  border: 2px solid #00FFBF;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  top: -20px;
  left: -20px;
  transition: 0.7s 0.7s;
}

.main-partner-section .circle-image-wrapper {
  position: relative;
  margin-top: -230px;
  width: 100%;
  max-width: 350px;
}
.main-partner-section .circle-image-wrapper .vert-stroke {
  left: 50%;
}
.main-partner-section .circle-image {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  padding-top: 100%;
  position: relative;
  z-index: 2;
}
.main-partner-section .circle-image::before {
  top: -5px;
  left: -5px;
  content: "";
  border-radius: 50%;
  position: absolute;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  background-image: linear-gradient(90deg, #45C4E3 -20%, #4D68B0, #00FFBF 130%);
}
.main-partner-section .circle-image::after {
  top: 0px;
  left: 0px;
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
}
.main-partner-section .circle-image .image {
  top: 0px;
  left: 0px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  width: 100%;
  height: 100%;
}
.main-partner-section .circle-image img {
  z-index: 5;
}

.partner-text-icon-section .row {
  justify-content: space-between;
}
.partner-text-icon-section .single-col {
  margin-bottom: 50px;
}
.partner-text-icon-section h2 {
  font-size: 2.2rem;
}
.partner-text-icon-section h2 p {
  margin: 0;
}
.partner-text-icon-section .icon-wrapper {
  position: relative;
  margin-bottom: 30px;
  padding: 4px;
  width: 150px;
  height: 150px;
  background-image: linear-gradient(45deg, #45C4E3, #4D68B0, #00FFBF);
  border-radius: 50%;
  overflow: hidden;
  transition: 0.5s 0.5s;
}
.partner-text-icon-section .svg-wrapper {
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  overflow: hidden;
  border-radius: 50%;
}
.partner-text-icon-section .svg-wrapper svg {
  width: 100%;
  height: 100%;
  padding: 35px 20px;
}

.partner-video-section h2 {
  font-size: 2.2rem;
}
.partner-video-section .video-bg {
  top: 0;
  display: block;
  width: 100%;
  padding-top: 25%;
  position: relative;
}
.partner-video-section .video-bg::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.partner-video-section .video-bg svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: 0.5s;
}
.partner-video-section .video-bg:hover svg {
  transform: translate(-50%, -50%) scale(120%);
}

.windows-cert-main-section .image-wrapper {
  width: 100%;
  flex: 1;
  position: relative;
  z-index: 2;
}
.windows-cert-main-section .image-wrapper .image {
  width: 100%;
  transition: 0.5s;
  padding-top: 90%;
  position: relative;
}
.windows-cert-main-section .image-wrapper .image::before {
  content: "";
  position: absolute;
  background-color: #835AA4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: 0.7s;
  opacity: 0.7;
}
.windows-cert-main-section .image-wrapper .image::after {
  content: "";
  position: absolute;
  border: 2px solid #00FFBF;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  top: 10px;
  left: 10px;
  transition: 0.7s 0.7s;
  transform: scale(0);
}
.windows-cert-main-section .image-wrapper .image .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s;
}
.windows-cert-main-section .image-wrapper.viewed .image::before {
  transform: scale(0);
}
.windows-cert-main-section .image-wrapper.viewed .image::after {
  transform: scale(1);
}
.windows-cert-main-section .image-wrapper.viewed .image .bg {
  background: rgba(1, 1, 1, 0);
}

.bullets-windows-cert-section .row {
  margin-top: 50px;
}
.bullets-windows-cert-section .single-icon-wrapper {
  margin-bottom: 40px;
}
.bullets-windows-cert-section .single-icon {
  max-width: 500px;
  display: flex;
  align-items: center;
}
.bullets-windows-cert-section .single-icon .icon-wrapper {
  position: relative;
  padding: 4px;
  width: 150px;
  height: 150px;
  background-image: linear-gradient(45deg, #45C4E3, #4D68B0, #00FFBF);
  border-radius: 50%;
  overflow: hidden;
  transform: scale(0);
  transition: 0.5s 0.5s;
  opacity: 0;
  margin-right: 20px;
}
.bullets-windows-cert-section .single-icon .svg-wrapper {
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  overflow: hidden;
  border-radius: 50%;
}
.bullets-windows-cert-section .single-icon .svg-wrapper svg {
  width: 100%;
  height: 100%;
  padding: 35px 20px;
}
.bullets-windows-cert-section .single-icon .content {
  flex: 1;
  opacity: 0;
  transition: 0.5s 1s;
}
.bullets-windows-cert-section .single-icon.viewed .icon-wrapper {
  opacity: 1;
  transform: scale(1);
}
.bullets-windows-cert-section .single-icon.viewed .content {
  opacity: 1;
}

.dark-windows-cert-section .single-dark-section {
  margin: 20px 0;
}
.dark-windows-cert-section .single-dark-section .container {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: radial-gradient(rgba(239, 239, 239, 0.1) 2.5px, transparent 0);
  background-size: 23px 30px;
}
.dark-windows-cert-section .single-dark-section .container::before {
  content: "";
  background-color: #010101;
  background-image: radial-gradient(rgba(239, 239, 239, 0.1) 2.5px, transparent 0);
  background-size: 23px 30px;
  position: absolute;
  width: 100%;
  height: 100%;
  right: 100%;
  top: 0;
}
.dark-windows-cert-section .single-dark-section .container::after {
  content: "";
  position: absolute;
  width: 500px;
  height: 100%;
  right: 0;
  top: 0;
  background-image: linear-gradient(-80deg, #fff, #fff 50%, transparent 50%, transparent);
}
.dark-windows-cert-section .single-dark-section .container .text-side {
  padding-bottom: 30px;
}
.dark-windows-cert-section .single-dark-section .container .medium-text {
  margin-bottom: 30px;
}
.dark-windows-cert-section .single-dark-section .container .horiz-stroke {
  bottom: 0;
}
.dark-windows-cert-section .single-dark-section .container .image-side {
  display: flex;
  flex-direction: column;
}
.dark-windows-cert-section .single-dark-section .container .dark-image-wrapper {
  width: 120%;
  flex: 1;
  padding: 0 10px;
  position: relative;
  z-index: 2;
  margin-left: 50px;
  display: flex;
  align-items: center;
}
.dark-windows-cert-section .single-dark-section .container .dark-image-wrapper .dark-image {
  width: 100%;
  transition: 0.5s;
  padding-top: 90%;
  position: relative;
}
.dark-windows-cert-section .single-dark-section .container .dark-image-wrapper .dark-image::before {
  content: "";
  position: absolute;
  background-color: #835AA4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: 0.7s;
  opacity: 0.7;
}
.dark-windows-cert-section .single-dark-section .container .dark-image-wrapper .dark-image::after {
  content: "";
  position: absolute;
  border: 2px solid #00FFBF;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  top: 10px;
  left: 10px;
  transition: 0.7s 0.7s;
  transform: scale(0);
}
.dark-windows-cert-section .single-dark-section .container .dark-image-wrapper .dark-image .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s;
}
.dark-windows-cert-section .single-dark-section .container .dark-image-wrapper.viewed .dark-image::before {
  transform: scale(0);
}
.dark-windows-cert-section .single-dark-section .container .dark-image-wrapper.viewed .dark-image::after {
  transform: scale(1);
}
.dark-windows-cert-section .single-dark-section .container .dark-image-wrapper.viewed .dark-image .bg {
  background: rgba(1, 1, 1, 0.2);
}
.dark-windows-cert-section .single-dark-section:nth-child(odd) .row {
  flex-direction: row-reverse;
}
.dark-windows-cert-section .single-dark-section:nth-child(odd) .container::before {
  right: auto;
  left: 100%;
}
.dark-windows-cert-section .single-dark-section:nth-child(odd) .container::after {
  left: 0;
  background-image: linear-gradient(80deg, #fff, #fff 50%, transparent 50%, transparent);
}
.dark-windows-cert-section .single-dark-section:nth-child(odd) .image-side {
  direction: rtl;
}
.dark-windows-cert-section .single-dark-section:nth-child(odd) .image-side .dark-image-wrapper {
  margin-left: 0;
  margin-right: 50px;
}

.main-partners-section {
  padding-top: 100px;
}
.main-partners-section .row {
  position: relative;
  margin-bottom: 100px;
  padding-bottom: 50px;
}
.main-partners-section .horiz-stroke {
  width: 58%;
  left: 15px;
  bottom: 0;
}
.main-partners-section .circle-image-wrapper {
  position: relative;
  width: 100%;
  max-width: 300px;
}
.main-partners-section .circle-image {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  padding-top: 100%;
  position: relative;
  z-index: 2;
}
.main-partners-section .circle-image::before {
  top: -5px;
  left: -5px;
  content: "";
  border-radius: 50%;
  position: absolute;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  background-image: linear-gradient(90deg, #45C4E3 -20%, #4D68B0, #00FFBF 130%);
}
.main-partners-section .circle-image::after {
  top: 0px;
  left: 0px;
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
}
.main-partners-section .circle-image .image {
  top: 0px;
  left: 0px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  width: 100%;
  height: 100%;
  padding: 30px;
}
.main-partners-section .circle-image img {
  z-index: 5;
}

.cf-wrapper form {
  margin-top: 30px;
}
.cf-wrapper form .license-agreement-holder {
  display: block;
}
.cf-wrapper form .gform_fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.cf-wrapper form .gform_fields .gfield {
  margin: 30px 0;
  width: 100%;
}
.cf-wrapper form .gform_fields .gfield.gfield--width-third {
  width: 30%;
  margin-right: 3.3%;
}
.cf-wrapper form .label, .cf-wrapper form .gfield_label {
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 0;
}
.cf-wrapper form .gfield_label {
  padding-top: 10px;
  margin-bottom: 0;
  width: 100%;
}
.cf-wrapper form .spacer {
  display: none;
}
.cf-wrapper form input:not([type=submit]), .cf-wrapper form textarea, .cf-wrapper form select {
  border: 0;
  border-bottom: 3px solid #010101;
  transition: 0.3s;
  width: 100%;
  background-color: transparent;
  font-size: 0.9rem;
  height: 1.7em;
}
.cf-wrapper form input:not([type=submit]):hover, .cf-wrapper form textarea:hover, .cf-wrapper form select:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.cf-wrapper form input:not([type=submit]):focus, .cf-wrapper form textarea:focus, .cf-wrapper form select:focus {
  background-color: rgba(255, 255, 255, 0.2);
  outline: 0;
}
.cf-wrapper form textarea {
  height: 130px;
  color: #01E5AC;
}
.cf-wrapper form .wpcf7-radio {
  display: block;
  margin-top: 15px;
  margin-bottom: 5px;
}
.cf-wrapper form .wpcf7-radio .wpcf7-list-item {
  padding: 0;
  margin: 0;
  display: block;
}
.cf-wrapper form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
  position: relative;
  padding-left: 25px;
}
.cf-wrapper form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid #01E5AC;
}
.cf-wrapper form .wpcf7-radio .wpcf7-list-item input {
  opacity: 0;
  position: absolute;
}
.cf-wrapper form .wpcf7-radio .wpcf7-list-item input:checked ~ .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 9px;
  height: 9px;
  border-radius: 1px;
  background-color: #01E5AC;
}
.cf-wrapper form .wpcf7-acceptance .wpcf7-list-item {
  padding: 0;
  margin: 0;
}
.cf-wrapper form .wpcf7-acceptance .wpcf7-list-item-label {
  position: relative;
  padding-left: 25px;
}
.cf-wrapper form .wpcf7-acceptance .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid #01E5AC;
}
.cf-wrapper form .wpcf7-acceptance input {
  opacity: 0;
  position: absolute;
}
.cf-wrapper form .wpcf7-acceptance input:checked ~ .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 6px;
  width: 9px;
  height: 9px;
  border-radius: 1px;
  background-color: #01E5AC;
}
.cf-wrapper form .flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 30px 0;
}
.cf-wrapper form .flex .flex-side {
  width: 50%;
  padding-right: 50px;
  max-width: 520px;
}
.cf-wrapper form .flex .single-field, .cf-wrapper form .flex .gfield {
  flex: 1;
  margin-bottom: 30px;
}
.cf-wrapper form .wpcf7-list-item {
  margin-left: 1.5em;
}
.cf-wrapper form .wpcf7-list-item label {
  margin: 0;
  padding-right: 25px;
}
.cf-wrapper form input[type=checkbox] {
  width: auto;
  margin-left: -1.5em;
  margin-right: 0.3em;
}
.cf-wrapper form .button-wrapper {
  margin-top: 30px;
  position: relative;
  display: inline-block;
  transition: 0.3s;
}
.cf-wrapper form .button-wrapper input[type=submit] {
  color: #fff;
  position: relative;
  z-index: 2;
  padding: 10px 20px;
  background-color: transparent;
  border: 0;
}
.cf-wrapper form .button-wrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #45C4E3 -20%, #4D68B0, #00FFBF 130%);
  border-radius: 10px;
  left: 0;
  top: 0;
  transition: 0.5s;
}
.cf-wrapper form .button-wrapper::after {
  content: ">";
  position: absolute;
  opacity: 0;
  transition: 0.5s 0s;
  color: #fff;
  right: 5px;
  top: 10px;
}
.cf-wrapper form .button-wrapper:hover, .cf-wrapper form .button-wrapper:focus {
  color: #fff;
  text-decoration: none;
}
.cf-wrapper form .button-wrapper:hover::before, .cf-wrapper form .button-wrapper:focus::before {
  transform: perspective(600px) rotateY(-45deg) scale(1.4, 1.1);
}
.cf-wrapper form .button-wrapper:hover::after, .cf-wrapper form .button-wrapper:focus::after {
  content: ">";
  opacity: 1;
  transition: 0.5s 0.4s;
}
.cf-wrapper form .button-wrapper .ajax-loader, .cf-wrapper form .button-wrapper .wpcf7-spinner {
  position: absolute;
}
.cf-wrapper form .wpcf7-not-valid-tip {
  font-size: 0.8rem;
  font-weight: 700;
}
.cf-wrapper form .wpcf7-response-output {
  margin: 40px 0 0 0;
  padding: 0.5em 1em;
  border: 0;
  background-color: #010101;
  color: #fff;
}
.cf-wrapper form .gfield_radio {
  display: block;
  margin-top: 15px;
  margin-bottom: 5px;
}
.cf-wrapper form .gfield_radio .gchoice {
  padding: 0;
  margin: 0;
  display: block;
}
.cf-wrapper form .gfield_radio .gchoice label {
  position: relative;
  padding-left: 25px;
}
.cf-wrapper form .gfield_radio .gchoice label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid #01E5AC;
}
.cf-wrapper form .gfield_radio .gchoice input {
  opacity: 0;
  position: absolute;
}
.cf-wrapper form .gfield_radio .gchoice input:checked ~ label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 9px;
  height: 9px;
  border-radius: 1px;
  background-color: #01E5AC;
}
.cf-wrapper form .gfield_description {
  font-size: 0.85rem;
}
.cf-wrapper form .gfield_checkbox {
  display: block;
  margin-top: 15px;
  margin-bottom: 5px;
}
.cf-wrapper form .gfield_checkbox .gchoice {
  padding: 0;
  margin: 0;
  display: block;
}
.cf-wrapper form .gfield_checkbox .gchoice label {
  position: relative;
  padding-left: 25px;
}
.cf-wrapper form .gfield_checkbox .gchoice label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid #01E5AC;
}
.cf-wrapper form .gfield_checkbox .gchoice input {
  opacity: 0;
  position: absolute;
}
.cf-wrapper form .gfield_checkbox .gchoice input:checked ~ label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 9px;
  height: 9px;
  border-radius: 1px;
  background-color: #01E5AC;
}
.cf-wrapper form .gform_hidden, .cf-wrapper form .hidden_label .gfield_label {
  display: none;
}
.cf-wrapper form .ginput_container_consent {
  display: block;
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 0.9rem;
}
.cf-wrapper form .ginput_container_consent label {
  position: relative;
  padding-left: 25px;
}
.cf-wrapper form .ginput_container_consent label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid #01E5AC;
}
.cf-wrapper form .ginput_container_consent input {
  opacity: 0;
  position: absolute;
}
.cf-wrapper form .ginput_container_consent input:checked ~ label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 9px;
  height: 9px;
  border-radius: 1px;
  background-color: #01E5AC;
}
.cf-wrapper form.invalid .wpcf7-response-output {
  background-color: #dc3232;
}
.cf-wrapper form.sent .wpcf7-response-output {
  background-color: #835AA4;
}

.main-videos-section .single-video {
  margin-bottom: 100px;
}
.main-videos-section .single-video .video-title {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.main-videos-section .single-video .video-title::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 0;
  border-bottom: 2px solid #00FFBF;
  top: 100%;
  left: 0;
  border-radius: 5px;
}
.main-videos-section .single-video a:hover {
  text-decoration: none;
  color: #010101;
}
.main-videos-section .single-video a:hover .video-thumb::before {
  opacity: 0.4;
}
.main-videos-section .single-video a:hover .video-thumb .play-icon {
  opacity: 1;
}
.main-videos-section .video-thumb {
  position: relative;
  padding-top: 75%;
  margin-bottom: 20px;
}
.main-videos-section .video-thumb::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.2;
  transition: 0.3s;
}
.main-videos-section .video-thumb::after {
  content: "";
  position: absolute;
  border: 2px solid #00FFBF;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  top: 10px;
  left: 10px;
}
.main-videos-section .video-thumb .play-icon {
  opacity: 0.7;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
}
.main-videos-section .video-thumb .play-icon svg {
  width: 70px;
  height: 70px;
}

.distributors-section {
  margin-top: 5px;
}
.distributors-section h3 {
  margin-top: 50px;
}
.distributors-section .continent {
  color: #010101;
  background-color: #fff;
  padding: 30px 30px;
  margin: 30px 0 30px;
}
.distributors-section .continent .top-part {
  display: flex;
  max-width: 1060px;
  cursor: pointer;
}
.distributors-section .continent .continent-name {
  flex: 1;
  margin-right: 20px;
  position: relative;
  padding-top: 10px;
}
.distributors-section .continent .continent-name::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  background: #00FFBF;
  bottom: 100%;
  left: 0;
  border-radius: 5px;
}
.distributors-section .continent .plus {
  position: relative;
  align-self: center;
  display: block;
  width: 30px;
  height: 30px;
}
.distributors-section .continent .plus::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background: #4D68B0;
  border-radius: 5px;
  bottom: 50%;
  transform: translate(0, 50%);
  left: 0;
  transition: 0.4s;
}
.distributors-section .continent .plus::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  background: #4D68B0;
  border-radius: 5px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  transition: 0.4s;
}
.distributors-section .continent .hidden-part {
  display: none;
}
.distributors-section .continent.opened .plus::after {
  height: 0;
}
.distributors-section .continent .country-name {
  position: relative;
  margin-bottom: 15px;
  margin-top: 30px;
}
.distributors-section .continent .country-name::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  background: #835AA4;
  top: 100%;
  left: 0;
  border-radius: 5px;
}
.distributors-section .continent .distributor {
  margin-bottom: 30px;
}
.distributors-section .continent .detail {
  font-size: 0.8em;
}
.distributors-section .continent .more-details {
  margin-top: 10px;
}

.download-files-section .file-wrapper {
  margin-top: 30px;
  display: flex;
  align-items: flex-start;
}
.download-files-section .file-wrapper .file-details {
  flex: 1;
}
.download-files-section .progress {
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.3s;
  padding: 2px;
  height: 12px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}
.download-files-section .progress.active {
  opacity: 1;
  visibility: visible;
}
.download-files-section .progress.active .progress-bar {
  height: auto;
  border-radius: 30px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  width: 100%;
  background-color: #00ffbf;
  animation: progressAnimation 15s;
  transition: 0.4s linear;
  transition-property: width, background-color;
}
@keyframes progressAnimation {
  0% {
    width: 0%;
    background-color: #b4ecde;
  }
  100% {
    width: 100%;
    background-color: #00ffbf;
  }
}
.download-files-section .download-file-button .loader img {
  display: block !important;
}
.download-files-section .download-file-button img {
  z-index: 20;
  position: absolute;
  left: 105%;
  display: none !important;
}

.ceo-popups a {
  position: relative;
  color: #010101;
  text-decoration: underline;
  margin-bottom: 5px;
  margin-right: 30px;
}
.ceo-popups a::after {
  content: "+";
  font-size: 1.2;
  position: absolute;
  opacity: 1;
  transition: 0.5s 0s;
  color: #010101;
  left: calc(100% + 3px);
}
.ceo-popups .popup {
  top: -200%;
  left: 0;
  z-index: 9999999;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(35, 31, 32, 0.7);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.5s;
}
.ceo-popups .popup .popup-content {
  transform: translateY(-150%);
  background-color: #fff;
  max-width: 1200px;
  width: 95%;
  max-height: 90%;
  padding: 4em 8%;
  margin: 0 auto;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  transition: 0.5s transform 0.2s;
}
.ceo-popups .popup h3 {
  font-size: 1.5rem;
  font-weight: 700;
}
.ceo-popups .popup .close-x {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  margin: 15px;
  cursor: pointer;
}
.ceo-popups .popup .close-x::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #010101;
  transform: rotate(45deg);
  top: 12px;
}
.ceo-popups .popup .close-x::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #010101;
  transform: rotate(-45deg);
  top: 12px;
}
.ceo-popups .popup.active-popup {
  top: 0;
  opacity: 1;
}
.ceo-popups .popup.active-popup .popup-content {
  transform: translateY(0);
}
.ceo-popups .single-bullet {
  position: relative;
  display: flex;
  border-bottom: 2px solid #eee;
  padding: 20px 0;
  cursor: pointer;
  width: 95%;
}
.ceo-popups .single-bullet::after {
  content: "";
  position: relative;
  width: 20px;
  height: 20px;
  border-bottom: 3px solid #835AA4;
  border-left: 3px solid #835AA4;
  margin-top: 10px;
  margin-right: 10px;
  transform: rotate(-45deg);
}
.ceo-popups .single-bullet .texts {
  margin-top: 4px;
  opacity: 0;
  flex: 1;
  transition: 0.5s 1s;
  margin-right: 10px;
}
.ceo-popups .single-bullet .texts .hidden {
  padding-top: 10px;
  display: none;
}
.ceo-popups .single-bullet.viewed .check {
  opacity: 1;
  transform: scale(1);
}
.ceo-popups .single-bullet.viewed .texts {
  opacity: 1;
}

#breadcrumbs a {
  color: #01E5AC;
}

.page-wrap.news .inner-top-section {
  min-height: 0;
}
.page-wrap.news .news-types .button {
  margin: 10px 20px 20px 0;
}
.page-wrap.news .news-types .button::before {
  box-shadow: -2px 1px 10px rgba(0, 0, 0, 0.1);
}
.page-wrap.news .news-types .button:not(.active) {
  color: #4D68B0;
  cursor: pointer;
}
.page-wrap.news .news-types .button:not(.active)::before {
  background: none;
  background-color: #fff;
  border: 1px solid #4D68B0;
}
.page-wrap.news .news-types .button:not(.active)::after {
  color: #4D68B0;
}
.page-wrap.news .news-types .button.active::before {
  background-color: #00FFBF;
}
.page-wrap.news .news-section {
  padding: 100px 0;
  background: transparent;
}
.page-wrap.news .news-row {
  position: relative;
}
.page-wrap.news .news-row::before {
  content: "";
  position: absolute;
  width: 100px;
  height: calc(100% + 100px);
  border: 4px solid #00FFBF;
  border-right: 0;
  right: 100%;
  top: -30px;
}
.page-wrap.news .single-news-wrapper {
  margin-bottom: 30px;
}
.page-wrap.news .single-news {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 20px;
  height: 100%;
  min-height: 350px;
  box-shadow: -2px 1px 10px rgba(0, 0, 0, 0.1);
}
.page-wrap.news .single-news .logo {
  height: 100px;
  width: auto;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  mix-blend-mode: multiply;
  display: flex;
  align-items: flex-end;
}
.page-wrap.news .single-news .logo img {
  max-width: 200px;
  max-height: 70px;
}
.page-wrap.news .single-news a {
  display: inline-block;
  margin-top: 15px;
  color: #4D68B0;
  text-decoration: underline;
}
.page-wrap.news .single-news .bottom {
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 0;
}
.page-wrap.news .pagination {
  position: absolute;
  width: 100%;
  top: 100%;
  justify-content: center;
  align-items: center;
}
.page-wrap.news .pagination .page-numbers {
  cursor: pointer;
}
.page-wrap.news .pagination .page-numbers:focus {
  outline: 0 !important;
}
.page-wrap.news .pagination .page-numbers.next, .page-wrap.news .pagination .page-numbers.prev {
  font-size: 1.2rem;
  margin: 0 15px;
}
.page-wrap.news .pagination .page-numbers:not(.next):not(.prev) {
  background-color: #eee;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 0;
  margin: 0 5px;
  font-size: 0;
}
.page-wrap.news .pagination .page-numbers:not(.next):not(.prev).current {
  background-color: #00FFBF;
}

.awards-section {
  margin: 100px 0;
}
.awards-section .row {
  margin-top: 50px;
}
.awards-section .image-wrapper {
  padding: 50px;
}
.awards-section img {
  filter: grayscale(1);
}

.page-wrap.blog .inner-top-section {
  min-height: 0;
}
.page-wrap.blog .post-filter form > ul {
  padding: 0;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
.page-wrap.blog .post-filter form > ul > li {
  margin-right: 15px;
}
.page-wrap.blog .post-filter form > ul .sf-input-text {
  width: 250px;
  border: 0;
  border-bottom: 1px solid #010101;
}
.page-wrap.blog .post-filter form > ul .sf-field-submit {
  position: relative;
  display: inline-block;
  transition: 0.3s;
  padding: 0;
}
.page-wrap.blog .post-filter form > ul .sf-field-submit input[type=submit] {
  color: #fff;
  position: relative;
  z-index: 2;
  padding: 10px 20px;
  background-color: transparent;
  border: 0;
}
.page-wrap.blog .post-filter form > ul .sf-field-submit::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #45C4E3 -20%, #4D68B0, #00FFBF 130%);
  border-radius: 10px;
  left: 0;
  top: 0;
  transition: 0.5s;
}
.page-wrap.blog .post-filter form > ul .sf-field-submit::after {
  content: ">";
  position: absolute;
  opacity: 0;
  transition: 0.5s 0s;
  color: #fff;
  right: 5px;
  top: 10px;
}
.page-wrap.blog .post-filter form > ul .sf-field-submit:hover, .page-wrap.blog .post-filter form > ul .sf-field-submit:focus {
  color: #fff;
  text-decoration: none;
}
.page-wrap.blog .post-filter form > ul .sf-field-submit:hover::before, .page-wrap.blog .post-filter form > ul .sf-field-submit:focus::before {
  transform: perspective(600px) rotateY(-45deg) scale(1.4, 1.1);
}
.page-wrap.blog .post-filter form > ul .sf-field-submit:hover::after, .page-wrap.blog .post-filter form > ul .sf-field-submit:focus::after {
  content: ">";
  opacity: 1;
  transition: 0.5s 0.4s;
}
.page-wrap.blog .posts-section {
  padding-top: 100px;
  background: transparent;
}
.page-wrap.blog .posts-wrapper {
  position: relative;
}
.page-wrap.blog .posts-wrapper::before {
  content: "";
  position: absolute;
  width: 100px;
  height: calc(100% + 100px);
  border: 4px solid #00FFBF;
  border-right: 0;
  right: calc(100% + 15px);
  top: -30px;
}
.page-wrap.blog .single-post-wrapper {
  margin-bottom: 30px;
}
.page-wrap.blog .single-post-wrapper .thumbnail {
  box-shadow: -2px 1px 10px rgba(0, 0, 0, 0.1);
  padding-top: 100%;
  position: relative;
}
.page-wrap.blog .single-post-wrapper .thumbnail::before {
  content: "";
  position: absolute;
  background-color: rgba(0, 255, 191, 0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: 0.7s;
  mix-blend-mode: screen;
}
.page-wrap.blog .single-post-wrapper .thumbnail::after {
  content: "";
  position: absolute;
  border: 2px solid #00FFBF;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  top: 10px;
  left: 10px;
  transition: 0.7s 0.7s;
  transform: scale(0);
}
.page-wrap.blog .single-post-wrapper .thumbnail.viewed::before {
  transform: scale(0);
}
.page-wrap.blog .single-post-wrapper .thumbnail.viewed::after {
  transform: scale(1);
}
.page-wrap.blog .single-post-wrapper .texts {
  height: 100%;
  box-shadow: -2px 1px 10px rgba(0, 0, 0, 0.1);
  padding: 30px;
}
.page-wrap.blog .single-post-wrapper .texts h3 {
  color: #010101;
}
.page-wrap.blog .single-post-wrapper .texts h3:hover {
  text-decoration: none;
}
.page-wrap.blog .single-post-wrapper .texts .date {
  margin-bottom: 10px;
}
.page-wrap.blog .single-post-wrapper .texts a {
  color: #4D68B0;
}
.page-wrap.blog .single-post-wrapper .texts a:hover {
  text-decoration: none;
}
.page-wrap.blog .pagination {
  padding-top: 30px;
  position: absolute;
  width: 100%;
  top: 100%;
  justify-content: center;
  align-items: center;
}
.page-wrap.blog .pagination .page-numbers {
  cursor: pointer;
}
.page-wrap.blog .pagination .page-numbers:focus {
  outline: 0 !important;
}
.page-wrap.blog .pagination .page-numbers.next, .page-wrap.blog .pagination .page-numbers.prev {
  font-size: 1.2rem;
  margin: 0 15px;
}
.page-wrap.blog .pagination .page-numbers:not(.next):not(.prev) {
  background-color: #eee;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 0;
  margin: 0 5px;
  font-size: 0;
}
.page-wrap.blog .pagination .page-numbers:not(.next):not(.prev).current {
  background-color: #00FFBF;
}

.post-page h1, .post-page .top-title {
  padding-bottom: 20px;
  margin-bottom: 30px;
  position: relative;
}
.post-page h1::after, .post-page .top-title::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 0;
  border-bottom: 4px solid #00FFBF;
  top: 100%;
  left: 0;
  border-radius: 5px;
}
.post-page .inner-top-section {
  min-height: 0;
}
.post-page .post-content-section {
  margin-top: 100px;
}
.post-page .post-content-section h1 {
  max-width: 800px;
}
.post-page .post-content-section h2 {
  color: #4D68B0;
  font-weight: 400;
  font-size: 1.8rem;
  margin-bottom: 1em;
  margin-top: 2em;
}
.post-page .post-content-section h2::after {
  content: none;
}
.post-page .post-content-section h3 {
  color: #4D68B0;
  font-weight: 700;
  font-size: 1.3rem;
  margin-bottom: 1em;
  margin-top: 2em;
}
.post-page .post-content-section .content {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 30px;
  max-width: 1000px;
}
.post-page .post-content-section .content::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 4px;
  background: #00FFBF;
  top: 100%;
  left: 0;
  border-radius: 5px;
}
.post-page .post-content-section .content ol ::marker {
  font-weight: 700;
}
.post-page .post-content-section .content p {
  margin-bottom: 1em;
}
.post-page .post-content-section .content .wp-block-image {
  margin: 50px 0;
}
.post-page .buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.post-page .buttons .button {
  margin: 20px 30px 20px 0;
}
.post-page .buttons .share-options {
  display: none;
  z-index: 5555555;
}
.post-page .buttons .share-options .addtoany_shortcode .a2a_kit {
  display: flex;
}
.post-page .buttons .share-options .addtoany_shortcode a {
  display: flex;
  padding: 0 10px;
}
.post-page .buttons .share-options .addtoany_shortcode img {
  width: 24px;
  height: 24px;
}

/* Edit Above Only*/
.mobile_menu_button {
  position: relative;
  display: none;
}

.triggerMobileMenu {
  position: relative;
  width: 30px;
  height: 19px;
  padding: 0;
  border: 0;
  margin: 0 auto;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  background: none;
  text-indent: -99999px;
}

.triggerMobileMenu span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: #010101;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

.triggerMobileMenu span:nth-child(1) {
  top: 0px;
}

.triggerMobileMenu span:nth-child(2) {
  top: 8px;
}

.triggerMobileMenu span:nth-child(3) {
  top: 16px;
}

.triggerMobileMenu.open span:nth-child(1) {
  top: 11px;
  transform: rotate(135deg);
}

.triggerMobileMenu.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.triggerMobileMenu.open span:nth-child(3) {
  top: 11px;
  transform: rotate(-135deg);
}

.button.triggerMobileMenu:focus,
.button.triggerMobileMenu:hover {
  background: none;
  outline: none;
}

/** off-cnavas (mobile menu wrapper) ****************/
.off-canvas {
  position: fixed;
  z-index: 1;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #010101;
  top: 0;
  width: 100%;
  max-width: 500px;
  height: 100%;
  overflow-y: auto;
}

.off-canvas.is-open {
  z-index: 9999;
  transform: translate(0);
}

.position-left {
  transform: translateX(-100%);
  left: 0;
}

.position-right {
  transform: translateX(100%);
  right: 0;
}

body.admin-bar .off-canvas {
  top: 32px;
}

/** Mobile Menu Style **************/
.mobile_menu_holder {
  position: relative;
}

.mobile_menu_title {
  position: relative;
  display: block;
  text-align: center;
  font-size: 1.5rem;
  padding: 10px 0;
  background: #00FFBF;
  border-bottom: 1px solid #00FFBF;
  font-weight: 500;
  color: #fff;
}

ul#mobile-menu {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 20px 0;
  text-align: center;
}

ul#mobile-menu li {
  position: relative;
  display: block;
}

ul#mobile-menu > li {
  position: relative;
  padding: 20px 15px;
}
ul#mobile-menu > li::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 30px;
  height: 1px;
  background-color: #00FFBF;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 50px;
}
ul#mobile-menu > li > a {
  font-size: 1rem;
}

ul#mobile-menu li a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #00FFBF;
}

ul#mobile-menu ul.sub-menu {
  position: relative;
  display: none;
  margin-left: 15px;
  margin: 0;
  padding: 0;
}

ul#mobile-menu ul.sub-menu li a {
  font-size: 0.8rem;
  padding-top: 15px;
}

ul#mobile-menu > li > a:focus,
ul#mobile-menu > li.current-menu-item > a,
ul#mobile-menu ul.sub-menu li.current-menu-item a,
ul.mobile_menu > li a:hover {
  color: #00FFBF;
}

/****************************************************************************************************************/
@media only screen and (max-width: 1650px) {
  .all-markets-wrapper .market .container .market-image-wrapper {
    width: 100%;
  }
  .dark-windows-cert-section .single-dark-section .container .dark-image-wrapper {
    width: 100%;
  }
} /* end of (max-width: 1560px) */
@media only screen and (max-width: 1440px) {
  html {
    font-size: 18px;
  }
  .home-benefits-section .benefits .benefit:hover .medium-text {
    transform: scale(1.2);
  }
} /* end of (max-width: 1440px) */
/****************************************************************************************************************/
@media only screen and (max-width: 1280px) {
  h2 {
    font-size: 2.3rem;
  }
  header {
    padding: 10px 0;
  }
  header .mobile_menu_button {
    display: block;
  }
  header .wrap_main_menu {
    display: none;
  }
  header .logo img {
    max-height: 50px;
    width: auto;
  }
  header .jungo-logo img {
    max-height: 50px;
    width: auto;
  }
  .inner-top-section .vert-stroke {
    left: 25px;
    height: 100px;
  }
  .home-features-section .bullets .single-bullet {
    width: 33.3%;
    margin-bottom: 50px;
  }
  .home-benefits-section .benefits {
    flex-wrap: wrap;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 0;
  }
  .home-benefits-section .benefits .benefit {
    min-width: 33.3%;
    border-top: 0;
    padding: 50px 30px 10px 30px;
  }
  .home-benefits-section .benefits .benefit .content {
    padding-top: 30px;
  }
  .home-benefits-section .benefits .benefit:hover {
    padding: 20px 30px 40px 30px;
  }
  .home-markets-section .markets {
    flex-wrap: wrap;
    justify-content: center;
    margin: 50px -5px;
  }
  .home-markets-section .markets .market-wrapper {
    flex: none;
    width: 33.33%;
    padding: 5px;
  }
  .home-markets-section .markets .market-wrapper .market::after {
    border: 1px solid #00FFBF;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 5px;
    left: 5px;
  }
  .home-markets-section .markets .market-wrapper .market .texts .hidden {
    opacity: 1;
    margin-top: 5px;
    margin-bottom: 0;
  }
  .home-testimonials-section {
    padding-top: 80px;
  }
  .home-testimonials-section .horiz-stroke {
    top: 0;
  }
  .home-testimonials-section .logo-wrapper {
    width: 150px;
    height: 150px;
    padding: 30px;
  }
  .home-testimonials-section .texts-wrapper svg {
    width: 50px;
    height: auto;
  }
  .request-form-wrapper .container {
    width: calc(100% - 30px);
  }
  .home-newsletter-section .container {
    width: calc(100% - 30px);
  }
  .home-help-section .container {
    padding: 50px 30px;
    width: calc(100% - 30px);
  }
  .all-markets-wrapper .market .container .market-image-wrapper {
    margin-left: 0;
  }
  .all-markets-wrapper .market:nth-child(even) .image-side .market-image-wrapper {
    margin-right: 0;
  }
  .markets-main-section .vert-stroke {
    right: 20px;
  }
  .dark-windows-cert-section .single-dark-section .container::after {
    width: 30%;
    background-image: linear-gradient(-80deg, #fff, #fff 50%, transparent 50%, transparent);
  }
  .dark-windows-cert-section .single-dark-section .container .dark-image-wrapper {
    margin-left: 0;
  }
  .dark-windows-cert-section .single-dark-section:nth-child(odd) .image-side .dark-image-wrapper {
    margin-right: 0;
  }
} /* end of (max-width: 1280px) */
/****************************************************************************************************************/
@media only screen and (max-width: 990px) {
  .request-form-wrapper h1 {
    display: flex;
    flex-direction: column;
  }
  .request-form-wrapper h1 span.light {
    padding-left: 0;
    border-left: 0;
  }
  .request-form-wrapper form .flex {
    flex-direction: column;
  }
  .request-form-wrapper form .flex .flex-side {
    width: 100%;
    padding-right: 0;
    margin-top: 30px;
  }
  .home-main-section {
    padding-bottom: 250px;
  }
  .home-main-section .bg-elements .strokes {
    width: 100%;
    position: absolute;
    top: auto;
    bottom: 0;
    height: 200px;
  }
  .home-charts-section .charts {
    margin-top: 70px;
  }
  .about-main-section .bg-elements::after {
    background-image: linear-gradient(115deg, rgba(1, 1, 1, 0.7), #010101 500px, #010101 60%, rgba(1, 1, 1, 0.7));
  }
  .markets-light-section .row {
    flex-direction: column-reverse;
  }
  .markets-light-section .icon-wrapper {
    width: 200px;
    height: 200px;
  }
  .markets-light-section .icon-wrapper .svg-wrapper svg {
    padding: 30px;
  }
  .system-gradient-section .icon-side {
    margin-top: 30px;
  }
  .system-gradient-section .icon-side .icon-wrapper {
    width: 200px;
    height: 200px;
  }
  .system-gradient-section .icon-side .icon-wrapper .svg-wrapper svg {
    padding: 30px;
  }
} /* end of (max-width: 990px) */
/****************************************************************************************************************/
@media only screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  .mobile {
    display: block;
  }
  .desk {
    display: none;
  }
  header .container {
    align-items: center;
  }
  header .logo img {
    max-height: 40px;
  }
  header .right {
    flex-direction: row-reverse;
    flex: 1;
    justify-content: space-between;
    align-items: center;
  }
  header .right .jungo-logo {
    margin-left: 15px;
    padding-left: 10px;
    border-left: 1px solid #ddd;
  }
  header .right .jungo-logo img {
    max-height: 30px;
  }
  header .right .nav-wrapper .top {
    display: none;
  }
  header .popup-wrapper .popup .top-icon, header .popup-wrapper .popup .bottom-icon {
    display: none;
  }
  header .popup-wrapper .popup .title {
    font-size: 1.8rem;
  }
  header .popup-wrapper .popup .content {
    padding: 40px 50px;
  }
  header .popup-wrapper .popup .cta {
    font-size: 1.5rem;
  }
  header .popup-wrapper .popup .buttons {
    align-items: center;
  }
  header .popup-wrapper .popup .buttons .button {
    margin-bottom: 10px;
  }
  body.admin-bar .off-canvas {
    top: 46px;
  }
  footer .bottom-footer .flex_container {
    flex-direction: column;
  }
  footer .bottom-footer .flex_container .social {
    margin-bottom: 50px;
  }
  footer .bottom-footer .flex_container .right {
    align-items: flex-start;
    width: 100%;
  }
  footer .bottom-footer .flex_container .right .top {
    display: flex;
    flex-direction: column;
  }
  footer .bottom-footer .flex_container .right .top > * {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
  .contact-section form .gform_fields .gfield.gfield--width-third, .contact-section form .gform_fields .gfield.gfield--width-half {
    width: 100%;
  }
  .contact-section form .flex {
    flex-direction: column;
    margin: 0;
    align-items: flex-start;
  }
  .contact-section form .flex .single-field {
    margin-right: 0;
    margin: 10px 0;
  }
  .contact-section form .small-text {
    margin-top: 20px;
  }
  .cf-wrapper form .gform_fields .gfield.gfield--width-third {
    width: 100%;
  }
  .cf-wrapper form .flex {
    flex-direction: column;
    margin: 0;
    align-items: flex-start;
  }
  .cf-wrapper form .flex .single-field {
    margin-right: 0;
    margin: 10px 0;
  }
  .cf-wrapper form .small-text {
    margin-top: 20px;
  }
  .home-features-section .bullets .single-bullet {
    width: 50%;
  }
  .home-benefits-section {
    padding-bottom: 100px;
  }
  .home-benefits-section .vert-stroke {
    height: 70px;
  }
  .home-benefits-section .benefits {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .home-benefits-section .benefits .benefit {
    min-width: 50%;
    border-top: 0;
    padding: 50px 30px 10px 30px;
  }
  .home-benefits-section .benefits .benefit:nth-child(even) {
    border-right: 0;
  }
  .home-benefits-section .benefits .benefit:nth-child(odd) {
    border-left: 0;
  }
  .home-benefits-section .benefits .benefit:nth-child(odd) {
    border-left: 0;
  }
  .home-benefits-section .benefits .benefit:last-child {
    border-bottom: 0;
  }
  .home-benefits-section .benefits .benefit:nth-last-child(2):nth-child(odd) {
    border-bottom: 0;
  }
  .home-benefits-section .benefits .benefit .content {
    padding-top: 30px;
  }
  .home-benefits-section .benefits .benefit:hover {
    padding: 20px 30px 40px 30px;
  }
  .home-markets-section .markets .market-wrapper {
    width: 50%;
  }
  .home-testimonials-section .texts-wrapper {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
    border-top: 2px solid #fff;
    margin-top: 30px;
    padding-top: 30px;
  }
  .about-charts-section .container {
    padding: 50px 15px;
  }
  .about-charts-section .container .chart-wrapper .medium-text {
    text-align: left;
  }
  .all-markets-wrapper .market, .all-markets-wrapper .market:nth-child(even) {
    overflow: hidden;
  }
  .all-markets-wrapper .market .image-side, .all-markets-wrapper .market:nth-child(even) .image-side {
    direction: ltr;
    margin-top: 30px;
  }
  .all-markets-wrapper .market .row, .all-markets-wrapper .market:nth-child(even) .row {
    flex-direction: column-reverse;
  }
  .all-markets-wrapper .market .container, .all-markets-wrapper .market:nth-child(even) .container {
    padding-top: 0;
  }
  .all-markets-wrapper .market .container::after, .all-markets-wrapper .market:nth-child(even) .container::after {
    width: 130%;
    height: 380px;
    left: 0;
    top: -150px;
    transform: rotate(10deg);
    transform-origin: top right;
  }
  .all-markets-wrapper .market .container .market-image-wrapper, .all-markets-wrapper .market:nth-child(even) .container .market-image-wrapper {
    width: 400px;
    max-width: 90%;
    margin-bottom: 30px;
    padding: 0;
  }
  .dark-windows-cert-section .single-dark-section, .dark-windows-cert-section .single-dark-section:nth-child(odd) {
    overflow: hidden;
  }
  .dark-windows-cert-section .single-dark-section .image-side, .dark-windows-cert-section .single-dark-section:nth-child(odd) .image-side {
    direction: ltr;
    margin-top: 30px;
  }
  .dark-windows-cert-section .single-dark-section .row, .dark-windows-cert-section .single-dark-section:nth-child(odd) .row {
    flex-direction: column-reverse;
  }
  .dark-windows-cert-section .single-dark-section .container, .dark-windows-cert-section .single-dark-section:nth-child(odd) .container {
    padding-top: 0;
  }
  .dark-windows-cert-section .single-dark-section .container::after, .dark-windows-cert-section .single-dark-section:nth-child(odd) .container::after {
    width: 100%;
    height: 330px;
    background-image: linear-gradient(190deg, #fff, #fff 50%, transparent 50%, transparent);
  }
  .dark-windows-cert-section .single-dark-section .container .dark-image-wrapper, .dark-windows-cert-section .single-dark-section:nth-child(odd) .container .dark-image-wrapper {
    width: 400px;
    max-width: 90%;
    margin-bottom: 30px;
    padding: 0;
  }
  .offer-section {
    overflow: hidden;
  }
  .offer-section .container {
    padding-top: 0;
  }
  .offer-section .container::after {
    width: 130%;
    height: 380px;
    left: 0;
    top: -150px;
    transform: rotate(10deg);
    transform-origin: top right;
  }
  .offer-section .container .circle-image-wrapper {
    width: 300px;
    max-width: 90%;
    margin-bottom: 30px;
    padding: 0;
  }
  .about-us-top-section {
    padding: 50px 0;
  }
  .about-us-main-section {
    padding: 30px 0;
  }
  .about-us-main-section .image-wrapper .image {
    margin-bottom: 30px;
  }
  .about-us-main-section .content {
    margin-top: 50px;
  }
  .operating-system-top-section ul {
    -moz-column-count: 2;
         column-count: 2;
  }
  .main-partner-section .row {
    flex-direction: column-reverse;
  }
  .main-partner-section .circle-image-wrapper {
    margin-top: -80px;
    width: 150px;
    max-width: 90%;
    margin-bottom: 30px;
    padding: 0;
  }
  .main-partner-section .circle-image-wrapper .image {
    padding: 20px;
  }
  .main-partner-section .circle-image-wrapper .vert-stroke {
    display: none;
  }
  .main-partners-section .row {
    flex-direction: column-reverse;
  }
  .main-partners-section .row .circle-image-wrapper {
    max-width: 200px;
    margin-bottom: 30px;
  }
} /* end of (max-width: 768px) */
/****************************************************************************************************************/
@media only screen and (max-width: 640px) {
  .inner-top-section {
    min-height: 0;
  }
  .inner-top-section .bg-elements::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, #010101 50%, rgba(1, 1, 1, 0.7), rgba(1, 1, 1, 0.4));
  }
  .home-benefits-section .benefits .benefit {
    padding: 30px 15px 10px 15px;
  }
  .home-benefits-section .benefits .benefit .icon-wrapper {
    width: 50px;
    height: 70px;
  }
  .home-benefits-section .benefits .benefit .content {
    padding-top: 10px;
    font-size: 0.8rem;
  }
  .home-benefits-section .benefits .benefit:hover {
    padding: 30px 15px 10px 15px;
  }
  .home-benefits-section .benefits .benefit:hover .medium-text {
    transform: scale(1);
  }
  .markets-main-section .bg-elements .left-element {
    width: 100%;
  }
  .markets-main-section .single-bullet .bullet {
    margin-right: 7px;
  }
} /* end of (max-width: 640px) */
/****************************************************************************************************************/
@media only screen and (max-width: 480px) {
  .buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .buttons .button {
    margin: 10px 0;
    margin-right: 0;
  }
  .contact-section form .wpcf7-radio {
    display: flex;
    flex-direction: column;
  }
  .contact-section form .wpcf7-radio .wpcf7-list-item {
    margin-top: 5px;
  }
  .contact-section form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
    margin-top: 5px;
  }
  .contact-section form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label::before {
    top: 2px;
  }
  .contact-section form .wpcf7-radio .wpcf7-list-item input:checked ~ .wpcf7-list-item-label::after {
    top: 5px;
  }
  .home-main-section .medium-text {
    font-size: 1.1rem;
  }
  .home-features-section .bullets {
    margin-top: 80px;
  }
  .home-features-section .bullets .single-bullet {
    width: 100%;
  }
  .home-features-section .bullets .single-bullet .single-bullet .icon-wrapper {
    margin-bottom: 15px;
  }
  .home-features-section .button {
    margin-top: 50px;
  }
  .home-news-section .flex {
    flex-direction: column;
    align-items: flex-start;
  }
  .home-news-section .news-slider {
    margin-top: 40px;
    padding-bottom: 20px;
  }
  .home-news-section .news-slider .slick-slide {
    min-height: 0;
  }
  .home-news-section .news-slider .slick-slide > div {
    min-height: 0;
  }
  .home-news-section .news-slider .single-news {
    min-height: 0;
  }
  .home-news-section .news-slider .logo {
    height: 100px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }
  .home-news-section .news-slider .logo img {
    max-width: 100%;
    max-height: 100%;
  }
  .home-news-section .news-slider .slick-dots {
    max-width: calc(100% - 50px);
  }
  .home-news-section .news-slider .slick-arrow.slick-prev {
    left: 0;
  }
  .home-news-section .news-slider .slick-arrow.slick-next {
    right: 0;
  }
  .newsletter-bg #mc_embed_signup_scroll {
    flex-direction: column;
    align-items: flex-start;
  }
  .newsletter-bg #mc_embed_signup_scroll > * {
    margin-top: 15px;
  }
  header .popup-wrapper .popup .content {
    padding: 40px 30px;
  }
  header .popup-wrapper .popup .text {
    margin: 10px auto 20px auto;
  }
  header .popup-wrapper .popup .title {
    margin-bottom: 20px;
  }
} /* end of (max-width: 480px) */
/****************************************************************************************************************/
/* end of (max-width: 320px) */
/****************************************************************************************************************//*# sourceMappingURL=style.css.map */