@import "/static/css-promo/fonts.css";
@import "/static/css-promo/colors.css";
@import "/static/css-promo/typography.css";
@import "/static/css-promo/header.css";
@import "/static/css-promo/display.css";
@import "/static/css-promo/partners.css";
@import "/static/css-promo/our-clients.css";
@import "/static/css-promo/our-bots.css";
@import "/static/css-promo/pluses.css";
@import "/static/css-promo/free-connect.css";
@import "/static/css-promo/article.css";
@import "/static/css-promo/web.css";
@import "/static/css-promo/online.css";
@import "/static/css-promo/screen.css";
@import "/static/css-promo/faq.css";
@import "/static/css-promo/contact-us.css";
@import "/static/css-promo/footer.css";
@import "/static/css-promo/popup.css";
@import "/static/css-promo/prices.css";
@import "/static/css-promo/blog-list.css";
@import "/static/css-promo/company-card-promo.css";

html {
  scroll-padding-top: 100px;
}

h1, h2 {
  color: var(--h-1-h-2);
}

.clear-list-style {
  list-style: none;
}

.center-block {
  margin: 0 auto;
}

.dark-bg {
  background: var(--bg-pluses);
}

.dark-bg .btn-close {
  background: var(--bs-btn2-close-bg);
}

.white-text {
  color: var(--white);
}

.light-grey-text {
  color: #79777D;
}

.dark-text {
  color: var(--dark-text);
}

.btn-violent,
.btn-white,
.btn-gray,
.btn-gray-mini {
  padding: 20px;
  align-items: center;
  border-radius: 40px;
  border: none;
  display: inline-block;
  text-decoration: none;
  font-family: Nunito, sans-serif;
  font-weight: bold;
}

.btn-violent.p10 {
  padding: 10px 10px;
}

.btn-gray-mini {
  padding: 10px 20px;
}

.btn-violent {
  background-color: var(--text-purple);
  color: var(--white);
}

.btn-white {
  background-color: var(--white);
  color: var(--text-purple);
}

.btn-gray {
  background-color: #F5F4F7;
  color: var(--text-purple);
  border-radius: 12px;
  font-family: Nunito, sans-serif;
  font-size: 1.5rem;
  line-height: 1.4em;
  font-weight: bold;
}

.btn-gray-mini {
  background: var(--text-purple);
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.4em;
  font-weight: bold;
  height: 60px;
  display: flex;
  justify-content: center;
  flex-flow: column nowrap;
  column-gap: 4px;
}

.btn-violent:focus,
.btn-white:focus {
  filter: drop-shadow(0 8px 16px rgba(82, 22, 143, 0.27));
}

.btn-violent:hover {
  background-color: var(--white);
  color: var(--text-purple);
  filter: drop-shadow(0 8px 16px rgba(82, 22, 143, 0.27));
}

.dark-hover.btn-white:hover,
.dark-hover.btn-violent:hover {
  background-color: var(--bg-pluses);
  color: var(--white);
  filter: drop-shadow(0 8px 16px rgba(82, 22, 143, 0.27));
}

.btn-white:hover {
  background-color: var(--bg);
  filter: drop-shadow(0 8px 16px rgba(82, 22, 143, 0.27));
}

.purple-hover.btn-white:hover,
.purple-hover.btn-gray-mini:hover {
  background-color: var(--text-purple);
  color: var(--white);
}

.btn-font-24 {
  font-family: Nunito, sans-serif;
  font-size: 1.5rem;
  line-height: 1.4em;
  font-weight: bold;
  border-radius: 60px;
}

.btn-font-16 {
  font-size: 1em;
  border-radius: 40px;
}

.btn-font-20 {
  font-size: 1.25em;
  font-weight: bold;
}

.text-btn-notice {
  font-weight: normal;
  font-size: 14px;
}

.text-violent {
  color: var(--text-purple);
}

.nav-main-wrapper {
  column-gap: 40px;
}

.nav-wrapper {
  background-color: var(--bg-pluses);
}

.nav-wrapper .btn-white {
  font-family: Nunito, sans-serif;
  font-size: 15px;
  font-weight: bold;
}

.nav-wrapper .navbar-toggler {
  border: none;
}

.nav-wrapper .navbar-toggler-icon {
  background-image: var(--bs-navbar-toggler-icon-light-bg);
}

.logo-company {
  font-family: Poppins, sans-serif;
  font-size: 28px;
  text-decoration: none;
}

.nav-list {
  flex: 1 1 auto;
}

.nav-list a {
  font-family: Nunito, sans-serif;
  font-size: 16px;
  color: var(--white);
  text-decoration: none;
}

.nav-list a:focus, .nav-list a:hover, .navbar-nav .nav-link.active {
  color: var(--text-purple);
}

.page-team {
  background: #f2f2f2;
}

@media (min-width: 992px) and (max-width: 1439px) { /* lg size */
  .nav-wrapper .container {
    max-width: 960px;
  }

  .navbar-collapse .navbar-nav {
    display: flex;
  }

  .btn-violent,
  .btn-white,
  .btn-gray {
    padding: 10px 12px;
    line-height: normal;
  }

  .btn-font-24 {
    font-size: 15px;
    line-height: normal;
  }

  .btn-gray-mini {
    font-size: 1rem;
  }

  .logo-company {
    font-size: 1em;
    padding-top: 0;
    padding-bottom: 0;
  }

  .logo-company img {
    width: 40px;
    height: 40px;
  }

  .logo-company .me-3 {
    margin-right: 10px!important;
  }
}

.page-team {
  background: #f2f2f2;
}


@media (min-width: 768px) and (max-width: 991px) {
  .nav-wrapper .container {
    max-width: 736px;
  }

  .navbar-collapse .navbar-nav {
    display: flex;
  }

  .btn-violent,
  .btn-white,
  .btn-gray {
    padding: 10px 12px;
    line-height: normal;
  }

  .btn-font-24 {
    font-size: 15px;
    line-height: normal;
  }

  .logo-company {
    font-size: 1em;
    padding-top: 0;
    padding-bottom: 0;
  }

  .logo-company img {
    width: 40px;
    height: 40px;
  }

  .logo-company .me-3 {
    margin-right: 10px!important;
  }
}

@media (max-width: 767px) { /* sm size */
  .nav-wrapper .container {
    max-width: none;
  }

  .navbar-collapse .navbar-nav {
    display: flex;
  }

  .btn-violent,
  .btn-white,
  .btn-gray {
    padding: 10px 12px;
    line-height: normal;
  }

  .btn-font-24 {
    font-size: 15px;
    line-height: normal;
  }

  .logo-company {
    font-size: 1em;
    padding-top: 0;
    padding-bottom: 0;
  }

  .logo-company img {
    width: 40px;
    height: 40px;
  }

  .logo-company .me-3 {
    margin-right: 12px!important;
  }
}

.tl_article address time:before {
    content: '\2022';
    padding: 0 7px;
}