:root {
  --violet1: #6423e2;
  --violet2: #625c70;
  --violet3: #b48eff;
  --violet4: #6d47f4;
  --gray-black: #3b334a;
  --gray1: #a1a1a1;
  --gray-content: #68738c;
  --gray__span-menu: #848da1;
  --gray-table: #f4f7fb;
  --dashed: #c4c4c4;
  --lavender: #e9eefc;
  --gradient-btn-violet: linear-gradient(180deg, #2c56ea 1.35%, #6d47f4 100%);
  --body-color: #374056;
  --blue-violet: #2c56ea;
  --blue: #1e93ff;
  --blue-text: #0b2296;
  --blue-h1-after: #5a4cf1;
  --green: #27ae60;
  --brown: #eb5757;
  --border-service: #d7d9dd;
  --gradient-btn-violet-2: linear-gradient(180deg, #2c56ea 100%, #6d47f4 100%);
}

body {
  color: var(--body-color);
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Mulish", sans-serif;
  color: var(--body-color);
}

h1 {
  font-weight: 700;
  font-size: 50px;
  line-height: 64px;
}

h2 {
  font-weight: 700;
  font-size: 44px;
  line-height: 58px;
}

h3 {
  font-weight: 700;
  font-size: 38px;
  line-height: 52px;
}

h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
}

h5 {
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
}

.text-1 {
  font-size: 15px;
  line-height: 24px;
}

.text-2 {
  font-size: 14px;
  line-height: 24px;
}

p {
  font-size: 16px;
}

.block-background-image {
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
}

button {
  font-family: "Mulish", sans-serif;
}
select,
textarea,
input,
.nice-select {
  transition: 0.7s;
  border: solid 1px transparent;
}
.nice-select:active,
.nice-select.open,
.nice-select:focus,
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus {
  border-color: var(--blue-violet) !important;
}

.btn {
  text-transform: uppercase;
  padding: 15px 25px;
  font-weight: 800;
  font-size: 14px;
  line-height: 22px;
  border-radius: 0;
  margin-left: 5px;
  margin-right: 5px;
  min-width: 200px;
  text-align: center;
}

.btn a {
  color: #fff;
}

.btn-violet {
  background: var(--gradient-btn-violet);
  color: #fff;
}

.btn-violet-light,
.btn-violet-light-1,
.btn-violet {
  position: relative;
  transition: all 0.7s;
  overflow: hidden;
}

.btn-violet-light-1:hover {
  color: var(--violet1);
}

.btn-violet a {
  color: #fff;
}

button.btn-violet-light {
  border: 0;
  padding: 2px !important;
  color: #fff;
  background: var(--gradient-btn-violet);
  /*background-image: url(../img/bg-button.svg);*/
  background-repeat: no-repeat;
}

.btn-violet-light a {  
  display: block;
  padding: 11px 25px;
  border-radius: 9px 0;
  overflow: hidden;
}

.btn-violet-light a span {
  background: var(--gradient-btn-violet);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

button.btn-violet-light-1 {
  background: var(--gradient-btn-violet);
  /*background-image: url(../img/bg-button.svg);*/
  background-repeat: no-repeat;
  border: 0;
  padding: 2px !important;
}

.btn-violet-light-1 a {
  color: #2c56ea;
  font-weight: 800;
  display: block;
  padding: 11px 25px;
  border-radius: 9px 0; 
  overflow: hidden;
}

button {
  font-family: "Mulish", sans-serif;
}
.color-violet {
  color: var(--gray-content);
}
section .btn:focus {
  box-shadow: none;
}
.btn:hover {
  color: #fff;
}
/* Mega Menu */
#mega-menu-wrap-menu-1 {
  background: none;
  min-width: 550px;
}
#mega-menu-wrap-menu-1 h4.mega-block-title a {
  color: var(--blue-violet);
  text-transform: uppercase;
  font-weight: 800;
  font-size: 14px;
  line-height: 22px;
  background: var(--gradient-btn-violet);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Mulish";
}
#mega-menu-wrap-menu-1 .mega-sub-menu .icon_image {
  width: 36px;
  height: 36px;
  text-align: center;
  border-radius: 50%;
  margin-left: 22px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 
> li.mega-menu-megamenu 
> ul.mega-sub-menu li.mega-menu-column.col-procedure 
> ul.mega-sub-menu 
> li.mega-menu-item h4.mega-block-title {
  padding-left: 22px;
}
#mega-menu-wrap-menu-1 .mega-sub-menu .icon_image.feature {
  margin-left: 25px;
}

#mega-menu-wrap-menu-1 .mega-sub-menu .icon_image img {
  margin-top: 50%;
  transform: translate(0%, -50%);
}

#mega-menu-wrap-menu-1.mega-sticky {
  opacity: 1;
  position: static;
}

#mega-menu-wrap-menu-1.mega-sticky #mega-menu-menu-1 {
  background: none;
}

#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item
  > a.mega-menu-link {
  height: auto;
  line-height: normal;
  transition: 0.5s;
  font-size: 13px;
}

#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item
  > a.mega-menu-link:hover,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link,
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item.mega-current-menu-ancestor
  > a.mega-menu-link,
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item.mega-current-page-ancestor
  > a.mega-menu-link {
  background: transparent;
}

#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item
  > a.mega-menu-link {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 14px;
  color: var(--body-color);
}

#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item.mega-current-menu-ancestor
  > a.mega-menu-link,
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item.mega-current-page-ancestor
  > a.mega-menu-link {
  color: #514ef0;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu.mega-menu-item,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
  position: relative !important;
  padding: 21px 0px;
  cursor: pointer;
  border-radius: 10px 0;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item::after {
  content: "";
  width: 0;
  height: 3px;
  background: var(--blue);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.5s;
  opacity: 0;
  display: block;
}

/*#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:hover::after,*/
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-current-menu-item::after {
  width: 64px;
  opacity: 1;
  left: 50%;
  transform: translate(-50%, 0);
  background: var(--gradient-btn-violet);
}
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-current-menu-item.active-blue::after {
  background: #1e93ff;
}
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item-has-children.mega-toggle-on::after {
  width: 64px;
  opacity: 1;
  left: 42%;
  transform: translate(-50%, 0);
  background: var(--gradient-btn-violet);
}
.ve-eldesk #mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item-has-children.mega-toggle-on::after {
  background: #363636;
}
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item-has-children::after {
  left: 42%;
}

#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item
  > a.mega-menu-link {
  padding: 10px 13px;
  margin-left: 2px;
  margin-right: 2px;
}

#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item
  > a.mega-menu-link:hover {
  font-weight: 800;
  background: rgba(104, 115, 140, 0.1);
  border-radius: 10px 0;
}

#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  background-color: #fff;
  top: 100%;
  width: 950px;
  -webkit-box-shadow: -1px 2px 7px -2px rgba(0, 0, 0, 0.3);
  box-shadow: -1px 2px 7px -2px rgba(0, 0, 0, 0.3);
}
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  li.mega-menu-item
  a.mega-menu-link:before {
  display: none;
}

.custom-html-widget ul.custom-html-widget li.overview-detail {
  padding: 10px 0;
}

span.menu-item__span {
  color: var(--gray-content);
  font-weight: 400;
  line-height: 24px;
  font-size: 15px;
  font-family: "Mulish", sans-serif;
  white-space: pre-wrap;
}

.featured-mega-menu .menu-item .overview-content {
  font-weight: 500;
}

.featured-mega-menu li.menu-item {
  padding: 10px 15px 15px 25px;
}
.featured-mega-menu li.menu-item a {
  padding: 0px;
}

.featured-mega-menu li.menu-item:hover {
  background-color: var(--lavender);
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  font-size: 15px;
}

.featured-mega-menu li.menu-item > a:before {
  visibility: hidden;
}

.textwidget.custom-html-widget {
  margin-top: 0px;
  position: relative;
}
.col-procedure .textwidget.custom-html-widget::after {
  content: "";
  background-color: var(--gray-content);
  position: absolute;
  height: 400px;
  right: -15px;
  top: 8px;
  width: 1px;
  opacity: 0.1;
  transition: 0.7s;
}

#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-row
  .mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item {
  padding: 24px 15px 15px 20px;
}

#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  h4.mega-block-title {
  padding-left: 1rem;
  padding-top: 5px;
  position: relative;
  font-weight: 700;
  font-size: 14px;
  line-height: 28px;
  color: var(--body-color);
}

.menu-item__title {
  color: var(--body-color);
  font-size: 15px;
  font-family: "Mulish";
  margin-bottom: 0px;
  font-weight: 700;
  line-height: 24px;
  white-space: pre-wrap;
}

#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link,
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item.mega-current-menu-ancestor
  > a.mega-menu-link,
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item.mega-current-page-ancestor
  > a.mega-menu-link {
  font-weight: 800;
}

.featured-mega-menu .menu-item__row {
  width: 100%;
  display: flex;
  align-items: center;
}

.featured-mega-menu .menu-item__image {
  width: 53px;
  height: 53px;
  /* background-color: #374056; */
  text-align: center;
  border-radius: 50%;
}

.featured-mega-menu .menu-item__image-right {
  width: 53px;
  margin-right: 0;
}

.featured-mega-menu .menu-item__content {
  /* margin-left: 16px; */
  width: auto;
}
.featured-mega-menu.col-right .menu-item__content {
  margin-left: 4px;
  width: 86%;
}
.featured-mega-menu .menu-item {
  position: relative;
}
.featured-mega-menu.col-right .menu-item::after {
  right: 24px;
}

.featured-mega-menu .menu-item:hover:after {
  opacity: 1;
}

li.menu-item:hover .menu-item__title {
  color: var(--blue-text);
  font-size: 15px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 .menu-item__image img {
  /*icon menu mega */
  width: 80%;
  max-width: 100%;
  margin-top: 50%;
  transform: translate(-25%, -50%);
}

/* header */
#header.header-scrolled,
#header.header-inner-pages,
#header {
  padding: 0;
  min-height: 80px;
}

#header.header-scrolled,
#header.header-inner-pages {
  background: #f4f7fb;
  box-shadow: 0 0 5px rgb(0 0 0 / 15%);
}

#header .logo img {  
  max-width: 136px;
}

#header .btn {
  min-width: 0;
  border: 0px;
  margin-right: 0px;
}
#header .btn a {
  padding: 7px 35px;
}
#header .register {
  text-align: right;
}
#header .logo-center {
  text-align: center;
  padding: 20px 0px;
}

/* banner - hero */
.block-hero {
  height: auto;
}

.block-home-banner .banner-title {
  font-weight: 800;
  color: #374056;
  font-size: 50px;
  line-height: 66px;
  margin: 0;
  letter-spacing: 0.02em;
}

.block-hero .block-content h5 {
  color: #374056;
  font-size: 20px;
  margin: 6rem 0 4rem 0;
  font-weight: 400;
  line-height: 32px;
  max-width: 560px;
  letter-spacing: 0.01em;
}
.block-hero.block-home-banner .hero-img img {
  opacity: 0;
}
.block-home-banner .btn-violet-light-1 a {
  background-color: #F4F7FB;
}
.block-home-banner .btn a {
  padding-top: 11px; 
  padding-bottom: 11px;
}
.block-home-banner .btn-violet-light-1 a:hover:before {
  background: #E5E5E5
}

/* cross */
.block-bacground-cross,
.block-bacground-cross-discover-eldesk {
  position: relative;
  overflow: hidden;
}

.block-bacground-cross .container,
.block-bacground-cross-discover-eldesk .container {
  position: relative;
  z-index: 1;
}

.block-bacground-cross::after {
  content: "";
  position: absolute;
  top: -35%;
  left: 0;
  right: 0;
  background-color: var(--gray-table);
  z-index: 0;
  height: 100%;
  width: 100%;
  transform: skewY(-12deg);
  -webkit-transform: skewY(-12deg);
  -moz-transform: skewY(-12deg);
}
.block-bacground-cross-discover-eldesk::after {
  content: "";
  position: absolute;
  top: -79%;
  left: 0;
  right: 0;
  background-color: var(--gray-table);
  z-index: 0;
  height: 100%;
  width: 100%;
  transform: skewY(-45deg);
  -webkit-transform: skewY(-8deg);
  -moz-transform: skewY(-12deg);
}
.block-background-violet-light {
  background-color: var(--gray-table);
}

/* button slide */
button.btn label,
button.btn a {
  position: relative;
  cursor: pointer;
  width: 100%;
}
button.btn a *,
button.btn label * {
  position: relative;
  z-index: 200;
}
button.btn label::before,
button.btn a::before {
  content: "";
  left: 0;
  top: 0;
  width: 0;
  transition: 0.7s;
  background: rgba(255, 255, 255, 0.1);
  z-index: 10;
  position: absolute;
  height: 100%;
  border-radius: 9px 0;
  opacity: 0.8;
}
button.btn label::before {
  border-radius: 0 0 10px 0;
}

button.btn:hover label::before,
button.btn:hover a::before {
  width: 100%;
  opacity: 0.8;
}

button.btn {
  position: relative;
  transition: all 0.6s ease-in;
  border: 0;
  padding: 0;
}
button.btn:not(.btn-violet-light):active,
button.btn:not(.btn-violet-light):focus {
  background: linear-gradient(180deg, #0a3ceb 1.35%, #691fe2 100%);
}
button.btn:not(.btn-violet-light):active a:before {
  opacity: 0;
}
.btn-violet label,
.btn-violet a {
  color: #f4f7fb;
  padding: 13px 25px;
  border-radius: 10px 0 10px 0;
  display: block;
}
button.btn-violet-light-1 a:before {
  background: #f4f7fb;
}
button.btn-violet-light-1:focus a,
button.btn-violet-light-1:active a {
  background: #fff;
}
button.btn-violet-light-1:focus a::before,
button.btn-violet-light-1:active a:before {
  background: rgba(104, 115, 140, 0.1);
  width: 100%;
  opacity: 1 !important;
}
button.btn-violet-light:focus a::before,
button.btn-violet-light:active a:before {
  background: rgba(104, 115, 140, 0.1);
}

.button-slide {
  text-transform: uppercase;
  position: relative;
  height: 48px;
  transition-duration: 0.45s;
  cursor: pointer;
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
}

.button-read-more {
  border: 0;
  background: none;
  outline: none;
  padding: 0 0 0 35px;
}

.button-slide .button-background .left {
  transition: all 0.45s ease;
}

.button-slide .button-background .left,
.button-slide .button-background .right {
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
}

.button-slide.animate .left:before,
.button-slide.animate .right:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.button-slide .button-background .left:before,
.button-slide .button-background .right:before {
  content: "";
  width: 48px;
  display: block;
  height: 48px;
  border-radius: 10px 0 10px 0;
  background-color: #F0F1F4;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.45s ease;
  transition: transform 0.45s ease;
  transition: transform 0.45s ease, -webkit-transform 0.45s ease;
}

.button-slide .button-background .center {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #F0F1F4;
  z-index: 1;
  -webkit-transform-origin: right;
  transform-origin: right;
  transition: width 0.45s ease 0.45s, -webkit-transform 0.45s ease;
  transition: width 0.45s ease 0.45s, transform 0.45s ease;
  transition: width 0.45s ease 0.45s, transform 0.45s ease,
    -webkit-transform 0.45s ease;
}

.button-slide .button-background .right {
  transition: all 0.45s ease 0.45s;
}

.button-slide .text {
  display: inline-block;
  position: relative;
  z-index: 3;
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
  transition: all 0.75s ease;
  opacity: 0;
}
.button-slide.animate .text {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  color: #374056;
  font-weight: 800;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.button-slide.animate .arrow-icon {
  opacity: 1;
}

.button-slide .arrow-icon {
  position: relative;
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-left: 25px;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.85s ease;
}
.button-slide .arrow-icon i {
  margin: 0;
  color: #374056;
}

.button-slide .button-background .left,
.button-slide .button-background .right {
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
}
.button-slide.animate .left:before,
.button-slide.animate .right:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.button-slide:hover .left {
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
  width: 100%;
  transition-duration: calc(0.45s - 0.15s);
  transition-timing-function: ease-in-out;
  transition-delay: 0.45s;
}

.button-slide:hover .center {
  width: 100%;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  transition: width 0.45s ease,
    -webkit-transform calc(0.45s - 0.15s) ease-in-out 0.45s;
  transition: width 0.45s ease, transform calc(0.45s - 0.15s) ease-in-out 0.45s;
  transition: width 0.45s ease, transform calc(0.45s - 0.15s) ease-in-out 0.45s,
    -webkit-transform calc(0.45s - 0.15s) ease-in-out 0.45s;
}

.button-slide:hover .right {
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
  width: 100%;
  transition-delay: 0s;
}
/* footer */
.block-footer h2 {
  font-weight: 600;
  font-size: 42px;
  margin-bottom: 3rem;
}

.block-footer .container {
  padding-bottom: 5rem;
}
.block-footer {
  border-bottom: solid 1px #68738c;
}
.block-footer .buttons .btn-violet-light a {
  background-color: #1F1E1D;
}

@media (max-width: 575px) {
  .block-footer .buttons button {
    width: 100%;
    margin-bottom: 1rem;
  }
  .block-footer .container {
    padding-top: 0;
  }
}
/* */
#footer {
  background: #1F1E1D;
  color: #fff;
  font-size: 16px;
}

footer .footer-top .widget-title {
  font-weight: 700;
  font-size: 18px;
  color: #68738c;
  text-transform: none;
  margin-bottom: 36px;
  line-height: 24px;
}

footer .footer-logo img {
  max-width: 50px;
  height: 50px;
}

footer .social-plugin {
  text-align: center;
  color: #f4f7fb;
  margin-top: 40px;
}

footer .social-plugin a {
  color: #f4f7fb;
  display: flex;
  font-size: 22px;
}

footer .social-plugin i {
  margin-right: 20px;
}

footer .footer-copy-right {
  background-color: #333333;
  color: rgba(252, 250, 255, 0.5);
  padding: 20px 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
}

footer .block-footer h2 {
  color: #f4f7fb;
  font-size: 44px;
  line-height: 58px;
  font-weight: 700;
  letter-spacing: 0.005em;
}
#footer .footer-top {
  /* z-index: 1; */
}
#footer .footer-top .footer-links ul a {
  font-size: 14px;
  color: #f4f7fb;
  text-decoration: none !important;
}
#footer .hover-footer a:hover,
#footer .footer-top .footer-links ul a:hover {
  opacity: 0.6;
}
/* messenger */
.fb_dialog_advanced iframe {
  transition: 0.5s;
  right: 15px !important;
}
.block-messenger-wrapper .block-messenger {
  background-color: #f4f7fb;
  border-radius: 20px 0px;
  padding: 32px;
  position: fixed;
  bottom: -700px;
  right: 40px;
  width: 580px;
  height: 316px;
  z-index: 9999;
  box-shadow: 0 0 5px rgb(0 0 0 / 15%);
  transition: 0.8s;
  opacity: 0.1;
}

.block-messenger-wrapper .block-messenger.active {
  bottom: 120px;
  opacity: 1;
}
.block-messenger-wrapper .block-messenger.active.scrolled {
  bottom: 190px;
}

.block-messenger-wrapper .block-header {
  display: flex;
  color: #374056;
  font-size: 36px;
  line-height: 52px;
  font-weight: 700;
  margin-bottom: 8px;
}

.block-messenger-wrapper .slogan small {
  font-size: 18px;
  line-height: 28px;
  color: #68738c;
}

.block-messenger .social-button {
  margin-top: 36px;
  margin-bottom: 2rem;
}

.block-messenger-wrapper .block-header .icon {
  margin-right: 15px;
}

.block-messenger-wrapper .block-header .icon svg {
  margin-bottom: 10px;
}

.block-messenger-wrapper .slogan {
  color: #333333;
}

.block-messenger-wrapper button {
  width: 100%;
  border: 0;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
  background: #0068ff;
  color: #f4f7fb;
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  border-radius: 10px 0;
}

.block-messenger-wrapper button.btn-facebook {
  background: linear-gradient(
    89.33deg,
    #0099ff 0%,
    #a033ff 44.54%,
    #ff5280 87.8%,
    #ff7061 99.99%
  );
}

.block-messenger-wrapper button img {
  margin-right: 10px;
  height: 32px;
}

.block-messenger-wrapper .eldesk-chat {
  position: fixed;
  background: var(--gradient-btn-violet);
  width: 64px;
  height: 64px;
  border-radius: 0%;
  right: 40px;
  bottom: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  transition: 0.7s;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.block-messenger-wrapper .eldesk-chat.active {
  bottom: 100px;
}
.block-messenger-wrapper .eldesk-chat.open .eldesk-open,
.block-messenger-wrapper .eldesk-chat .eldesk-close {
  display: none;
}

.block-messenger-wrapper .eldesk-chat .eldesk-open,
.block-messenger-wrapper .eldesk-chat.open .eldesk-close {
  display: inline;
}

.block-tech-foundation {
  position: relative;
  overflow: hidden;
}

.block-tech-foundation .container {
  padding: 20rem 7rem;
  margin: 0 auto;
}

.block-tech-foundation::before,
.block-tech-foundation::after {
  position: absolute;
  content: "";
  display: block;
  background-color: #fff;
}

.block-tech-foundation::before {
  left: 0;
  top: -21%;
  height: 50%;
  width: 100%;
  transform: translate(0, -25%) skewY(-10deg);
}

/* create diagram */
.tab-menu-eldesk .nav-item {
  position: relative;
}

.tab-featured .title-subtab::before {
  content: "";
  height: 95px;
  position: absolute;
  top: 65%;
  right: 50%;
  border-radius: 0 0 0px 0;
  border-right: dashed 2px #e0e0e0;
}
.tab-featured .tab-menu-eldesk .nav-item {
  position: relative;
  cursor: pointer;
}
.establish .block-sub-content::before {
  animation: t 0.2s linear infinite;
}
@keyframes t {
  to {
    stroke-dashoffset: 0;
  }
}

.mc4wp-checkbox-contact-form-7 {
    font-style: italic;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #eb5757;
    margin-top: 10px;
    display: none;
}

.back-to-top {
  right: 35px;
  bottom: 40px;
}

.back-to-top span {
  display: block;
  background: transparent;
  border-top: 2px solid #F4F7FB;
  height: 12px;
  width: 12px;
  border-right: 2px solid #F4F7FB;
  transform: rotate(-45deg);
  margin-top: 8px;
}

.error-404 .mainbox {
  margin: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.error-404 .err {
  color: var(--body-color);
  font-size: 14rem;
}

.error-404 .far {
  font-size: 11.5rem;
  color: var(--body-color);
}

.error-404 .err2 {
  color: var(--body-color);
  font-size: 14rem;
}

.error-404 .msg {
  text-align: center;
}

svg .path {
  /* stroke-dasharray: 5; */
  stroke-dashoffset: 700;
  animation: draw_line 15s linear infinite;
}

@keyframes draw_line {
  to {
    stroke-dashoffset: 0;
  }
}
.establish .block-sub-content::before {
  display: none;
}
.home-featured .feature-content .featured-scroll,
.home-featured .feature-content .block-sub-content {
  height: auto;
}

.home-featured .feature-content .feature-content-title {
  min-height: 184px;
  height: auto;
}
.home-featured .dotted-line {
  margin: 0;
  width: calc(100% + 20px);
  height: 65px;
}
.home-featured .dotted-line svg {
  width: calc(100% - 70px);
  margin-left: 0px;
}
.block-two-featured .block-background-cross .row:first-child .block-color {
  padding-top: 4rem;
}
.block-two-featured .feature-content .block-sub-content {
  transition: all 0.5s ease;
  border-radius: 10px;
}
.block-two-featured .feature-content .block-sub-content * {
  transition: all 0.5s ease;
}
.block-two-featured .feature-content .block-sub-content:hover {
  background: #2C56EA;
  border-radius: 10px;
  border: 4px solid #2C56EA;
}
.block-two-featured .block-sub-content:hover .featured-logo img.normal,
.block-two-featured .featured-scroll.active .featured-logo img.normal,
.block-two-featured .block-sub-content .featured-logo img.active {
  display: none;
  opacity: 0;
}
.block-two-featured .block-sub-content:hover .featured-logo img.active,
.block-two-featured .featured-scroll.active .featured-logo img.active {
  display: inline;
  opacity: 1;
}

.tab-featured .title-subtab::before,
.tab-featured .tab-menu-eldesk .nav-item::before {
  display: none;
}
svg .path1 {
  /* stroke-dasharray: 5; */
  stroke-dashoffset: 0;
  animation: draw_line_revert 15s linear infinite;
}

.tab-featured .subtab-content-el .tab-menu-eldesk {
  transition: .7s;
  top: -80px;
  left: 0;
  right: 0;
  padding-bottom: 0;
}
.tab-featured .tab-menu-eldesk a span .active,
.tab-featured .tab-menu-eldesk a.active span .normal,
.tab-featured .tab-menu-eldesk a:hover span .normal {
  display: none;
}
.tab-featured .tab-menu-eldesk a.active span .active,
.tab-featured .tab-menu-eldesk a:hover span .active {
  display: initial;
}

@keyframes draw_line_revert {
  to {
    stroke-dashoffset: 700;
  }
}


.wpcf7-form.invalid .wpcf7-response-output {
  display: none;
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  line-height: 16px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  /*html, body {
    overflow-x: hidden;
  } */
  .home-featured .feature-content .teaser {
    padding: 0px !important;
  }
  .home-featured .block-background-cross .container,
  .block-basis .container {
    max-width: 960px;
  }
  .block-basis .block-platform-content .rect-runing {
    position: absolute;
    right: 0;
    left: 160px;
    margin: 0 auto;
    max-width: 650px;
  }
  .block-basis .block-platform-content .rect-runing svg {
    width: 100%;
  }
  .block-basis .basis-one-column .v-line svg {
    max-width: 180px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .container {
    max-width: 760px;
  }
  .block-home-banner .image-banner .block-content::before {
    height: 100%;
    left: -50%;
    width: 200%;
  }
  .block-home-banner h1.banner-title {
    width: 70%;
  }
  
  .home-featured .block-wrapper {
    max-width: 543px;
    margin: 0 auto;
  }
  .home-featured .logo-author {
    text-align: center;
  }
  .block-basis .block-platform-content .content-basis{
    width: 70%;
    margin: 0 auto;
  }
  .block-basis .block-platform-content .content-basis h2 {
    font-size: 28px;
  }
  .block-basis .block-platform-content .rect-runing {
    display: block;
  }
  .block-platform-content .rect-runing svg:first-child {
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: -75px;
  }
  .block-basis .design-all-basis .design-layout.content-one-column {  
    padding-bottom: 4.25rem;
    padding-top: 4.25rem;
  }
  .block-basis .basis-one-column .v-line {
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
  }
  .block-basis .basis-one-column .v-line svg {
    height: 50px;
  }  
  section.block-one-column.block-basis {
    padding: 11rem 0 7rem;
  }
}

@media (max-width: 767px) {
  /*html, body {
    overflow-x: hidden;
  }*/  
  .widget_custom_html {
    width: 0;
  }
  .block-messenger-wrapper .block-messenger {
    right: 10px;
    width: 320px;
    padding: 16px 24px;
    height: auto;
  }
  .block-messenger-wrapper .block-header {
    align-items: center;
    font-size: 22px;
  }
  .block-messenger-wrapper .eldesk-chat {
    right: 20px;
  }
  .block-messenger-wrapper button {
    font-size: 16px;
    line-height: 24px;
    padding: 8px 0;
  }
  .block-messenger-wrapper button:last-child {
    margin-bottom: 0;
  }
  .block-messenger-wrapper .block-header .icon svg {
    margin-bottom: 0;
  }
  .block-messenger .social-button {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
  }  
  .block-home-banner .image-banner .block-content:before {
    width: 120% !important;
  }

  .back-to-top {
    right: 35px;
  }

  .block-system-featured.system-featured .row-items .group-title {
    position: fixed;
    top: 4em;
    margin-right: 0;
    z-index: 999;
    left: 0.5rem;
  }
  .block-system-featured.system-featured .row-items .group-title ul {
    display: inherit;
  }
  .block-system-featured .pd-left-51 {
    padding: 0;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .block-home-banner h1.banner-title {
    width: 70%;
    margin: 0;
  }
  .block-hero.block-home-banner .block-content h5 {
    margin: 24px 0 36px;
  }
}

.background-rotator {
  height: 100vh;
  background-color: #363636;
  overflow: hidden;
  padding: 0;
}
.background-rotator .row {
  align-items: center;
}
.background-rotator .row h1 {
  color: var(--gray-table);
  font-weight: 800;
  width: 80%;
  letter-spacing: 0.02em;
}
.background-rotator .row h1 span {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  background: -webkit-linear-gradient(180deg, #2C56EA 1.35%, #6D47F4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 22px;
}

.background-rotator h1::after {
  display: none;
}

.background-rotator .image-running {
  position: relative;
  height: 100vh;
}

.background-rotator .image-running .image-text div.run-text {
  color: white; 
  background: url(../img/eldesk-team1.jpg) repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 288px;
  font-weight: 900;
  background-size: cover;
  line-height: 288px;
  opacity: 0.35;
  background-position: center;
  padding: 0 50px;
}

.background-rotator .image-running .running-up {
  position: absolute;
  top: 50%;
  left: calc(-100% + 210px);
  transform: rotate(-90deg);
}
.background-rotator .image-running .running-up div.run-text {
  animation: scrollUp 30s linear infinite;
}
.background-rotator .image-running .running-down {
  position: absolute;
  top: 50%;
  left: calc(-100% + 510px);
  transform: rotate(90deg);
}
.background-rotator .image-running .running-down div.run-text {
  animation: scrollDown 30s linear infinite;
}

@keyframes scrollUp{
    0%{
      transform:translateX(100vh)
    }
    100%{ 
      transform:translateX(0)
    }
}

@keyframes scrollDown{
  0%{
    transform:translateX(0)
  }
  100%{ 
    transform:translateX(-100vh)
  }
}

.fancybox-slide--video .fancybox-content {
  max-width: 1110px;
  max-height: 625px;
}

.block-sidebar-left .header-tab-content {
  position: sticky;
  top: 5.025rem;
  padding-left: 68px;
  background: #ffff;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  z-index: 10;
  margin: 0 0 1.5rem;
}

.block-system-featured .gr__text {  
  transition: 0.7s;  
  position: relative;
}

.block-system-featured .gr__text:before {
  transform: 0.7s;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  right: 0;
  content: "";
  display: none;  
  background: linear-gradient(180deg, rgba(255,255,255, 0.5) 0%, rgba(255,255,255,0.6) 25%,
   rgba(255,255,255,0.7) 50%, rgba(255,255,255,0.8) 75%, rgb(255, 255, 255) 100%); 
}

.block-system-featured .gr__text:not(:last-child) {
  margin-bottom: 9rem;
}
.block-system-featured .gr__text.active:before {
  background: unset;
}

.block-system-featured .position-sticky {
  transition: 0.7s;
  max-height: 510px;
  overflow: hidden;
  top: calc(100vh/2 - 175px);   
}

.block-system-featured .position-sticky.active {  
  transform: translate(0, -50%);
}

.block-system-featured .position-sticky .wrapper-images {
  position: relative;
  height: 510px;
  width: 100%;
}

.block-system-featured .position-sticky .row-items__image {
  opacity: 0;
  transition: 0.7s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.block-system-featured .position-sticky .row-items__image.active {
  opacity: 1;
}

@media (min-width: 992px) and (max-width: 1440px) {
  .tab-featured .tab-menu-eldesk ul li:not(:last-child) {
    margin-bottom: 3rem;
  }
}