/**********
 Variables
 **********/
body {
  /* Colors */
  --primary-color: #015ecc;
  --secondary-color: #015ecc;
  --primary-bg-color: #0a0a12;
  --primary-bg-color-always: #0a0a12;
  --secondary-bg-color: #191926;
  --secondary-bg-color-always: #191926;
  --primary-text-color: #fff;
  --secondary-text-color: #949498;
  --link-color: rgba(4, 119, 255, 1);
  --border-color: #1f1f27;
  --info-color: #015ecc;
  --success-color: #67C30B;
  --warning-color: #F1D52F;
  --danger-color: #CF4F14;
  --primary-color-hover: #0c7bfe;
  --primary-color-active: #1c83fe;
  --secondary-color-hover: #0c7bfe;
  --secondary-color-active: #1c83fe;
  --secondary-bg-color-hover: #13131c;
  --secondary-bg-color-active: #13131c;
  --secondary-text-color-hover: #9e9ea2;
  --secondary-text-color-active: #a4a4a7;
  --link-color-hover: #4198ff;
  --link-color-active: #51a0ff;
  --form-field-color: rgba(75, 75, 77, 1);

  /* Text */
  --text-font-family: 'Montserrat', sans-serif;
  --heading-font-family: 'Montserrat', sans-serif;
  --text-font-size: 14px;
  --text-font-size-large: calc(14px + 2px);
  --text-font-size-small: calc(14px - 2px);
  --heading-1-font-size: 32px;
  --heading-2-font-size: 28px;
  --heading-3-font-size: 20px;
  --heading-4-font-size: 18px;
  --heading-5-font-size: 14px;
  --heading-6-font-size: calc(14px - 2px);

  /* Other */
  --border-radius-base: 0px;
  --border-radius-small: calc(0px / 2);
  --border-radius-button: 13px;
  --logo-height: 20px;
  --assets-check-svg: url(/hc/theming_assets/01K6ME63YPQ55TGF5T2PSC9RWD);

  /* Theme settings */
  --white-color: #fff;
  --border-width: 1px;
  --minus-border-width: -1px;
  --box-shadow: 0px 4px 40px rgba(0, 0, 0, .12);
  --duration: 400ms;
  --timing-function: cubic-bezier(.17, .67, .54, 1);
}

/***********
 Base styles
 ***********/
*,
*:before,
*:after {
  box-sizing: border-box;
}

body,
html {
  min-height: 100vh;
}

[dir] body,
[dir] html {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--text-font-family);
  font-size: var(--text-font-size);
  font-weight: 400;
  line-height: 1.5;
  color: var(--primary-text-color);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  position: relative;
}

[dir] body {
  background-color: var(--primary-bg-color);
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: var(--link-color);
  text-decoration: none;
}

a:hover {
  color: var(--link-color-hover);
}

a:active,
a.is-active {
  color: var(--link-color-active);
}

a.link-primary,
.my-activities-menu__item a {
  color: var(--primary-color);
}

a.link-primary:hover,
.my-activities-menu__item a:hover {
  color: var(--primary-color-hover);
}

a.link-primary:active,
a.link-primary.is-active,
.my-activities-menu__item a:active {
  color: var(--primary-color-active);
}

a.link-secondary {
  color: var(--secondary-color);
}

a.link-secondary:hover {
  color: var(--secondary-color-hover);
}

a.link-secondary:active,
a.link-secondary.is-active {
  color: var(--secondary-color-active);
}

[dir] a.is-disabled {
  cursor: default;
}

a.is-disabled,
a.is-disabled:hover,
a.is-disabled:active,
a.is-disabled.is-active {
  color: var(--secondary-text-color);
}

[dir] a,
[dir] button,
[dir] [type=submit],
[dir] [type=button],
[dir] [type=reset] {
  cursor: pointer;
}

a,
input,
button,
select,
textarea,
label {
  transition: all 400ms cubic-bezier(0.17, 0.67, 0.54, 1);
}

a:focus,
input:focus,
button:focus,
select:focus,
textarea:focus,
label:focus {
  outline: none;
}

a.focus-visible,
input.focus-visible,
button.focus-visible,
select.focus-visible,
textarea.focus-visible,
label.focus-visible {
  outline: auto 5px -webkit-focus-ring-color;
}

[dir] figure {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

.list-unstyled {
  display: block;
  margin: 24px 0;
  padding: 0;
}

.list-unstyled li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.is-hidden,
[hidden],
img[data-plugin-inline-svg] {
  display: none !important;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .is-hidden--xl {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .is-hidden--lg {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .is-hidden--md {
    display: none !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .is-hidden--sm {
    display: none !important;
  }
}

@media (max-width: 1399px) {
  .is-hidden--xl-down {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .is-hidden--lg-down {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .is-hidden--md-down {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .is-hidden--sm-down {
    display: none !important;
  }
}

@media (max-width: 575px) {
  .is-hidden--xs,
  .is-hidden--xs-down {
    display: none !important;
  }
}

@media (min-width: 1400px) {
  .is-hidden--xxl,
  .is-hidden--xxl-up {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .is-hidden--xl-up {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .is-hidden--lg-up {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .is-hidden--md-up {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .is-hidden--sm-up {
    display: none !important;
  }
}

[dir=ltr] .is-hidden--ltr {
  display: none !important;
}

[dir=rtl] .is-hidden--rtl {
  display: none !important;
}

.ui-light .is-hidden--light-mode {
  display: none !important;
}

.ui-dark .is-hidden--dark-mode {
  display: none !important;
}

@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 960px !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}

/********
 Headings
 ********/
h1, .h1,
h2, .h2 {
  font-weight: 200;
}

h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: bold;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: var(--heading-font-family);
}

h1, .h1 {
  font-size: var(--heading-2-font-size);
  line-height: 1.2;
}

h2, .h2 {
  font-size: var(--heading-3-font-size);
  line-height: 1.3;
}

h3, .h3,
h4, .h4 {
  font-size: var(--heading-4-font-size);
  line-height: 1.4;
}

h5, .h5 {
  font-size: var(--heading-5-font-size);
}

h6, .h6 {
  font-size: var(--heading-5-font-size);
}

@media (min-width: 992px) {
  h1, .h1 {
    font-size: var(--heading-1-font-size);
    line-height: 1.1;
  }

  h2, .h2 {
    font-size: var(--heading-2-font-size);
    line-height: 1.2;
  }

  h3, .h3 {
    font-size: var(--heading-3-font-size);
    line-height: 1.3;
  }
}

[dir] h1,
[dir] .h1 {
  margin: 0 0 1.2em;
}

[dir] .markdown h1,
[dir] .markdown .h1 {
  margin-top: 1.2em;
}

/* Breadcrumbs */
.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 40px;
  padding: 0;
  list-style: none;
}

.breadcrumbs--bottom {
  margin: 12px 0 0;
}

.breadcrumbs li {
  margin-right: 11px;
  display: block;
  position: relative;
  font-size: 12px;
  line-height: 17px;
  color: #AAAAAD;
}

.breadcrumbs li a {
  color: var(--primary-text-color);
  padding-right: 10px;
}

.breadcrumbs li a:hover,
.breadcrumbs li a:active {
  color: var(--secondary-text-color);
}

.breadcrumbs li + li {
  padding-left: 27px;
}

.breadcrumbs li + li::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.3,12c0.2,0,0.4-0.1,0.5-0.2l5.4-5.3C9.3,6.3,9.4,6.2,9.4,6S9.3,5.7,9.2,5.5L3.8,0.2c-0.3-0.3-0.7-0.3-1,0 c-0.3,0.3-0.3,0.7,0,0.9L7.7,6l-4.9,4.9c-0.1,0.1-0.2,0.3-0.2,0.5s0.1,0.3,0.2,0.5C3,11.9,3.1,12,3.3,12z' fill='%23AAAAAD'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: calc(50% - 5px);
  left: 0;
  opacity: .5;
}

/* Inner pages */
.inner-page {

}

.inner-page__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}

.sidebar,
.content {
  padding: 0 16px;
}

@media (min-width: 992px) {
  .content {
    flex: 1 1 62.5%;
    max-width: 62.5%;
  }

  .sidebar {
    flex: 1 1 37.5%;
    max-width: 37.5%;
  }
}

@media (max-width: 991px) {
  .sidebar,
  .content {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .inner-page__row > * + * {
    margin-top: 40px;
  }
}


[dir] h1.content__heading {
  font-size: 24px;
  line-height: 29px;
  font-weight: 600;
  margin: 9px 0 25px;
}

.content__block {
  background-color: var(--secondary-bg-color);
  padding: 26px 32px;
  margin-bottom: 40px;
}

.content__block ul {
  display: block;
  padding: 0;
  margin: 0;
}

.content__block .col-12 {
  margin-top: 8px;
}

.content__block .row {
  margin-top: -8px;
}

.content__block h4 {
  margin: 0 0 17px;
}

.content__block a {
  color: var(--link-color-hover);
}

.content__block a:hover,
.content__block a:active {
  text-decoration: underline;
}

@media (max-width: 575px) {
  .content__block .col-12 + .col-12 {
    margin-top: 17px;
  }
}

.content__block-heading {
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 8px;
}

.content__block-list,
.content__block-list li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.content__block-list li a {
  line-height: 24px;
}

.content__block-list li a:hover,
.content__block-list li a:active {
  color: var(--link-color);
  text-decoration: underline;
}

/******/
.entry-info {
  display: flex;
  font-size: 14px;
}

.entry-info__avatar {
  flex-shrink: 0;
}

[dir=ltr] .entry-info__avatar {
  padding-right: 12px;
}

[dir=rtl] .entry-info__avatar {
  padding-left: 12px;
}

.avatar {
  position: relative;
  display: inline-block;
}

[dir] .user-avatar {
  border-radius: 100%;
  background-color: var(--white-color);
}

.user-avatar--profile {
  margin-bottom: 12px;
}

.user-avatar--default {
  width: 40px;
  height: 40px;
}

.meta {
  font-size: var(--text-font-size-small);
  color: var(--secondary-text-color);
}

.inner-page__rightbar + .inner-page__rightbar {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .inner-page__rightbar {
    margin-top: 40px;
  }
}

[dir] h2.related-articles-title,
[dir] h2.recent-articles-title,
[dir] .recent-articles h3 {
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
  margin: 0;
  padding-bottom: 16px;
  border-bottom: var(--border-width) solid var(--border-color);
}

.related-articles ul,
.recent-articles ul {
  margin: 0;
  padding: 0;
  display: block;
}

.related-articles ul li,
.recent-articles ul li {
  display: block;
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
}

.recent-articles ul li a,
.related-articles ul li a {
  display: block;
  color: var(--primary-text-color);
  line-height: 24px;
  padding-right: 24px;
  position: relative;
}

.recent-articles ul li a:hover,
.related-articles ul li a:hover {
  color: var(--link-color);
}

.recent-articles ul li a svg,
.related-articles ul li a svg {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  right: 0;
  top: calc(50% - 5px);
}

.share {
  display: flex;
  margin: 24px 0;
  padding: 0;
}

.share li {
  display: block;
  margin: 0 12px 0 0;
  padding: 0;
  list-style: none;
}

.attachments {
  margin: 24px 0;
}

.attachment-list {
  display: block;
  margin: 24px 0;
  padding: 0;
}

.attachment-list__item {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.attachment-list__item + .attachment-list__item {
  margin-top: 8px;
}

.attachment-list__item i {
  color: var(--primary-color);
}

.article-vote {
  margin-top: 32px;
  background-color: var(--secondary-bg-color);
  border-radius: var(--border-radius-base);
  padding: 24px;
  text-align: center;
}

.article-vote__title {
  margin: 0 0 24px;
  font-size: 20px;
  line-height: 24px;
}

.article-vote__count {
  margin-top: 12px;
}

.article-more-questions {
  margin: 40px 0;
}

/* Comments */
.comments__heading {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.comments__title {
  margin: 0;
}

.comments__container {
  background-color: var(--primary-bg-color);
  padding: 40px;
}

.comment-form__body textarea {
  height: 112px;
}

.comment-form__attachments,
.comment-form__controls {
  margin-top: 8px;
}

.comment-form__ccs ul {
  display: block;
  margin: 0 0 8px;
}

.comment-form__mark-as-solved {
  display: flex;
  margin-bottom: 8px;
}

.comment-form__mark-as-solved label {
  margin-left: 8px;
}

.comments__list {
  padding: 0 40px 16px;
  margin: 0 -40px 40px;
  border-bottom: var(--border-width) solid var(--border-color);
}

.comments__list--content {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.comment {
  display: flex;
  margin-bottom: 24px;
}

.comment__left {
  flex: 1 1 10px;
}

.comment__sidebar {
  width: 30px;
  margin-left: 12px;
  text-align: center;
}

.comment + .comment {
  padding-top: 24px;
  border-top: var(--border-width) solid var(--border-color);
}

.comment__heading {
  display: flex;
  align-items: center;
}

.user-avatar {
  margin-right: 12px;
}

.comment__body {
  margin-top: 12px;
}

.comment__actions {
  margin-top: 4px;
}

.request-details {
  display: flex;
  flex-wrap: wrap;
}

.request-details dt {
  flex: 0 0 50%;
  max-width: 50%;
  margin: 0;
  font-weight: bold;
}

.request-details dd {
  flex: 0 0 50%;
  max-width: 50%;
  margin: 0;
  color: var(--secondary-text-color);
}

.request-status {
  padding: 2px 8px;
  border: var(--border-radius-button);
  background-color: var(--secondary-bg-color);
  font-size: var(--text-font-size-small);
}

.request-status--open,
.request-status--new {
  background-color: var(--danger-color);
  color: var(--white-color);
}

.request-status--answered {
  background-color: var(--warning-color);
  color: var(--white-color);
}

.request-status--solved,
.request-status--closed {
  background-color: var(--success-color);
  color: var(--white-color);
}

/**/
.my-activities-menu {
  display: flex;
  margin: 0 0 32px;
  padding: 12px 12px 0;
  font-weight: bold;
  background-color: var(--secondary-bg-color);
}

.my-activities-menu__item {
  display: block;
  margin: 0 32px 0 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 480px) {
  .my-activities-menu__item {
    margin: 0 12px 0 0;
  }
}

.my-activities-menu__item.is-active {
  padding: 0 0 12px;
  border-bottom: 3px solid var(--primary-color);
}

.my-activities {
  width: 100%;
}

.my-activities thead {
  font-weight: bold;
}

.my-activities thead td {
  padding-bottom: 12px;
}

.my-activities tbody td {
  padding: 4px 0;
}

.my-activities__btn {
  width: 10px;
}

.pagination {
  display: block;
  margin: 24px 0;
}

.pagination-list {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.pagination-list li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pagination-list li + li {
  margin-left: 4px;
}

@media (max-width: 767px) {
  .my-activities__is-hidden {
    display: none !important;
  }
}

.my-activities thead .requests-link,
.my-activities thead .requests-link:hover,
.my-activities thead .requests-link:active {
  color: var(--primary-text-color);
}

.my-activities thead .requests-sort-symbol {
  font-size: 10px;
  color: var(--link-color);
  margin-left: 4px;
}

#search-filter {
  margin-bottom: 40px;
}

.filter {
  margin: 0;
}

@media (min-width: 768px) {
  .filter {
    display: block !important;
    height: auto !important;
  }
}

@media (max-width: 767px) {
  #search-filter h3::after {
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
    content: "\f107";
    color: var(--secondary-text-color);
    margin-left: 8px;
  }
}


.filter li {
  padding: 4px 0;
}

.filter__btn {
  margin-top: 24px;
}

.topic-list__item + .topic-list__item {
  margin-top: 24px;
  padding-top: 24px;
  border-top: var(--border-width) solid var(--border-color);
}

.topic-list__heading {
  margin-top: 0;
}

.topic-list + .pagination {
  margin-top: 40px;
}

.topic-controls {
  margin-bottom: 40px;
}

.vote-sum {
  margin: 0 12px;
}

/* Profile */
.profile-stats:first-child {
  margin-top: 0;
}

.profile-stats__stat {
  display: flex !important;
}

.profile-stats__label {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
  color: var(--secondary-text-color);
  font-size: var(--text-font-size-small);
}

.profile-stats__label::after {
  content: ':';
}

.profile-stats__value {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
  font-weight: bold;
  font-size: var(--text-font-size-small);
}

.community-badges-block {
  padding-bottom: 24px;
}

.community-badges {
  display: flex;
  flex-wrap: wrap;
}

.community-badges img {
  width: 40px;
  height: 40px;
  margin-right: 4px;
}

.community-badge-titles {
  display: inline-block;
  font-family: var(--text-font-family);
  font-size: var(--text-font-size-small);
  font-weight: normal;
  background-color: var(--secondary-color);
  padding: 2px 4px;
  border-radius: var(--border-radius-button);
  color: var(--white-color);
  line-height: 1;
  vertical-align: middle;
}

.profile-heading {
  margin-bottom: 40px;
}

.profile-heading h2 {
  margin: 0 0 12px;
}

.profile-user-meta > span {
  display: block;
  font-weight: bold;
  color: var(--primary-text-color);
}

.profile-badges-item-image {
  display: block;
  margin-right: 12px;
}

.profile-badges-item-image img {
  width: 40px;
  height: 40px;
  display: block;
}

.profile-badges-item-image.titles {
  border-radius: 50%;
  background-color: var(--secondary-text-color);
}

.profile-badges-item-metadata {
  margin-top: 12px;
}

/* Header */
.header {
  display: block;
  position: fixed;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: rgba(10, 10, 17, 0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 500;
}

.header .container {
  display: flex;
  justify-content: space-between;
  align-content: center;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.header .logo {
  display: block;
  height: var(--logo-height);
}

.header .logo img {
  display: block;
  height: 100%;
  width: auto;
}

.header__link {
  display: flex;
  align-items: center;
  color: var(--primary-text-color);
  font-size: 12px;
}

.header__link > img {
  display: none;
}

.header__link svg {
  width: 12px;
  height: 12px;
  margin-right: 9px;
}

.header__link:hover,
.header__link:active,
.header__link.is-active {
  color: var(--secondary-text-color);
  text-decoration: none;
}

.header__right {
  flex: 1 1 10px;
  display: flex;
  justify-content: flex-end;
  align-content: center;
}

.header__right > * + * {
  margin-left: 30px;
}

.header__link-arrow {
  display: block;
  width: 0;
  height: 0;
  border-width: 3px;
  border-color: #fff transparent transparent;
  border-style: solid;
  margin-left: 8px;
  margin-top: 3px;
  opacity: .4;
}

@media (max-width: 559px) {
  .header__link--custom {
    display: none;
  }
}

.powered-by-zendesk {
  display: none !important;
}

/* Welcome */
.welcome {
  padding-top: 140px;
  background: url(/hc/theming_assets/01K5H4EJ2RM0KGG5SHGVM2R5ET) no-repeat center;
  background-size: cover;
  position: relative;
  z-index: 3;
}

.welcome--min {
  padding: 117px 0 56px;
}

.welcome::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(0deg, var(--primary-bg-color) 0%, rgba(10, 10, 18, 0) 100%);
}

.welcome .search {
  display: block;
  position: relative;
  margin-bottom: 48px;
}

.welcome input[type="search"] {
  height: 72px;
  font-size: var(--text-font-size-large);
  border: none;
  padding-left: 80px;
  outline: none !important;
  background-color: var(--white-color);
}

.welcome--min .search {
  margin-bottom: 0;
}

.welcome--min input[type="search"] {
  height: 58px;
  opacity: .8;
  transition: opacity var(--duration) var(--timing-function);
}

.welcome--min input[type="search"]:focus,
.welcome--min.is-active input[type="search"] {
  opacity: 1;
}

.welcome__title {
  font-size: 40px;
  line-height: 48px;
  font-weight: 200;
  margin: 0 0 9px !important;
}

.welcome__subtitle {
  font-size: 16px;
  line-height: 32px;
  margin: 0 0 24px;
}

.welcome__search {
  position: relative;
}

.welcome__search-icon {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 32px;
  z-index: 2;
}

.search__close {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 76px;
  height: 100%;
  background-color: var(--white-color);
  color: var(--primary-bg-color);
}

.search__close:hover,
.search__close:active {
  color: var(--primary-color);
}

.search__close img,
.search__close svg {
  display: block;
  width: 26px;
  height: 26px;
}

/* Custom blocks */
.custom-blocks {
  margin-top: -40px;
}

.custom-blocks .row {
  margin: -8px;
}

.custom-blocks .col-12 {
  padding: 8px;
}

.custom-block {
  display: block;
  background-color: var(--secondary-bg-color);
  color: var(--primary-text-color);
  padding: 20px 24px 60px;
  position: relative;
  height: 100%;
}

.custom-block:hover {
  text-decoration: none;
  background-color: var(--secondary-bg-color-hover);
  color: var(--primary-text-color);
}

.custom-block:active {
  text-decoration: none;
  background-color: var(--secondary-bg-color-active);
  color: var(--primary-text);
}

.custom-block__image {
  display: block;
  width: 60px;
  height: 56px;
  margin: 0 0 24px;
}

.custom-block__title {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}

.custom-block__title span {
  font-weight: normal;
}

.custom-block__description {
  display: block;
  font-size: 12px;
  line-height: 17px;
  margin-top: 8px;
}

.custom-block__explore {
  display: flex;
  align-items: center;
  position: absolute;
  left: 24px;
  bottom: 24px;
  font-size: 12px;
  color: var(--secondary-text-color);
  transition: all var(--duration) var(--timing-function);
}

@media (min-width: 768px) {
  .custom-block--center {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  .custom-block--center .custom-block__title {
    order: -1;
    margin-right: 12px;
  }

  .custom-block--center .custom-block__image {
    margin-bottom: 8px;
  }

  .custom-block--center .custom-block__explore {
    left: 50%;
    transform: translateX(-50%);
  }

  .custom-block--center .custom-block__description {
    width: 100%;
  }
}

.custom-block svg {
  display: block;
  margin-right: 4px;
  width: 12px;
  height: 12px;
}

.custom-block:hover .custom-block__explore,
.custom-block:active .custom-block__explore {
  color: var(--primary-color);
}

.custom-block--right-img .custom-block__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  row-gap: 0;
  width: calc(100% - 72px);
  min-height: 60px;
}

.custom-block--right-img .custom-block__image {
  margin: 0;
  position: absolute;
  top: 20px;
  right: 24px;
}

.custom-block--right-img.custom-block--min .custom-block__image {
  top: 8px;
  right: 8px;
}

@media (max-width: 767px) {
  .custom-block--right-img-mobile .custom-block__title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    row-gap: 0;
    width: calc(100% - 72px);
    min-height: 60px;
  }

  .custom-block--right-img-mobile .custom-block__image {
    margin: 0;
    position: absolute;
    top: 20px;
    right: 24px;
  }
}

/* Promoted articles */
.promoted-articles {
  margin-top: 56px;
}

.promoted-articles__title {
  margin: 0 0 39px;
}

/* Article list */
.article-list {
  display: block;
  margin: 0;
  padding: 0;
}

.article-list__item {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.article-list__link {
  display: block;
  border-bottom: var(--border-width) solid var(--border-color);
  padding: 20px 20px 20px 0;
  color: var(--primary-text-color);
  font-size: var(--text-font-size-large);
  position: relative;
}

.article-list--min .article-list__link {
  font-size: var(--text-font-size);
  padding: 16px 20px 16px 0;
}

.article-list__item:first-child .article-list__link {
  border-top: var(--border-width) solid var(--border-color);
}

.article-list__link svg {
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  right: 0;
  top: calc(50% - 6px);
  color: var(--secondary-text-color);
  transition: color var(--duration) var(--timing-function);
}

.article-list--min .article-list__link svg {
  width: 10px;
  height: 10px;
  top: calc(50% - 5px);
}

.article-list__link:hover,
.article-list__link:active {
  color: var(--link-color);
}

.article-list__link:hover svg,
.article-list__link:active svg {
  color: var(--link-color);
}

/* CTA */
.cta {
  margin-top: 72px;
}

.cta-home {
  margin-top: 25px;
}

.cta__container {
  background-color: var(--primary-color);
  border-radius: var(--border-radius-base);
  padding: 38px 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cta__container--1 {
  background-color: #015ecc;
}

.cta__container--2 {
  background-color: rgba(136, 133, 138, 1);
}

.cta__container--1 .btn {
  color: #015ecc;
}

.cta__container--2 .btn {
  color: rgba(136, 133, 138, 1);
}

.cta__container .btn {
  min-width: 180px;
}

.cta__container .btn-home {
  min-width: 227px;
}

@media (max-width: 991px) {
  .cta__container {
    padding: 24px;
  }
}

.cta__content {
  max-width: 367px;
}

.cta__title {
  margin: 0 0 8px;
}

@media (max-width: 575px) {
  .cta__container {
    display: block;
  }

  .cta__content {
    max-width: 100%;
    margin-bottom: 24px;
  }
}

/* Footer */
.footer {
  background-color: #21212D;
  margin-top: 72px;
  padding: 32px 0;
  text-align: center;
}

.footer__logo {
  display: inline-block;
  margin-bottom: 32px;
}

.footer__soc {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
}

.footer__soc a {
  display: block;
}

.footer__soc a + a {
  margin-left: 40px;
}

.footer__soc a img {
  display: block;
  width: 16px;
  height: 16px;
}

.footer__soc a:hover,
.footer__soc a:active {
  opacity: .4;
}

.footer__copy {
  font-size: 11px;
  opacity: .4;
}

/* Custom search */
zd-autocomplete {
  display: none !important;
}

.custom-search {
  position: absolute;
  background: var(--white-color);
  z-index: 999;
  display: none;
  padding: 5px 2px 26px;
  overflow: hidden;
  min-height: 101px;
}

.custom-search::before {
  content: '';
  display: block;
  width: calc(100% - 64px);
  height: var(--border-width);
  position: absolute;
  top: 0;
  left: 32px;
  background-color: #21212D;
  opacity: .1;
}

.custom-search::after {
  content: 'Loading...';
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 100%;
  top: var(--border-width);
  left: 0;
  background-color: rgba(255, 255, 255, .5);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  opacity: 0;
  visibility: hidden;
  color: var(--primary-bg-color);
}

.custom-search__no-results {
  color: var(--primary-bg-color);
  padding: 21px 30px 0;
}

.custom-search.is-pending::after {
  opacity: 1;
  visibility: visible;
}

.custom-search.is-active {
  display: block;
}

.custom-search__article {
  display: block;
  padding: 13px 30px;
  color: #13131B;
}

.custom-search__article-title {
  display: block;
  line-height: 18px;
  margin-bottom: 8px;
}

.custom-search__article-section {
  display: block;
  font-size: 12px;
  line-height: 15px;
  opacity: .5;
}

.custom-search__article:hover,
.custom-search__article:active {
  background-color: var(--primary-color);
  color: var(--white-color);
}

/* Section list */
.section-list__item + .section-list__item {
  margin-top: 48px;
}

.section-list__heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 24px;
}

.section-list__heading h4 {
  margin: 0;
}

/* Sidenav */
.sidenav__item--category {
  background-color: var(--secondary-bg-color);
  line-height: 18px;
}

[dir=right] .sidenav .sidenav__list--sections,
[dir=ltr] .sidenav .sidenav__list--sections {
  padding: 0;
  border: none;
  background-color: #13131B;
}

.sidenav__item--group .sidenav__item--category {
  background-color: #20202d;
}

[dir] .sidenav__item a.sidenav__item__category {
  display: flex;
  align-items: center;
  padding: 6px 48px 6px 24px;
  min-height: 48px;
  font-weight: 500;
  color: rgba(255, 255, 255, .4);
}

[dir] .sidenav__item a.sidenav__item__category:hover,
[dir] .sidenav__item a.sidenav__item__category:active,
[dir] .sidenav__item a.sidenav__item__category.is-active {
  background-color: var(--primary-color);
  color: var(--primary-text-color);
}

[dir] .sidenav__item a.sidenav__item__section {
  display: flex;
  align-items: center;
  padding: 6px 32px;
  min-height: 48px;
  font-weight: normal;
  color: var(--primary-text-color);
  margin: 0;
}

[dir] .sidenav__item a.sidenav__item__section:hover,
[dir] .sidenav__item a.sidenav__item__section:active {
  color: var(--primary-color);
}

[dir] .sidenav__item a.sidenav__item__section.is-active {
  font-weight: 600;
  color: var(--primary-color);
}

.sidenav__item__category::before {
  width: 10px;
  height: 10px;
  content: '' !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='32' viewBox='0 0 32 32' width='32'%3E%3Cpath d='m16 0c-.8416 0-1.5238095.68223222-1.5238095 1.52380916v12.95238544h-12.95238098c-.8416 0-1.52380952.6822094-1.52380952 1.5238054 0 .8416036.68220952 1.523813 1.52380952 1.523813h12.95238098v12.9523778c0 .8415998.6822095 1.5238092 1.5238095 1.5238092s1.5238095-.6822094 1.5238095-1.5238092v-12.9523778h12.952381c.8416 0 1.5238095-.6822094 1.5238095-1.523813 0-.841596-.6822095-1.5238054-1.5238095-1.5238054h-12.952381v-12.95238544c0-.84157694-.6822095-1.52380916-1.5238095-1.52380916z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: .4;
}

.sidenav__item--internal .sidenav__item__category::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M5.4,1.8C5.7,1.8,6,2.1,6,2.4C6,2.7,5.8,2.9,5.5,3L5.4,3H1.8C1.5,3,1.3,3.2,1.2,3.5l0,0.1v6.6c0,0.3,0.2,0.5,0.5,0.6l0.1,0 h6.6c0.3,0,0.5-0.2,0.6-0.5l0-0.1V6.6C9,6.3,9.3,6,9.6,6c0.3,0,0.5,0.2,0.6,0.5l0,0.1v3.6c0,0.9-0.7,1.7-1.6,1.8l-0.2,0H1.8 c-0.9,0-1.7-0.7-1.8-1.6l0-0.2V3.6c0-0.9,0.7-1.7,1.6-1.8l0.2,0L5.4,1.8z M11.8,0.2C11.8,0.2,11.9,0.2,11.8,0.2L11.8,0.2 c0,0,0.1,0.1,0.1,0.1c0,0,0,0,0,0.1c0,0,0,0,0,0c0,0,0,0,0,0.1c0,0,0,0,0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0.1l0,0v3.6 c0,0.3-0.3,0.6-0.6,0.6c-0.3,0-0.5-0.2-0.6-0.5l0-0.1l0-2.2L5.2,7.6C5,7.9,4.6,7.9,4.4,7.6C4.2,7.4,4.1,7.1,4.3,6.9l0.1-0.1L10,1.2 l-2.2,0C7.5,1.2,7.3,1,7.2,0.7l0-0.1c0-0.3,0.2-0.5,0.5-0.6l0.1,0h3.6l0,0c0,0,0,0,0,0l-0.1,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0 c0,0,0,0,0.1,0c0,0,0,0,0,0c0,0,0,0,0.1,0C11.7,0.1,11.7,0.1,11.8,0.2C11.8,0.1,11.8,0.1,11.8,0.2L11.8,0.2z' fill='%23fff'/%3E%3C/svg%3E");
}

[dir=ltr] .sidenav__item__category:hover::before,
[dir=ltr] .sidenav__item__category:active::before {
  opacity: 1;
}

[dir=ltr] .sidenav__item__category.is-active::before {
  transform: translate(50%, -50%) rotate(45deg) !important;
  opacity: 1;
}

.sidenav__item__section::before {
  display: none !important;
}

/* Article page */
[dir] h1.article-title {
  margin: 0 0 16px;
}

[dir] h1.new-request-title {
  margin: 0 0 32px;
  font-weight: 300;
  font-size: 32px;
  line-height: 44px;
}

.article-actions-wrapper {
  display: none;
}

.markdown p {
  line-height: 24px;
  margin: 24px 0;
}

.markdown p:first-child {
  margin-top: 0;
}

.markdown p:last-child {
  margin-bottom: 0;
}

.markdown pre {
  display: block;
  width: 100%;
  overflow-x: auto;
  border-radius: var(--border-radius-base);
  padding: 12px;
  background-color: var(--secondary-bg-color);
}

.markdown img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 12px 0;
}

.btn-info {
  display: inline-block;
  border-radius: 12px;
  font-size: 11px;
  line-height: 18px;
  padding: 3px 12px 3px 25px;
  position: relative;
  background-color: var(--link-color);
  color: var(--primary-text-color);
}

.btn-info:hover {
  background-color: var(--link-color-hover);
  color: var(--primary-text-color);
}

.btn-info:active {
  background-color: var(--link-color-active);
  color: var(--primary-text-color);
}

.btn-info::before {
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg height='10' viewBox='0 0 10 10' width='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.16666667 6.25c.23011864 0 .41666666-.18654802.41666666-.41666667v-1.66666666c0-.23011865-.18654802-.41666667-.41666666-.41666667-.23011865 0-.41666667.18654802-.41666667.41666667v1.66666666c0 .23011865.18654802.41666667.41666667.41666667zm0-6.25c-2.30208334 0-4.16666667 1.86458333-4.16666667 4.16666667 0 2.30208333 1.86458333 4.16666666 4.16666667 4.16666666 2.30208333 0 4.16666666-1.86458333 4.16666666-4.16666666 0-2.30208334-1.86458333-4.16666667-4.16666666-4.16666667zm0 7.5c-1.8375 0-3.33333334-1.49583333-3.33333334-3.33333333s1.49583334-3.33333334 3.33333334-3.33333334 3.33333333 1.49583334 3.33333333 3.33333334-1.49583333 3.33333333-3.33333333 3.33333333zm0-4.58333333c.23011864 0 .41666666-.18654802.41666666-.41666667s-.18654802-.41666667-.41666666-.41666667c-.23011865 0-.41666667.18654802-.41666667.41666667s.18654802.41666667.41666667.41666667z' fill='%23fff' fill-rule='nonzero' transform='translate(.833333 .833333)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  left: 9px;
  top: calc(50% - 4.5px);
}

.user-profile-heading {
  text-align: center;
}

.custom-search__categories {
  padding: 8px 30px;
}

.custom-search__category {
  margin-bottom: 2px;
}

.searchbox ul, li {
  display: list-item !important;
}

.inner-page__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.inner-page__heading {
  margin-bottom: 30px;
}

.inner-page__heading h1 {
  margin-bottom: 0;
}

@media (max-width: 575px) {
  .inner-page__heading {
    flex-direction: column;
    align-items: flex-start;
  }

  .inner-page__heading a {
    margin-top: 18px;
  }
}

.content__block-spoiler {
  margin-top: 12px;
}

.content__block-spoiler-title {
  display: block;
  position: relative;
  padding: 6px 0 6px 22px;
  color: var(--link-color);
  cursor: pointer;

}

.content__block-spoiler-title::before {
  display: block;
  width: 10px;
  height: 10px;
  content: '' !important;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='32' viewBox='0 0 32 32' width='32'%3E%3Cpath d='m16 0c-.8416 0-1.5238095.68223222-1.5238095 1.52380916v12.95238544h-12.95238098c-.8416 0-1.52380952.6822094-1.52380952 1.5238054 0 .8416036.68220952 1.523813 1.52380952 1.523813h12.95238098v12.9523778c0 .8415998.6822095 1.5238092 1.5238095 1.5238092s1.5238095-.6822094 1.5238095-1.5238092v-12.9523778h12.952381c.8416 0 1.5238095-.6822094 1.5238095-1.523813 0-.841596-.6822095-1.5238054-1.5238095-1.5238054h-12.952381v-12.95238544c0-.84157694-.6822095-1.52380916-1.5238095-1.52380916z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: .4;
  transition: all .3s ease-in-out;
}

.content__block-spoiler-title.is-active {
  color: #fff;
}

.content__block-spoiler-title.is-active::before {
  transform: translateY(-50%) rotate(45deg);
  opacity: 1;
}

.content__block-spoiler-content {
  padding-top: 12px;
}

.new-request-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.new-request-title img {
  height: 48px;
}

@media (max-width: 575px) {
  .new-request-title {
    flex-direction: column;
    align-items: flex-start;
  }
}

[dir] #request_description_hint {
  display: block;
}

/* FORM */
.request_ticket_form_id,
.form-id-30364965007517 .welcome,
.form-id-30364965007517 .form-last,
.form-id-30364965007517 .new-request-title-0 {
  display: none !important;
}

.form-id-30364965007517 .new-request-title-30364965007517 {
  display: block !important;
}

.form-id-30364965007517 .welcome-bg {
  display: block !important;
  position: relative;
  margin-top: 60px;
}

.welcome-tooltip {
  display: block;
  position: absolute;
  right: 40px;
  bottom: 40px;
}

.welcome-tooltip__trigger {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #355971;
  background-color: #262425;
  color: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 18px;
  font-family: monospace;
  font-weight: bold;
}

.welcome-tooltip__message {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 16px;
  border-radius: 8px;
  border: 2px solid #355971;
  background-color: #262425;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease-in-out;
}

.welcome-tooltip:hover .welcome-tooltip__message {
  opacity: 1;
  visibility: visible;
}

.welcome-tooltip__trigger::before {
  content: "i";
}

.form-id-30364965007517 .welcome-bg img {
  display: block;
  width: 100%;
  height: 20vw;
  max-height: 320px;
  min-height: 280px;
  object-fit: cover;
}

.form-id-30364965007517 .form-icons {
  display: flex !important;
  width: 100%;
}

.form-id-30364965007517 .form-icons::before,
.form-id-30364965007517 .form-icons::after {
  content: '';
  display: block;
  flex: 1 1 0;
  background-color: rgba(0, 0, 0, .3);
}

.form-id-30364965007517 .form-icons img {
  display: block !important;
  margin: 0 auto;
  max-width: 1310px;
  width: 100%;
}

.form-id-30364965007517 .inner-page {
  background: url(/hc/theming_assets/01K5VDP5ZBPYC81T7RFP0G4GEF) no-repeat top center;
  background-size: cover;
  padding-bottom: 80px;
}

.form-id-30364965007517 .footer {
  margin-top: 0;
  background-color: transparent;
}

.new-request-form-title {
  font-size: 36px;
  color: #e6ba4a;
  font-weight: bold;
}

.new-request-form-subtitle {
  font-size: 32px;
  color: #ffffff;
  font-weight: 200;
}

.new-request-form-message-1 {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 32px;
}

.new-request-form-message-2 {
  padding: 15px;
  border: 2px solid #ffffff;
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .form-id-30364965007517 .request_custom_fields_360030675731,
  .form-id-30364965007517 .request_custom_fields_360030654992,
  .form-id-30364965007517 .request_custom_fields_360030655012 {
    width: 50%;
  }
}

html select,
html textarea,
html input[type="text"],
html input[type="password"],
html input[type="datetime"],
html input[type="datetime-local"],
html input[type="date"],
html input[type="month"],
html input[type="time"],
html input[type="week"],
html input[type="number"],
html input[type="email"],
html input[type="url"],
html input[type="search"],
html input[type="tel"],
html input[type="color"],
html input[type="file"],
html #upload-dropzone,
html .nesty-input,
html .hc-multiselect-toggle,
html ul[data-hc-pills-container] {
  background: #fff;
}

.form-id-30364965007517 select,
.form-id-30364965007517 textarea,
.form-id-30364965007517 input[type="text"],
.form-id-30364965007517 input[type="password"],
.form-id-30364965007517 input[type="datetime"],
.form-id-30364965007517 input[type="datetime-local"],
.form-id-30364965007517 input[type="date"],
.form-id-30364965007517 input[type="month"],
.form-id-30364965007517 input[type="time"],
.form-id-30364965007517 input[type="week"],
.form-id-30364965007517 input[type="number"],
.form-id-30364965007517 input[type="email"],
.form-id-30364965007517 input[type="url"],
.form-id-30364965007517 input[type="search"],
.form-id-30364965007517 input[type="tel"],
.form-id-30364965007517 input[type="color"],
.form-id-30364965007517 input[type="file"],
.form-id-30364965007517 #upload-dropzone,
.form-id-30364965007517 .nesty-input,
.form-id-30364965007517 .hc-multiselect-toggle,
.form-id-30364965007517 ul[data-hc-pills-container] {
  border-radius: 24px;
  background: linear-gradient(to right, #3C2F4D, #3A5C8A);
  border: 1px solid #3A5C8A;
  color: #fff;
}

.form-id-30364965007517 .request-form footer {
  text-align: left;
}

.form-id-30364965007517 .request-form footer input {
  border-radius: 50px;
}

[data-visible],
.visible-30364965007517,
.visible-16114371737501 {
  display: none !important;
}

.form-id-30364965007517 .visible-30364965007517,
.form-id-16114371737501 .visible-16114371737501 {
  display: block !important;
}

main {
  overflow: hidden;
}

html[dir] .hc-multiselect-toggle ul li {
  background-color: #000;
  color: #fff;
}

.welcome-bg__bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.welcome-bg__title {
  width: 100%;
  padding: 0 15px;
  text-align: center;
  font-size: 60px;
  margin-bottom: 24px;
  text-shadow: 0 0 30px #71453c;
}

.welcome-bg__title * {
  margin: 0;
}

.welcome-bg__icons {
  width: 100%;
  background-color: rgba(0, 0, 0, .3);
  padding: 24px 0;
}

.welcome-bg__icons .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.welcome-bg__item {
  flex: 1 1 25%;
  display: flex;
  align-items: center;
  gap: 30px;
}

.welcome-bg__item-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  border: 2px solid #fff;
  border-radius: 14px;
  padding: 3%;
}

[dir] .welcome-bg__item-img img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: auto;
}

.welcome-bg__item-title {
  flex: 1 1 10px;
  font-size: 30px;
  line-height: 1.2;
}

.welcome-bg__item-title * {
  margin: 0;
}

@media (max-width: 991px) {
  .welcome-bg__title {
    font-size: 6vw;
    margin-bottom: 2vw;
  }

  .welcome-bg__item-title {
    font-size: 2.2vw;
  }

  .welcome-bg__item {
    gap: 2vw;
  }

  .welcome-bg__item-img {
    width: 7vw;
    height: 7vw;
    border-width: 1px;
    border-radius: 1.5vw;
  }
}

main[role="main"] {
  min-height: 75vh;
}

/* Form boxes */
.form-field--boxes .nesty-input,
.form-field--boxes label[for]::after {
  display: none;
}

.new-request-tiles__heading {
  text-align: center;
  font-size: var(--heading-2-font-size);
  font-weight: bold;
  color: var(--primary-text-color);
  opacity: 1;
  margin: 0 0 24px;
}

.new-request-tiles__subheading {
  margin: 0 0 24px;
  text-align: center;
}

[dir] .new-request-tiles__list {
  margin-right: -8px;
  margin-left: -8px;
}

.new-request-tiles__list .col-12 {
  padding: 8px;
}

@media (min-width: 768px) {
  .new-request-tiles__list .single {
    max-width: 60%;
    flex: 0 0 60%;
    margin-left: 20%;
  }
}

.new-request-tile {
  display: flex;
  gap: 24px;
  height: 100%;
  border-radius: var(--border-radius-base);
  background-color: var(--secondary-bg-color);
  color: var(--primary-text-color);
  padding: 20px 24px;
}

.new-request-tile:hover {
  text-decoration: none;
  background-color: var(--secondary-bg-color-hover);
  color: var(--primary-text-color);
}

.new-request-tile__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}

.new-request-tile__image img {
  display: block;
  width: 50px;
  height: 50px;
}

.new-request-tile__content {
  flex: 1 1 10px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.new-request-tile__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}

.new-request-tile__description {
  font-size: 12px;
  line-height: 17px;
}

.new-request-tiles__header {
  margin-bottom: 24px;
}

.custom-block.js-new-request-tile {
  padding: 20px 24px;
}

.new-request-tiles__checkbox {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  border: 1px solid var(--primary-color);
  position: absolute;
  top: calc(50% - 12px);
  left: 24px;
}

.new-request-tiles__checkbox.is-checked {
  background: var(--primary-color) var(--assets-check-svg) no-repeat center;
}

.new-request-tiles__continue {
  padding-top: 24px;
  text-align: center;
}

.custom-form {
  background-color: var(--secondary-bg-color);
  padding: 48px 24px;
  border-radius: var(--border-radius-base);
}

.custom-form .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.new-request-tiles__list .custom-block {
  border-radius: 12px;
  border: 1px solid transparent;
  position: relative;
}

.new-request-tiles__list .custom-block.multiselect {
  padding-left: 60px;
}

.new-request-tiles__list .custom-block--min {
  padding-top: 6px;
  padding-bottom: 6px;
}

.new-request-tiles__list .custom-block:hover {
  background: linear-gradient(to right, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0));
  border-color: rgba(96, 165, 250, 0.85);
  box-shadow: 0 0 40px rgba(59, 130, 246, 0.82);
  z-index: 2;
}

.new-request-tiles__list .custom-block:focus {
  box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.5);
}

html[dir] .request-form input,
html[dir] .request-form select,
html[dir] .request-form textarea,
html[dir] .request-form .nesty-input {
  border-radius: 12px;
}

.new-request-tiles__multiselect-container {
  margin: 24px 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.new-request-tiles__multiselect {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 6px;
  min-height: 49px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
}

.new-request-tiles__multiselect span {
  display: block;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid var(--primary-color);
  background-color: rgba(1, 94, 204, .3);
}

.new-request-tiles__image {
  display: block;
  width: 60px;
  height: auto;
  margin: 0 auto 24px;
}