.hidden {
  display: none;
}

.button-blue {
  font-family: "Montserrat",sans-serif;
  background-color: #0b9ed0;
  color: #ffffff !important;
  border-radius: 4px;
  border: none;
  font-weight: 400;
  vertical-align: middle;
  outline: none;
  line-height: normal;
  padding: 12px 20px;
  text-decoration: none;
  transition: 0.3s ease;
  text-align: center;
  display: inline-block;
}
.button-blue:hover {
  background-color: #0da3d6;
  transition: 0.3s ease;
  text-decoration: none;
}
.button-transparent {
  font-family: "Montserrat",sans-serif;
  background-color: transparent;
  color: #a1a1a1 !important;
  border-radius: 4px;
  border: 1px solid #a1a1a1;
  font-weight: 300;
  vertical-align: middle;
  outline: none;
  line-height: normal;
  padding: 8px 17px 8px 17px;
  text-decoration: none;
  transition: 0.3s ease;
  text-align: center;
  background-color: #f7fafb;
}
.button-transparent:hover {
  background-color: #a1a1a1;
  transition: 0.3s ease;
  text-decoration: none;
  color: #ffffff !important;
}

body.stopscroll {
  overflow: hidden;
  height: 100%;
}
.header-menu-mobile-2019 {
  display: none;
  padding: 50px 30px 50px 25px;
  width: 100%;
  margin: 0 auto;
}
.header-menu-mobile-2019 .menu-logo-container {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.header-menu-mobile-2019 .logo-visme img {
  max-width: 156px;
}
.header-menu-mobile-2019 .logo-visme .logo svg {
  max-width: 156px;
}

.header-menu-mobile-2019.whitecolor .logo-visme .logo svg #XMLID_483_,
.header-menu-mobile-2019.whitecolor .logo-visme .logo svg #XMLID_481_,
.header-menu-mobile-2019.whitecolor .logo-visme .logo svg #XMLID_479_,
.header-menu-mobile-2019.whitecolor .logo-visme .logo svg #XMLID_477_,
.header-menu-mobile-2019.whitecolor .logo-visme .logo svg #XMLID_474_,
.header-menu-mobile-2019.whitecolor .logo-visme .logo svg #XMLID_330_ {
  fill: #f8fafb;
}

.header-menu-mobile-2019.whitecolor .logo-visme .logo svg .v-menu-logo-ai {
  fill: #f8fafb !important;
}

.header-menu-mobile-2019 .logo-visme .logo svg #XMLID_483_,
.header-menu-mobile-2019 .logo-visme .logo svg #XMLID_481_,
.header-menu-mobile-2019 .logo-visme .logo svg #XMLID_479_,
.header-menu-mobile-2019 .logo-visme .logo svg #XMLID_477_,
.header-menu-mobile-2019 .logo-visme .logo svg #XMLID_474_,
.header-menu-mobile-2019 .logo-visme .logo svg #XMLID_330_ {
  fill: #2B3140;
}

.header-menu-mobile-2019.whitecolor .logo-visme .logo svg .v-menu-logo-ai {
  fill: url(#v-logo) !important;
}

.header-menu-mobile-2019 .logo-visme {
  position: relative;
}
.header-menu-mobile-2019 .logo-visme .hiringlogo {
  position: absolute;
  right: 2px;
  top: 30px;
}
.header-menu-mobile-2019 .logo-visme .hiring svg {
  width: 99px;
  position: absolute;
  left: 22px;
  top: 36px;
}
.hamburger-menu-container {
  position: absolute;
  cursor: pointer;
  top: -26px;
  right: -30px;
  z-index: 7;
}
[dir="rtl"] .hamburger-menu-container {
  left: -30px;
  right: auto;
}
.hamburger-menu-container.fixed {
  position: fixed;
  top: 24px !important;
  right: 0;
}
[dir="rtl"] .hamburger-menu-container.fixed {
  left: 0;
  right: auto;
}
#hamburger-menu {
  width: 100px; /* adjust the width of the hamburger menu*/
  height: 80px; /* adjust the eight of the hamburger menu*/
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-tap-highlight-color: rgba(
    255,
    255,
    255,
    0
  ); /* removes focus for Chrome on Android*/
}
#hamburger-menu .path-menu {
  fill: none;
  /*
  -webkit-transition: stroke-dashoffset 0.5s
      cubic-bezier(0.25, -0.25, 0.75, 1.25),
    stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
    stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
    stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
    stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
    stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    */
  -moz-transition: stroke-dashoffset 0.35s linear,
    stroke-dasharray 0.35s linear;
  -o-transition: stroke-dashoffset 0.35s linear,
    stroke-dasharray 0.35s linear;
  -ms-transition: stroke-dashoffset 0.35s linear,
    stroke-dasharray 0.35s linear;
  -webkit-transition: stroke-dashoffset 0.35s linear, stroke-dasharray 0.35s linear;
  transition: stroke-dashoffset 0.35s linear, stroke-dasharray 0.35s linear;
  stroke-width: 20px;
  stroke-linecap: round;
  stroke: #314152;
  stroke-dashoffset: 0px;
}
#hamburger-menu #top,
#hamburger-menu #bottom {
  stroke-dasharray: 240px 950px;
}
#hamburger-menu #middle {
  stroke-dasharray: 240px 240px;
  -webkit-transition: stroke-dashoffset 0.35s linear, stroke-dasharray 0.35s linear;
  transition: stroke-dashoffset 0.35s linear, stroke-dasharray 0.35s linear;
}
.crossmenu #hamburger-menu #top,
.crossmenu #hamburger-menu #bottom {
  stroke-dashoffset: -650px;
  stroke-dashoffset: -650px;
}
.crossmenu #hamburger-menu #middle {
  stroke-dashoffset: -115px;
  stroke-dasharray: 1px 220px;
}
.whitecolor #hamburger-menu .path-menu {
  stroke: #ffffff;
}
.whitecolor .crossmenu #hamburger-menu .path-menu {
  stroke: #314152;
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.header-menu-mobile-2019 .menu-mobile-container {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #f8fafb;
  top: 0;
  left: 0;
  z-index: 6;
  display: none;
}
.header-menu-mobile-2019.version-2021 .menu-mobile-container {
  background-color: #fff;
}
.header-menu-mobile-2019 .menu-mobile-container .register-button {
  width: 77%;
  margin: 0 auto;
  position: absolute;
  bottom: 0; /* 5% */
  left: 0;
  right: 0;
  max-width: 375px;
}
.header-menu-mobile-2019 .menu-mobile-container .register-button a {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  box-sizing: border-box;
  font-family: lato, sans-serif;
  font-weight: 400;
}

.navigationMenuMobile__wrapper {
  position: relative;
  height: 59%; /* 65% */
  width: 77%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 15%;
  bottom: 0;
  overflow-x: hidden;
  max-width: 375px;
  z-index: 1;
}

.navigationMenuMobile__content--topLevel {
  top: 20px;
}

.navigationMenuMobile__content {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  list-style: none;
  opacity: 1;
  transform: translateX(0);
  transition: 0.3s all;
  margin: 0;
  padding: 0;
}
.navigationMenuMobile__contentItem {
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 100%;
  color: #2b3a48 !important;
}
.whitecolor .navigationMenuMobile__label,
.whitecolor .navigationMenuMobile__contentItem a,
.navigationMenuMobile__contentItem a {
  color: #2b3a48 !important;
}
.navigationMenuMobile__label {
  display: block;
  font-family: lato,sans-serif;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 0;
  text-decoration: none;
  color: #2b3a48;
  opacity: 1;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 12px;
  text-align: left;
}
.navigationMenuMobile__label {
  transition: 0.3s all;
}
.navigationMenuMobile__label span {
  font-family: lato, sans-serif;
  font-size: 13px;
  color: #9b9b9b;
  display: block;
  margin-top: 10px;
}
.version-2021 .navigationMenuMobile__label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.version-2021 .navigationMenuMobile__label img {
  margin-right: 11px;
  opacity: 0;
  transition: opacity 0.15s ease-out;
}
.version-2021 .navigationMenuMobile__label img {
  opacity: 1;
}
.version-2021 .navigationMenuMobile__label > div {
  flex: 1;
}
.version-2021 .navigationMenuMobile__label span {
  margin-top: 0px;
  flex: 0 0 100%;
}
[dir="rtl"] .version-2021 .navigationMenuMobile__label > div {
  text-align: right;
}
[dir="rtl"] .version-2021 .navigationMenuMobile__label img {
  margin-left: 11px;
  margin-right: auto;
}
.navigationMenuMobile__label--hasChildren {
  will-change: transform;
}
.navigationMenuMobile__label--hasChildren:after {
  border-style: solid;
  border-width: 1.5px 1.5px 0 0;
  content: "";
  display: inline-block;
  height: 0.5em;
  vertical-align: text-top;
  width: 0.5em;
  cursor: pointer;
  transform: rotate(45deg);
  position: absolute;
  top: 19px;
  right: 6px;
}
.whitecolor .navigationMenuMobile__label.navigationMenuMobile__label--goUp,
.navigationMenuMobile__label--goUp {
  color: #9ba3a7 !important;
  padding-left: 20px;
}
[dir="rtl"] .whitecolor .navigationMenuMobile__label.navigationMenuMobile__label--goUp,
[dir="rtl"] .navigationMenuMobile__label--goUp {
  padding-right: 20px;
  padding-left: 0;
}
.navigationMenuMobile__label--goUp:after {
  border-style: solid;
  border-width: 1.5px 1.5px 0 0;
  content: "";
  display: inline-block;
  height: 0.5em;
  vertical-align: text-top;
  width: 0.5em;
  cursor: pointer;
  transform: rotate(223deg);
  position: absolute;
  top: 19px;
  left: 4px;
}
[dir="rtl"] .navigationMenuMobile__label--goUp:after {
  left: auto;
  right: 4px;
  top: 20px;
  transform: rotate(43deg);
}
.navigationMenuMobile__content {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  list-style: none;
  opacity: 1;
  transform: translateX(0);
  transition: 0.3s all;
}
.navigationMenuMobile__content--hidden {
  opacity: 0;
  transform: translateX(100%) translateX(25px);
  pointer-events: none;
  /*height: calc(100vh - 100px);*/
  height: 60%;
  overflow: hidden;
}
.navigationMenuMobile__label--hidden {
  opacity: 0;
  transform: translateX(-100%);
  pointer-events: none;
  transition: 0.3s all;
}

/*------------------------ Menu 2021 ----------------------*/

.header-menu-2021 {
  position: relative;
  width: 100%;
  transition: 0.3s ease;
  z-index: 2;
}
.header-menu-2021.fixed {
  position: fixed;
  width: 100%;
  z-index: 2;
  background-color: #fff;
  transition: 0.3s ease;
  top: 0;
}
.header-menu-2021.fixed .level-one {
  color: #293745;
  z-index: 1;
}

.header-menu-2021.dropdown-active .level-one {
  color: #293745 !important;
  z-index: 1;
}
.header-menu-2021 .has-dropdown.active .level-one {
  color: #3cacd7 !important;
}
.header-menu-2021 .container-inner {
  padding: 24px 33px 26px 33px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 6;
  margin: 0 auto;
  width: 100%;
  max-width: 2000px;
}
.header-menu-2021 .button-blue:hover,
.header-menu-2021 .button-blue {
  font-weight: 500;
  font-size: 16px;
  padding: 8px 12px;
  margin-left: 30px;
  color: #fff !important;
}
[dir="rtl"] .header-menu-2021 .button-blue:hover,
[dir="rtl"] .header-menu-2021 .button-blue {
  margin-left: auto;
  margin-right: 30px;
}
.header-menu-2021 a:focus,
.header-menu-2021 a {
  font-family: "lato", sans-serif;
  font-weight: 500;
  font-size: 17px;
  color: #293745;
  cursor: pointer !important;
  position: relative;
  display: block;
}
.header-menu-2021 a:hover {
  text-decoration: none;
}
.header-menu-2021.whitecolor a {
  color: #ffffff !important;
}
.header-menu-2021 a.chevron:after {
  border-style: solid;
  border-width: 0.13px 0.13px 0 0;
  content: "";
  display: inline-block;
  height: 0.35em;
  left: 0.45em;
  position: relative;
  vertical-align: text-top;
  width: 0.35em;
  cursor: pointer;
  transform: rotate(135deg);
  top: 0.45em;
}
[dir="rtl"] .header-menu-2021 a.chevron:after {
  left: auto;
  right: 0.45em;
}
.header-menu-2021 .has-dropdown.active a.chevron:after {
  transform: rotate(315deg);
  top: 0.65em;
}

.header-menu-2021 a:hover {
  color: #3cacd7 !important;
}
.header-menu-2021 .menu-list-left {
  margin: 0;
  padding: 0;
  width: 100%;
  flex: 1;
  z-index: 1;
  text-align: left;
}
[dir="rtl"] .header-menu-2021 .menu-list-left {
  text-align: right;
}
.header-menu-2021 .menu-list-left {
  display: inline-block;
  margin-right: 30px;
  vertical-align: middle;
}
.header-menu-2021 .menu-list-left li.logo-visme {
  position: relative;
}
.header-menu-2021 .menu-list-left li.logo-visme .logo svg {
  max-width: 156px;
}
.header-menu-2021.whitecolor .logo-visme .logo svg #XMLID_483_,
.header-menu-2021.whitecolor .logo-visme .logo svg #XMLID_481_,
.header-menu-2021.whitecolor .logo-visme .logo svg #XMLID_479_,
.header-menu-2021.whitecolor .logo-visme .logo svg #XMLID_477_,
.header-menu-2021.whitecolor .logo-visme .logo svg #XMLID_474_,
.header-menu-2021.whitecolor .logo-visme .logo svg #XMLID_330_ {
  fill: #f8fafb;
}

.header-menu-2021.whitecolor .logo-visme .logo svg .v-menu-logo-ai {
  fill: #f8fafb !important;
}

.header-menu-2021.fixed .logo-visme .logo svg #XMLID_483_,
.header-menu-2021.fixed .logo-visme .logo svg #XMLID_481_,
.header-menu-2021.fixed .logo-visme .logo svg #XMLID_479_,
.header-menu-2021.fixed .logo-visme .logo svg #XMLID_477_,
.header-menu-2021.fixed .logo-visme .logo svg #XMLID_474_,
.header-menu-2021.fixed .logo-visme .logo svg #XMLID_330_,
.header-menu-2021.dropdown-active .logo-visme .logo svg #XMLID_483_,
.header-menu-2021.dropdown-active .logo-visme .logo svg #XMLID_481_,
.header-menu-2021.dropdown-active .logo-visme .logo svg #XMLID_479_,
.header-menu-2021.dropdown-active .logo-visme .logo svg #XMLID_477_,
.header-menu-2021.dropdown-active .logo-visme .logo svg #XMLID_474_,
.header-menu-2021.dropdown-active .logo-visme .logo svg #XMLID_330_,
.header-menu-2021 .logo-visme .logo svg #XMLID_483_,
.header-menu-2021 .logo-visme .logo svg #XMLID_481_,
.header-menu-2021 .logo-visme .logo svg #XMLID_479_,
.header-menu-2021 .logo-visme .logo svg #XMLID_477_,
.header-menu-2021 .logo-visme .logo svg #XMLID_474_,
.header-menu-2021 .logo-visme .logo svg #XMLID_330_ {
  fill: #2B3140;
}
.header-menu-2021.fixed .logo-visme .logo svg .v-menu-logo-ai,
.header-menu-2021.dropdown-active .logo-visme .logo svg .v-menu-logo-ai,
.header-menu-2021 .logo-visme .logo svg .v-menu-logo-ai {
  fill: url(#v-logo) !important;
}
.header-menu-2021 .logo-visme .hiring {
  position: absolute;
  bottom: -22px;
  left: 16%;
}
.header-menu-2021 .logo-visme .hiring svg {
  max-width: 75px;
  width: 100%;
}
.header-menu-2021.dropdown-active .logo-visme .hiring svg .st0,
.header-menu-2021.whitecolor .logo-visme .hiring svg .st0 {
  fill: #f8fafb;
}

.header-menu-2021 .menu-list-left li.logo-visme a {
  z-index: 1;
}
.header-menu-2021 .menu-list-left {
  margin: 0;
  padding: 0;
  width: 79%;
  z-index: 1;
  text-align: left;
}
.header-menu-2021 .menu-list-left li {
  display: inline-block;
  padding-right: 30px;
  vertical-align: middle;
}
.header-menu-2021 .menu-list-right {
  margin: 0;
  padding: 0;
  z-index: 1;
}
.header-menu-2021 .menu-list-right li {
  display: inline-block;
  vertical-align: middle;
}
.header-menu-2021 .main-nav-dropdown {
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  left: 0;
  top: 0;
  padding: 90px 0 0px 0;
  box-shadow: 0px 1px 0px #dae4ea;
  -webkit-transform: translateY(calc(-100% - 90px));
  transform: translateY(calc(-100% - 90px));
  -webkit-transition: -webkit-transform 700ms cubic-bezier(0.694, 0, 0.335, 1);
  transition: -webkit-transform 700ms cubic-bezier(0.694, 0, 0.335, 1);
  transition: transform 700ms cubic-bezier(0.694, 0, 0.335, 1);
  transition: transform 700ms cubic-bezier(0.694, 0, 0.335, 1),
    -webkit-transform 700ms cubic-bezier(0.694, 0, 0.335, 1);
}
.header-menu-2021 .has-dropdown.active .main-nav-dropdown {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.header-menu-2021 .main-nav-dropdown .menu-content {
  max-width: 2000px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 30px;
  margin: auto;
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: opacity 1000ms cubic-bezier(0.694, 0, 0.335, 1),
    -webkit-transform 1500ms cubic-bezier(0.694, 0, 0.335, 1);
  transition: opacity 1000ms cubic-bezier(0.694, 0, 0.335, 1),
    -webkit-transform 1500ms cubic-bezier(0.694, 0, 0.335, 1);
  transition: opacity 1000ms cubic-bezier(0.694, 0, 0.335, 1),
    transform 1500ms cubic-bezier(0.694, 0, 0.335, 1);
  transition: opacity 1000ms cubic-bezier(0.694, 0, 0.335, 1),
    transform 1500ms cubic-bezier(0.694, 0, 0.335, 1),
    -webkit-transform 1500ms cubic-bezier(0.694, 0, 0.335, 1);
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
}
.header-menu-2021 .has-dropdown.active .main-nav-dropdown .menu-content {
  opacity: 1;
  -webkit-transition-delay: 300ms, 270ms;
  transition-delay: 300ms, 270ms;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@keyframes contentmovedownup {
  0% {
    top: 20px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}
.header-menu-2021 .main-nav-dropdown .menu-content .col-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  color: #586276;
  border-bottom: 1px solid #dae4ea;
  width: 100%;
  padding-bottom: 8px;
  margin-bottom: 10px;
}
.header-menu-2021 .main-nav-dropdown .menu-content .col-title.text-uppercase,
.header-menu-2021 .main-nav-dropdown .menu-content .col-title .text-uppercase {
  text-transform: uppercase;
}
.header-menu-2021 .main-nav-dropdown .menu-content .col-title a {
  font-weight: bold;
  font-size: 12px;
  color: #0b9ed0 !important;
  float: right;
}
[dir="rtl"] .header-menu-2021 .main-nav-dropdown .menu-content .col-title a {
  float: left;
}
.header-menu-2021 .main-nav-dropdown .menu-content .flex-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.header-menu-2021 .main-nav-dropdown .menu-content .full-width-col {
  width: 100%;
}
.header-menu-2021 .main-nav-dropdown .menu-content .sixsty-width-col {
  width: 59%;
}
.header-menu-2021 .main-nav-dropdown .menu-content .fourthy-width-col {
  width: 39%;
}
.header-menu-2021 .main-nav-dropdown .menu-content .half-width-col {
  width: 49%;
}
.header-menu-2021 .main-nav-dropdown .menu-content .three-quarters-width-col {
  width: 74%;
}
.header-menu-2021 .main-nav-dropdown .menu-content .quarter-width-col {
  width: 24%;
}
.header-menu-2021 .main-nav-dropdown .menu-content .col-with-large-icon {
  width: 33.33333%;
  margin-bottom: 20px;
}
.header-menu-2021 .main-nav-dropdown .menu-content .col-with-large-icon.half {
  width: 50%;
}
.header-menu-2021 .main-nav-dropdown .menu-content .col-with-large-icon a {
  border-radius: 6px;
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 20px;
  color: #293745;
  display: flex;
  align-items: flex-start;
  padding: 12px 7px 12px 7px;
}
.header-menu-2021
  .main-nav-dropdown
  .menu-content
  .col-with-large-icon
  a:hover {
  font-size: 14px;
  line-height: 20px;
  color: #293745;
  background-color: #f8fafb;
  border: 1px solid #dae4ea;
}
.header-menu-2021
  .main-nav-dropdown
  .menu-content
  .col-with-large-icon
  a
  picture,
.header-menu-2021 .main-nav-dropdown .menu-content .col-with-large-icon a img {
  width: 36px;
  flex: 0 0 auto;
}
.header-menu-2021 .main-nav-dropdown .menu-content .col-with-large-icon a h6,
.header-menu-2021 .main-nav-dropdown .menu-content .col-with-large-icon a p {
  font-size: 14px;
  line-height: 20px;
  color: #293745;
  margin: 0 0 0 11px;
  font-weight: 400;
  font-family: "Lato", sans-serif;
}
[dir="rtl"] .header-menu-2021 .main-nav-dropdown .menu-content .col-with-large-icon a h6,
[dir="rtl"] .header-menu-2021 .main-nav-dropdown .menu-content .col-with-large-icon a p {
  margin: 0 11px 0 0;
  text-align: right;
}
.header-menu-2021 .main-nav-dropdown .menu-content .col-with-large-icon a h6 strong,
.header-menu-2021 .main-nav-dropdown .menu-content .col-with-large-icon a p strong {
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
  padding: 2px 4px;
  border-radius: 4px;
  color: #fff;
  margin-left: 4px;
  text-transform: uppercase;
  background: #0b9ed0;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
}
.header-menu-2021
  .main-nav-dropdown
  .menu-content
  .col-with-large-icon
  a
  h6
  span,
  .header-menu-2021
  .main-nav-dropdown
  .menu-content
  .col-with-large-icon
  a
  p
  span {
  font-size: 11px;
  line-height: 14px;
  color: #586276;
  display: block;
}

.header-menu-2021 .main-nav-dropdown .menu-content .col-with-small-icon {
  width: 33.33333%;
  margin-bottom: 8px;
}

.header-menu-2021 .main-nav-dropdown .menu-content .col-with-small-icon.half {
  width: 50%;
}
.header-menu-2021 .main-nav-dropdown .menu-content .col-with-small-icon.third {
  width: 33.3333%;
}
.header-menu-2021
  .main-nav-dropdown
  .menu-content
  .col-with-small-icon.quarter {
  width: 25%;
}
.header-menu-2021 .main-nav-dropdown .menu-content .col-with-small-icon a {
  border-radius: 6px;
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 20px;
  color: #293745;
  display: flex;
  align-items: flex-start;
  padding: 7px;
}
.header-menu-2021
  .main-nav-dropdown
  .menu-content
  .col-with-small-icon
  a:hover {
  font-size: 14px;
  line-height: 20px;
  color: #293745;
  background-color: #f8fafb;
  border: 1px solid #dae4ea;
}
.header-menu-2021
  .main-nav-dropdown
  .menu-content
  .col-with-small-icon
  a
  picture,
.header-menu-2021 .main-nav-dropdown .menu-content .col-with-small-icon a img {
  width: 24px;
  flex: 0 0 auto;
}
.header-menu-2021 .main-nav-dropdown .menu-content .col-with-small-icon a h5,
.header-menu-2021 .main-nav-dropdown .menu-content .col-with-small-icon a p {
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  color: #293745;
  margin: 0 0 0 9px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
[dir="rtl"] .header-menu-2021 .main-nav-dropdown .menu-content .col-with-small-icon a h5,
[dir="rtl"] .header-menu-2021 .main-nav-dropdown .menu-content .col-with-small-icon a p {
  margin: 0 9px 0 0;
  text-align: right;
}
.header-menu-2021 .whats-new-container {
  display: block;
}
.header-menu-2021 .whats-new-container .cover {
  position: relative;
  padding-top: 56.25%;
  margin-bottom: 20px;
  border-radius: 6px;
  background: #f1f1f1;
}
.header-menu-2021 .whats-new-container .cover img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header-menu-2021 .whats-new-container img {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  border-radius: 6px;
  opacity: 0;
  transition: opacity 0.15s ease-out;
}
.header-menu-2021 .whats-new-container img.lazy-loaded {
  opacity: 1;
}
.header-menu-2021 .whats-new-container h4,
.header-menu-2021 .whats-new-container p,
.header-menu-2021 .whats-new-container strong {
  display: block;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: #293745;
  margin-bottom: 9px;
  font-family: "Lato", sans-serif;
}
.header-menu-2021 .whats-new-container span {
  font-weight: bold;
  font-size: 11px;
  display: block;
  color: #3cacd7;
}
.header-menu-2021 .see_all {
  font-weight: bold;
  font-size: 11px;
  color: #586276;
}
.header-menu-2021 a.see_all {
  font-weight: bold;
  font-size: 11px !important;
  color: #586276 !important;
  background: transparent !important;
  border: none !important;
  text-align: right;
  justify-content: flex-end;
}
.header-menu-2021 a.see_all:hover {
  color: #3cacd7;
  background: transparent !important;
  border: none !important;
}
.header-menu-2021 a.see_all svg {
  max-width: 15px;
  color: #3cacd7;
  margin-left: 5px;
  vertical-align: middle;
}
/*------------------------ End Menu 2021 ----------------------*/

@media (max-width: 1200px) {
  .button-blue {
    padding: 8px 10px 8px 10px;
  }
}

@media (max-width: 1150px) {
  .header-menu-2021 .logo-visme .logo svg #XMLID_483_,
  .header-menu-2021 .logo-visme .logo svg #XMLID_481_,
  .header-menu-2021 .logo-visme .logo svg #XMLID_479_,
  .header-menu-2021 .logo-visme .logo svg #XMLID_477_,
  .header-menu-2021 .logo-visme .logo svg #XMLID_474_ {
    display: none;
  }
  .header-menu-2021 .menu-list-left li.logo-visme .logo {
    overflow: hidden;
    max-width: 46px;
  }
}
@media (max-width: 991px) {
  .header-menu-2021 {
    display: none !important;
  }

  .header-menu-mobile-2019 {
    display: block;
    height: 134px;
  }
}
@media (max-width: 855px) {
  .header-menu-2019 .menu-list-left {
    width: 77%;
  }
}
@media (max-width: 480px) {
  .header-menu-mobile-2019 .menu-mobile-container .register-button,
  .navigationMenuMobile__wrapper {
    width: 75%;
  }
}

@media (min-width: 1600px) {
  .header-menu-2021 .menu-list-left li.create-menu-item .menu-content > .three-quarters-width-col {
    width: 49%;
    order: 1;
  }
  .header-menu-2021 .menu-list-left li.create-menu-item .menu-content > .full-width-col {
    width: 24%;
    order: 2;
  }
  .header-menu-2021 .menu-list-left li.create-menu-item .menu-content > .quarter-width-col {
    order: 3;
    width: 24%;
  }
  .header-menu-2021 .menu-list-left li.create-menu-item .menu-content > .full-width-col .quarter {
    width: 50%;
  }
}

/* Grid */
.navigationMenuMobile__gridItem {
  font-size: 12px;
}

.navigationMenuMobile__gridWrapper {
    position: relative;
    padding-top: 27%;
    overflow: hidden;
    border-radius: 6px;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    margin-right: 12px;
}
  
.navigationMenuMobile__gridWrapper img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.15s ease-in-out, transform .6s cubic-bezier(.11,0,.31,1);
    opacity: 0;
}

.header-menu-2021 .grid {
  margin: 0 -6px;
  display: flex;
  flex-wrap: wrap;
}

.header-menu-2021 .grid .col {
  padding: 0 6px;
  flex: 0 0 auto;
  width: 50%;
  margin-bottom: 12px;
}

.header-menu-2021 .grid .col .inner,
.header-menu-2021 .grid .col .inner:hover,
.header-menu-2021 .grid .col .inner:focus {
  outline: 0;
  display: block;
  border-radius: 6px;
  border: 1px solid transparent;
  background-color: transparent;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.header-menu-2021 .grid .col .inner:hover,
.header-menu-2021 .grid .col .inner:focus {
  background-color: #F5F8F8;
  border-color: #DAE4EA;
}

.header-menu-2021 .grid .col .wrapper {
  position: relative;
  padding-top: 56%;
  overflow: hidden;
  border-radius: 6px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.header-menu-2021 .grid .col .thumb {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.15s ease-in-out, transform .6s cubic-bezier(.11,0,.31,1);
  opacity: 0;
}

.header-menu-2021 .grid .col .thumb.lazy-loaded {
  opacity: 1;
}

.header-menu-2021 .grid .col .inner:hover .thumb,
.header-menu-2021 .grid .col .inner:focus .thumb {
  transform: scale(1.1);
}

.header-menu-2021 .grid .col .details {
  padding: 12px 16px;
}

.header-menu-2021 .grid .col .title {
  font-size: 14px;
  line-height: 1.1428;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: auto;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 16px;
  max-height: 32px;
  overflow: hidden;
  margin-bottom: 0;
  color: #2B3140;
}

.header-menu-2021 .main-nav-dropdown .menu-content .custom-63 {
  width: 49%;
}

.header-menu-2021 .main-nav-dropdown .menu-content .custom-35 {
  width: 49%;
}

@media screen and (min-width: 1200px) {
  .header-menu-2021 .grid .col {
    padding: 0 6px;
    flex: 0 0 auto;
    width: 25%;
  }
  .header-menu-2021 .main-nav-dropdown .menu-content .custom-63 {
    width: 63%;
  }
  
  .header-menu-2021 .main-nav-dropdown .menu-content .custom-35 {
    width: 35%;
  }
  .header-menu-2021 .main-nav-dropdown .menu-content .custom-35 .col-with-large-icon {
    margin-bottom: 8px;
  }
  .header-menu-2021 .main-nav-dropdown .menu-content .custom-35 .col-with-large-icon a {
    padding: 7px 7px;
  }
}

@media screen and (min-width: 1600px) {
  .header-menu-2021 .main-nav-dropdown .menu-content .custom-35 .col-with-large-icon {
    margin-bottom: 20px;
  }
}

.header-menu-2021 .main-nav-dropdown .menu-content .col-with-large-icon.center a {
  align-items: center;
}